body{background-color:#eeeeef !important  ;} 
div.centre2blanc {height : auto;width : 100%;margin : auto;text-align : center;}
 
div.Limage_de_droite {position : fixed;top : 170px;right : 0;z-index : 10;overflow : hidden;visibility : visible !important ;}
div.home { position :fixed; top :4px; left :4px; overflow :hidden; z-index :50; }
div.arrondi {width : auto;padding : 10px;background-color : #eeeeed;border-radius : 10px;color:#444444;text-align : center;}
div.boutonR {position : fixed;top : 50vh;right : 0;z-index : 50;}
div.boutonL {position : fixed;top : 50vh;left : 0;z-index : 50;}
div.Limage_de_droite{position:fixed;top:300px;right:0;z-index:10;overflow:hidden;display:block;}
div.scrollUp  {position: fixed;bottom : 10px;right: 60px;z-index:60;}
div.user-info { position :fixed; top :70px; left :4px; overflow :hidden; z-index :50; }
div#pour-user {display: none;}

a.LesA3 {font-family :"Times New Roman", Times, serif;  font-size :18x;color :#333333; text-decoration :none; } 
a.LesA3:hover { color :#ff9999; }
a.phototheque {font-family :Verdana, sans-serif;   font-size :16px; color :#FFFFFF; text-decoration :none;cursor: zoom-in; } 
a.phototheque:link { } 
a.phototheque:hover { color :#ee5555; }
a.phototheque16 {color:#3F4057;  text-decoration:none;  font-size:24px;}
a.phototheque16:link {}
a.phototheque16:hover {color:#FF2222;}
a.phototheque16R {   color:#aa2222;  text-decoration:none;  font-size:24px;}
a.phototheque {font-family :Verdana, sans-serif; font-size :16px; color :#FFFFFF; text-decoration:none; } 
a.phototheque:link { } 
a.phototheque:hover { color :#ee5555; }
a.phototheque24 { font-family :  Verdana;   font-size:24px; color:#222222; text-decoration:none;}
a.phototheque24:link { }
a.phototheque24:hover {color :#111155; }


img.im300 {vertical-align : middle;}
img.im80 {width : 80%;}
img.img310 {width : 90%  ;max-width : 1000px;}
img.bandeN {width : 90%;max-width : 100px;visibility : hidden;}
img.levide {width : 250px;height : 150px;}

.leTitre {font-family : "Felix Titling", "Times New Roman", Harrington, sans-serif;font-size : 40px;color : #222224;}
H1 {font-family : "Felix Titling", "Times New Roman", Harrington, sans-serif;font-size : 40px;color : #222224;}
H2 {font-family : "Felix Titling", "Times New Roman", Harrington, sans-serif;font-size : 12px;color : #222224;}


p.mention {margin : 1em;color : #666;clear : both;padding-top : 2em;}
p.Leleft {text-align : justify;font-size : 22px !important ;}

.button {
	display: inline-block;	zoom: 1; 
	*display: inline;	vertical-align: baseline;	margin: 10px 2px;	outline: none;	cursor: pointer;
	text-align: center;	text-decoration: none;	font: 14px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);	
    padding-left: 5px;padding-right: 5px;
	
}

.button:hover {	text-decoration: none;}
.button:active { position: relative;top: 1px;}


.white {	
       color: #606060;	border: background: #fff;	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	   background: -moz-linear-gradient(top,  #fff,  #ededed);text-decoration: none;
	   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
/* ____________________________________images HD________________________________________ */

.scroll-container,
.scroll-area { max-width: 100%; height: 100vh; font-size: 60px;}  /* 600px 100vh; */
.scroll-container {overflow: auto;scroll-snap-type: y mandatory;}
.scroll-area {scroll-snap-align: start;}
.scroll-container,.scroll-area {margin: 0 auto;}
.scroll-area {display: flex;align-items: center;justify-content: center;color: white;}
/* ______________________________________________________________________________________ */

img.phototheque {  border: 1px solid #3a3a3a;vspace:8px;hspace:8px;width: 150px;height: 110px;margin-right:8px;margin-bottom:8px;}
img.phototheque:hover  { border: 1px solid #aa5555;vspace:8px;hspace:8px;width: 150px;height: 110px;margin-right:8px;margin-bottom:8px;}
img.bande {  border: 1px solid #eeeefe;width: 100%;}
img.img-circle {  border-radius: 50%;width:40px; }
img.img-home { width:40px; }

/* ____________________media1024______________________ */
@media (max-width: 1024px) {
div.Limage_de_droite {position : fixed;top : 170px;right : 0;z-index : 10;overflow : hidden;visibility : hidden !important ;}
div.centre2blanc {height : auto;width : 60%;max-width : 1000px;margin : 22px auto 0;text-align : center;}
img, table, td, blockquote, pre, textarea, input, iframe, object, embed, video {max-width : 90%;}
img {height : auto;width : auto;box-sizing : border-box;}
.leTitre {font-family : "Felix Titling", "Times New Roman", Harrington, sans-serif;font-size : 40px;color : #222224;}
H1 {font-family : "Felix Titling", "Times New Roman", Harrington, sans-serif;font-size : 40px;color : #222224;}
}
/* ____________________media640______________________ */
@media (max-width: 640px) {
div.phototheque {width: 98%;margin: auto;text-align:center;}
body, element1, element2 {width : auto;margin : 0;padding : 0;}
img,blockquote, pre, textarea, input, iframe, object, embed, video {max-width : 100%;}
img {height : auto;width : auto;box-sizing : border-box;}
img.fade {width : 90%;position : absolute;}
pre, samp {white-space : pre-wrap;}
.hide_mobile {display : none !important ;}
body:before {content : "Version mobile du site";display : block;color : #444444;text-align : center;font-style : italic;z-index:40;}
div.centre2blanc {height : auto;width : 90%;max-width : 90%;margin : 22px ;text-align : center;}
}