@media only screen and (max-width:1095px){

	div#centre{margin-top:0; width:100%;}

	div#header img#logo{display:block; margin:0 auto;}
	div#header ul#menu{margin-bottom:20px; padding:0 10px; text-align:center;}
	div#header ul#menu li, div#header ul#menu a{display:inline-block; float:none;}
	div#header ul#menu a{background:none; color:#000; font-size:18px; height:auto; margin:2px 20px; text-indent:0;}
	div#header ul#menu a.cours, div#header ul#menu a:hover{color:#830f10}
	div#header ul#menu a#mn_vins, div#header ul#menu a#mn_venez_decouvrir, div#header ul#menu a#mn_experience, div#header ul#menu a#mn_badie, div#header ul#menu a#mn_offres, div#header ul#menu a#mn_cadeaux, div#header ul#menu a#mn_newsletter, div#header ul#menu a#mn_visite_virtuelle{width:auto;}
	div#header ul#menu a.style{font-size:24px; font-family: 'Pinyon Script', cursive;}
	div#header ul#menu a#mn_offres{margin-left:0}

	img#badie{display:none;}

	img.deco{max-width:100%;}

	div#ssmenu{right:20px;}

	div#animation_down, div#animation_up{left:0; right:0; top:0;}
	div#animation_down img, div#animation_up img{height:auto; width:100%;}

	div#anim_content{width:100%; position:relative;}

	div#bloc_content div#content img#close{display:none;}

	div#bloc_content{height:auto; left:0; right:0; top:180px; width:auto;}
	div#bloc_content div#content{height:auto; padding:40px 15px 10px;}

	body#gamme div#content div#vins{width:60%;}
	body#gamme div#content div#photos{width:28%;}

	body#plan-acces iframe{width:100%;}
	div#visite_virtuelle iframe{margin-top:20px; width:100%;}

	div#footer{display:none;}

}

@media only screen and (max-width:750px){

	body#gamme div#content div#vins{width:100%;}
	body#gamme div#content div#photos{display:none;}

	div#contact div#form input[type="text"], select{width:50%;}

	body#cadeaux-affaires div#bloc_content div#content p.sign{margin-left:0; text-align:left}

}

@media only screen and (max-width:700px){

	div#intro{margin:50px 0 0 0; position:static; width:100%;}
	div#intro div#blocs{display:none;}
	div#intro img#intro_mobile{display:block; width:100%;}

}

@media only screen and (max-width:600px){

	img.right{display:none;}

	div#offres img{display:none;}

}