@media screen and (max-width: 450px){
	.videocontainer{
		width:100%;
		height:0;
		padding-bottom:56.25%;
		margin:10px 0;
		overflow:hidden;
		position:relative;	
	}
	.videocontainer iframe{
		position:absolute;
		top:0;left:0;
		width:100%;height:100%;
	}
	#bas { padding-bottom:100px;}
	table.responsive { border-spacing:0!important;}
	table.responsive td { float:left; margin:1% 0;  display:block; width:100%!important;}
	
	#haut { float:left; position:relative; height: auto; }
	#slider { float:left; margin:0; width:100%; height: 250px!important;}
	#cache { position: relative; width: 100%; height: 250px!important; background-color: #e7e7e7; z-index: 10;}
	#logo { float:left; position:relative; width:100%!important; height:auto; padding:0;  }
	#logo img { width:100%!important; height:auto; }
	
	.centre { min-height:0;}
	.contenu { width: 94%; }
	#article .contenu { padding:2% 3%; }
	#contact .conteneur_contact { display:block; width:94%; }
	
	.contenu img.picto { width: 15px; height:auto; }
	.contenu img {
		width: 100%;
		height: auto;
	}
	
	.contenu a.lien_cta2:link, .contenu a.lien_cta2:visited { display:inherit!important; }
	
	#menu {display: none;}
	#menu_resp { display: inline; }

	#canvas_fonctionnement { display:none; }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }

	.centre { margin-top: 0px; }
	#zone-texte, #colonneDroite { width: 95%!important; margin: 0 auto }	
	
	.phase { width: 95%!important; margin: 2% 2.5% !important;}
	
	#trieur select { width:92%; }
	#menuB, #baseline, #menu_secondBas {
		width: 90%;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	#menuB { display:none; }
	
	/* MODULES */ 
	.domaine, .prestation { float:left; width:90%!important; margin:3% 1% !important; padding: 3%!important; }
	table td.rond { width:50%!important; margin:10% 25%!important;border-radius:0; }
	table td.rond:after { border-radius:0; }
	table td.rond img, #chiffre_deroule td img { width:30%; height: auto; margin:0 auto; }
	
	#banner_offres a.lien_cta { width:92%!important; margin:1%!important;}
	#facebook, #actus, .employee, .offre { width:95%!important; }
	.domaine img, .employee img { width:30%!important; height:auto; }
	
	#social { top:unset!important; bottom:0!important; width:100%!important; border-radius:50px 50px 0 0!important; }
	#social ul li { clear:none!important; width:20%!important; }
}

@media screen and (min-width: 451px) and (max-width: 700px){
	.videocontainer{
		width:100%;
		height:0;
		padding-bottom:56.25%;
		margin:10px 0;
		overflow:hidden;
		position:relative;	
	}
	.videocontainer iframe{
		position:absolute;
		top:0;left:0;
		width:100%;height:100%;
	}

	table.responsive { border-spacing:0!important;}
	table.responsive td { float:left; margin:1% 0; display:block; width:100%!important;}
	
	#haut { float:left; position:relative;height: auto; }
	#slider { float:left; margin:0; width:100%; height: 250px;}
	#cache { position: relative; width: 100%; height: 250px; background-color: #e7e7e7; z-index: 10;}
	
	.centre { min-height:0;}
	.contenu { width: 94%; }
	#article .contenu { padding:2% 3%; }
	#contact .conteneur_contact { display:block; width:94%; }

	.contenu img.picto { width: 15px; height:auto; }
	
	#menu {display: none;}
	#menu_resp { display: inline; }
	
	#canvas_fonctionnement { display:none; }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }

	.centre { margin-top: 0px; }
	#zone-texte, #colonneDroite { width: 95%!important; margin: 0 auto }
	
	.phase { width: 95%!important; margin: 2% 2.5% !important;}
	
	#trieur select { width:92%; }
	#menuB, #baseline, #menu_secondBas {
		width: 90%;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	#menuB { display:none; }
	
	/* MODULES */ 
	.domaine { float:left; width:90%!important; margin:3% 1% !important; padding: 3%!important; }
	table td.rond { width:50%!important; margin:10% 25%!important;border-radius:0; }
	table td.rond:after { border-radius:0; }
	table td.rond img, #chiffre_deroule td img { width:30%; height: auto; margin:0 auto; }
	
	#banner_offres a.lien_cta { width:92%!important;margin:1%!important;}
	#facebook, #actus, .employee, .offre { width:95%!important; }
	.domaine img, .employee img { width:30%!important; height:auto; }
}

@media screen and (min-width: 701px) and (max-width: 1199px){
	.videocontainer{
		width:100%;
		height:0;
		padding-bottom:56.25%;
		margin:10px 0;
		overflow:hidden;
		position:relative;	
	}
	.videocontainer iframe{
		position:absolute;
		top:0;left:0;
		width:100%;height:100%;
	}
	
	#haut { float:left; position:relative; height: auto; }
	#slider { float:left; margin:0; width:100%; height: 250px!important;}
	#cache { position: relative; width: 100%; height: 250px!important; background-color: #e7e7e7; z-index: 10;}
	#logo { float:left; position:relative; width:50%!important; height:auto; }
	
	
	#zone_info { position: absolute; right: 10px; text-align: right }
	.baseline-accueil3 { line-height: 42px; color: #FFF; font-size: 100%; letter-spacing: 1px; font-family: 'Oswald', sans-serif; font-weight: 300; }
	.baseline-accueil4 { line-height: 16px; color: #FFF; font-size: 70%; letter-spacing: 1px; font-family: 'Oswald', sans-serif; font-weight: 300; }

	.contenu { width: 94%; }
	#article .contenu { padding:2% 3%; }
	.contenu img.picto { width: 15px; height:auto; }
	
	#menu {display: none;}
	#menu_resp { display: inline; }

	#canvas_fonctionnement { display:none; }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }

	.centre { margin-top: 0px; }
	#zone-texte, #colonneDroite { width: 95%!important; margin: 0 auto }	
	
	.phase { width: 95%!important; margin: 2% 2.5% !important;}
}

@media screen and (min-width: 1200px){
		
	#menu_resp { display: none; }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }
	
}

@media screen and (min-width: 1200px) and (max-width: 1300px){
		
	#menu_resp { display: none; }
	
	#logo { padding-right:20px; }
	#menu { margin-left: 0; }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }
	
}
@media print {
	:not('.print') { display:none; }
}