@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%;
	}
	
    table.responsive td { display:block; width:95%!important;}
    #accueil_full { background-size: cover; }
    #slider { height: 250px }
    #cache { height: 250px }
    .escalier { height: 40px }
    
    .cadre_bas { float: left; width: 84%; text-align: center; padding: 10px 8% 60px 8% }
	
	#accueil { clear: both; width: 100%; padding: 30px 0; margin: 0 auto; text-align: center; position: relative }
	#accueil_full { clear: both; width: 100%; text-align: center; position: relative }

	.titre_accueil1 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #000 }
	.titre_accueil2 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #fff }
	
	.blanc { color: #fff }
	.bleu { color: #4d9fd3 }
	.orange { color: #4d9fd3; }
	.w500 { font-weight: 500 }
	.bggris { background-color: #aaaaaa; }
	.bgorange { background-color: #4d9fd3; }
	.bgbleu { background-color: #4d9fd3; }
	.lien_contact { float: left; width: 33%; text-align: center; font-size: 150% }
	
	.deux { float: left; width: 78%; padding: 1%; margin: 3% 10%; text-align: center }
	.deux img.carre { width: 80% }
	.deux .titre_deux { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	/*.deux:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }*/
    
    .deux2 { float: left; width: 78%; padding: 1%; margin: 3% 10%; text-align: center }
	.deux2 img.carre { width: 80% }
	.deux2 .titre_deux2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.deux2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
    
    .trois { float: left; width: 78%; padding: 1%; margin: 3% 10%; text-align: center }
	.trois img.carre { width: 80% }
	.trois .titre_trois { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.trois:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre { float: left; width: 78%; padding: 1%; margin: 3% 10%; text-align: center }
	.quatre img.carre { width: 80% }
	.quatre .titre_quatre { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.quatre:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre2 { float: left; width: 78%; padding: 1%; margin: 3% 10%; text-align: center }
	.quatre2 img.carre { width: 80% }
	.quatre2 .titre_quatre2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.quatre2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
	
	#haut { width: 100%; height: 147px; margin: 0 auto; text-align: center }
	#haut0 { height: 70px; }
    #logo { height: 70px }
    #logo img { height: 70px }
		
	#contenu { width: 95%; margin: 0 auto 0 auto }
	#contenu img.picto { width: 15px }
	
	.wrapper { display: inline; }
	.wrapper { font-size: 13px; }
	.wrapper ul li a, .wrapper ul li a:visited { padding: 0 10px 0 10px; }
	#menu { display: none; }
	#menu_resp { display: inline; }
	.wrapper ul li:hover ul li a.hide { font-size: 100%; width: 250px }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }
	
	#zone_adresse { float: left; width: 140px; margin: 0 0 0 150px; font-size: 95%; text-align: left; color: #000 }
	#zone_adresse p { display: none; margin: 0; padding: 5px }
	#zone_clic { right: 0; height: 70px; font-size: 115%; position: absolute; }
	
	#bas { width: 100%; margin: 0 auto }
	
}

@media screen and (min-width: 451px) and (max-width: 800px){
	.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 td { display:block; width:100%!important;}
    #accueil_full { background-size: cover; }
    #slider { height: 300px }
    #cache { height: 300px }
    
    .cadre_bas { float: left; width: 84%; text-align: center; padding: 10px 8% 60px 8% }
	
	#accueil { clear: both; width: 100%; padding: 30px 0; margin: 0 auto; text-align: center; position: relative }
	#accueil_full { clear: both; width: 100%; text-align: center; position: relative }

	.titre_accueil1 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #000 }
	.titre_accueil2 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #fff }
	
	.blanc { color: #fff }
	.bleu { color: #4d9fd3 }
	.orange { color: #4d9fd3; }
	.w500 { font-weight: 500 }
	.bggris { background-color: #aaaaaa; }
	.bgorange { background-color: #4d9fd3; }
	.bgbleu { background-color: #4d9fd3; }
	.lien_contact { float: left; width: 33%; text-align: center; font-size: 150% }
	
	.deux { float: left; width: 35%; padding: 1%; margin: 6%; text-align: center }
	.deux img.carre { width: 80% }
	.deux .titre_deux { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	/*.deux:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }*/
    
	.deux2 { float: left; width: 35%; padding: 1%; margin: 6%; text-align: center }
	.deux2 img.carre { width: 80% }
	.deux2 .titre_deux2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.deux2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
    
    .trois { float: left; width: 29%; padding: 1%; margin: 1%; text-align: center }
	.trois img.carre { width: 80% }
	.trois .titre_trois { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.trois:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre { float: left; width: 29%; padding: 1%; margin: 1%; text-align: center }
	.quatre img.carre { width: 80% }
	.quatre .titre_quatre { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.quatre:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre2 { float: left; width: 21%; padding: 1%; margin: 1%; text-align: center }
	.quatre2 img.carre { width: 80% }
	.quatre2 .titre_quatre2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.quatre2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
	
	#haut { width: 100%; height: 147px; margin: 0 auto; text-align: center }
	#haut0 { height: 70px; }
    #logo { height: 70px }
    #logo img { height: 70px }
		
	#contenu { width: 95%; margin: 0 auto 0 auto }
	#contenu img.picto { width: 15px }
	
	.wrapper { display: inline; }
	.wrapper { font-size: 13px; }
	.wrapper ul li a, .wrapper ul li a:visited { padding: 0 10px 0 10px; }
	#menu { display: none; }
	#menu_resp { display: inline; }
	.wrapper ul li:hover ul li a.hide { font-size: 100%; width: 250px }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }
	
	#zone_adresse { float: left; width: 140px; margin: 0 0 0 150px; font-size: 95%; text-align: left; color: #000 }
	#zone_adresse p { margin: 0; padding: 5px }
	#zone_clic { right: 0; height: 70px; font-size: 115%; position: absolute; }
	
	#bas { width: 100%; margin: 0 auto }

}

@media screen and (min-width: 801px) 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%;
	}
	
	.cadre_bas { float: left; width: 21%; text-align: center; padding: 1% 2% }
	
	#accueil { clear: both; width: 100%; padding: 30px 0; margin: 0 auto; text-align: center; position: relative }
	#accueil_full { clear: both; width: 100%; text-align: center; position: relative }

	.titre_accueil1 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #000 }
	.titre_accueil2 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #fff }
	
	.blanc { color: #fff }
	.bleu { color: #4d9fd3 }
	.orange { color: #4d9fd3; }
	.w500 { font-weight: 500 }
	.bggris { background-color: #aaaaaa; }
	.bgorange { background-color: #4d9fd3; }
	.bgbleu { background-color: #4d9fd3; }
	.lien_contact { float: left; width: 33%; text-align: center; font-size: 150% }
	
	.deux { float: left; width: 35%; padding: 1%; margin: 6%; text-align: center }
	.deux img.carre { width: 80% }
	.deux .titre_deux { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	/*.deux:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }*/
    
    .deux2 { float: left; width: 35%; padding: 1%; margin: 6%; text-align: center }
	.deux2 img.carre { width: 80% }
	.deux2 .titre_deux2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.deux2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
    
    .trois { float: left; width: 29%; padding: 1%; margin: 1%; text-align: center }
	.trois img.carre { width: 80% }
	.trois .titre_trois { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.trois:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre { float: left; width: 21%; padding: 1%; margin: 1%; text-align: center }
	.quatre img.carre { width: 80% }
	.quatre .titre_quatre { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.quatre:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre2 { float: left; width: 21%; padding: 1%; margin: 1%; text-align: center }
	.quatre2 img.carre { width: 80% }
	.quatre2 .titre_quatre2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.quatre2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
	
	#haut { width: 100%; height: 147px; margin: 0 auto; text-align: center }
	#logo img { width: 100% }
		
	#contenu { width: 95%; margin: 0 auto }
	#contenu img.picto { width: 15px }
	
	.wrapper { display: inline; }
	.wrapper { font-size: 13px; }
	.wrapper ul li a, .wrapper ul li a:visited { padding: 0 10px 0 10px; }
	#menu { clear: both; width: 100%; height: 90px }
	#menu_resp { display: none; }
	.wrapper ul li:hover ul li a.hide { font-size: 100%; width: 250px }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }
	
	#zone_adresse { float: left; width: 300px; margin: 0 0 0 240px; font-size: 125%; text-align: left; color: #000 }
	#zone_clic { float: left; width: 250px; height: 105px; margin: 0 0 0 350px; font-size: 115% }
	
	#bas { width: 100%; margin: 0 auto }
}

@media screen and (min-width: 1200px){
	.cadre_bas { float: left; width: 21%; text-align: center; padding: 1% 2% }
	
	#accueil { clear: both; width: 1200px; padding: 30px 0; margin: 0 auto; text-align: center; position: relative }
	#accueil_full { clear: both; width: 100%; text-align: center; position: relative }

	.titre_accueil1 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #000 }
	.titre_accueil2 { font-family: 'Montserrat', sans-serif; font-size: 220%; color: #fff }
	
	.blanc { color: #fff }
	.bleu { color: #4d9fd3 }
	.orange { color: #4d9fd3; }
	.w500 { font-weight: 500 }
	.bggris { background-color: #aaaaaa; }
	.bgorange { background-color: #4d9fd3; }
	.bgbleu { background-color: #4d9fd3; }
	.lien_contact { float: left; width: 33%; text-align: center; font-size: 150% }
	
	.deux { float: left; width: 35%; padding: 1%; margin: 6%; text-align: center }
	.deux img.carre { width: 80% }
	.deux .titre_deux { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	/*.deux:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }*/
    
    .deux2 { float: left; width: 35%; padding: 1%; margin: 6%; text-align: center }
	.deux2 img.carre { width: 80% }
	.deux2 .titre_deux2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.deux2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
    
    .trois { float: left; width: 29%; padding: 1%; margin: 1%; text-align: center }
	.trois img.carre { width: 80% }
	.trois .titre_trois { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.trois:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre { float: left; width: 21%; padding: 1%; margin: 1%; text-align: center }
	.quatre img.carre { width: 80% }
	.quatre .titre_quatre { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #000}
	.quatre:hover { box-shadow: 0px 0px 10px rgba(0,0,0,0.5); transform: scale(1.02); transition-duration: 0.5s }
	
	.quatre2 { float: left; width: 21%; padding: 1%; margin: 1%; text-align: center }
	.quatre2 img.carre { width: 80% }
	.quatre2 .titre_quatre2 { font-family: 'Montserrat', sans-serif; font-size: 115%; line-height: 22px; color: #fff}
	.quatre2:hover { box-shadow: 0px 0px 20px rgba(255,255,255,0.5) inset; transform: scale(1.02); transition-duration: 0.5s }
	
	#haut { width: 1200px; height: 147px; margin: 0 auto; text-align: center }
	#logo img { width: 100% }
		
	#contenu { width: 1000px; margin: 0 auto }
	#contenu img.picto { width: 15px }
	
	.wrapper { display: inline; }
	.wrapper { font-size: 13px; }
	.wrapper ul li a, .wrapper ul li a:visited { padding: 0 10px 0 10px; }
	#menu { clear: both; width: 100%; height: 90px }
	#menu_resp { display: none; }
	.wrapper ul li:hover ul li a.hide { font-size: 100%; width: 250px }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
	.square{ width: 18%; }
	
	#zone_adresse { float: left; width: 350px; margin: 0 0 0 240px; font-size: 125%; text-align: left; color: #000 }
	#zone_clic { float: left; width: 250px; height: 105px; margin: 0 0 0 400px; font-size: 115% }
	
	#bas { width: 1000px; margin: 0 auto }
	
}