@import url('https://fonts.googleapis.com/css2?family=KoHo:wght@200;300;400;500;600;700&display=swap');

html {margin:0; padding:0; border:0px; height:100%; font-size: 12px; font-weight: normal;color: #FFF; background : #393d5c; }
body {margin:0; padding:0; border:0px; height:100%; background : #393d5c ; font-family: 'KoHo', sans-serif,verdana ; font-weight:400; overflow: hidden;} 

header {position:fixed; left:0px; top:0px; background : transparent; color:#FFF; height:60px; width:100%;  display:inline; text-align:center; overflow:hidden; height:60px; border-bottom: 1px #FFF solid; color:#FFF; text-align:left;} 
footer {position:fixed; bottom:0px; background : transparent ; color:#FFF; height:25px; width: 100%; overflow:hidden; border-top: 0px #FFF solid;}


#boite {position:absolute; border:0px; top:0px; bottom:0px;  /**** iIMPORTANT.....ET.. sans spécifier height.....****/
left:50%; margin-left:-50%; width:100%; margin-top:70px;  margin-bottom:30px; text-align:center; background:transparent;  overflow-y:scroll; overflow-x:hidden;}  

#container {position:absolute; top:10px; left:8px; text-align:center;  background:transparent; 
	margin:0px auto 0px auto; 
	min-height:300px; 
    min-width:260px; 
}

.pin{opacity:1;
	width: 270px; 
	padding: 0px; 
	font-size: 15px;
	background-color: white;
	margin-right:20px;
	margin-bottom:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.pin:hover {opacity:1; cursor:pointer; background-color:rgba(240,220,255,0.8);}

.masonry, .masonry .masonry-brick {  -webkit-transition-duration: 0.7s;   -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s;  -o-transition-duration: 0.7s; transition-duration: 0.7s;}
.masonry {-webkit-transition-property: height, width; -moz-transition-property: height, width;  -ms-transition-property: height, width;  -o-transition-property: height, width;  transition-property: height, width;}


.description  {position:relative; top:10px; left: 0px; padding: 0px 0px 12px 3px; text-align:left; line-height:18px; font-size: 15px; font-weight:bold; color: #666;} 
.description {margin : 5px  5px 4px 12px}


.suppl {position:relative; top:5px; left: 0px; padding: 0px 0px 10px 3px; text-align:left; line-height:22px; background-color:transparent; font-size: 16px; color: #444; font-weight:300;}
.suppl {margin: 5px 10px 10px 12px; }
.suppl a {font-weight:400; color: #444; background-color:transparent; text-decoration:none; line-height: 25px;}
.suppl a:hover {color: #000; background-color:#CAF; text-decoration:none;}


.photo {margin:0px; margin-bottom:-5px; border:0px; padding: 0px; padding-bottom:0px;}
.photo img {width:270px; height:auto ; border:0px; margin:0px 0px -3px 0px; -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;} 

.double {width: 560px; height:auto ; }
.double  img {width:560px ; border:0px; margin:0px 0px -5px 0px; } 

.content a {margin: 0px; font-size: 12px; color: #DDD; text-decoration:none;}
.content a:hover {font-size: 12px; color: #FD0;}

h1 {font-size: 40px; color: #000; font-weight:300; margin : 2px 0 0 80px;}
h1 a {color:#111; text-decoration:none}
h1 a:hover {color:#a0f}

h2 {font-size: 26px; color: #222; font-weight:500; margin : 15px 0 3px 0;}

h3 {font-size: 20px; color: #222; font-weight:500; margin : 15px 0 3px 0;}
h4 {font-size: 14px; line-height:18px; color: #444; font-weight:200; margin : 5px 0 3px 0;}

.blanc  {color: #fff; }
.blanc a {font-size: 11px; color: #fff; text-decoration:none;}
.blanc a:hover {font-size: 11px; color: #f00; }

.gris {background:#555; color:#FFF; font-size: 15px;line-height:21px}  /****  utilisé pour  premiere case ****/
.gris a {color:#FFF;text-decoration:none; line-height:24px}
.gris a:hover {color:#FFF; background: #F80}
.lien { margin: 5px 10px 10px 12px; font-size: 14px; font-weight:700; text-align:left; line-height: 24px; }


p {margin : 0 0 9px 0}
.texte3 {font-size: 16px; color: #444;  line-height: 26px; font-weight:300;} 

.fs12 {font-size: 12px; line-height: 18px; }
.fs13 {font-size: 13px; line-height: 20px; }
.fs14 {font-size: 14px; line-height: 22px; }
.fs15 {font-size: 15px; line-height: 24px; }
.fs16 {font-size: 16px; line-height: 26px; }

.fw200 { font-weight:200;}
.fw300 { font-weight:300;}
.fw400 { font-weight:400;}
.fw500 { font-weight:500;}
.fw600 { font-weight:600;}
.fw700 { font-weight:700;}

.left {text-align:left}
.center, .centre {text-align:center}
.right {text-align:right}