@media (max-width: 1180px){
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, .page, .container{ width:100%;}
.agenda .ui-datepicker{width:300px;}
.actu > div, .jflow-content-slider{width:100% !important;}
  #info-touristique figure{ width:24%; margin: 6px 0.5%;}
}

@media (max-width: 1024px){
/* body{ position:relative}
  #st-2{ top:auto !important; bottom:0; position: absolute !important;;}  
  #st-2 .st-toggle {    background: #000 !important; }
  .site-ppal .liens-footer{ padding-left:50px; padding-right:60px} 
*/
}

@media (max-width: 990px){
   #info-touristique figure{ width:31.3%; margin: 8px 1%;}
  .page-accueil .agenda > div{ display:block}
  .agenda2 > div{ padding:0}
  .agenda .ui-datepicker{ width:100%;}
  .slide-thumbnail{ text-align:center}
  .page-int #z-centrale {   width: 77%;}
  .colD{ width:21%}
  .documentGEDI, .Liste_Sous_menu{ width:47%}

  /* 2018-08-09 */
    #zone-actu.ligne{ display: initial}
  .page-accueil #zone-actu > div {    display: initial;    flex-wrap:  nowrap;}
  #jFlowSlide, .jFlowSlideContainer{    max-width: 100% !important; height:auto !important}
#slides {height:auto !important}


}
@media (max-width:850px){
.col-sm-100{width:100%; }
.col-sm-1-2{width:50%; }	
.page-int header, #logo img{height:150px;}
#logo img{width:auto;}
#moteur{right:75px; width:160px;}
.malvoyant{display:none}
#controle-menu{display:block; cursor:pointer; float:right; width:60px; position:absolute; right:0px; top:0px;
height:50px;  background:#EE3233 url(/charte/controle-menu.png) center center no-repeat; z-index:50; }
#menuH{-webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); 
-moz-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); display:none; position:absolute; z-index:2000; margin:0px;   
top:50px; right:0; width:100%; height:auto; z-index:40; }
#menuH nav #menu{width:100%; margin:10px 0;}
#menu:before{display:none;}
#menu dl, #menu dl dt a{display:table; width:100%;  }
#menu dl dt{border:none; border-bottom:2px solid #ccc; text-align:left;}
.liens-footer, .site-ppal .liens-footer{background:none; padding:20px 10px;}
#zc{display:block; padding:0 0 15px 0;}
.page-int #zc, .page-int #z-centrale, #z-centrale{width:100%; float:left; display:block;}
.page-int #zc{padding:12px}
.page-accueil.site-ppal #z-centrale>div{width:100% !important}
/*site adt*/
/*.site-ppal #page{background:#fff; display:table}*/
.page-accueil.site-ppal .bandeau{background-size:cover}
.page-accueil.site-ppal header{height:180px}
.page-accueil.site-ppal #zc{position:relative;}
.page-accueil.site-ppal #zone-actu .actu{margin:15px 15px 0;}
.page-accueil.site-ppal #zone-actu .agenda{margin:15px 0;}
.page-accueil.site-ppal #reseaux-sociaux, 
.page-accueil.site-ppal #info-touristique{padding:20px 10px; }
.page-accueil.site-ppal #reseaux-sociaux h3{display:none;}
#info-touristique h2, #info-touristique .voir-brochures, 
#info-touristique .affiche-contenu>div.ligne{margin:10px auto; float:none; clear:both; text-align:center; display:table; width:auto;}
  .page-accueil.site-ppal #zc{ bottom:auto}
  .bloc-encadre{ height:100px}
  .bloc-encadre p {  margin: 6px 0 4px;}
  .colD{ width:100%; float:left}
  #menulat{ width:54%; float:left; margin-bottom:10px}
 .agenda2, .contact2, .reseaux{ width:42%; float:right; margin:0 2% 10px 2%;}
}
@media (max-width:720px){
  .block_content{ width:100% !important}  
   #info-touristique figure, .item-lien{ width:48%; margin: 8px 1%;}
}
@media (max-width:600px){
#header{height:60px; background:#fff none; box-shadow:0px 0px 4px rgba(106,106,106,1.00); -moz-box-shadow:0px 0px 4px rgba(106,106,106,1.00); -webkit-box-shadow:0px 0px 4px rgba(106,106,106,1.00);  }
#logo img{display:none}
#logo span{background:url("/charte/logo.png") no-repeat left center; background-size:auto 65px; width:140px; height:60px; display:block}
#info-touristique figure{/*float:none; margin:0 auto 15px*/ }
.lien-facebook a, .lien-twitter a{font-size:.9em; }
.manif-image, .contact, .descriptif, .geoloc{ float:left; width:100%; padding:6px 0 6px 0}
   .documentGEDI, .item-lien{ width:98%;  margin: 8px 1%;}
}
@media (max-width:480px){
  #menulat{ width:100%; float:left; margin-bottom:10px}
 .agenda2, .contact2, .reseaux, .Liste_Sous_menu{ width:100%; float:right; margin:10px 0;}
    #info-touristique figure{ width: 98%; margin: 8px 1%;}
}
@media (max-width:400px){
#moteur{display:none}

}
/* @group +720PX */@media (min-width: 850px){
#menuH{ display:block !important}
}
@media print{
body, #conteneur, .page, #zc, .page-int #zc, #z-centrale, #div_lien_yahoo, .page-int #z-centrale{background:none #fff; width:100%; margin:0; padding:0; height:auto; }
#header,#btn-up, #div_modif_illicopage, .pictos, #menulat, #footer{display:none !important}
#conteneur{ width:98%; padding:10px 1%}
#div_lien_yahoo{margin-bottom:1.5em; border-bottom:2px solid #ccc; padding-bottom:.5em}
h1, .h1{color:#000; text-shadow:none; background-color:#fff; margin:0; padding:0; font-size:1.8em; line-height:100%}
}