/* 2026: Ideally I should rewrite everything as this old code does not satisfy me anymore.... The basis was my photography website. */
* {
	margin:0;
	padding:0;
}
html, body {
	font-size:100%;
	font-size:11px;
}
a { outline:none; text-decoration:none; color:#6e6e6e; }
img { border:none; }
body {
	font-size:12px;
	font-family: monospace,sans-serif;
	background-color:#ffffff;
}

#verticalContainer {
	position:relative;
	width:893px;
	height:1000px;
	margin:0 auto;
	overflow:visible;
}

#logoTitre {
	display:block;
	position:absolute;
	left:0px;
	top:50%;
	margin-top:-300px;
	height:57px;
	width:58px;
	background:transparent url(../images/artisanatvegetal/main_logo.png) center/cover;
}
#logoTitre h1 {
	display: block;
	margin-left: 69px;
	color: #323232; /* dark gray */
	margin-top: 10px;
	font-size: 15px;
	font-weight: normal;
}

#pageLoadingAnimation {
	position:absolute;
	width:24px;
	height:24px;
	background:transparent url(../images/artisanatvegetal/loadinfo.net.gif) 0 0 no-repeat;
	top:50%;
	margin-top:-276px;
	left:160px;
	display:none;
}

#menuHautDroite, #menuHautDroite a, #menuBasDroite, #menuBasDroite a, #menuBasGauche, #menuBasGauche a { color:#6e6e6e; }
#menuHautDroite span {color:#9E9E9E;}

#menuHautDroite, #menuBasDroite , #menuBasGauche {
	font-size:11px;
	text-align:right;
	position:absolute;
	width:auto;
	top:50%;
	margin-top:-263px;
	right:7px;
	z-index:31;
}
#menuHautDroite {
	width:670px;
}
#menuBasDroite {
	text-align:right;
	width:370px;
	top:50%;
	margin-top:230px;
	right:7px;
}
#menuBasGauche {
	width:100%;
	text-align:center;
	top:50%;
	margin-top:230px;
	/*left:7px;*/
	left:0;
}
#menuHautDroite a:hover, #menuBasDroite a:hover , #menuBasGauche a:hover, #menuHautDroite a.currentSection { color:#c81748; }

#menuHautDroite a, #menuHautDroite span, #menuHautDroite #navigation {
	display:block;
	float:right;
	padding:5px;
}
#menuHautDroite #navigation span {
	display:block;
	float:left;
	padding:1px 5px;
}
#menuHautDroite #navigation {
	margin-top:-1px;
	margin-right:0px;
    padding:5px 0px 5px 5px;
}

#content > a.prevPhotos, #content > a.nextPhotos {
    display:block;
    width:26px;
    height:26px;
    position:absolute;
    top:50%;
    margin-top:-113px;
    background-repeat:no-repeat;
}
#content > a.prevPhotos {
    left:-96px;
    padding:100px 20px 100px 50px;
    background-image:url(../images/prev-page.png);
    background-position:50px 100px;
}
#content > a.nextPhotos {
    right:-96px;
    padding:100px 50px 100px 20px;
    background-image:url(../images/next-page.png);
    background-position:20px 100px;
}
#content > a.prevPhotos:hover {
    background-image:url(../images/prev-page-over.png);
}
#content > a.nextPhotos:hover {
    background-image:url(../images/next-page-over.png);
}



#musicPlayer {
	position:absolute;
	right:50px;
	top:18px;
	width:300px;
	text-align:right;
	font-size:11px;
}
#musicPlayer, #musicPlayer a {
	color:#8E8E8E;
}
#musicAnim {
	display:block;
	position:absolute;
	right:10px;
	top:8px;
	width:24px;
	height:24px;
	background: url(../images/music.gif) 0 0 no-repeat;
}


#content {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-232px;
	width:100%;
	height:448px;
	overflow:visible;
	background-color:#ffffff;
}

#cacheLeft {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background-color:#ffffff;
}
#cacheRight {
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	background-color:#ffffff;
}

#fadeEffectOverlay {
	background:transparent url(../images/fadeEffect.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

div.contentPage {
	position:absolute;
	left:0;
	top:0;
	width:893px;
	height:100%;
	overflow:hidden;
	z-index:2;
}
div.thumbnailsPage.visiblePage {
	z-index:20;
}
div.thumbnailsPage.hiddenPage {
	z-index:10;
}

div.thumbnailsPage a, div.thumbnailsPage a:hover, div.thumbnailsPage .noThumbnail {
	line-height:0;
	display:block;
	position:absolute;
	width:222px;
	height:148px;
	text-decoration:none;
	border:0;
	overflow:hidden;
}
div.thumbnailsPage .noThumbnail {
	background:#BFBFBF;
}

/* $cell_width=223; $cell_height=149; */
div.thumbnailsPage .thumb0 {left:1px;top:1px;}
div.thumbnailsPage .thumb1 {left:224px;top:1px;}
div.thumbnailsPage .thumb2 {left:447px;top:1px;}
div.thumbnailsPage .thumb3 {left:670px;top:1px;}
div.thumbnailsPage .thumb4 {left:1px;top:150px;}
div.thumbnailsPage .thumb5 {left:224px;top:150px;}
div.thumbnailsPage .thumb6 {left:447px;top:150px;}
div.thumbnailsPage .thumb7 {left:670px;top:150px;}
div.thumbnailsPage .thumb8 {left:1px;top:299px;}
div.thumbnailsPage .thumb9 {left:224px;top:299px;}
div.thumbnailsPage .thumb10 {left:447px;top:299px;}
div.thumbnailsPage .thumb11 {left:670px;top:299px;}

div.thumbnailsPage a img {
	width:222px;
	height:148px;
	margin:0;
	border:0;
}
div.thumbnailsPage a.zoom>.comscount {
	display:none;
	position:absolute;
	bottom:5px;
	right:5px;
	padding:2px 4px;
	background:#222;
	line-height:11px;
	font-size:11px;
	color:#fff;
	-moz-border-radius:4px;
	border-radius:4px;
}
div.thumbnailsPage a:hover.zoom>.comscount {
	display:block;
}

div.thumbnailsPage a .txtOverlay {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:222px;
	height:30px;
	margin:0;
	background-color:#000000;
}

div.thumbnailsPage a .txtContent {
	font-size:12px;
	line-height:13px;
	color:white;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:90%;
	padding-bottom:9px;
	height:auto;
	margin-left:15px;
	overflow:visible;
}

div.thumbnailsPage a.zoom>.comscount, div.thumbnailsPage a.zoom>div.coms {
	display:none;
}

div.thumbnailsPage a.zoom>.thumbvideo {
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    width:48px;
    height:48px;
    margin-left:-24px;
    margin-top:-24px;
    background:transparent url(../images/play-the-video48.png) 0 0 no-repeat;
    opacity:0.9;
}
div.thumbnailsPage a.zoom>.thumbvideo:hover {
    opacity:1;
}

#contentCornerTopLeft, #contentCornerTopRight, #contentCornerBottomLeft, #contentCornerBottomRight {
	position:absolute;
	width:9px;
	height:9px;
	overflow:hidden;
	z-index:30;
}
#contentCornerTopLeft {
	top:1px;
	left:1px;
	background:transparent url(../images/coins.png) -9px -9px no-repeat;
}
#contentCornerTopRight {
	top:1px;
	right:1px;
	background:transparent url(../images/coins.png) 0 -9px no-repeat;
}
#contentCornerBottomLeft {
	bottom:1px;
	left:1px;
	background:transparent url(../images/coins.png) -9px 0 no-repeat;
}
#contentCornerBottomRight {
	bottom:1px;
	right:1px;
	background:transparent url(../images/coins.png) 0 0 no-repeat;
}


#contentShadowLeft, #contentShadowRight, #contentShadowTop, #contentShadowBottom {
	position:absolute;
	z-index:30;
	overflow:hidden;
}
#contentShadowLeft, #contentShadowRight {
	width:5px;
	height:393px;
	top:28px;
}
#contentShadowTop, #contentShadowBottom {
	height:5px;
	width:813px;
	left:40px;
}
#contentShadowLeft {
	left:-5px;
	background:transparent url(../images/shadow_left-right.png) 0 0 no-repeat;
}
#contentShadowRight {
	right:-5px;
	background:transparent url(../images/shadow_left-right.png) -5px 0 no-repeat;
}
#contentShadowTop {
	top:-5px;
	background:transparent url(../images/shadow_top-bottom.png) 0 0 no-repeat;
}
#contentShadowBottom {
	bottom:-5px;
	background:transparent url(../images/shadow_top-bottom.png) 0 -5px no-repeat;
}


.photoInfos {
	display:none;
}

#totalPhotos, #totalGalleries, #galleryTotalPhotos {
	display:none;
}

#exif_infos {
	margin:18px;
	color:#111111;
	font-weight:bold;
	font-size:10px;
	line-height:18px;
	visibility:visible;
}

#exif_infos span {
	color:#555555;
}

/* title of the photo */
#photoDescription {
	position:absolute;
	left:0;
	top:0;
	text-align:center;
	width:100%;
	padding-top:12px;
	color:#AAA;
	z-index:102;
}





#overlayMenu {
	bottom:3px;
	display:none;
	height:auto;
	left:50%;
	margin-left:-410px;
	position:fixed;
	width:1000px;
	z-index:102;
	overflow:visible;
}
#overlayMenu.no_comments_no_exif {
    margin-left:-310px;
}
#overlayMenu, #overlayMenu a {
	color:white;
}
#overlayMenu .menuElt, #overlayMenu .showThumb {
	position:relative;
	display:block;
	float:left;
}
#overlayMenu .menuElt {
	padding:8px 10px;
	z-index:1000;
	margin:0 1px;
}
#overlayMenu a.menuElt {
	-moz-border-radius:9px;
	border-radius:9px;
}
#overlayMenu a.showThumb {
	width:10px;
	height:10px;
	z-index:1000;
	background-color:#AAAAAA;
	padding:1px;
	margin:9px 0 0 0;
	border:1px solid #333333;
}
#overlayMenu a.showThumb.current {
	background-color:#FFFFFF;
}
#overlayMenu a.showThumb.disabled {
	background-color:#555;
}

#overlayMenu a#show_exifs {
	margin:0 8px 0 4px;
}
#overlayMenu a#menu_galleries {
}
#overlayMenu a#menu_previousPhoto {
	margin-left:10px;
}
#overlayMenu #menu_slideshow {
	background:#333333;
	-moz-border-radius:9px;
	border-radius:9px;
	padding:0;
}
#overlayMenu.no_comments_no_exif #menu_slideshow {
    margin-right:18px;
}
#overlayMenu #menu_slideshow>.title, #overlayMenu #menu_slideshow #slideshowDuration {
	color:#888;
}
#overlayMenu #menu_slideshow>.title {
	padding-right:3px;
}
#overlayMenu #menu_slideshow #slideshowDuration {
	margin:0;
	padding:8px 2px;
}


#overlayMenu a:hover, #overlayMenu #show_exifs.exifsAlwaysOn, #overlayMenu #menu_galleries.showing, #overlayMenu #menu_slideshow .playing {
	background-color:#880000;
}

#overlayMenu a#menu_coms {
	background:transparent url(../images/chat.png) 0 0 no-repeat;
	margin-left:13px;
	padding-left:36px;
}
#overlayMenu a#menu_coms:hover,#overlayMenu a#menu_coms.selected {
	background:#880000 url(../images/chat.png) 0 0 no-repeat;
}


#exifs_bubble {
	position:absolute;
	width:486px;
	height:108px;
	left:-166px;
	bottom:30px;
	z-index:100;
	background:transparent url(../images/exif_bubble.png) 0 0 no-repeat;
	display:none;
}

#thumbnail_bubble {
	position:absolute;
	width:247px;
	height:173px;
	left:-40px;
	bottom:30px;
	z-index:100;
	background:transparent url(../images/thumbShadow.png) 0 0 no-repeat;
	display:none;
}
#thumbnail_bubble img {
	margin:12px 0 0 12px;
}





#createdBy {
	position:fixed;
	bottom:6px;
	right:5px;
	text-align:right;
	z-index:32;
	font-size:11px;
}
#createdBy, #createdBy a { color:#888888; }
#createdBy a:hover { text-decoration:underline; }



#cacheImg {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:100;
}




ul#galleriesOverlayList {
	display:none;
	position:absolute;
	left:0;
	bottom:32px;
	padding:10px;
	background:#222;
	z-index:102;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow:visible;
	list-style:none;
	margin:0;
}
ul#galleriesOverlayList li {
	display:block;
	position:relative;
	margin:0;
	padding:0;
}
ul#galleriesOverlayList a {
	position:relative;
	color:#999;
	display:block;
	padding:5px;
	overflow:visible;
}
#galleriesOverlayList a:hover {
	color:#ffffff;
	background:transparent;
}


#contentOverlay {
	position:absolute;
	left:1px;
	top:1px;
	width:891px;
	height:446px;
	overflow:hidden;
	display:none;
	z-index:30;
}
#contentOverlayContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#contentOverlayBg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#222;
}
#contentContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#contentOverlay .overlayPage {
	position:absolute;
	left:0;
	top:46px;
	width:100%;
	height:400px;
	color:#BBBBBB;
	overflow:hidden;
	display:none;
	line-height:20px;
}
#contentOverlay .overlayPage div.pageContent {
	font-size:13px;
	position:absolute;
	left:30px;
	top:20px;
	width:834px;
	height:360px;
	/* overflow:visible; */
	overflow-y: scroll;
	overflow-x: hidden;
    scrollbar-color: #555 transparent;
    scrollbar-width: auto;
	padding-right: 10px;
}
#contentOverlay .overlayPage div.pageContent ul {
	margin-left:32px;
}

#contentOverlay .overlayPage div.pageContent a {
	color:#009BE3;
	text-decoration:none;
}
#contentOverlay .overlayPage div.pageContent a:hover {
	color:#009BE3;
	text-decoration:underline;
}
#contentOverlay .overlayPage.currentPage {
	display:block;
}
#contentOverlayMenu {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#contentOverlayMenuBg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#111;
}
#contentOverlayMenu, #contentOverlayMenu a {
	color:#777;
	font-size:11px;
	/*font-weight:bold;*/
}
#contentOverlayMenu a, #contentOverlayMenu span {
	position:relative;
	display:block;
	float:left;
	padding:14px;
}

a#myMenuClose {
	float:right;
	margin-right:13px;
}
a#myMenuClose:hover {
	color:white; /* 2026-06 */
}
#contentOverlayMenu span {
	padding:14px 7px;
}
#contentOverlayMenu a:hover, #contentOverlayMenu a.selected {
	color:#FFFFFF;
}

.formContainer {
	position:absolute;
	left:0;
	top:40px;
}
.formContainer input, .formContainer label, .formContainer textarea {
	display:block;
	float:left;
	padding:3px 3px;
}
.formContainer label {
	text-align:right;
	padding-right:20px;
	width:170px;
	clear:left;
}
.formContainer input, .formContainer textarea {
	border:1px #222 solid;
	background:#eeeeee;
	color:#333;
}
.formContainer input {
	width:280px;
}
.formContainer input#inputSubject {
	width:490px;
}
.formContainer .formSeparator {
	display:block;
	clear:left;
	height:16px;
}
.formContainer textarea {
	width:490px;
	height:180px;
}

.ajaxStatus {
	position:absolute;
	left:190px;
	top:10px;
	font-size:11px;
	color:#aaa;
}

#contactSendMail {
	background:#444;
	padding:8px 14px;
	-moz-border-radius:10px;
	border-radius:10px;
	position:absolute;
	top:170px;
	left:720px;
	color:#888;
}
#contactSendMail:hover {
	color:#eee;
	background:#880000;
}



a#livreor_precedent, a#livreor_suivant {
	display:block;
	position:absolute;
	top:170px;
	width:22px;
	height:22px;
}
a#livreor_precedent {
	left:30px;
	background:transparent url(../images/go-previous.png) 0 0 no-repeat;
}
a#livreor_suivant {
	right:30px;
	background:transparent url(../images/go-next.png) 0 0 no-repeat;
}
#livreor_nbmessages {
	position:absolute;
	top:20px;
	left:50px;
	font-size:18px;
	color:#666;
	display:none;
}
#livreor_currentmessnum {
	position:absolute;
	top:20px;
	right:50px;
	font-size:28px;
	color:#666;
}
#livreor_messages {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.livreor_mess {
	position:absolute;
	width:680px;
	left:50%;
	margin-left:-340px;
	top:100px;
	height:auto;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	display:none;
}
.livreor_mess>.messID {
	display:none;
}
.livreor_messAuthor {
	margin-top:10px;
	font-weight:normal;
	font-style:italic;
}

#livreor_write {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	display:block;
	height:32px;
	padding:6px;
	color:#666;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
#livreor_write a:hover {
	color:#eee;
}
#livreor_delete {
	display:block;
	position:absolute;
	color:#444;
	bottom:12px;
	right:18px;
	font-size:10px;
}
#livreor_delete:hover {
	color:#999;
}

#livreor_addbox {
	position:absolute;
	width:560px;
	left:50%;
	margin-left:-280px;
	height:240px;
	top:50%;
	margin-top:-140px;
	background:#ededed;
	-moz-border-radius:10px;
	border-radius:10px;
	display:none;
}
#livreor_labelAuthor {
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:90px;
	color:#888;
}
#livreor_inputAuthor {
	display:block;
	position:absolute;
	top:18px;
	left:110px;
	width:423px;
	padding:3px;
	border:1px #ddd dotted;
	background:#f2f2f2;
	color:#666;
}

#livreor_addbox textarea {
	position:absolute;
	display:block;
	width:520px;
	left:20px;
	top:50px;
	margin:0;
	height:140px;
	padding:0;
	border:1px #ddd dotted;
	background:#f2f2f2;
	color:#333;
}
a#livreor_addsend {
	position:absolute;
	top:200px;
	left:190px;
	display:block;
	height:32px;
	padding-left:38px;
	padding-top:5px;
	background:transparent url(../images/chat.png) 0 0 no-repeat;
}
a#livreor_addsend:hover {
	color:#222;
}
a#livreor_addcancel {
	position:absolute;
	top:205px;
	right:20px;
	display:block;
	color:#aaa;
}
a#livreor_addcancel:hover {
	color:#777;
}
















#photocoms {
	display:none;
	z-index:5000;
	position:absolute;
	left:50%;
	margin-left:-300px;
	top:50%;
	margin-top:-130px;
	width:600px;
	height:400px;
	background:#FFFFFF;
	-moz-border-radius:10px;
	border-radius:10px;
	font-family:'Segoe UI';
	overflow:visible;
}
#comPhotoThumbnail {
	position:absolute;
	width:247px;
	height:173px;
	left:178px;
	top:-175px;
	background:transparent url(../images/thumbShadow.png) 0 0 no-repeat;
}
#comPhotoThumbnail img {
	margin:12px 0 0 12px;
}
#comsMessContainer {
	position:absolute;
	padding:10px;
	left:0;
	width:580px;
	top:50px;
	height:290px;
	overflow:auto;
	background:#FFFFFF;
	font-size:11px;
	color:#444;
}
#comsWriteMess {
	display:none;
	position:absolute;
	left:0px;
	top:251px;
	width:100%;
	border-top:1px #CCC dashed;
}
#comsWriteMess input, #comsWriteMess textarea {
	display:block;
	float:left;
	padding:2px;
	border:1px #DFDFDF solid;
	background:white;
	color:#555;
}
a#photocoms_send {
	display:block;
	position:absolute;
	top:60px;
	left:500px;
	padding:3px 8px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:#eee;
}
a#photocoms_send:hover {
	background:#c81748;
	color:white;
}
a#photocoms_add:hover, a#photocoms_close:hover {
	color:#c81748;
}
#photocoms #comsMessContainer>.comID {
	display:none;
}
#photocoms #comsMessContainer>.comAuthor {
	display:block;
	position:relative;
}
#photocoms #comsMessContainer>.comAuthor, #photocoms #comsMessContainer>.comAuthor>a {
	color:#c81748;
}
#photocoms #comsMessContainer>.comMessage {
	position:relative;
	display:block;
	padding:7px;
	margin:3px 3px 6px 3px;
	background:#F2F2F2;
	-moz-border-radius:7px;
	border-radius:7px;
	font-size:12px;
}

#fblike {
    display:block;
    position:absolute;
    left:10px;
    top:10px;
    transform: translateY(0);
    transition: 0.22s linear;
    z-index:200;
    width:0;height:0;
    overflow:visible;
}

#fblike.hidden {
    transform: translateY(-40px);
}

/* 2026-05 */
/* #mobile-content {
	display: block;
}
#full-site {
	display: none;
} */

/* 2026: copied from my photo website that I quickly adapted for responsiveness with smartphone screens */
/* max-device-width to work with Firefox mobile on my Android phone */
@media only screen and ((max-width: 940px) or (max-device-width: 940px)) {
	.mobile-version-not-available {
		
	}
	#verticalContainer {
		height: auto;
		width: 100%;
	}
	#verticalContainer.no-scroll {
		overflow: hidden;
		position: fixed;
	}
	#logoTitre {
		position: absolute;
		top: 0;
		left: 15px;
		margin: 20px auto 0px auto;
		width: 50px;
		height: 50px;
		z-index: 31;
	}
    #pageLoadingAnimation {
        top:-13px;
        left:unset;
        right:15px;
        margin-top:0px;
    }
	#menuHautDroite {
		position: relative;
		width: 100%;
		text-align: center;
		top: 0;
		margin-top: 0px;
		display: none; /* 2026-05-15 TMP */
	}
	#menuHautDroite a, #menuHautDroite span, #menuHautDroite #navigation {
		display: inline-block;
		float: none;
	}

    #menuHautDroite #navigation { /* TODO: find something better for the pagination/navigation */
        width: 0px;
        padding: 0;
        margin: 0;
    }
    #menuHautDroite #navigation span {
        display: none;
    }

	#content {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 15px;
		height: auto;
		text-align:center;
	}
	
	#contentOverlay {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
	#contentOverlay .overlayPage {
	    height: inherit;
        text-align: left;
        margin-top: 200px;
    }

	#contentContainer {
		overflow-y: scroll;
	}

    #contentOverlay .overlayPage div.pageContent {
        width: auto;
        height: auto;
		padding: 10px;
		left: 0;
		top: 0;
    }
    #contentOverlay .overlayPage div.pageContent img.reduce {
        max-width: 100px;
    }

	#contentOverlayBg {
		position: fixed;
	}
	
	#contentOverlayMenu {
		display: flex;
		flex-direction: column;
	}
	#contentOverlayMenu > span {
		display: none; /* 2026-05-15 hide menu separators on small-width screens */
	}
	div.contentPage {
		width:auto;
		margin-top: 0;
		/* display: none; */
	}
	div.contentPage.hiddenPage {
		height:0;
	}
	div.thumbnailsPage {
		position: relative;
		text-align: center;
		height: auto;
		font-size: 0;
	}
	div.thumbnailsPage a.zoom, div.thumbnailsPage .noThumbnail,
        div.thumbnailsPage .thumb0,
        div.thumbnailsPage .thumb1,
        div.thumbnailsPage .thumb2,
        div.thumbnailsPage .thumb3,
        div.thumbnailsPage .thumb4,
        div.thumbnailsPage .thumb5,
        div.thumbnailsPage .thumb6,
        div.thumbnailsPage .thumb7,
        div.thumbnailsPage .thumb8,
        div.thumbnailsPage .thumb9,
        div.thumbnailsPage .thumb10,
        div.thumbnailsPage .thumb11 {
            position: relative;
            display: inline-block;
            left: 0;
            top: 0;
            margin: 0 1px 1px 0;
	}

	#cacheLeft, #cacheRight, #contentShadowLeft, #contentShadowRight,
		#contentShadowTop, #contentShadowBottom, #contentCornerTopLeft,
		#contentCornerTopRight, #contentCornerBottomLeft, #contentCornerBottomRight {
			display: none;
	}

    #content > a.prevPhotos, #content > a.nextPhotos {
        position: relative;
        display:inline-block;
        right: 0; left: 0; top: 0;
        margin-top: 10px;
        margin-bottom: 0;
        display: inline-block;
        background-position: 10px 10px;
        padding: 10px 10px 5px 10px;
    }

	#menuBasGauche {
		position: relative;
		top: 0; left: 0; right: 0; margin: 0 auto;
		display: none; /* content overlay is not designed for small width... */
	}
	#createdBy {
		display: none; 

		position: relative;
		text-align: center;
		right: 0;
		bottom: 0;
		padding: 20px 10px 10px 10px;
	}

    #musicPlayer, #musicAnim {
        display:none;
    }

	/* TMP added 2026-05-24 */
	/* #full-site {
		display: none;
	}
	#mobile-content {
		display: block;
	} */

	a.section {
		margin-left: 0;
	}
}

/* @media screen and (min-width: 940px) {
	#full-site {
		display: block;
	}
	#mobile-content {
		display: none;
	}
} */