@charset "UTF-8";
@-viewport 		{	width: device-width;}
@-ms-viewport 	{	width: device-width;}

.displaynone_mobileonly{
	display:none;
}

@media screen and (max-width:1800px){
 	.conteneur_header, .conteneur_body, .conteneur_footer {
		width: 70%;
	}
	
}

@media screen and (max-width:1600px){
 	.conteneur_header, .conteneur_body, .conteneur_footer {
		width: 80%;
	}

	.conteneur_nav{
		width:15%:
	}
	.conteneur_central{
		width:85%:
	}
}


@media screen and (max-width:1160px){
.conteneur_header {	height: 55px; margin-bottom: 10px; }

 	.conteneur_header, .conteneur_body, .conteneur_footer {
								width: 95%;	}
	.conteneur_nav		{		width: 17%;	}
	.conteneur_central	{		width: 82%;	}
}


@media screen and (max-width:1000px){
	.clients_elm {
		height: 175px;
		margin-bottom: 2%;
		margin-left: 3%;
		width: 30%;
	}
	
	.logo_header.v2 {
		font-size: 22px;
		height: 46px;
		line-height: 23px;
		width: 550px;
	}
		
	.agence_header.v2 {
		font-size: 18px;
		height: 40px;
		line-height: 19px;
		width: 250px;
	}
	
}

@media screen and (max-width:900px){
	.clients_elm {
		height: 150px;
		margin-bottom: 2%;
		margin-left: 3%;
		width: 30%;
	}
	
	.logo_header.v2 {
		font-size: 18px;
		height: 40px;
		line-height: 19px;
		width: 450px;
	}
		
	.agence_header.v2 {
		font-size: 15px;
		height: 35px;
		line-height: 17px;
		width: 200px;
	}
	
}

/* version mobile friendly abandonnée .conteneur_footer{ background-color:green;}*/
@media screen and (max-width:700px){


 	.conteneur_header, .conteneur_body, .conteneur_footer {
		width: 98%;
		margin-right:2%;
	}
	.conteneur_central{
		width:95%;
		margin-right:5%;
	}
	.conteneur_nav{
		width:100%;
	}
	

	.logo_header.v2 {
		font-size: 18px;
		height: auto;
		line-height: 19px;
		width:95%;
		margin:auto;
		margin-bottom:5px;
		text-align:center;
		
	}
		
	.agence_header.v2 {
		height: auto;
		font-size: 15px;
		line-height: 16px;
		width:95%;
		margin:auto;
		text-align:center;
	}
	
	.navigation_elm {
		margin-top:10px;
		width:19%;
		float:left;
		font-size:22px;
		text-align:center;
		padding-bottom:5px;
		margin-bottom:10px;
	}
	
	.sous_navigation_conteneur{
		display:none;
	}
	
	.clients_elm {
		height: 200px;
		margin-bottom: 2%;
		margin-left: 3%;
		width: 47%;
	}
	
}
@media screen and (max-width:500px){	.clients_elm {	height: 165px; } .navigation_elm a{ font-size: 12px; }  }
@media screen and (max-width:400px){	.clients_elm {	height: 140px; } .navigation_elm a{ font-size: 10px; }  }