/*********************************************************************************************************/
/* inférieur à 1920px */
/*********************************************************************************************************/
@media screen and (max-width : 1919px) {



}
/*********************************************************************************************************/
/* inférieur à 1800px */
/*********************************************************************************************************/
@media screen and (max-width : 1800px) {



}
/*********************************************************************************************************/
/* inférieur à 1700px */
/*********************************************************************************************************/
@media screen and (max-width : 1750px) {


}

/*********************************************************************************************************/
/* inférieur à 1550px */
/*********************************************************************************************************/
@media screen and (max-width : 1650px) {



}
/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1280px) {

}
@media screen and (max-width : 1100px) {
	div#liens_contacts{
		position:absolute;
		right:0;
		top:10px;
		padding:0;
	}
	nav{
		line-height:20px;
		padding-top:60px;
	}
	#menu ul li ul{top:20px;}
}
/*********************************************************************************************************/
/* inférieur à 1070px */
/*********************************************************************************************************/
@media screen and (max-width : 1070px) {

}
@media screen and (max-width : 999px) {
	div#footers{
		width:100%;
	}
	footer #footer1,footer #footer2, footer #footer3{
	position:relative;


	}
	footer #footer2, footer #footer3{
		font-size:0.8em;
		width:20%;
	}

}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	.container{
		width:95%;
	}
	
	.wrapper{
		width:100%;
	}
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		position:relative;
	}
	div#logo{
		margin-left:50px;
		text-align:center;
	}
	nav{
		display:none;
	}

}
@media screen and (max-width : 900px) {
	footer #footer1,footer #footer2, footer #footer3{
		width:20%;
		margin-left:5%
	}
}
@media screen and (max-width : 749px) {
	
	.container{
		max-width:100%;
	}
	div#compteur{
		font-size:0.9em;
		width:292px;
		text-align:center;
	}
}
@media screen and (max-width : 650px) {
	div#footer1{
		margin-left:10%;
	}
	div#footer2{
		width:40%;
		margin-left:10%;
		margin-bottom:30px;
	}
	div#footer3{
		background:url(../img/public/crayon_petit.png) no-repeat;
		width:250px;
		margin:0 auto;
		float:none;
		clear:left;
		overflow:hidden;
		text-align:center;
		height:60px;
		padding-left:42px;
	}

}
/*********************************************************************************************************/
/* inférieur à 600px */
/*********************************************************************************************************/

@media screen and (max-width : 600px) {

}
/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

@media screen and (max-width : 480px) {

	div#liens_contacts{
		position:relative;
		width:160px;
		margin:0 auto;
		right:inherit;
		top:inherit;
		float:none;
	}
	.lien_rs{
		padding-bottom:20px;
	}
	div#logo{
		margin:20px auto 0 auto;
		float:none;
		}
	div#footer1{
		width:100%;
		margin-left:0;
		float:none;
		margin-bottom:30px;
	}
	div#footer2, div#footer3{
		margin:0 auto;
	}
	div#footer2{
		float:none;
		width:170px;
	}
	div#footer3{
		text-align:left;
		margin-top:30px;
	}
}
/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/

@media screen and (max-width : 350px) {

	.container figure{
	}
	div#logo{
	margin:20px auto;
	}
}