@media (max-width: 1240px){ 
 nav dl dt a {  padding: 12px 16px; }
}/*/mediaquery*//* @end -1024px ------------------------------------------------------------------------------------------*/
@media (max-width: 1170px){
  
img, table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}
.page{ width:100%;}
  
nav dl dt a {  padding: 12px 12px; } 
nav dl.offre dt{ margin:0}

}/*/mediaquery*//* @end -1170px ------------------------------------------------------------------------------------------*/
@media (max-width: 1080px){ 
nav dl dt a {  padding: 12px 8px; }  
#logo{ margin:16px; max-width:200px}
#logo img{ height:auto}
  
}/*/mediaquery*//* @end -1080px ------------------------------------------------------------------------------------------*/
@media (max-width: 990px){

     #bis_images, .bis_image, #bis_container{ height:650px}
    #zc{ margin-top:-88px}

}/*/mediaquery*//* @end -900px ------------------------------------------------------------------------------------------*/
@media (max-width: 855px){

nav{ height:auto; position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:0;  z-index:500; }
#controle-menu{ display:block; cursor:pointer; float:right; width:66px; position:absolute; right:0px; top:0px;
height:54px;  background:#000 url(/charte/controle-menu.png) center center no-repeat; z-index:501;  }
#menuH{background:rgba(0,0,0,0.7); display:none; position:fixed; padding-top:54px;  
top:0px; right:0; left:0; bottom:0; width:100%; height:auto; z-index:500; overflow: scroll  }

#menu dl{ float:none; padding:0; display:block; text-align:center; height:auto; }
#menu dl dt a{ width:100%; margin:0; padding:10px 0; border-top:1px dotted #ccc; border-bottom:none}
    nav dl dt a span{ display:none}
    nav dl.offre dt a, nav dl.cadeaux dt a, nav dl.accueil dt a{ min-height:12px}
#menu dd, #menu dl:hover dd{display:none}
    
    #menu dd, #menu dl:hover dd{ display:block; position:relative; height:auto; opacity:1; top:auto;
width: 100%; margin-left: 0;left: auto;padding: 0; }

/*menulat escamotable*/
    #menuLat{ width:100%}
.menuLat, #titre_rubrique{display:none}
#titre_rub{ padding:4px 0 20px 0; cursor:pointer}
#titre_rub.menu-ouvert, #titre_rub.menu-ferme{ background-repeat:no-repeat; background-position:center bottom}
#titre_rub.menu-ouvert {background-image: url(/charte/ferme-menu.png) }
#titre_rub.menu-ferme{background-image: url(/charte/ouvre-menu.png) }
    
    .phone{ margin-top:50px}
    #bis_images, .bis_image, #bis_container{ height:500px}

}/*/mediaquery*//* @end -854px ------------------------------------------------------------------------------------------*/
@media (max-width: 801px){
    
}/*/mediaquery*//* @end -800px ------------------------------------------------------------------------------------------*/
@media (max-width: 769px){

    
}/*/mediaquery*//* @end -768px ------------------------------------------------------------------------------------------*/
@media (max-width: 720px){

    .block_content{ width:100% !important}

}/*/mediaquery*//* @end -720px ------------------------------------------------------------------------------------------*/
@media (max-width: 640px){

 #bis_images, .bis_image, #bis_container{ height:400px}
h1{ font-size:150%; margin:0.3em 0 0.6em 0; }
h2, h2 a{ font-size:130%; margin:0.2em 0 0.5em 0;  }
h3{ font-size:120%; margin:0.2em 0 0.4em 0;  }
h4{ font-size:110%; }
    #z-contenu{ padding:25px 4%}
    .partenaire, .label, .liens-footer { margin: 0;}
    .image_gauche, .image_droite{ max-width:50%}
    
}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
@media (max-width: 601px){

 #bis_images, .bis_image, #bis_container{ height:380px}   
    #bandeau{ height:400px}

}/*/mediaquery*//* @end -600px ------------------------------------------------------------------------------------------*/
@media (max-width: 576px){
.bloc-resa a.resa, .bloc-resa a {  padding: 10px 8px;}
 
}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
@media (max-width: 540px){

#bis_images, .bis_image, #bis_container{ height:320px} 
     #bandeau{ height:360px}
}/*/mediaquery*//* @end -540px ------------------------------------------------------------------------------------------*/
@media (max-width: 480px){
    #logo {  margin: 8px;   max-width: 170px;}
    #bandeau{ height:300px}
.phone a{ font-size:100%}    
    .partenaire, .label, .liens-footer{ width:96%; border:none}
}/*/mediaquery*//* @end -480px ------------------------------------------------------------------------------------------*/
@media (max-width: 400px){


}/*/mediaquery*//* @end -400px ------------------------------------------------------------------------------------------*/
@media (max-width: 360px){



}/*/mediaquery*//* @end -360px ------------------------------------------------------------------------------------------*/
@media (max-width: 320px){

 
}/*/mediaquery*//* @end -320px -------------------------------------------------*/

@media print{
body, #conteneur, #page, #header, #zc, #z-centrale, #z-contenu, #div_lien_yahoo, .page-int #z-centrale{background:none #fff; width:100%; margin:0; padding:0; height:auto; }
#diaporama, #pictos, #contact, #langues, #colD, #bandeau, #footer, #btn_up, #div_modif_illicopage, #colG, #menuH{display:none !important}
#conteneur{ width:96%; padding:10px 2%}
}