/*********************************************************************************************************/
/* 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) {

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

.container figure{	
	width:31%;
}

}
@media screen and (max-width : 999px) {
	.ss_menu_index_btn {
		width:290px;
	}	
	div#main #ss_menu_index .container{
		width:875px;
	}
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
.container{
	width:95%;
}

.wrapper{
	width:100%;
}
.info{
	display:inline;
}
/* #menu is the original menu */
.js #menu {
	display:none;
}

.js .slicknav_menu {
	display:block;
	position:relative;
}
div#logo{
	margin:0 auto;
	float:inherit;
	
}
.clearfix {
    height:140px;
}
div#responsive_design{
	position:absolute;
	width:70px;
	height:28px;
	left:20px;
	background:url(../img/public/responsive-design-blanc.png) no-repeat;
}	
}
@media screen and (max-width : 900px) {
.ss_menu_index_btn {
		width:240px;
	}
	.container{
		max-width:724px;
	}
	.ss_menu_index_btn.num1{
	background-position:4% 50%;
	}
	.ss_menu_index_btn.num1 a{
	width:190px;
	padding-left:50px;
	}
	.ss_menu_index_btn.num2{
	background-position:12% 50%;
	}
	.ss_menu_index_btn.num2 a{
	width:130px;
	padding-left:110px;
	}
	.ss_menu_index_btn.num3{
	background-position:12% 50%;
	}
	.ss_menu_index_btn.num3 a{
	width:190px;
	padding-left:50px;
	}
}
@media screen and (max-width : 749px) {
	div#barre2{
		display:block;
	}
		div#ss_menu_index{
		display:none;
	}
	div#img_focus{
		max-height:90px;
	}
	div#img_focus img{
		margin-top:-30px;
	}
	.container{
		max-width:100%;
	}
}
/*********************************************************************************************************/
/* inférieur à 600px */
/*********************************************************************************************************/

@media screen and (max-width : 600px) {
.wrapper{
	max-width:600px;
}
}
/*********************************************************************************************************/
/* inférieur à 480px */
/*********************************************************************************************************/

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

.wrapper{
	max-width:480px;

}
.container figure{

}
footer .left{
	width:100%;
	text-align:center;
}
footer .right{
	position:relative;
	float:right;
	width:100%;
	text-align:center;
	padding-top:12px;
	line-height:25px;
}

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

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

.wrapper{
	max-width:300px;
	width:100%;
}
.container figure{
}
/*BLog*/
iframe{
	height:180px;
}
footer{
padding:5px 0;
height:30px;
}
}