@charset "utf-8";
/*mediaqueries rwd*/
@media (max-width: 1024px){
#div_modif_illicopage{clear:both; max-width:250px; margin:1em auto; position:absolute; right:auto; left:0; }
table, tbody, tr, td, area, iframe, body{ max-width:100%;}
img{ max-width:100%; }
img[usemap] { border: none; width: auto; }
.FormAffiche{width:100%; padding:0}
form p.affichageForm label{	width: 30%;}
form img.affichageForm, form p.FormButton{margin-left:30%}
.captcha, .LabelCaptcha{width:30%}
form p.affichageForm input, form p.affichageForm textarea, form p.affichageForm select{max-width:60%}
.LabelCaptcha, .CodeCaptcha{width:100%; text-align:left; margin-top:10px }
.image_ombree{display:inherit}
.page, #page{width:100%; }
.ligne .page{width:99%; margin:0 auto; padding:0;}
#menuh dl:first-child dd{margin-left:0; left:0}
#menuh dl:last-child dd{margin-left:0; left:inherit; right:0}
#zone-1{ width:98%; padding:6px 1% 2px 1% }
.idee-sejour{ overflow:hidden}
#z-offres{ width:100%; margin:0}
.z-form{ float:right}
.z-form .contenu-bloc{ right:0}
.fil-dariane{ z-index:12}
#div_cartogmap2{ width:99% !important}
#menulat{ width:100%}
#pictos{ display:none}
.menuLat{ display:block; clear:both; }
.bloc-tarif .titre-bloc h2{ z-index:11; position:relative}
}
@media (max-width: 855px){
#malvoyant{display:none}
.page-accueil header, .page-int header, .page-fiche header{height:230px;}
.z-onglets .liste-domaines{margin-right:0.5%;}
#z-bulletins .item-station{height:23%; padding-bottom:23%; width:23%;}
#z-bulletins #map-bulletin-neige{width:99%; top:0; bottom:inherit; height:350px; position:relative !important; margin:0 0.5% 1em }
#z-bulletins .contenu-onglet{width:100%; margin:0; clear:both; }
/*bulletin*/
.z-enneigement, .z-qualite{width:100%; margin-bottom:1em}
.bloc-enneigement .col.bloc-h-neige{width:20%;}
.bloc-enneigement .col.col-2{width:25%; left:23%}
.bloc-enneigement .col.bloc-temp{left:52%}
.bloc-enneigement .col.bloc-vent{left:67%}
.block_content{ width:100% !important;}

.page-accueil.site-pro #zc .block_content{width:50% !important;}
  
  #zone-1{height:36px; padding:0; width:100%}
/*#zone-1 .meteo, */#zone-1 .txt{display:none}
.liens-haut > div{ margin-left:0.7em}
.langues{top:0; border:0; }
}
@media (max-width: 800px){
.page-int aside{ display:block; overflow:hidden}
.page-int aside #titre_rub{font-weight:bold;  background:url(/charte/fleche-right.png) no-repeat right 11px; float:left;width:auto; display:inline; height:30px; line-height:30px; font-size:1.3em; padding:2px 20px 2px 10px; color:#ffffff; text-align:center; text-transform:uppercase; cursor:pointer}
.page-int aside #titre_rub.menu-ferme {background:url(/charte/fleches-up-down.png) no-repeat right -36px;}

.page-int #zc{margin-top:35px; position:relative; z-index:1;}
/*bulletin*/
#bulletin-neige{ margin-bottom:200px; float:left; width:100%;}
#bulletin-neige .z-fixe-d{ z-index:20000; position:absolute !important; top: inherit !important; bottom:-200px !important; left:0 !important;  }
.z-pictos{display:none}
.bg-fiche, .bg-fiche > .affiche-contenu{width:98%; padding:0; margin:0 1%; background:#fff;}
.bulletin-neige.ski-alpin > .contenu-bloc > .bloc-info, .bulletin-autre>.bloc-info{width:100%; margin:1em 0 0 0;}
#bulletin-neige .bloc-contact, #bulletin-neige .bloc-geoloc{width:45%; margin:1em 2.5%; float:left;}
.info-pistes .bloc-info.risque-avalanche{width:20%}
/*menu-ppal escamotable*/
div.meteo span, div.pin span{top:0}
#titre-site.invisible{display:block;  }
#titre-site.invisible a{background: url(/charte/mdv-logo-fonce.png) no-repeat center 6px; color:transparent; font-size:0; overflow:hidden;  display:block; position:absolute; z-index:300; margin:0 auto; right:0; left:0; width:180px; height:60px;  }
#logo{  position:fixed; top:0; left:100px; right:200px ; z-index:10000; height:60px}
#logo a{ display:block; }
#logo img{ width:0}
/*barre grise*/
ul#saisons{  background-color:rgb(93, 93, 93);position:absolute; top:36px; left:0; right:0; text-align:right; padding:7px 1%;  margin-top:0px; }
#saisons li{ float:right; position:relative; z-index:30; }
#saisons li a{ display:block; background:rgba(255, 255, 255,0.8); border-radius:5px; padding:2px 0 0 6px; max-width:25px; height:22px; overflow:hidden;}
.fil-dariane{ top:74px}
.page-int header, .page-fiche header{ margin-top:106px}
.page-accueil header{ margin-top:75px}
.z-form .contenu-bloc{ top:0px ; right:30px}
.z-form .input-saisie{ background:#ffffff; color:#222222; width:100%}
#div_modif_illicopage{display:none;}
#controle-menu{background: url("/charte/controle-menu.png") center top no-repeat; width:25px; height:25px; background-size:25px;  cursor:pointer; z-index:500; position:absolute; top:4px; left:1%; display:block;}
#controle-menu.menu-ouvert{background-position:center 118%}
#barreh{display:none; position:absolute; top:65px; padding:1em 0; left:0; z-index:300; width:100%; }
#barreh dd{position:relative; float:left; left:0; top:0; margin-left:0; width:100%; }
nav dd ul{background:none; border:none; box-shadow:none; width:100%; margin:0 0 1em;}
nav dd a{color:#ccc; border-top:1px dotted #ccc; border-bottom:none}
#barreh .z-form, .z-form .contenu-bloc{ display:block; left:0; right:0; width:100%}
#menu{width:100%}
#menu dl, #menu dt, #menu dl dt a, #menu dl dt a.menu0active_, #menu dl dt, #menu dl dt span{display:block; line-height:normal; height:auto; padding:0; margin:0; width:100%; text-align:left; max-width:inherit !important; min-width:inherit !important; border-radius:0; }
#menu dl{ margin:0 1% 0.1em; width:98%; border-top:1px solid #ffffff}
#menu dl dt a, #menu dl dt a.menu0active_{width:96%; padding:0.8em 2%; text-align:center}
#menu dl dt span{border-bottom-width:0px; border-left:5px solid;}
nav dl dt a::after{ content:none}
.idee-sejour{  min-height:250px; width:23%; margin:4px 1% }
.sejour-commentaire{ display:none}
.fiche-mdv-img{ height:120px}
.fiche-mdv-img img{ width:100%;}
#z-offres .bloc-info{ background-size:40% 30%}
.bloc-fiche-tarif{ width:70px}
.bloc-tarif a.savoir-plus{ width:auto}
#form_inscription_news input{ font-size:90%}
span#step, .cartealsace{ display:none}
#bis_caption{ top:2em; bottom:auto}
.bis_title span{ padding:0.3em 0.7em; font-size:120%}
#div_cartogmap2 #map{ height:330px !important}
.MapNumero3, .page-pleine .mapd, .page-fiche .mapd{ height:350px !important}
.Carto_legende_titre{ font-size:1em; margin:3px 0; padding:5px 0; position:relative; width:100%; float:left;}
.Carto_legende_titre_image{ position:absolute; right:8px; top:5px }
.elmt_map{ font-size:90%}
}
@media (max-width: 720px){
#form_inscription_news input{ font-size:80%}
.elmt_map label{ font-size:0px}
.mapg-carto, .mapd_carto{ width:78%}
.mapg, .mapd{ width:22%}
.fiche_mdv_liste{ width:47%}
  
  .item-station-liste, .item-liste-ligne, .item-liste-entete{ display:block; width:100%}
  .item-liste-entete span, .item-station-liste .item-liste-content{ display:inline-block !important; float:left !important;}
 
.item-station-liste, .item-liste-ligne, .item-liste-entete{ display: flex; width:100%; flex-direction: row; }
  .item-liste-entete span, .item-station-liste .item-liste-content{position:relative; display: flex;}
  
  
  .hiver2018 .item-liste-entete span:nth-child(3), .hiver2018 .item-station-liste .item-liste-content:nth-child(3) {
 display:none !important}
  .hiver2018 .item-liste-entete span:nth-child(7), .hiver2018 .item-station-liste .item-liste-content:nth-child(7) {
 display:none !important}
  
.hiver2018 .item-liste-entete span:first-child, 
.hiver2018 .item-station-liste .item-liste-content:first-child{
width:30%; max-width:30%}
.hiver2018 .item-liste-entete span:nth-child(2), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(2){
width:20%; max-width:10%}
.hiver2018 .item-liste-entete span:nth-child(4), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(4){
width:20%; max-width:20%}
.hiver2018 .item-liste-entete span:nth-child(5), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(5){
width:20%; max-width:20%}
.hiver2018 .item-liste-entete span:nth-child(6), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(6){
width:20%; max-width:20%; }
  
}
@media (max-width: 640px){
ul#saisons{background:#5d5d5d  }
#titre-site.invisible a{background: url("/charte/mdv-logo-fonce.png") no-repeat 0 -30px; height:20px; padding:0 0 10px 0; margin:40px 0 0 1%}
.page-accueil header, .page-int header, .page-fiche header{ height:200px}
#bis_caption{ bottom:auto; top:0}
.bis_title span{ font-size:120%}
.page-int #z-centrale{width:100%;}
.aside, a.icon.btn-up{display:none;}
#z-footer{margin-top:1em; padding:0.5em 0;}
#z-footer>.page{position:relative;}
#z-footer>.page>.bloc{width:48%; margin:0 1% 1em; float:left; }
#z-footer .acces-rapides.bloc{ position:absolute; top:0; right:0}
.reseaux-sociaux{clear:both;}
#z-bulletins #map-bulletin-neige{height:300px; margin-top:1em;}
#z-bulletins .item-station{ width:23%; height:23%; padding-bottom:23%; margin:1%; background-color:#086A91; }
#z-bulletins.hiver2018 .item-station {   width: 48%;}
  .z-onglets .liste-domaines{display:none}
.onglets li a#onglet-domaines{display:inline}
#z-bulletins #div-domaines.contenu-onglet{background:#fff; padding:0 2% 1em;box-sizing:border-box;}
.idee-sejour{ width:48%; min-height:0; height:200px}
.fiche-mdv-titre{ font-size:90%}
.agenda{ width:99%}
.decouvrir{ width:100%}
.stream li{ width:24% !important}
#Cartographie_carte #map{ max-height:350px}
.ficheD{width:100%}
.ficheD .bloc-geoloc{ width:98%}
.bloc-tarif .titre-bloc h2{ text-align:center; display:block; margin-bottom:0.5em;}
.bloc-tarif{padding-bottom:1em;}
.bloc-tarif a.savoir-plus{ background:none !important;}
.bloc-tarif .bloc-fiche-tarif{margin:0.5em 0; clear:both;}
.bloc-tarif a.savoir-plus, .bloc-tarif .bloc-fiche-tarif{ width:auto; min-width:80%; border-radius:5px; margin:0 auto; display:table; position:relative; height:auto; text-align:center; padding:0.2em 10px}
.bloc-tarif .bloc-fiche-tarif br{ display:none}
.bloc-fiche-tarif span{ padding:0 8px}
}
@media (max-width:576px){
.moteur-recherche{ width:98%;}
.moteur-recherche .carto-liste{ width:36%}
.actu, .page-accueil .zone1 .z-contenu{ width:96%;}
.mapg-carto, .mapd_carto{ width:70%}
}
@media (max-width:500px){
.menuLat ul li{ font-size:1.1em}
#z-bulletins .item-station{width:31%; padding-bottom:31%; }
.page-accueil header, .page-int header, .page-fiche header{height:180px;}
.bis_image{background-size:cover; background-position:center top;}
#z-footer>.page>.bloc{width:94%; margin:0.5em 3%; line-height:1.4em}
#z-footer .logo-footer, #z-footer .acces-rapides{display:none !important;}
.bulletin-neige .info-pistes, .bulletin-neige > .contenu-bloc > .bloc-info{width:100%; min-height:1em; line-height:inherit;}
.bulletin-neige > .contenu-bloc > .bloc-info.info-km-ouverts{margin:0 5%; border-top:1px solid #cccccc; width:90%; padding-top:1.5em}
#z-offres .bloc-info{ background:#ffffff}
.bloc-fiche-tarif{ display:none}
.fiche_mdv_liste{ min-height:180px; padding-bottom:14px; width:98%}
.item-liste-angular .survole{height:100%;}
#cartofix, .filtre, .pager-list, .filtre-tri{ width:100% !important; box-sizing: border-box;}
.filtre-tri{font-size:0.9em}
#div_cartogmap2{position:relative !important;  width:100% !important; top:0 !important;}
.carto-liste{ width:50%}
.filtre-text{ width:100%}
.filtre-tri, #liste_mdv{ width:100%}
.detail-mdv .fiche-mdv-classement img{ margin:5px}
.bloc-fiche{ margin:5px 0; padding:5px 0}
.page-accueil.site-pro #zc .bloc-encadre{min-height:100px !important;}
.page-accueil.site-pro #zc .block_content{width:100% !important;}
.bn .item-station-publi{ width:100% !important; margin:5px 0 !important}
  #z-bulletins.hiver2018 .item-station {margin:3px 0; width: 100%;min-height: 185px;}
}
@media (max-width: 420px){
.page-accueil #header, .page-int header, .page-fiche header{ height:0}
#diaporama{ display:none}
#logo{ left:50px}
.image_droite, .image_gauche{max-width:inherit; width:100%; margin:0.7em 0}
.Agenda_item{width:78%; padding-left:25%}
.Agenda_detail{width:100%; padding:0}
.Agenda_lien.suite a{position:inherit; clear:both;}
.bloc-info-titre, .bloc-info-valeur{width:100%; margin:0 }
.Manif_image img{width:95%; float:left;}
.z-presentation .z-image, #bulletin-neige .bloc-contact, #bulletin-neige .bloc-geoloc, .bloc-info.bulletin-autre .bloc-ombre{max-width:98%; margin:1em 1%; width:98%;}
.bloc-meteo > .bloc-info{max-width:90%; width:90%; margin:0 1.5%; }
.bloc-meteo .bloc-info.bloc-demain{border:none; float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.stream li{ width:32% !important}
#z-offres a.savoir-plus, #div_modif_illicopage, .carto-liste{ display:none}
.page-accueil .bg-blanc{ padding:0}
.moteur-recherche, .actu, .page-accueil .zone1 .z-contenu{ margin-top:12px}
.fil-dariane{ z-index:110}
.menuLat ul li{ font-size:1.05em}
#cartofix{ position:relative !important; left:0; top:0; width:100% !important;  margin-bottom:10px}
#div_cartogmap2 #map{ height:220px !important}
#div_cartogmap2{ position:relative !important; top:0 !important}
.moteur-recherche{ height:auto}
.moteur-recherche .filtre-text{ width:100%}
.moteur-recherche .elmt_map{ width:16%}
.filtre{ width:95%}
.pager-list{ width:99%}
.filtre-tri{ width:98%}
.bloc-info{ width:98%}
.Carto_legende_titre{ margin:0; text-align:center}
.Carto_legende_titre_texte{ width:100%}
.Carto_legende_titre a{ font-size:1em; color:#999999; text-align:center; font-weight:normal}
.Carto_legende_titre_image{ position:relative; top:0; right:auto; text-align:center}
  .liens-haut > div{ margin:0}
  #liens-haut{ padding-left:30px; width:auto}
  .feder{ display:none}
  #z-bulletins h2{ margin-right:0}
  .hiver2018 ul.onglets{ padding:0}
  .hiver2018 .onglets li span {  padding: 0.2em 0.4em;}
 
  .item-liste-entete span {    padding: 2px 1px; font-size:80%}
.item-station-liste .item-liste-content{    padding: 2px 1px; font-size:85%}
  
}
@media (max-width: 320px){
.moteur-recherche .elmt_map{ width:21%}
.stream li{ width:49% !important}
}
@media print{
body{  background:#ffffff; }
.logo-cartouche img, a.retour, #acces-rapides, .bloc-enneigement .col.col-2, #zone-1, nav, .fil-dariane, .z-form, .page-int header, .page-fiche header, .page-picto-fix,
#z-footer, .barre-footer, .bloc-tarif, .fd-gris2{display:none;}
.bg-fiche > .affiche-contenu{ background:none; margin:0; padding:0; width:100%;}
.page, .ficheD{ width:100%;}
.bloc-info, .ficheD .bloc-geoloc{ width:47%; float:left; margin:10px 1%;}
#conteneur{ background:#ffffff; width:92%; float:left; padding:10px 4%;}
#barreh{position:relative; top:0; padding:15px 0; margin:15px 0; float:left; background:none;}
#logo{ margin-left:15px;}
#logo::after { margin:15px; text-align:center;  content:url(/charte/massif-des-vosges.png); text-transform:uppercase;  color:#ffffff; font-size: 1.8em; font-family:"avant_garde_gothic_itc_tbold",Verdana,Helvetica,sans-serif}
.fiche{ margin:0}
#z-bulletins #map-bulletin-neige{height:7cm !important; width:100%; float:left; position:relative !important; margin-bottom:0.5cm;}
#z-bulletins .contenu-onglet{width:100%; float:left; }
.z-fixe-d, #bulletin-neige .z-fixe-d, .z-enneigement, .z-qualite{float:left; width:100%; position:relative !important; top:0; margin-bottom:1em;}
.logo-cartouche{ float:none !important; margin:0 auto; width:auto; background:none; box-shadow:none;}
.logo-cartouche:after{content:"Massif des Vosges"; font-weight:bold; font-size:14pt;}
.bg-fiche, .fiche > .affiche-contenu > .bloc-info{width:100%; clear:both}
.z-presentation .titre-bloc, .z-bulletin > .titre-bloc{display:block; }
#bulletin-neige .bloc-contact, #bulletin-neige .bloc-geoloc{width:45.5%; float:left; margin:1em 2%}
#bulletin-neige .notxt.vent{color:#000; font-size:1em; background:none }
.bloc-enneigement .bloc-info{height:4em; border-top:1px solid #666; border-bottom:1px solid #666; padding:1em; }
.bloc-enneigement .titre-bloc.invisible{display:block; font-weight:bold; }
.bloc-enneigement .titre-bloc.invisible, .bloc-enneigement .col{text-align:left !important; width:23% !important; margin-left:2% !important; position:relative !important; left:0 !important; float:left !important}
 }