/* @group -1200PX */@media (max-width: 1201px){ 

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{ width:100%;}  

#map, #Cartographie_carte, .gm-style{ width:100%}

#logo{ left:15px; top:20px; width:200px}
#logo img{ height:auto}
nav dl dt a{ padding: 20px 12px 10px 12px}
.z-form{ width:40px}

}/*/mediaquery*//* @end -1080px ------------------------------------------------------------------------------------------*/
/* @group -1080PX */@media (max-width: 1080px){

nav dl dt a{ padding: 20px 8px 10px 8px}

.page-int .z-contenu{ width:72%; padding:20px 0}
#gmap{ max-height:480px}
.elmt_carte {   height: auto;   width: 46%;}
    
    
    .moteur-resa-form form {  padding: 5px 10px;}
    .moteur-resa-form input{ margin:3px; border: 1px solid #ddd; border-radius:10px; font-size: .9rem;}
    .moteur-resa-form input[type="text"]{max-width:130px;  } 
    input.valid-rech{ display:block; margin:4px auto}

}/*/mediaquery*//* @end -1080px ------------------------------------------------------------------------------------------*/
/* @group -1024PX */@media (max-width: 1024px){

#logo{ left:10px; width:190px }
nav dl dt a{ padding: 20px 6px 10px 6px}
.favoris a{ width:40px}
#pave{ margin:5px 0}
.pave{ margin:5px 0; width:25%}

.ListeSitra{ width:102%}
.DetailSitra{ margin:6px 0 6px 2%; width:31.3%}
.vide-carnet a, .retour_liste a{ margin:10px 0 10px 2%}
    
    

}/*/mediaquery*//* @end -1024px ------------------------------------------------------------------------------------------*/
/* @group -990PX */@media (max-width: 991px){

nav dl dt a{ padding: 20px 5px 10px 5px}

}/*/mediaquery*//* @end -990px ------------------------------------------------------------------------------------------*/
/* @group -960PX */@media (max-width: 961px){

#header{ z-index:6000}
#logo{ left:12px; width:210px }
.favoris a, .z-form{ width:50px}
.favoris a{ margin-right:70px}

.pave{ margin:00; width:25%; height:240px}
.image-za{ height:230px}

nav, #menu{ width:100%}
nav{ height:auto; position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:0}
#controle-menu{display:block; cursor:pointer; float:right; width:60px; position:absolute; right:0px; top:0px;
height:50px;  background:rgba(0,0,0,0.9) url(/charte/controle-menu.png) center center no-repeat; z-index:6001; }
#menu:before{content:"Navigation"; cursor:pointer; font-size:18px; background-color:rgba(0,0,0,0.9) ;
 text-align:right; padding-right:70px; height:50px; line-height:50px; color:#ffffff; 
display:block; font-weight:bold;  z-index:4000; position:relative; border-bottom:1px solid #fff}
#menuH{background:rgba(0,0,0,0.9); -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; margin-top:0px;  
top:0px; right:0; width:100%; height:auto; z-index:5001; }
#menu dl{ float:none; padding:0; display:block; text-align:center; height:auto; background:none}
#menu dl dt a{ width:100%; margin:0; padding:12px 0; border-bottom:1px dotted #fff}
#menu dd, #menu dl:hover dd{display:none}

/*menulat escamotable*/
.menuLat, #titre_rubrique, a.brochure-colg{display:none}
#titre_rub{ padding:0 0 16px 0}
.titre_rub_.menu-ouvert {background: url(/charte/ferme-menu.png) no-repeat right bottom}
.titre_rub_.menu-ferme{background: url(/charte/ouvre-menu.png) no-repeat right bottom}


}/*/mediaquery*//* @end -960px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 901px){

#header{ z-index:5500}
.bis_title{ font-size:3.2em}
.bis_description span{ font-size:1.4em}
    
.list-agenda, .periode-agenda{ margin:6px 0; width:100%; float:left; }
.periode-agenda span{ margin:5px; display:inline-block}

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

#div_lien_yahoo{ padding-left:4%; width:92%}
#z-contenu .bg-gris{ display:none}
#colG{ width:100%; background:#b6acb2}
#menuLat{ width:92%; padding:15px 4%}
.page-int .z-contenu{ width:96%; padding:15px 2%}

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

.pave, .bloc-centre .block_content{ width:33.3% !important}
.jflow-content-slider div:nth-child(1), .jflow-content-slider div:nth-child(2), .jflow-content-slider div:nth-child(3){ width:100% !important}
.footerG, .footerD{ width: 96% !important; padding:15px 2% !important; margin:0 !important; text-align:left}
.footerG .block_content{ width: 58% !important; }
.footerG h3{ float:left; }
.footerG h3.light{ padding-right:12px}
#footer p{ margin:6px 0; width:100%; float:left}
#footer .image_gauche{ margin: 0 10px 0 0}
.partenaire{ padding:6px 0}
.partenaire img{max-height:50px; width:auto;}

#menuLat{ text-align:center}
.titre_rub_.menu-ouvert, .titre_rub_.menu-ferme{ background-position:center bottom}

}/*/mediaquery*//* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -768PX */@media (max-width: 769px){

#voirsuite{ display:none}
.conteneur1, .conteneur2, #diaporama, #zone-bas, .page-int .conteneur1{ position:relative; top: auto; left: auto; right: auto; bottom: auto;}
#conteneur {  min-height: 10%;}
    .conteneur1{ width:100%; float:left; }
.page-int .conteneur1{ height:auto}
#diaporama{ width:100%; float:left; height:400px }
.bandeau{ height:400px }
#zone-bas{  width:100%; float:left; margin-top:-50px }
.page-int #zone-bas{ margin-top:-36px}
.menu-rap{ top:70px;}
    .menu-rap a{ margin-bottom: 1px}

.popup-actu{position:relative; top:0px !important; margin:0; left:0 !important; width:100% !important; float:left !important;  height:auto }
.popup-actu .contenu-actu{padding:0 !important;  width:100% !important; height:auto !important}
.popup-actu .titre-actu{display:none}
.popup-actu .contenu-actu object{width:100% !important; height:250px !important}

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

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

h1{ font-size:210%; margin:15px 0 10px 0; }
h2{ font-size:160%; margin:14px 0;  }
h3{ font-size:130%; margin:12px 0; }
h4{ font-size:120%; margin:8px 0; }

.pave, .bloc-centre .block_content{ width:50% !important; }
.pave *{ text-align:center !important}
.stream li{ width:32.3% !important}

.footerD .block_content{ width:33% !important}
.footerD .block_content:nth-child(7){ width:66% !important}
.clear{ display:none}
.partenaire{ padding:0;  height: 82px;  line-height: 82px;}
.partenaire img{max-height:48px; width:auto;}

.DetailSitra{ margin:6px 0 6px 2%; width:48%}
.englobe-moteur-sitra label{ margin-right:10px}
#gmap, #map_fiche{ max-height:380px}
#div_presta .ligne-sitra li{ width:48%}
.titre-sitra{ margin:6px 0}
.fiche-onglets li{ width:50%; float:left}
    .fiche-onglets li a{ width:94%; padding: 10px 3%;}

}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){
.menu-rap{position:relative; left: auto; right: auto; bottom: auto; float:left; width:100%; top:266px} 
   .menu-rap .bloc_isole > div, .menu-rap a:hover, .menu-rap a{ width:35px}
.menu-rap span, .menu-rap:hover span{ right:-10000px ; font-size:0px}
    .menu-rap .bloc_isole > div span{ display: none}
.footerG .block_content{ width:55% !important}
.footerD .block_content{ width:50% !important}
.footerD .block_content:nth-child(7){ width:100% !important}

.englobe-moteur-sitra label{ margin-right:5px}
    .bloc-gauche{ width:99%; float:left}
#div_carte{ width:98%; float:right}
  
    .moteur-resa {  position:absolute;  bottom: 80px; left: 15px; right: 15px;font-size: 1rem;}
    .moteur-tabs a{ margin: 0; padding:6px}
   .moteur-resa-form form {  padding: 4px; background: rgba(255,255,255,.5)}
    .moteur-resa-form input{ margin:1px;font-size: .85rem; padding:6px}
    .moteur-resa-form input[type="text"]{max-width:110px;  } 
    input.valid-rech{ margin:3px auto}
    .moteur-resa-form input[type="number"] {  min-width: 100px; max-width:128px; }
    .moteur-resa-form input.valid-rech {   padding: 10px 20px;}

}/*/mediaquery*//* @end -600px ------------------------------------------------------------------------------------------*/
/* @group -576PX */@media (max-width: 577px){

#bis_container{ display:none}

#diaporama, .bandeau{ height:360px}
.menu-rap{ top:240px; z-index:50} 


.englobe-moteur-sitra label{ margin:0 5px 5px 0}
.fiche-onglets li a{ padding:10px 8px}
    .elmt_carte {   height: auto;   width: 97%;}

}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 541px){

#logo{ width:180px; left:15px; top:15px;}
.footerG .block_content{ width:100% !important}
.partenaire img{ max-height:40px; margin:0 8px;}

    .bandeau{ height:320px}
     #diaporama{ height:340px}
    .moteur-resa {  /*! display: none */ bottom:50px; left: 5px;right: 5px;}
	
	 .reseaux-sociaux{ padding-left:5px; }
.conteneur1{ padding-bottom:40px}

}/*/mediaquery*//* @end -540px ------------------------------------------------------------------------------------------*/
/* @group -480PX */@media (max-width: 480px){

h1{ font-size:190%; margin:12px 0 10px 0; }
h2{ font-size:150%; margin:12px 0;  }
h3{ font-size:130%; margin:10px 0; }
h4{ font-size:120%; margin:8px 0; }

.pave, .bloc-centre .block_content, .image-za{ height:220px}
.stream li{ width:48.9% !important}

#titre_rub{ font-size:160%}

.englobe-moteur-sitra .titre-sitra{ margin-right:20px}
.moteur-resa .titre-sitra{ width:100%}
.englobe-moteur-sitra .ligne-sitra{ margin:6px 0}
.fiche-onglets li a{ border: 1px solid #482f3f; margoin:0; padding:10px 0; text-align:center;
width:49.3%; margin:0; font-size:110%}
.SitraTitrePrincipal h1{ font-size:160%}
#diapo-int{ height:180px}
    .fiche-onglets li, .fiche-onglets li a{ width:99.5%}
}/*/mediaquery*//* @end -480px ------------------------------------------------------------------------------------------*/
/* @group -400PX */@media (max-width: 400px){

.pave{ height:190px}
.partenaire{ height:auto; line-height:54px}
.partenaire img{ margin:0 4px}
.page-int .partenaire{  height:auto;; line-height:50px; padding:8px 0}

.DetailSitra{ margin:6px 0 6px 2%; width:98%; height:200px}
.englobe-moteur-sitra .titre-sitra{ font-size:100%; height:26px}
.englobe-moteur-sitra .ligne-sitra{ margin:5px 0}
.titre-sitra{ font-size:100%; }

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

#logo{ width:150px; left:10px; top:10px;}
.page-accueil #diaporama{ height:290px;overflow: visible;}
    .page-accueil .conteneur1{ padding-bottom:50px; width:100%; float:left; }
.menu-rap{ top:215px;}
.menu-rap a{ margin:0}
.pave, .bloc-centre .block_content, .image-za{ height:200px; width:100% !important}
.image-za img{ max-width:100%}
.footerD .block_content{ width:100% !important}

.englobe-moteur-sitra select, .moteur-resa input{ padding:5px 2px }
#div_presta .ligne-sitra li{ width:100%; margin:0}
.NavigationSitra input, .NavigationSitra a{ padding:0 8px}
    .moteur-resa{ bottom:25px}

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

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


@media print{


body, #conteneur, #page, #header, #zc, #z-centrale, #z-contenu, .page-int #z-centrale{background:none #fff; width:100%; margin:0; padding:0; height:auto; color:#000000 }
#diaporama, #fond-body, aside, #zone-gauche-contenu, #album_agrandie, #div_lien_yahoo, #pictos, #contact, #langues,  #footer, #btn_up, #div_modif_illicopage, #menuH{display:none !important}
#conteneur{ width:96%; padding:10px 2%}
.page{ width:100%}
#header{ position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100%; float:left; margin-bottom:20px;}
#zone-haut{ background:none; height:auto; float:left;
position:relative; top:auto; left:auto; right:auto; bottom:auto; }
#logo{ position:relative; top:auto; left:auto; background:url(/charte/cordon-ot-2.png) center center no-repeat; 
height:68px; width: 106px; float:left;}
#logo a, #z-contenu .bg-gris, .favoris, .z-form, .langues, #zone-bas, #controle-menu, 
#colG, .NavigationSitra, .fiche-onglets, #diapo-int, #sthoverbuttonsMain, #div_carte{ display:none !important}
.tel a{ margin:0; color:#000}
.page-int .conteneur1{ height:auto}
.page-int .z-contenu{ width:100%}
.contenu_onglet{ border:none; padding:20px 0; width:100%; border-top:1px solid; display:block !important}
.SitraTitrePrincipal h1{ background:#6D5965}
.SitraTarifs{ width:100%; float:left}

th{ background:#482f3f; color:#fff}
tr{ background:rgba(72, 47, 63, 0.1); }
td{ padding:2px 6px }

}