html {margin:0; padding:0; border:0px; height:100%; font-size: 12px; font-weight: normal ;color: #222;  }
 @import url('https://fonts.googleapis.com/css?family=KoHo:200,300,400,500,600');
body {background : #FFF; overflow-x: hidden; font-family: 'KoHo', cursive; font-weight:400;} 

footer {position:fixed; bottom:0px; background : transparent ; color:#FFF; height:25px; width: 100%; overflow:hidden; border-top: 0px #FFF solid;}

header {position:fixed; left:0px; top:0px; color:#FFF; width:100%;  display:inline; text-align:center; overflow:hidden; text-align:left;} 
header {height:3.5rem; background:#343a40; color:#fff; }
header a { display: inline-block; padding-top: 1rem; padding-bottom: .3125rem; margin-left: 1rem; font-size: 1.25rem;  color:#eee; line-height: inherit; }
header a:hover {color:#2F0}
.titre {width: 90%; position: absolute; top:-3px; left:50%; margin-left: -90px; text-align:left; font-weight:500;}  /****  dans header.....****/
.titre h2  {font-size: 24px; color:#fff;}

h2 {font-size: 26px; color:#222; text-align:left; margin:5px 0px 0px 20px; font-weight: 300;}
h3 {font-size: 22px; color:#000; text-align:left;  line-height:21px; margin: 0 0 5px 0; font-weight: 400;}

h5 {font-size:12px; font-weight:300; color:#444; line-height:15px; margin-top:-0px; text-align:left; margin-left: 20px; }


#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: 250px; 
	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,256,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:-5px;}
.photo img {width:250px; height:auto ; border:0px; margin:0px 0px -3px 0px; -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;} 

.double {width: 520px; height:auto ; }
.double  img {width:520px ; 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;}

.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}
.texte2 {font-size: 18px; color: #444;  line-height: 26px; font-weight:300;}  
.texte3 {font-size: 18px; color: #444;  line-height: 28px; font-weight:300;} 

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