/*********************************************************************************************************/
/* inférieur à 1800px */
/*********************************************************************************************************/
@media screen and (max-width : 1800px) {
	
}
/*********************************************************************************************************/
/* inférieur à 1280px */
/*********************************************************************************************************/
@media screen and (max-width : 1280px) {
	
	div#content_left {width:30%;}
	div#content_right {width:66%;}
	
}
/*********************************************************************************************************/
/* inférieur à 1090px */
/*********************************************************************************************************/
@media screen and (max-width : 1090px) {
	
	
}
/*********************************************************************************************************/
/* inférieur à 999px */
/*********************************************************************************************************/
@media screen and (max-width : 999px) {
	
}
/*********************************************************************************************************/
/* inférieur à 959px */
/*********************************************************************************************************/
@media screen and (max-width : 959px) {
	
	div#middle {
		margin-top:102px;
	}
	.mm-opened div#middle {	margin-top:0;}
	
	div#ariane_content a.ariane_accueil {padding:10px 0;width:40px;}
	.ariane_menu {font-size:1.2em;margin:0 10px;padding:5px 0;}
	.ariane_menu_end {font-size:1.2em;margin:0 0 0 10px;padding:5px 0;}
	.ariane_sep {width:12px;padding:8px 0;}
	
	
	div#content_left, div#content_right {
		width:100%;
		float:none;
		/*display:table;*/
		max-width:100%;
	}
	
	div#gauche_content {width:100%;overflow:hidden;max-width:none;}
	
	div#gauche_menu_title {display:block;}
	div#gauche_menu {float:left; width:46%;margin:20px 0 0 0;}
	div#cta_activite {margin: 20px auto 20px auto;}
	.gauche_right_content {float:right; width:46%;}
	div#gauche_recherche {margin:0 auto 10px auto;}
	div#gauche_contact {margin:0 0 10px 0;}
	
	
}
/*********************************************************************************************************/
/* inférieur à 750px */
/*********************************************************************************************************/
@media screen and (max-width : 750px) {
	
}
/*********************************************************************************************************/
/* inférieur à 600px */
/*********************************************************************************************************/

@media screen and (max-width : 650px) {
	
	div#gauche_menu, .gauche_right_content {float:none; width:100%;}
	
	div#ariane_content a.ariane_accueil {padding:5px 0;width:30px;}
	.ariane_menu {font-size:1em;margin:0 10px;padding:5px 0;}
	.ariane_menu_end {font-size:1em;margin:0 0 0 10px;padding:5px 0;}
	.ariane_sep {width:8px;padding:5px 0;}
	
}

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

@media screen and (max-width : 480px) {
	div#ariane_content a.ariane_accueil {display:none;}
	.ariane_menu {font-size:0.8em;margin:0 5px;padding:5px 0;}
	.ariane_menu_end {font-size:0.8em;margin:0 0 0 5px;padding:5px 0;}
	.ariane_sep {width:5px;padding:3px 0;}
	
	div#gauche_contact_cadre { position:relative; background:#292929; color:#cdcdcd; border-radius:0.4em;padding:5% 6%;}
}
/*********************************************************************************************************/
/* inférieur à 350px */
/*********************************************************************************************************/
@media screen and (max-width : 350px) {
	div#gauche_cta_link {font-size:0.9em;}
}

@media screen and (max-width : 300px) {
	
	div#gauche_cta_link a {background:#36a5d3;}
	div#gauche_cta_link a:hover {background:#3e3e3e;}
	
	div#gauche_contact_cadre .bc_tel p {font-size:1.1em;}
	div#gauche_contact_cadre .bc_mail {font-size:1em;}
}