body {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: "arial";
	font-size: 14px;
	background: rgb(217, 202, 163) url('../Zimg/bck.jpg') no-repeat;
}

#header {
	background-image: url('../Zimg/bg-footer-container.png');
	background-position: 0px -180px;
	background-repeat: repeat-x;
	width: 100%;
	margin: 0px auto;
	height: 50px;
} /* ok */

#footer {
	background-image: url('../Zimg/bg-footer-container.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	width: 100%;
	margin: 0px auto;
	height: 30px;
	position: relative;
	bottom: 0px;
}

#container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	margin-bottom: 20px;
} /* ok */

#central {
	width: 96%;
	padding: 0px 2%;
	margin: 0px auto;
	overflow: hidden;
} /* ok */

#burger { position: absolute; top: 0px; right: 10px; z-index: 10; display: block; width: 30px; height: 30px; cursor: pointer; background: rgba(255, 255, 255, .6); } /* ok */
#burger img { width: 100%; } /* ok */

#droite {
	display: none;
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 150px;
	left: 0px;
	z-index: 10;
} /* ok */

#menu {
	overflow: hidden;
	display: block;
	width: calc(100% - 10px);
	padding: 5px;
	background: rgba(255, 255, 255, 1);
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	text-align: center;
} /* ok */

#menu .menu1 {
	display: block;
	width: 100%;
	height: 25px;
	font-family: "jaf-peacock-swash",sans-serif;
	color: rgb(70, 36, 37);
	font-size: 22px;
	text-shadow: 1px 1px 0px #fff;
	margin: 10px 0px 10px 0px;
	text-decoration: none;
	text-align: center;
} /* ok */

#menu .menu2 {
	font-family: "jaf-peacock-swash",sans-serif;
	color: rgb(70, 36, 37);
	font-size: 22px;
	text-shadow: 1px 1px 0px #fff;
	margin: 0px 0px 5px 20px;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
} /* ok */

#entete h1 {
	width: 100%;
	font-family: "jaf-peacock-swash",sans-serif;
	/*color: rgb(232, 60, 106);*/
	color: rgb(70, 36, 37);
	font-size: 60px;
	text-shadow: 3px 2px 0px #fff;
	text-align: left;
	margin: 0px 0px 0px 0px;
} /* ok */

#entete h2 {
	width: 100%;
	font-family: "jaf-peacock-swash",sans-serif;
	color: rgb(70, 36, 37);
	font-size: 50px;
	text-shadow: 2px 1px 0px #fff;
	text-align: left;
	margin: -30px 0px 30px 0px;
	border-bottom: 8px dotted #000;
} /* ok */

p {
	margin: 0px;
	width: 100%;
	text-align: justify;
	line-height: 20px;
	font-size: 16px;
	font-family: "arial";
}



/*****************************************************************************************/
/* BLOG */
/*****************************************************************************************/

#blog {
	font-family: "arial";
	width: 100%;
	display: block;
	overflow: hidden;
}
#blog h1, #accueil h1 {
	width: calc(100% - 4px);
	color: rgb(70, 36, 37);
	font-size: 20px;
	font-family: "arial";
}

#blog h2 {
	font-size: 14px;
	font-family: "arial";
}

#blog .article {
	background: rgba(255, 255, 255, .5);
	/*float: left;*/
	width: calc(96% - 4px);
	border: 1px solid #000;
	border-radius: 8px;
	padding: 5px;
	margin: 15px auto;
	overflow: hidden;
	font-family: "arial";
}

#accueil .article { width: calc(100% - 12px); font-family: "arial"; background: rgba(255, 255, 255, .5); border: 1px solid #000; border-radius: 8px; padding: 5px; margin: 15px auto; overflow: hidden; } /* ok */

/*.article:nth-child(odd) { margin-right: 38px;}*/

#blog .article img {
	width: 430px;
	margin: -5px 0px 0px -5px;
	border-bottom: 3px dotted rgb(232, 60, 106);
}

.texte {
	font-family: "arial";
	font-size: 14px;
}

/*****************************************************************************************/
/* SLIDER */
/*****************************************************************************************/
#slide_small { width: 100%; display: block; overflow: hidden; } /* ok */
#slide_small img { width: calc(100% - 4px); border-radius: 8px; border: 2px solid #fff; margin-top: 10px; display: block; } /* ok */


#slideshow { display: none; } /* ok */

/*
#slideshow ul, .photodefile {  
   width: 100%;  
   padding:0; margin:0;  
   list-style: none; 
   display: block;
}
#slideshow li {  
   display: block;
} 

#slideshow img { width: calc(100% - 40px); border-radius: 8px; border: 2px solid #fff; } 
*/


#photo_defile {  
    width: 100%;
	height: 250px;
    /*height: 340px;*/
	overflow: hidden;
    padding: 0;
	margin: 10px 0px 40px 0px;
    overflow: hidden;
    position: relative;
    z-index: 2;
	/*border-top: 10px solid rgb(232, 60, 106);
	border-bottom: 10px solid rgb(232, 60, 106);*/
}

#photo_defile ul {  
    /* 4 images donc 4 x 100% */  
   width: 100%;  
   padding:0; margin:0;  
   list-style: none; 
   display: block;
   
}  
#photo_defile li {  
   float: left;;
}

#photo_defile img { height: 246px; border-radius: 8px; border: 2px solid #fff; margin-right: 10px; }

/*
#vignette {
    width: 464px;
	margin: 0px 0px 0px 38px;
    overflow: hidden;
    position: relative;
    z-index: 2;
	background: rgb(70, 36, 37);
	padding: 5px 0px 0px 0px;
}

#vignette li {  
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
   height: 63px;
   overflow: hidden;
}
#vignette li:nth-child(5n+5) { margin-right: 0px;}

#vignette img { width: 88.8px; }
*/