@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%;
	}
	#centre2 { width: 95%; margin: 0 auto }
	#contenu { width: 100%; clear: both }
	.wrapper, #encarts { display: none }
	#menu_resp, #encarts_resp { display: inline; }
	.fullwidthbanner-container { height:250px !important; height:250px; }
	#logo { }
	#accueil img { width: 45px }
	#accueil { margin: 55px 0 0 0; padding: 0 }
	#accueil .classh1 { font-size: 280% }
	img.halo { height: 250px; width: 320px }
	#contenu img { width: 100%; height: auto; padding: 1% 0}
	#contenu img.picto { width: 15px }
	.narrow-100pc-block { display: block!important; width: 100%!important; }

	#encart2 { display: none }

	#encart2_resp { display: inline; font-weight: 100; font-family: "Roboto",Helvetica,Verdana,sans-serif; float: left; height: 150px; width: 49%; margin-right: 1%; text-align: left; margin-top: 1% }
	#encart2_resp .titre_encart { position: absolute; width: 44.5%; padding: 0 1%; font-size: 80%; height: 35px; margin-top: 115px; line-height: 35px;  }
	#encart2_resp p { font-size: 110%; }
	
	#colonneBas { display: inline; clear: both; width: 100%; margin: 0; padding: 0; text-align: center; }
	#colonneGauche { display: none }
	
	#galerie { display: none; width:100% }
	#galerie_resp { display: inline }
}

@media screen and (min-width: 451px) and (max-width: 680px){
	.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%;
	}
	#centre2 { width: 95%; margin: 0 auto }
	#contenu { width: 100%; clear: both }
	.wrapper, #encarts { display: none }
	#menu_resp, #encarts_resp { display: inline; }
	.fullwidthbanner-container { height:270px !important; height:270px; }
	#logo { }
	#accueil img { width: 45px }
	#accueil { margin: 65px 0 0 0; padding: 0 }
	#accueil .classh1 { font-size: 280% }
	img.halo { height: 270px; width: 450px }
	#contenu img { width: 100%; height: auto; padding: 1% 0 }
	#contenu img.picto { width: 15px }
	.narrow-100pc-block { display: block!important; width: 100%!important; }
	
	#encart2 { display: none }
	
	#encart2_resp { display: inline; font-weight: 100; font-family: "Roboto",Helvetica,Verdana,sans-serif; float: left; height: 150px; width: 32%; margin-right: 1%; text-align: left; margin-top: 1% }
	#encart2_resp .titre_encart { position: absolute; width: 28.5%; padding: 0 1%; font-size: 100%; height: 35px; margin-top: 115px; line-height: 35px;  }
	#encart2_resp p { font-size: 110%; }
	
	#colonneBas { display: inline; clear: both; width: 100%; margin: 0; padding: 0; text-align: center; }
	#colonneGauche { display: none }

	#produit1  { margin-bottom: 8px; margin-top: 0; margin-right: 5px; float: left; width: 150px; text-align: center; height: 150px; background: rgba(0,0,0,0.1); }
	#photo1    { height: 140px; width: 140px; text-align: center; margin: 5px auto 10px auto }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
}

@media screen and (min-width: 681px) and (max-width: 1023px){
	.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%;
	}
	#centre2 { width: 95%; margin: 0 auto }
	#contenu { width: 100% }
	#contenu img.picto { width: 15px }
	.wrapper, #encarts { display: inline; font-size: 14px; }
	.wrapper ul li a, .wrapper ul li a:visited { padding: 0 5px 0 5px; }
	#menu_resp, #encarts_resp { display: none; }
	.wrapper ul li:hover ul li a.hide { font-size: 100%; width: 240px }
	.fullwidthbanner-container { height:300px !important; height:300px; }
	#logo { }
	#accueil img { width: 55px }
	#accueil { margin: 75px 0 0 0; padding: 0 }
	#accueil .classh1 { font-size: 325% }
	img.halo { height: 300px }
	.narrow-100pc-block { display: block!important; width: 100%!important; }
	
	#encart2 { display: inline; font-weight: 100; font-family: "Roboto",Helvetica,Verdana,sans-serif; float: left; height: 150px; width: 220px; text-align: leftmargin-top: 10px }
	#encart2 .titre_encart { position: absolute; width: 200px; padding: 0 10px; font-size: 115%; height: 35px; margin-top: 115px; line-height: 35px;  }
	#encart2 p { font-size: 125%; }

	#encart2_resp { display: none }

	#colonneGauche { float: left; width: 220px; margin: 0 20px 0 0; padding: 0; text-align: center; }
	#colonneBas { display: none }
	
	#produit1  { margin-bottom: 8px; margin-top: 0; margin-right: 5px; float: left; width: 150px; text-align: center; height: 150px; background: rgba(0,0,0,0.1); }
	#photo1    { height: 140px; width: 140px; text-align: center; margin: 5px auto 10px auto }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
}

@media screen and (min-width: 1024px){
	#centre2 { width: 1024px; margin: 0 auto }
	#contenu { margin-left: 240px }
	#contenu img.picto { width: 15px }
	.wrapper, #encarts { display: inline; }
	.wrapper { font-size: 18px; }
	#encarts { font-size: 22px; }
	.wrapper ul li a, .wrapper ul li a:visited { padding: 0 10px 0 10px; }
	#menu_resp, #encarts_resp { display: none; }
	.wrapper ul li:hover ul li a.hide { font-size: 75%; width: 230px }
	.fullwidthbanner-container { height:396px !important; height:396px; }
	#logo {  }
	#logo img { width: auto; }
	#accueil { margin: 100px 0 0 0; padding: 0; }
	#accueil .classh1 { font-size: 415% }
	#accueil .classh2 { font-size: 135% }
	img.halo { height: 396px }
	
	#encart2 { display: inline; font-weight: 100; font-family: "Roboto",Helvetica,Verdana,sans-serif; float: left; height: 150px; width: 220px; text-align: left; margin-top: 10px }
	#encart2 .titre_encart { position: absolute; width: 200px; padding: 0 10px; font-size: 115%; height: 35px; margin-top: 115px; line-height: 35px;  }
	#encart2 p { font-size: 125%; }
	
	#encart2_resp { display: none }
	
	#colonneGauche { float: left; width: 220px; margin: 0 20px 0 0; padding: 0; text-align: center; }
	#colonneBas { display: none }
	
	#produit1  { margin-bottom: 8px; margin-top: 0; margin-right: 5px; float: left; width: 150px; text-align: center; height: 150px; background: rgba(0,0,0,0.1); }
	#photo1    { height: 140px; width: 140px; text-align: center; margin: 5px auto 10px auto }
	
	#galerie { display: inline; width:100% }
	#galerie_resp { display: none }
}