@charset "utf-8";
/* CSS Document */
html{color:#000;background:#FFF;} 
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;}
address,cite,code,dfn,var{font-style:normal;font-weight:normal;} 
/*li{list-style:none;} */
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;} 
input,textarea,select{font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;}
img, object, embed, #map{ max-width:100% ;}
#map img{  max-width: none !important;}
a{ text-decoration:none;}
@font-face { font-family: 'avant_garde_gothic_itc_tbold'; src: url('/fonts/aggitb37-webfont.eot'); src: url('/fonts/aggitb37-webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/aggitb37-webfont.woff') format('woff'), url('/fonts/aggitb37-webfont.ttf') format('truetype'), url('/fonts/aggitb37-webfont.svg#avant_garde_gothic_itc_tbold') format('svg'); font-weight: normal; font-style: normal;}
	
html, body {height: 100%;}
body {padding:0; margin:0; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:0.8em; color:#050303;}
body{background-color:#F1F1F1;}
#conteneur{ float:left; width:100%; background-color:#F1F1F1;}
.page{ width:980px; margin:0 auto}
.ligne{float:left; width:100%;}
.bloc-aside{margin-bottom:1em;}
.left{float:left;} .right{float:right;}
.align-verti{display:inline-block;vertical-align:middle;}
*+html .align-verti{display:inline}
body > img{ display:none}

#cookieChoiceInfo {z-index:10000 !important; bottom: 0; top: inherit !important;}
h1, h2, .PLAN0 a, .bouton a, nav dt, #zone-1, .input-ok, ul.onglets, a.retour{font-family: 'avant_garde_gothic_itc_tbold', Verdana, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase;}
h1{font-size:1.9em; padding:1em 0;  }
.page-accueil h1{ margin:0; padding:0; font-size:1.2em; text-transform:none; display:inline}
h2{ font-size:1.6em; margin:1em 0 0.5em;  }
h3{ font-size:1.35em; margin:0.5em 0 0.2em; font-weight:bold; color:#999}
h4{ font-size:1.05em; font-weight:bold }

.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
a.voir-tout, a.btn{white-space:nowrap; color:#1E1F1E; text-decoration:none; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.2em; padding:5px; border-radius:5px}
a.voir-tout i{margin:0 5px}
a.btn.big-btn{padding:1em}

.bloc_isole ul{margin-left:15px}
.bloc_isole li{list-style-type:disc; margin-bottom:0.3em}
strong{font-weight:bold;}
main p{ line-height:150%;}
a:hover, .bloc_isole a{ text-decoration:underline;}
hr{width:210px; margin:2em auto; border:none; height:1px; background-color:#ccc;}
.invisible, .menu-cache #titre_rub,  .menu-cache .menuLat, #controle-menu{ display:none;}
#div_modif_illicopage{position:absolute;top:100px; right:0; border:1px solid #ccc; background-color:#fff; padding:10px; z-index:300;}
.legende{ font-size:12px; color:#6D6969; margin-top:5px;}
ul.enligne{margin:0; padding:0; list-style-type:none;}
.enligne li{ list-style-type:none; margin:0; padding:0; display:inline;}
.width100pc{width:100%;}
.notxt{font-size:0px; color:transparent;}
.accroche{font-style:italic; font-weight:bold; font-size:1.07em}
.bouton{margin:0.5em 0; display:inline; width:auto}
.bouton a{display:block; padding:0.2em 10px; text-align:center; background-color:#5D5D5D; color:#fff; text-decoration:none !important;}
.bouton-arrondi{margin:0.3em auto; display:inline-table; background-color:#494545; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.bouton-arrondi a{display:block; padding:0.2em 10px; text-align:center; color:#fff !important; text-decoration:none !important;}
.bg-blanc{background-color:#ffffff; }
.bg-gris{background-color:#494545;}
.fd-gris2{background-color:#E3E5E7;}
.bg-gris-clair{background-color:#DFDCDC}
.bg-vert{background-color:#5BA345}
.bg-bleu{background-color:#00A6B8;}/**/
.bloc-ombre, .image_ombree img, .img-news img, .anythingSlider,
nav dd ul, .image_ombree img{background-color:#fff; border:1px solid #ccc; -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #66000000,Positive = true)"; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #66000000,Positive = true);}
.arrondi{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.image_ombree img, .img-news img{border:1px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.accordion .contenu-bloc{display:none; position:relative; z-index:2}
.accordion .btn-bloc{cursor:pointer; position:relative; z-index:3}
.fiche .accordion .contenu-bloc{display:block; }
.fiche .accordion .btn-bloc{}
.page-accueil .bg-blanc{width:100%; float:left; padding:21px 0 23px 0;}
.page-accueil .fd-gris2{background:#E3E5E7 url("/charte/bg-ombre.png") left top repeat-x; width:100%; float:left; padding:15px 0;}
.titre-accueil{ font-family: 'avant_garde_gothic_itc_tbold', Verdana, Helvetica, sans-serif; color:#2F373A; text-transform:uppercase; font-weight:normal; font-size:1.4em; float:left}
/*icones*/
.icon, .icon span{background:url("/charte/pictos.png") -1000px -1000px no-repeat;}
span.icon, .icon span{display:inline-table; height:25px; width:25px;}
*+html span.icon, *+html .icon span{display:block; float:left;}
a.icon{display:inline-block;}
.malvoyant{background-position:-200px -60px; position:absolute; top:1em; right:0; z-index:300;}
#btn-up{ z-index:1000; display:none; position: fixed; bottom:10px; right:2%;   }
.btn-up-fix{background-position:-470px 0;cursor:pointer; width:44px; height:44px; opacity:0.8}
.btn-up-fix:hover{ opacity:1}
a.retour{display:inline; padding:0.4em 10px 0.4em 0; background-color:#5D5D5D; color:#fff; text-decoration:none !important; }
.retour span{background-position:-164px -62px;}
aside a.icon.notxt{height:25px; width:25px; margin:0 2px;} 
.print{background-position:-353px -60px;}
.v-pdf{background-position:-319px -60px;}
.plan-site{ background-position:-230px -60px;}
/* HEADER */
header{position:relative; z-index:6; text-align:center}
.bandeau{background-position: center center; background-repeat:no-repeat; background-size:auto 100%;}
.page-int header, .page-fiche header{margin-top:113px}
.page-fiche header{height:350px; }
.page-accueil header{margin-top:81px;}
a.carto{ float:right; position:relative; z-index:10}
#zone-1{padding:6px 0 2px 0; font-size:1.1em; height:36px; background:#ffffff;position:fixed; top:0; left:0; z-index:5000; width:100%; float:left}
ul.saisons{ float:left; margin-top:5px;} 
.saisons li, .saisons li a{color:#999999;  text-decoration:none !important} 
.saisons li.flocon:hover a{color:#00A6B8; } 
.flocon:hover span{background-position:-150px -30px;}
.saisons li.soleil:hover a{color:#EB7B1D;}
.soleil:hover span{background-position:-190px -30px;}
.saisons li.sep{margin:0 0.3em;}
.soleil span{background-position:-190px 0;} 
.icon.flocon span{background-position:-150px 0;} 
.liens-haut{ position:relative;} 
.liens-haut>div{float:left; margin-left:1em; position:relative  } 
.liens-haut a{color:#5D5D5D;}
.btn-station-ete, .btn-station-hiver{display:none;}
.pict, .txt{ float:left; font-size:0.85em}
.liens-haut .icon span.txt{ width:auto}
div.meteo .pict, div.pin .pict, div.carnet-voyage .pict, div.venir .pict{position:relative; height:30px;}
div.btn-ot, div.btn-station-ete, div.btn-station-hiver, .liens-haut div.meteo{line-height:26px;}
div.btn-ot .pict{ background-position:-397px -186px; width:30px; height:30px; }
div.btn-station-ete .pict{ background-position:-337px -185px; width:21px; height:31px;}
div.btn-station-hiver .pict{ background-position:-363px -185px; width:28px; height:31px; }
div.carnet-voyage .pict{ background-position:-475px -103px; width:38px;}
div.meteo .pict{ background-position:-280px 0; width:36px;}
div.pin .pict{ background:url(/charte/carto.png) left top no-repeat; width:33px;}
div.venir .pict{ background-position:-330px 2px; width:23px;}
.langues{position:absolute; z-index:300; right:0; padding:1px 3px; top:-1px; width:48px; background-color:rgba(255,255,255,0.95);
  border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.langues.accordion .btn-bloc{float:right; margin:0 3px }
.langues .icon{height:30px; width:30px; float:left;}
.langues ul, .langues li{margin:0; padding:0; list-style-type:none}
.langues.accordion .btn-bloc.icon, .down{background-position:-400px 0; height:18px; width:10px;}
.langues.accordion .btn-bloc.icon.active, .up{background-position:-400px -20px; height:18px; width:10px;}
.langues .contenu-bloc{ clear:both;}
.fr{ background-position:-430px 0px;} .en{ background-position:-430px -65px;} .de{ background-position:-430px -32px;} .nl{ background-position:-430px -98px;}
#logo{float:left; margin:3px 0.5em 0 0;}
/* moteur */
#pictos{float:right;} 
.loupe{ background-position:-256px -58px;}
.z-form{float:left; height: 26px; width: 26px; margin:4px}
.z-form.accordion .btn-bloc.icon {  height: 26px; width: 26px; float:left;}
.z-form form{margin:0 2%; position:relative;}
.z-form .input-saisie{color:#ffffff; border:none; width:170px; height:32px; text-indent:8px;  font-style:italic; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#5d5d5d}
.z-form .ok{position:absolute; right:5px; top:3px}
.z-form .contenu-bloc{ position:absolute; top:33px; right:-20px; z-index:1000}
/*ZC*/
#colg{width:19%; float:left; margin:30px -1% 0 0;}
.page-int #z-centrale{width:100%; float:left;  }
aside{ display:none; width:19%; float:right;}
/*FOOTER*/
#z-footer{background-color:#7FD2DA; border-top:6px solid #399AA4; position: relative; z-index: 500;}
.bloc-colo{background-color:#399AA4;}
#z-footer .btn-up{background-color:#399AA4}
#z-footer{margin-top:3em; padding:25px 0 20px;}
a.icon.btn-up{cursor:pointer; margin:-60px auto 20px; display:block; background-position:-470px -55px; height:35px; width:45px;}
#z-footer strong, #z-footer strong a, #z-footer .acces-rapides a, .insc-newsl .ok, div.socialwall{font-family: 'avant_garde_gothic_itc_tbold', Verdana, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#fff;}
#z-footer .acces-rapides a.espace-pro{/*display:none*/}
#z-footer strong{font-size:1.3em;}
div.socialwall{  float:left; width:100%; padding:15px 0; border-top-width:8px; border-top-style:solid; color:#000; font-size:1.2em;}
div.socialwall .titre-accueil{font-weight:normal}
#z-footer .acces-rapides a{font-size:1.1em;}
#z-footer>.page>.bloc{width:auto; text-align:center; display:inline-table; line-height:8em;}
#z-footer>.page>.bloc .contenu-bloc{line-height:normal; vertical-align:middle; display:inline-block;  }
#z-footer>.page>.insc-newsl, #z-footer>.page>.reseaux-sociaux{width:26%; margin:0 1%; padding:15px 0;}
#z-footer>.page>.logo-footer,#z-footer>.page>.acces-rapides{width:21%;}
#z-footer>.page>.logo-footer img{width:100%;}
.reseaux-sociaux span.socialwall{ font-family: 'avant_garde_gothic_itc_tbold', Verdana, Helvetica, sans-serif; text-transform:uppercase; font-size:1.1em;}
.reseaux-sociaux ul{margin:0.8em 0 0.5em 0}
.reseaux-sociaux ul .icon{height:39px; width:39px;}
.facebook{ background-position:0 0;}
.flickr{ background-position:-50px 0;}
.rss{ background-position:-100px 0;}
.insc-newsl p{ font-style:italic; margin:0.2em 0}
.insc-newsl form{margin:1em 3%; position:relative; width:auto;}
.insc-newsl input{height:2em; border:0; float:left}
.insc-newsl input.input-saisie{ width:60%; text-indent:5px;}
.insc-newsl input.ok{background-color:#F79933; float:right; width:40%}
#z-footer .acces-rapides a{text-align:left;clear:both; padding:0.3em 1em; display:block; margin:0.7em 0; position:relative;}
span.icon.map{float:left; margin:-7px 0 -7px -5px;background-position:-230px 0; height:40px; width:40px;}
.barre-footer{clear:both; text-align:center; padding:0.5em 0; background-color:#00899E; color:#fff; text-transform:uppercase; position: relative; z-index: 500;}
.barre-footer a{ white-space:nowrap; color:#fff;}
.barre-footer li:after{content:" | "; margin:0 3px;}
.barre-footer li.last-child:after{content:"";}
/*-- Barre menu --*/
#barreh{background-color:#5D5D5D; z-index:200; position:fixed; top:44px; width:100%; left:0}
.fil-dariane, #barreh{-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #bf000000,Positive = true)";}
.fil-dariane{position:fixed; top:81px; width:100%; left:0; background-color:#AEAEAE; z-index:7; line-height:32px; color:#fff; font-size:0.85em;}
.fil-dariane a{color:#fff}
.fil-dariane .bg-gris-f{position:absolute; z-index:8;top:0; left:0; bottom:0; right:50%;background-color:#5D5D5D}
.fil-dariane .page{position:relative; z-index:9; background-color:#AEAEAE; display:table;}
.vous-ici{background:url(/charte/bg-vous-ici.png) no-repeat left top; background-size:100% 100%; padding:0 2%; margin-right:5px;}
/* Menu */
#menu{float:left;}
nav dl, nav dt, nav dd, nav ul, nav li{ margin:0; padding:0; list-style-type: none;}
nav ul, nav li{ float:left; clear:both; width:100%;}
nav dl { position:relative; float:left; padding:3px 0}
*+html nav dl{display:inline; float:left;}
nav dl dt a{margin:0 4px; line-height:30px; float:left; display:block; font-size:1.25em;  text-transform:uppercase; color:#fff;  }
nav dl dt a.menu0active_, nav dl dt a:hover{color:#eb7b1d;}
nav dl dt a::after { content: " | "; color:#ffffff; font-weight:normal; font-family:arial; padding-left:5px;}
nav dl dt a:hover{ text-decoration:none}
/*survol*/
nav dd{clear:both; position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:34px; left:50%; margin-left:-90px;}
nav dl:hover dd{ height:auto; opacity:1; overflow:visible; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
nav dd ul{margin-top:4px; padding-bottom:10px; border:2px solid #fff; background-color:#F0F0F0; width:180px;}
nav dd a{color:#484848; display:block; padding:5px 2%; margin:0 2%; border-bottom:1px dotted #ccc  }
nav dd a:hover{text-decoration:none; color:#000; background-color:#E7E7E7}
/*profil*/
.Profil_secondaire{color:#ababab !important; display:none;}

/*plan du site*/
.PLAN0 a, .PLAN1 a, .PLAN2 a, .PLAN3 a{text-decoration:none !important; color:#5d5d5d}
.PLAN0{border-bottom:1px solid #eb7b1d; padding-bottom:0.2em; margin-top:1em}
.PLAN0 a{font-size:1.5em;}
.PLAN1{ list-style-type:none; }
.PLAN1, .PLAN1 a{font-weight:bold; }
.PLAN1 a{font-size:1.15em; margin:5px 0; display:block}
.PLAN2{list-style-type:disc; color:#336699;  margin-left:-20px}
.PLAN2 a{color:#336699; font-size:0.95em}
.PLAN3{list-style-type:disc; color:#aaa; margin:0 0 0 -20px; font-size:0.95em;}
.PLAN3 ul{margin-bottom:1em;}
.PLAN3 a{font-weight:normal; color:#535353; margin:1px 0;}
.PLAN4{list-style-type:disc; color:#CFDDEB; margin:0 0 0 -25px;}
.PLAN4 a{color:#336699;  font-size:0.9em;}
.z-presentation .z-image{float:left; margin:0 3% 0.5em 0; max-width:45%; }
.z-presentation hr{clear:both}
.titre-bloc:not(.invisible){ font-family: 'avant_garde_gothic_itc_tbold', Verdana, Helvetica, sans-serif; text-transform:uppercase;font-size:1.4em; display:inline-table; width:100%; vertical-align:middle; margin:0.3em 0;  }
.titre-bloc h2{margin:0; font-size:1em;}
.titre-bloc span.icon{ top:0.3em; position:relative; margin-right:3px}
/*fiche station hiver*/
.z-qualite{min-height:13em; background:#00A5B7 url(/charte/bg-deco-neige-bd.png) no-repeat right bottom; }
.z-qualite{color:#fff; float:right; width:38%;}
.z-qualite .contenu-bloc>div{margin:1em 5%}
.z-qualite .titre-bloc{text-align:center;  color:#2E3739;}
.deco-bd{background:#00A5B7 url(/charte/bg-deco-neige-bd.png) no-repeat right bottom}
/*--- HIVERS - Bulletin Neige ---*/
#z-bulletins{background-color:#0987BC; padding:1em 1%; position:relative; float:left; width:98%; z-index:100; min-height: 450px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); 
			-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #bf000000,Positive = true)";	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #bf000000,Positive = true);}
#z-bulletins #tabs{display:table; width:100%;  }
.affiche-contenu-onglet{position:relative; width:100%; display:table;}
#z-bulletins #map-bulletin-neige{float:left; width:37%; min-height:400px; background-color:#fff !important; position:absolute !important; top:-0.25%; bottom:0.5%;}
#z-bulletins .contenu-onglet{float:right; width:63%; margin:-0.5% -0.5% 0 0;}
#z-bulletins .item-station{ width:19%; height:19%; padding-bottom:19%; margin:0.5%; background-color:#086A91;}
.z-onglets{font-size:1.1em; float:left; width:100%;}
#z-bulletins h2{float:left; color:#fff; font-size:1.5em; margin:0.2em 20px 0 0;}
h2 span.icon.flocon {background-position:-285px -60px; margin-right:5px}
ul.onglets{width:auto; display:table; float:left;font-size:1.3em;}
.onglets li{display:table-cell;   }
.onglets li a{display:block; text-transform:uppercase; padding:0.3em 0.8em;border-radius:1em; text-align:center; margin:0 2%; color:#84C3DD;}
.onglets li a#onglet-autres{display:none;}
.onglets li a.active{background-color:#ffffff; color:#0987BC}
.onglets li a#onglet-domaines{display:none}
.z-onglets .liste-domaines{margin-bottom:1em; float:right; display:table; position:relative; z-index:100; margin-right:-15px; background:#fff; border:1px solid #ccc; padding:0.5em; -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75); 
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #bf000000,Positive = true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #bf000000,Positive = true);}
.liste-domaines select.input-saisie{width:200px}
.liste-domaines select.input-saisie input{border:none;}
.liste-domaines .input-ok{background:none; border:none; font-size:1.2em; color:#5D5D5D;}
.z-pictos a.icon{height:25px; width:25px; display:block; margin:10px 0 15px}
.z-pictos .webcam{background-position:-10px -120px;}
.z-pictos .b-neige{background-position:-45px -120px;}
.z-pictos a.icon.carte-geo{background-position:-80px -120px;  height:31px}
.vent{background-position:-200px -170px;}
.temp{background-position:-170px -170px;}
.qualite-neige{background-position:-120px -120px;}
.webcam-clair{background-position:-10px -220px;}
.icon.carte-geo-clair{background-position:-80px -216px; height:35px}
.icon.go{background-position:-10px -40px; height:20px;  }
.titre-domaine{text-aligne:center; display:table; margin:0 auto; color:#333; font-size:2em; text-transform:uppercase; font-weight:600;}
.info-compl{color:#00A5B7; font-size:15px; text-align:center}
.ouv-domaine{text-align:center;}
#bulletin-neige .bloc-info{box-sizing:border-box; }
#bulletin-neige>.bloc-info{margin-top:2em; box-sizing:border-box;}
.z-presentation .titre-bloc, .z-bulletin>.titre-bloc{display:none}
#bulletin-neige .titre-domaine, #bulletin-neige .info-compl, #bulletin-neige .fiche>.affiche-contenu>.bloc-info, #bulletin-neige a.retour{ position:relative; z-index:20;}
#bulletin-neige .z-fixe-d{position:absolute; top:40px; z-index:15; left:0; text-align:center;}
#bulletin-neige  .z-fixe-d>.page{ position:relative;}
#bulletin-neige .bloc-contact{float:right; width:22%;}
#bulletin-neige  .z-fixe-d .bouton-arrondi{min-width:80%}
#bulletin-neige .bloc-geoloc{float:right; width:22%; clear:right; margin-top:2em; background-color:#DFDCDC}
#bulletin-neige .bloc-geoloc>.affiche-contenu>div{margin:0.7em 0}
#bulletin-neige .bloc-geoloc .lib{font-weight:bold; color:#5D5D5D}
#bulletin-neige .z-fixe-d .affiche-contenu{padding:5px 2%;}
.z-bulletin .ligne{display:table; position:relative}
.z-enneigement{float:left; width:57%; min-height:12em;}
.maj{margin:1em 0; text-align:left;}
.bloc-meteo>.bloc-info{max-width:42%; padding:1em 3% 0.7em;}
.bloc-meteo .bloc-info.bloc-ajdh{float:left; }
.bloc-meteo .bloc-info.bloc-demain{float:right; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.bloc-meteo .lib{float:left; color:#262626}
.bloc-meteo .iconmeteo{ float:right; margin-left:5px}
.bloc-meteo .legende-icon{float:left; clear:left;font-size:0.9em}
.hiver .bloc-meteo .legende-icon{ color:#00A5B7}
.bloc-enneigement{padding:1em 0; height:90px; width:100% }
.bloc-enneigement .bloc-info{position:relative; height:50px; line-height:30px }/*haut piste, bas piste*/
.bloc-enneigement .col{position:absolute;  }
.bloc-enneigement .val{line-height:1.2em; }
.bloc-enneigement .col.bloc-h-neige{ left:0px; width:18%; text-align:right; }
.bloc-enneigement .bloc-h-neige span{display:block;}
.hiver .bloc-enneigement .alt{color:#47BFE9; text-transform:uppercase;}
.bloc-enneigement .h-neige{font-weight:bold;}
.bloc-enneigement .col.col-2{left:20%; width:120px;}
.bloc-enneigement .icon.enneigement{width:100%; height:60px; margin-top:10px; background: url(/charte/illus-neige-massif.png) no-repeat left top; background-size:100% 100%; }
.bloc-enneigement .col.bloc-temp{ left:195px;  width:auto; }
.bloc-enneigement .col.bloc-temp span.icon{width:14px}
.bloc-enneigement .col.bloc-temp .val{ line-height:30px}
.bloc-enneigement .col.bloc-vent{ left:247px; width:25%;}
.bloc-enneigement .bloc-vent .val{font-size:0.9em; }
.bloc-enneigement .bloc-vent span.icon{margin:5px 5px 0 0; float:left; }
.bulletin-neige{clear:both; background-color:#0987BD; margin-top:1.5em; float:left; width:96%; padding:5px 2% 15px}
.bulletin-neige .titre-bloc h2{color:#fff}
.bulletin-neige>.contenu-bloc{display:table; width:100%; }
.bulletin-neige>.contenu-bloc>.bloc-info{ min-height:15em}
.bulletin-neige .contenu-bloc .affiche-contenu{padding:1em 5px}
.bulletin-neige .info-pistes{width:57%; float:left; }
.bulletin-neige .info-pistes .bloc-info{display:inline-block; vertical-align:middle; text-align:center}
*+html .bulletin-neige .info-pistes .bloc-info{display:inline}
.bulletin-neige .info-pistes li{line-height:18px; margin:0.3em 0}
.info-pistes .bloc-info.risque-avalanche{width:40%;  }
.avalanche{background:url(/charte/bulletin-neige.png) no-repeat -345px top; width:40px; height:46px; margin:auto }
.avalanche.risque-limite{background-position:0 0;}
.avalanche.risque-marque{background-position:-60px 0;}
.avalanche.risque-generalise{background-position:-120px 0;}
.risque-avalanche .legende-icon{font-size:0.9em; clear:both; display:block}
.bloc-info.ouv-pistes{width:inherit; float:inherit; margin:inherit;}
.infos-ouv-pistes{font-weight:bold; font-size:1.2em; text-align:center; margin:0em 0 1em 0}
.infos-ouv-pistes .val{font-size:1.1em; color:#00A5B7; display:block}
.piste{background:url(/charte/bulletin-neige.png) no-repeat -1000px top; width:25px; height:15px; display:block; float:left;}
.piste-verte{background-position:-200px -10px;}
.piste-bleue{background-position:-230px -10px;}
.piste-rouge{background-position:-260px -10px;}
.piste-noire{background-position:-290px -10px;}
.bulletin-neige.ski-alpin>.contenu-bloc>.bloc-info{background-color:#fff;}
.bloc-info.info-complementaires{width:40%; float:right; background:url(/charte/bg-neige-hg.png) no-repeat left top}
.bloc-info.info-complementaires .contenu-bloc{padding:0 5%}
.bloc-info.info-complementaires .bloc-info{border-bottom:1px solid #ccc; padding-bottom:1em; margin-top:1em; text-align:center}
.bloc-info.info-complementaires .bloc-info:last-child{border-bottom:none}
.bulletin-neige.ski-nordique>.contenu-bloc{background:#fff url(/charte/bg-bd-neige.png) no-repeat right bottom;  float:left; width:100%; }
.bloc-info.info-km-ouverts{width:40%; text-align:center; float:right; line-height:15em}
.bloc-info.info-km-ouverts .contenu-bloc{display:inline-block; vertical-align:middle; line-height:1.2em}
*+html .align-verti{display:inline}
.bloc-info.info-km-ouverts .val{color:#00A7E3}
.bloc-info.info-km-ouverts .lib{display:block;}
.km-ouvert{background:url(/charte/bulletin-neige.png) no-repeat -1000px top; width:92px; height:92px; margin:10px 0; text-align:center; display:inline-table}
.km-ouvert-0{background-position:0 -165px;}
.km-ouvert-25{background-position:-96px -165px;}
.km-ouvert-50{background-position:-196px -165px;}
.km-ouvert-75{background-position:-296px -165px;}
.km-ouvert-100{background-position:-396px -165px;}
.bloc-info.bulletin-autre .bloc-ombre{float:left; width:48%; background-color:#fff; margin:1em 0 }
.bloc-info.bulletin-autre .bloc-ombre.luge{margin-right:3%}
.bloc-info.bulletin-autre .bloc-ombre .affiche-contenu{padding:0.7em 4%}
.bloc-info.bulletin-autre .titre-bloc{color:#0A87BD}
.bulletin-autre{margin:1em 0 -1em; float:left; width:100%;}
.bloc-info.bulletin-autre .affiche-contenu{line-height:80px;  height:80px; }
.bloc-info.bulletin-autre .affiche-contenu .contenu-bloc{ display:table-cell;  line-height:1.4em; vertical-align:middle; font-size:1.1em}
.bloc-info.bulletin-autre .affiche-contenu .contenu-bloc .val{display:block; color:#00A5B7}
.illus{height:80px; float:right}
.illus-luge{background:url(/charte/bulletin-neige.png) no-repeat 0 -66px; width:61px; }
.illus-raquette{background:url(/charte/bulletin-neige.png) no-repeat -90px -66px; width:56px; }
.z-webcam, .z-carte{clear:both; background-color:#383838; margin-top:1em; float:left; width:96%; padding:5px 2% 15px; color:#fff}
.z-webcam .titre-bloc h2, .z-carte .titre-bloc h2{color:#fff; margin-top:-.3em}
.z-carte{background-color:#A31067; }
#EmplacementFormItineraire{margin:0.6em 0; text-align:center}
#EmplacementItineraireTexte{background-color:#fff;}
/** Meteo **/
.iconmeteo{ background-image:url(/images/weather-icon.png); background-repeat: no-repeat; background-position: 0 1000px; width:45px; height:45px;}
.iconmeteo.snow{background-position:-10px -10px; }
.iconmeteo.snow_showers{background-position:-10px -65px; }
.iconmeteo.sleet{background-position:-10px -120px; }
.iconmeteo.sleet_showers{background-position:-10px -175px; }/*gresil*/
.iconmeteo.rain, .iconmeteo.light_rai, .iconmeteo.light_rain{background-position:-10px -230px; }/**/
.iconmeteo.fog{background-position:-10px -290px; }
.iconmeteo.cloudy, .iconmeteo.overcas{background-position:-10px -345px; }/*couvert*/
.iconmeteo.rain_showers{background-position:-10px -395px; }
.iconmeteo.partialy_cloudy, .iconmeteo.partly_cloudy, .iconmeteo.slightly_cloudy{background-position:-10px -450px; }/**/
.iconmeteo.sun, .iconmeteo.sunny{background-position:-10px -505px; }
.iconmeteo.fair, .iconmeteo.mostly_sunny {background-position:-10px -560px; }/*assez ensoleille*/
.anim, .survol{-webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.item-station a{text-decoration:none !important; display:block}
.item-station{ position:relative; float:left; width:18%; height:17%; padding-bottom:17%;  margin:1%; background-color:#0A87BD;}
.page-int .item-station{border:1px solid #ccc; box-sizing:border-box}
*+html .page-int .item-station{border:1px solid #ccc; width:17%;}
.item-station img{position:absolute; z-index:2; top:0; left:0; width:100%; height:100%;}
.item-station .nom{position:absolute; z-index:5; bottom:0; left:0; width:96%; padding:0.5em 2% 0.3em 2%; color:#fff; line-height:1.1em;
background:url(/charte/degr-noir-h.png) repeat-x 0 0; background-size:10%; -moz-text-shadow:0px 0px 5px #000; -webkit-text-shadow:0px 0px 5px #000; text-shadow:0px 0px 5px #000;}
.item-station .survol{position:absolute; z-index:1;width:100%; height:100%; text-align:center; opacity:0;  background-color:#000;}
.item-station:hover .survol{opacity:0.9; z-index:4;}
.item-station .infos-compl{padding:1em 0; width:100%; text-align:center;}
.item-station .plus-dinfo {color:#fff; display:none;}
.item-station .icon{margin:0 2px; opacity:0.5;}
.item-station .icon.active{opacity:1; position:relative}
.item-station .icon.active:after{content: url("/charte/check.png"); position:absolute; bottom:-5px; right:-8px; }
.icon.raquettes{background-position:-10px -170px;  width:19px}
.icon.nordique{background-position:-40px -170px;  width:26px}
.icon.alpin{background-position:-80px -170px;  width:19px}
.icon.luge{background-position:-110px -170px;  width:19px}
.icon.autres{background-position:-139px -170px; width:16px}
/*fond noir*/
.survol .icon.raquettes{background-position:-10px -70px;  }
.survol .icon.nordique, .icon.nordique-clair{background-position:-40px -70px; }
.survol .icon.alpin, .icon.alpin-clair{background-position:-80px -70px;  }
.survol .icon.luge{background-position:-110px -70px;  }
.survol .icon.autres{background-position:-139px -70px;}
/*bulle info gmap*/
#map-bulletin-neige .affiche-bulleinfo {width:250px; height:100px; overflow:hidden;}
#map-bulletin-neige a{color:#333}
#map-bulletin-neige strong{display:block; margin-bottom:0.3em; font-size:1.1em; line-height:1.2em;}
#map-bulletin-neige .bloc-enneigement{position:relative; height:2em;  width:auto; padding-right:4em; float:left; white-space:nowrap; }
#map-bulletin-neige .bloc-enneigement .icon.enneigement{ width:45px; height:2.2em; margin-top:0;    }
#map-bulletin-neige .bloc-enneigement .altitude-haut, #map-bulletin-neige .bloc-enneigement .altitude-bas{position:absolute; left:50px;}
#map-bulletin-neige .bloc-enneigement .altitude-haut{top:0.2em; font-weight:bold;}
#map-bulletin-neige .bloc-enneigement .altitude-bas{bottom:0.4em;}
#map-bulletin-neige .bloc-info.info-domaines{float:left; height:3em; margin-right:1em}
#map-bulletin-neige .info-domaines .icon{opacity:0.35; margin:0 4px; }
#map-bulletin-neige .info-domaines .icon.active{opacity:1}
#map-bulletin-neige .bloc-info.plus-dinfo a{ white-space:nowrap; font-weight:bold; text-decoration:underline; line-height:3.5em; vertical-align:middle;}
/* bulletin neige*/
.z-pictos{position:absolute; left:71.5%; z-index:1; background:#fff; padding:0.5em 8px 0.3em 10px; width:25px;}
.z-pictos ul{position:relative; z-index:10;}
.z-pictos:after{content:""; background: url(/charte/bg-ombre-fiche.png) -690px 20px no-repeat; position:absolute; top:-40px; left:0; width:10px; height:300px;}
.bg-fiche{position:relative; z-index:6; background:url(/charte/bg-fiche.png) repeat-y center top; background-size:100%; width:73%; float:left;  margin-top:20px; }
.bg-fiche>.affiche-contenu{position:relative; z-index:7; background:url(/charte/bg-ombre-fiche.png) no-repeat center top; background-size:100%; width:90%; padding:2em 5%;  float:left; min-height:400px; margin-top:-20px;}
#btn-up{ display:none !important}
/* Fiches *//* liste */
#liste_mdv{width:100%; float:left; margin:10px 0}
.fiche_mdv_liste{ width:23%; float:left; margin:10px 1%; min-height:266px; position:relative; background:#ffffff;-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4);-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4); box-shadow:0px 0px 7px 0px rgba(0,0,0,0.4);}
.survol-carte{ background:red;}
.fiche-mdv-img{ width:100%; float:left; height:150px; overflow:hidden; }
.fiche-mdv-titre{  z-index:10; width:97%; margin:3px 1% 1px 2%; text-align:center;float:left; color:#0099AE; text-transform:uppercase; font-weight:bold}
.fiche-mdv-commune{ width:96%; margin:1px 2%; float:left; text-align:center; z-index:10;}
.fiche-mdv-classement{ float:right; z-index:10;}
.fiche-mdv-apartir{ text-align:right; font-size:85%; position:absolute; right:3%; bottom:5px; }
a.plus-info{ position:absolute; left:3%; bottom:5px; color:#000000 !important; text-decoration:none; font-size:90%; font-weight:bold}
a.plus-info::before{ content:"> "}
.fiche-mdv-km{ wifth:100%; text-align:center}

/*detail */
.detail-mdv{ position:relative}
.detail-mdv .fd-gris2{ width:100%; float:left; padding:20px 0 50px; margin:20px 0 -40px}
.fiche{ position:relative; margin-top:-10px}
.detail-image{ float:right; width:38%; margin-left:2%}
.bloc-fiche{ padding:10px 0; margin:10px 0; width:100%; float:left;}
.detail-titre{ color:#00A6B8; font-weight:bold; border-top:1px solid #00A6B8; padding:10px 0; }
.detail-titre1 img{ float:left; margin: 5px 6px 3px 0}
.detail-titre1{ float:left; width:100%; margin-bottom:10px;}
.detail-mdv .fiche-mdv-classement{ float:right; }
.detail-mdv .fiche-mdv-classement img{  margin:14px 0}
.page-fiche a.retour{ width:100%; float:left; padding: 2px 0 8px 0; margin:10px 0; border-radius: 5px; display:block; color:#fff; line-height:2em}
.ficheD{ float:right; width:25%; text-align:center;}
.bloc-info{  width:100%; float:left; margin: 0.8em 0;}
.bloc-info-bulletin {  float:left; }
.ficheD .bloc-geoloc { background-color: #dfdcdc; float: left; width: 100%; }
.ficheD .affiche-contenu { padding: 10px 2%; }
.ficheD .bouton-arrondi { min-width: 80%; }
.ficheD .bloc-geoloc > .affiche-contenu > div { margin: 0.7em 0; }
.carte-fiche{ width:98%; float:left; padding:8px 1%; background:#ffffff; -moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);}
/* tarif */
#z-offres .bloc-info{ background-color:#fff; background-position:right bottom; background-repeat:no-repeat;}
.bloc-tarif{ position:relative; min-height:120px; z-index:2;}
.bloc-tarif .titre-bloc { float:left; text-align:left; margin:0 0 0 4px; color:#050303 }
a.savoir-plus{ color:#000000 ; font-weight:bold; font-size:85%}
.bloc-tarif a.savoir-plus{ position:absolute; left:0; bottom:0; width:160px; height:24px; text-align:left; padding:20px 20px 0 10px } 
.bloc-tarif .bloc-fiche-tarif{background-position: right bottom; background-repeat:no-repeat; bottom:0; height:55px; padding:50px 0 0 10px;}
.bloc-fiche-tarif{ font-size:80%; line-height:110%; color:#ffffff;  position:absolute; right:0; bottom:5px; z-index:8; width:96px; text-align:center;}
.bloc-fiche-tarif span{ font-size:145%;  font-weight:bold; line-height:150%; }
.bloc-fiche-tarif span:after{content: url("/charte/euro.png");}
.detail-bloc-diaporama{ width:100%; float:left; }
.detail-equipement, .detail-services{ width:100%; float:left; margin-bottom:6px}
.bloc-fiche div[class^="detail-"]{font-weight:bold; margin-bottom:6px}
.bloc-fiche div[class^="detail-"] span{width:100%; float:left; font-weight:bold; margin-top:5px}
.bloc-fiche div[class^="detail-"] ul{margin-left:0; padding-left:0; font-weight:bold; padding-bottom:10px;}
.bloc-fiche div[class^="detail-"] li{ font-weight:normal; width:45%; float:left; margin-right:1%; margin-left:4%;font-size:0.9em}
.detail-langue, .detail-animaux{ width:100%; float:left; }
.bloc-fiche div.detail-langue ul li{ float:left; width:auto; margin-right:40px;}
/* reseaux */
.reseaux-soc a{ width:32px; height:32px; float:left; margin:0 5px 5px 0; text-indent:-5000px}
.Facebook a{ background:url(/images/reseaux/facebook.png)}
.Twitter a{ background:url(/images/reseaux/twitter.png)}
.Flickr a{ background:url(/images/reseaux/flickr.png)}
.Google a{ background:url(/images/reseaux/google.png)}
.Pinterest a{ background:url(/images/reseaux/pinterest.png)}
/* avis */
.detail-avis a{ color:#050303; font-size:0.9em}
.TA_selfservprop{ width:52%; float:left; margin-right:2%}
.widSSP{ max-width:100% !important}
.widSSPReviews, .v_review_col{ display:none !important}
#CDSWIDSSP .widSSPData .widSSPInformation{ padding:6px 0}
#content_vinivi_feed{ width:38%; float:left; text-align:center }
.v_mainTable{ width:100%; float:left}
.v_result_col table{ width:100% !important; float:left}
/* idee sejour */
#z-offres{ width:103%; float:left; margin-bottom:8px; margin-left:-1.5%}
.idee-sejour{ width:22%; float:left; margin:5px 1.5%; position:relative; border:none; min-height:336px}
.theme{ position:absolute; top:-6px; left:0}
.sejour-commentaire{width:95%; margin:0 2% 2px 3%; float:left; font-size:0.85em; line-height:1.2em; position:relative; z-index:11 }
#z-offres a.savoir-plus{ position:absolute; left:0; bottom:0; width:110px; height:24px; text-align:left; padding:10px 10px 0 10px }
.fiche-mdv-img img{ min-heigh:100%; max-width:130%}
.voir-tout a{ background:#BEBCBC; color:#333333;  border-radius: 5px; padding:3px 15px; float:right; margin:0 1% 5px 1%}
/* Pagination - Ne pas supprimer !!! */
.mix {  display: none; }
.filtre{ width:95%; float:left; padding:10px 2%; border:3px solid #0099ae; }
.filtre .ligne{ margin:5px 0; padding:4px 0;  }
.filtre h3{ font-size:1.25em}
button.filterA, button.filter, button.sort{ float:left;font-size:95%; border:1px solid #ccc; margin:1px 4px 1px 0; padding:4px 3px; height:26px; background:#ffffff ;}
button.numpage {color:#000000; width:25px; font-size:90%; border:1px solid #ccc; margin:1px; padding:3px 2px; height:24px; background:#ffffff ;}
button.active, button:hover{ background:#cccccc;}
.nombre-resultat{ width:100%; float:left; text-align:center; font-weight:bold; margin-bottom:4px;}
#Prix button{min-width:84px;}
fieldset.accessibilite{ float:left; }
fieldset.accessibilite button{padding:5px 10px;}
button#Reset{ border:none; margin:1px 6px 1px 0; padding:5px 10px; height:30px; line-height:18px; background:#0099ae ; color:#ffffff}
button#Reset:hover{  background:#eb7b1d ; }
#div_liste .ligne input{ padding:3px}
.ligne input.input-saisie{ padding:0}
.titre-float{ float:left; margin-right:8px;}
.num-page{ width:100%; float:left; text-align:center; }
.pager-list span{ color:#ffffff}
.pager{ cursor:pointer;}
.page-prev, .page-next{ color:#ffffff; font-weight:bold;  padding:3px 7px; }
.pager-list{ background:#0099ae; padding:6px 2%; border:3px solid #0099ae; width:95%; float:left; text-align:center}
.page-number{ background:#ffffff; padding:3px 8px; cursor:pointer;}
.page-number.active, .page-number:hover{ background:#eb7b1d; color:#ffffff}
/* Tri */
.page-int .z-contenu .filtre .carto-liste{display:none;}
.page-int .z-contenu .filtre .filtre-text{ float:left; width:100%}
.filtre-text{ float:right; width:72%}
.filtre-tri{ width:95.6%; float:left; background:#ffffff; margin:12px 0 8px 0; padding:7px 2%; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.filtre-tri h3{ float:left; margin-right:15px;}
.bloc-tri{ float:left; padding:4px 0; margin:0 12px;}
.bloc-tri label{ margin-right:6px; font-weight:bold}
.bloc-tri2{ float:left;  margin:3px 10px; font-weight:bold;}
.bloc-tri2 button{ font-weight:bold; float:left;  margin: 0 4px; padding:0; height:auto}
.bloc-tri2 button.sort img{ padding:3px 2px; float:left }
.bloc-tri2 .TextSort { height:16px; line-height:16px; float:left; padding:4px 2px; }
.bloc-tri2 button.filter{ padding:2px 6px; height:26px}
#liste_onglets{ width:100%; foat:left}
#liste_onglets a{  background: #0099ae; display:block; height:30px; line-height:30px; color:#ffffff}
#liste_onglets .active a{  background: #eb7b1d; display:block; height:30px; line-height:30px; color:#ffffff}
#liste_onglets .onglet {  width: 18%;  float: left;  text-align: center;   text-transform:uppercase;   font-size:1.3em;}
/* accueil */
.zone1, .zone2, .zone3{ width:100%; float:left}
.zone3{ padding:20px 0 8px 0}
.pub{ float:left; padding:15px 0}
.page-accueil .zone1 .z-contenu{float:right; width:50%; }
/* actu */
.actu{float:right; width:45.5%; padding:10px 1.5%; position:relative; min-height:340px; margin-top:4px}
a.toute-actu{ color:#2F373B; font-size:0.85em; float:right; text-transform:uppercase; font-weight:bold;}
/*detail news*/
.bloc-news{float:left; width:100%; margin-bottom:1.5em; padding-bottom:1.3em; border-bottom:1px solid #00A6B8;}
.titre-news h2{ color:#00A6B8; margin-bottom:0.6em}
.bloc-news a{ color:#00A6B8; font-weight:bold}
.bloc-news .image_gauche{margin:0.7em 2em 1em 0}
.bloc-news .image_droite{margin:0.7em 0px 1em 2em}
/*agenda accueil*/
.agenda{ float:left; width:48.5%; background-color:#ffffff; border:1px solid #9BB9D5; margin:15px 0 12px 0 ; padding:10px 0 3px 0}
.agenda .titre-accueil{margin:0 1% 10px 2%; }
.agenda a.toute-actu{ margin-right:1.5%}
.agenda .contenu-bloc{width:100%}
.agenda-item{ cursor:pointer; float:left; width:96%; border-top:1px solid #4D85B3; min-height:63px; padding:7px 2% }
.agenda-item.item1{ background:#F7FBED}
.agenda-date{ background:#B1D249; float:left; margin-right: 2%; height:55px; padding-top:8px ;width:15%; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#262525; }
.news-jour{ color:#262525; font-size:1.05em; line-height:1em; font-weight:bold; }
.news-debut, .news-fin{ font-size:0.7em; margin-right:2px; font-weight:normal; }
.news-mois{ font-size:1em; text-transform:uppercase; font-weight:bold }
.agenda-titre{ color:#00A6B8; float:left; width:47%; font-weight:bold;  margin-right: 1%; font-size:95%; line-height:130%;}
.agenda-titre a{color:#00A6B8; font-size:1em; display:block;  }
.agenda-categorie{ width:100%; float:left; color:#6B6B6B; font-weight:normal; line-height:auto;}
.agenda-detail{float:left; width:28%; font-size:0.9em; }
.agenda-zone{ color:#707679; width:100%; float:left; }
.agenda-img{ width:22%; float:right; height:60px; overflow:hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.agenda-img img{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
/* agenda liste */
#liste_mdv .periode{ font-size:90%; float: left; margin: 1px 2%; text-align: center; width: 96%;}
/* agenda detail */
.periode{ width:100%; float:left; margin:10px 0 20px 0; font-weight:bold; }
/* decouvrir */
.decouvrir{float:right; margin:15px 0 12px 0 ; max-height:360px; width:49%}
.decouvrir .bloc_centre{ margin:0}
/* carto */
.carto-liste{ float:left; width:24%}
.carto-liste fieldset{ width:100%;}
.carto-liste h3{ margin-bottom:6px; float:left}
.carto-liste button{ background:none; padding: 0; margin:-1px 0 -1px 0; float:left; height:auto; border:none; text-align:center;}
.carto-liste button img{ float:left; padding:0 8% 0 14%; margin:0; border:0; width:78%; height:auto;}
.carto-liste button.active img, .carto-liste button:hover img{ background-color:#ccc; }
td.maph-carto{ width:98% !important; padding:8px 1% !important; background:#ffffff}
td.mapb{width:98% !important; padding:12px 1% !important; background:#ffffff}
td.mapb .elmt_map{ width:32%; float:left; padding:0 1% 0 0; min-height:45px; margin:2px 0 4px 0}
td.mapb .elmt_map input{ height:32px; float:left; padding:0; margin:0 5px 0 0}
td.mapb .elmt_map label{ float:left; padding:5px 0 0 0}
td.mapb .elmt_map img{ float:left; margin:-7px 5px 0 0}
.gm-style-iw{ max-width:270px !important; text-align:left; padding:0 10px 10px 0}
.gm-style-iw .titre-b{ color: #0099ae; float: left; font-weight: bold; padding-top:7px; width: 100%; text-align:left; font-size:100%}
.gm-style-iw .titre-b img{ float:left; margin:-7px 8px 4px 0; width:36px; height:36px;}
.visuel{ width:46%; float:left; margin-right:8px}
#map .visuel img{ max-width:100% !important;}
.gm-style-iw a{ color: #000000;  font-size: 90%; padding:4px 0; width: 100%; }
.gm-style-iw a.plus-info{ position:relative; width:100px; float:left; left:0; bottom:0; }
/* carte fixe */
#cartofix{ position:relative; width:28% !important; float:right; z-index:10  }
#div_cartogmap2{ float:left; width:100%; z-index:500}
#div_cartogmap2 #map{ height:450px !important; }
#liste_onglets{ display:none}
.filtre{ width:67%; border:2px solid #0099ae}
.carto-liste{ width:25%}
.carto-liste button img{ padding: 0 4% 0 8%; width: 88%;}
.filtre .ligne{ margin:3px 0}
.pager-list{ width:71%; padding:6px 0; border:2px solid #0099ae}
.page-number, .page-prev, .page-next{  padding:2px 4px ; margin:2px 0; }
.filtre-tri{ width:69%; padding:7px 1%}
.bloc-tri2{ margin:3px ;}
.bloc-tri2 button{ margin:0; line-height: 16px;}
.bloc-tri2 button.sort img{ padding:2px 0}
#liste_mdv{ width:72%}
.fiche_mdv_liste{ width:31%}
.survol-carte{ width:100%; float:left; min-height:266px; background:#cccccc}
/* barre progression */
#barre_progression{ text-align:center; top:0 !important; left:0 !important; width:100% !important; height:100% !important; background:rgba(255, 255, 255, 0.6)}
#barre_progression img{ position:relative; top:40%; }
/*accueil*/
#diaporama{ position:absolute; top:0px; left:0px; height:100%; width:100%; overflow:hidden; z-index:1;}
#diaporama .anythingSlider{width:100% !important; height:350px !important}
#diaporama .thumbNav{bottom:inherit; top:2em;}
#bis_container{position:relative; top:0px; left:0; height:100%; z-index:201; }
.bis_image{position:absolute; top:0px; left:0; width:100%; height:100%; text-align:center; z-index:14;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.page-fiche .bis_image{opacity:0.8;}
#bis_position{position:absolute; bottom:1.8em; width:100%; text-align:center; z-index:20;}
.page-int #bis_position, .page-fiche #bis_position{  height:30px}
#image-fond{position:absolute; height:100%; width:100%; top:0; left:0;  z-index:19;  background:no-repeat;  background-size:auto 100%; background-position:center center;  }
.cartealsace { float:right; width:212px; height:244px; }

div.anythingSlider .start-stop { display:none;}
/*zc*/
#zc .anythingSlider {width:100% !important;height:220px !important; border:1px solid #fff;}
div.anythingSlider .anythingWindow {overflow:hidden;position:relative;top:0px;z-index:1;width:100% !important;height:100% !important}
div.anythingSlider {position:relative;padding:0;}
ul.anythingBase {position:absolute; z-index:100;top:0;left:0;list-style:none;margin:0;padding:0;}
ul.anythingBase li.panel { position:relative; background:transparent;display:block;float:left;padding:0;margin:0;  }
div.anythingSlider .thumbNav{ position:absolute; z-index:5; bottom:5px; width:100%; text-align:center;}
/*puces*/
ul.thumbNav{padding:0; margin:0; list-style-type:none;}
.jFlowControl, .thumbNav a{cursor:pointer; background:url("/charte/elements-slider.png") no-repeat -54px -42px ; overflow:hidden; text-indent:-100px;  color:transparent; width:18px; height:18px; display:inline-table;}
.jFlowSelected, .thumbNav a:hover, .thumbNav a.cur{ background-position:-86px -42px;}
.thumbNav li{list-style-type:none; padding:0; display:inline; margin:0 2px;}
*+html .thumbNav li, *+html .thumbNav a{float:left; display:block;}
.jFlowPrev, .jFlowNext {display:none}
#bis_position .thumbNav a{background-position:-79px -23px;}
#bis_position .thumbNav a:hover, #bis_position .thumbNav a.cur{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
/*fleches*/
div.anythingSlider .arrow, #bis_next, #bis_back{background:url(/charte/elements-slider.png) no-repeat; background-size:auto 35px;  top:50%; position:absolute; z-index:2; margin-top:-22px; width:25px; height:35px; cursor:pointer; opacity:0.8;  text-align:center;outline:0;text-indent:-9999px;
  -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.page-accueil div.anythingSlider .arrow, .page-accueil #bis_next, .page-accueil #bis_back{margin-top:0; }
div.anythingSlider .forward, #bis_next{right:1%; background-position:right center;}
div.anythingSlider .back, #bis_back{left:1%; background-position:left center;}
div.anythingSlider .arrow:hover, #bis_next:hover, #bis_back:hover{opacity:1;}
#bis_next, #bis_back{width:37px; height:51px; background-size:auto 51px; }
/*legende*/
.jquery_slide_details, #bis_caption{position:absolute; z-index:10; background-color:rgba(0,0,0,0.7); opacity:0.9; color:#fff;}
.jquery_slide_details{top:1em; left:0;}
#bis_caption{ bottom:4em; left:0;}
.bis_title span{ display:table; padding:0.6em 2em; font-size:140%; font-weight:bold}
.affiche-contenu #bis_next, .affiche-contenu #bis_back{ display:none;}
.detail-bloc-diaporama{display:none}
/*slider - GD - 20150603*/
.detail-bloc-diaporama{ float: right;  margin-left: 2%; width: 38%; }
.diaporama-rslides{position:relative; z-index:1;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0; margin: 0 !important; max-height:500px; }
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0; }
.rslides a{display: block; text-align:center;}
.rslides img {display: block; margin:0 auto;height: auto;border: 0; position: relative; z-index:10; }
.rslides_nav{position:absolute; bottom:5px; z-index:6; color:#fffff ; font-size:18px; font-weight:bold; }
.rslides_nav.prev{left:1%}
.rslides_nav.next{right:1%}
.rslides_tabs{position:absolute;z-index:5; bottom:0; left:0; width:100%; margin:0 !important; padding:5px 0 !important; background-color: rgba(0, 0, 0, 0.4);}
.rslides_tabs, .rslides_tabs li{margin:0; padding:0; list-style-type:none; text-align:center; }
.rslides_tabs li{display:inline-table; margin:4px 3px; overflow:hidden; font-size:0; }
.rslides_tabs li a{display:block; height:10px; width:10px; text-indent:-1000px; color:transparent !important;background:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover{background:#a0ce4e}
.rslides_nav.prev, .rslides_nav.next{color:#ffffff; font-size:26px; line-height:22px}
.rslides_nav.prev:hover, .rslides_nav.next:hover{color:#a0ce4e}

.Carto_legende_titre {font-size:1.2em; color:#C4C4C4; padding:0; border-bottom:1px solid #C4C4C4; margin:20px 0px 10px  }
.Carto_legende_titre .a{font-size:1.2em; padding:1em 0; color:#C4C4C4;  }
.Carto_legende_titre a{font-size:1.2em; padding:1em 0; color:#C4C4C4; font-weight:bold; margin-left:2.5%; padding:0;}
.Carto_legende_titre_texte{width:90%; float:left;}

/* pleine page */
.page-pleine .page{width:100%; margin:0 auto}
.page-pleine  #z-centrale{width:100%; float:left; margin-top:114px }
.page-pleine table{ max-height:600px; float:left}
.page-pleine .mapd, .page-fiche .mapd{  display: block;   float: left;  height: 600px;    margin: 10px 1%;  overflow-x: hidden;   overflow-y: auto;  width: 98%; }
.page-pleine #z-footer{ margin-top:0}
a.icon.btn-up{ z-index:500; position:relative}

#image-fond{position:absolute; height:100%; width:100%; top:0; left:0;  z-index:19;  background:no-repeat;  background-size:auto 100%; background-position:center center;  }

.page-picto-fix{ position:relative}
#picto-fix{ position:absolute; top:10px; left:-50px; z-index:1000}
.picto-fix{ border:1px solid #d8d8d8; float:left; background:#ffffff; width:46px; }
.picto-fix a, .addthis_sharing_toolbox{ display:block; padding:2px 4px; float:left; cursor:pointer}
.partage .accordion .btn-bloc{ display:block; padding:2px 4px; float:left; cursor:pointer}
.partage .contenu-bloc{ padding:2px 3px; float:left; }
.partage span{ background:none; width:100%; text-align:center;}
.stButton{ margin:0 auto !important}
img#carnet_voyage{ width:36px; display:block; padding:2px 4px 2px 7px; float:left; cursor:pointer}

/* Moteur accueil */
.moteur-recherche{ position:relative; float:left; width:48%; border:4px solid #0099ae; background:#E7F6F9; height:355px;  margin-top:5px;}
.moteur-recherche .bloc_isole{ margin:0}
.moteur-onglets{ display:block; background:#0099ae url(/charte/loupe.png) 6px 4px no-repeat; color:#ffffff; text-transform:uppercase; font-size: 1.2em; font-weight:bold; padding:2px 0 6px 32px; }
#div-voir-activite{ width:96%; float:left; padding:2px 2%}
.moteur-recherche h3{ font-size:1em; margin:5px 0;}
.moteur-recherche .carto-liste{ width:42%;}
.moteur-recherche .carto-liste button img{ padding: 0 1%; width:98%;}
.moteur-recherche .filtre-text{ width:57%; }
.moteur-recherche input#Recherche{ width:100%; border:1px solid #d8d8d8}
.moteur-recherche .elmt_map{ width:29%; position:relative; padding:2px 1% 1px 3%}
.moteur-recherche .elmt_map img{ width:48px; max-width:none; margin:0}
.moteur-recherche .elmt_map label{ padding:0}
.moteur-recherche .elmt_map input{ padding:0; margin:0; position:absolute; bottom:0; left:42px; }
.button-valid{ position:absolute; right:6px; bottom:6px;float:right; padding:6px 18px; background:#F69427; border:none; color:#ffffff; text-transform:uppercase; font-size: 0.8em; font-weight:bold; }
.moteur-recherche .carto-liste:hover button img{ background:none; opacity:0.5}
.moteur-recherche button.active img, .moteur-recherche .carto-liste button:hover img{ background:#ffffff; opacity:1}
.page-int .moteur-recherche{ width:67%; background:none;height:auto; border:2px solid #0099ae; margin-top:0}
.page-int .moteur-recherche .carto-liste{ width:36%}
.page-int .moteur-recherche .elmt_map img{ width:52px;}
.page-int .moteur-recherche .elmt_map input{ left:48px}

.CartoFavoris .miseaupanier { z-index: 50; position: absolute; bottom: 0;  right: 0;  }
span#step, span.step { position: absolute; top: 10px; left: 15px; background: rgb(210, 35, 42); color: #ffffff;  display: inline-block;  line-height: 20px; height:20px; width:20px; text-align: center;
			border-radius: 0.8em; -moz-border-radius: 0.8em; height:auto; -webkit-border-radius: 0.8em; }
 .temperatureactuelle, .prevision, .tempsactuel { align:left;}
.MapNumero10 .gm-style-iw, .MapNumero11 .gm-style-iw, .MapNumero12 .gm-style-iw, .MapNumero13 .gm-style-iw { text-align:center; max-width:350px  !important} 
.MapNumero10 .gm-style-iw img, .MapNumero11 .gm-style-iw img, .MapNumero12 .gm-style-iw img, .MapNumero13 .gm-style-iw img { width:58px !important;}

.agenda .rss, #pictos, .menuLat{ display:none;}

/* survol */
.item-liste-angular{ position:absolute; top:0; left:0; width:100%; height:100%; float:left}
.item-liste-angular:hover .survole{opacity:1; z-index:4;}
.item-liste-angular .survole{position:absolute; z-index:1; width:100%; padding-top:0px; height:150px;text-align:center; opacity:0;  background:rgba(245,245,245,0.7);}
.item-liste-angular .survole a{ position:relative; width:100%; text-align:center;  margin:7px auto; display:block; } 
.item-liste-angular .survole a{ position:absolute; z-index:1; width:100%; height:130px; top:0; left:0 }
.item-liste-angular .survole  img{  margin:7px auto; display:block; cursor:pointer}
.item-liste-angular .survole .infos-compl img.icon-eye{ z-index: 50; position: absolute; bottom:25px; right:41%; }
.item-liste-angular .miseaupanier { z-index: 50; position: absolute; bottom:0; right:6px; }
/*menulat escamotable*/
.page-int aside{display:none; width:100%; background:#5D5D5D; margin-bottom:3em;
-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4);}
.haut_menuLat, .bas_menuLat{display:none}

.menuLat li{ margin:0.2em 1%; width:98%; border-top:1px solid #f2f2f2; }
.menuLat ul li a{ margin-top:0.3em ; border-left:5px solid; color:#f2f2f2; display:block; padding:0.2em 0 0.2em 5px}
/**/
#telephone-cache{ color:#fff; display:block;padding:0.2em 10px }

/*landing*/
.item-sous-menu{ box-sizing:border-box; width:33.33333%; max-width:300px; float:left; }
.item-sous-menu>a{position:relative; overflow:hidden; margin:10px; height:260px; display:block; background:#fff; border-radius: 4px;   font-family: "Myriad Pro", Arial, Helvetica, sans-serif; text-align: center; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
.item-sous-menu .image-sous-menu{height:200px; overflow:hidden;}
.item-sous-menu .infos-compl{  -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;  padding:10px 7px; position:absolute; top:190px; left:0px; right:0px; height:100%; 
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,1) 100%);  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ffffff',GradientType=0 );}
.item-sous-menu .titre-sous-menu{vertical-align:middle; font-size:1.3em; line-height:1.2em; color: rgb(0, 153, 175); font-weight: bold;  text-transform: uppercase;  }
.item-sous-menu .resume-sous-menu{color:#000; margin-top:30px; opacity:0}
.item-sous-menu .plus-dinfo{display:inline-block; margin-top:10px; padding:4px 7px 3px; border-radius:3px; text-align:center; background-color:#666; color:#fff; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }
.item-sous-menu .plus-dinfo:hover{background-color:#1D1D1D;}

/*hover*/
.item-sous-menu>a:hover{text-decoration:none;}
.item-sous-menu:hover .infos-compl,
.item-sous-menu:focus .infos-compl, 
.item-sous-menu:target .infos-compl{top:0; bottom:0; transform-origin:bottom; padding-top:50px}
.item-sous-menu:hover .resume-sous-menu{ margin-top:10px; opacity:1}

/* Mediatheque */
.erreur-mediatheque { padding: 10px; margin-bottom: 5px; clear:both; display:block; width:94%; border: 1px solid red; background-color: #FFDDCC; }
.erreur-mediatheque h4 { color: black; margin: 0 0 5px; font-weight: bold;}
.erreur-mediatheque li { margin-left: 15px; }
.succes-mediatheque { padding: 10px; margin-bottom: 5px; clear:both; display:block; width:94%; border: 1px solid green; background-color: #D0FFCC; }
.lien-selection{ width:100%; float:left; margin: 5px 0;}
#z-contenu .lien-retour a, #z-contenu .lien-selection a { background: #2A5B6E; color: #ffffff; font-weight: bold;  padding: 3px 20px; float:right;
border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.mediatheque-type-fichier { font-weight: bold; }

.mediatheque{ width:100%; float:left;}
.mediatheque a{ text-decoration:none !important}
.mediatheque a:hover{ text-decoration:underline !important}
.mediatheque h2, .mediatheque h3{ width:100%; float:left;}
.liste-sous-famillles{ width:100%; float:left; }
.sous-famille{ width:140px; float:left; margin:5px 1%; height:140px; overflow:hidden; position:relative;}
.sous-famille-vignette img{ min-width:100%; min-height:140px}
.sous-famille-lien{ position:absolute; left:0; bottom:0px; width:98%; float:left; padding:3px 1%; text-align:center;
background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6); }
.sous-famille-lien a, .nom-fichier a{ color:#ffffff !important; display:block;}
.liste-fichiers{ width:100%; float:left; }
.liste-fichiers a{ display:block}
.fichier{ width:100%; float:left; margin:5px 0; background:#eeeeee; border-bottom:1px solid #cccccc}
.apercu-fichier{ max-width:35%; float:left;margin-right:2%; position:relative; }
.apercu-fichier img{ width:100%}
.loupe-fichier{ background:url(/charte/loupe.png) center center no-repeat #399AA4; width:24px; height:24px; position:absolute;
right:0; bottom:4px; }
.nom-fichier{  background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6); padding:5px 2%; color:#ffffff}
.selection-fichier{  margin:10px 0; }
.selection-fichier ul{ margin:0; padding-left:15px; }
.selection-fichier li{ margin:8px}

/* selection */
.mediatheque-selection{width:100%; float:left;}
.mediatheque-selection p{ width:94%; float:left; margin:5px 0; padding:5px 3%; background:#eeeeee; border-bottom:1px solid #cccccc}
.mediatheque-selection p a{ float:right; margin: 0 5px; text-decoration:none; color:#40a52b;}
.selection-fichier .mediatheque-lien-suppr img{height:20px;}













    .deg200.pie1 .inner-right
    {
        transform: rotate(180deg);
        animation: load-right-pie-180 1s linear;
        -webkit-animation: load-right-pie-180 1s linear;
        -webkit-transform: rotate(180deg);
    }

    @keyframes load-right-pie-180
    {
        from {transform: rotate(0deg);}
        to {transform: rotate(180deg);}
    }

    @-webkit-keyframes load-right-pie-180
    {
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(180deg);}
    }

    .deg200.pie1 .inner-left
    {
        transform: rotate(-160deg);
        animation: load-left-pie--160 1s linear;
        animation-delay: 1s;
        -webkit-animation: load-left-pie--160 1s linear;
        -webkit-transform: rotate(-160deg);
        -webkit-animation-delay: 1s;
    }

    @keyframes load-left-pie--160
    {
        from {transform: rotate(-180deg);}
        to {transform: rotate(-160deg);}
    }

    @-webkit-keyframes load-left-pie--160
    {
        from {-webkit-transform: rotate(-180deg);}
        to {-webkit-transform: rotate(-160deg);}
    }
    

.deg0.pie1 .inner-right{    transform: rotate(0deg);     animation: load-right-pie-0 1s linear;     -webkit-animation: load-right-pie-0 1s linear;     -webkit-transform: rotate(0deg);} 
.deg20.pie1 .inner-right{    transform: rotate(20deg);     animation: load-right-pie-20 1s linear;     -webkit-animation: load-right-pie-20 1s linear;     -webkit-transform: rotate(20deg);} 
.deg40.pie1 .inner-right{    transform: rotate(40deg);     animation: load-right-pie-40 1s linear;     -webkit-animation: load-right-pie-40 1s linear;     -webkit-transform: rotate(40deg);} 
.deg60.pie1 .inner-right{    transform: rotate(60deg);     animation: load-right-pie-60 1s linear;     -webkit-animation: load-right-pie-60 1s linear;     -webkit-transform: rotate(60deg);} 
.deg80.pie1 .inner-right{    transform: rotate(80deg);     animation: load-right-pie-80 1s linear;     -webkit-animation: load-right-pie-80 1s linear;     -webkit-transform: rotate(80deg);} 
.deg100.pie1 .inner-right{    transform: rotate(100deg);     animation: load-right-pie-100 1s linear;     -webkit-animation: load-right-pie-100 1s linear;     -webkit-transform: rotate(100deg);} 
.deg120.pie1 .inner-right{    transform: rotate(120deg);     animation: load-right-pie-120 1s linear;     -webkit-animation: load-right-pie-120 1s linear;     -webkit-transform: rotate(120deg);} 
.deg140.pie1 .inner-right{    transform: rotate(140deg);     animation: load-right-pie-140 1s linear;     -webkit-animation: load-right-pie-140 1s linear;     -webkit-transform: rotate(140deg);} 
.deg160.pie1 .inner-right{    transform: rotate(160deg);     animation: load-right-pie-160 1s linear;     -webkit-animation: load-right-pie-160 1s linear;     -webkit-transform: rotate(160deg);} 
.deg180.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg200.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg220.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg240.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg260.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg280.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg300.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg320.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg340.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 
.deg360.pie1 .inner-right{    transform: rotate(180deg);     animation: load-right-pie-180 1s linear;     -webkit-animation: load-right-pie-180 1s linear;     -webkit-transform: rotate(180deg);} 

.deg0.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg20.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg40.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg60.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg80pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg100.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg120.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg140.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg160.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg180.pie1 .inner-left{    transform: rotate(-180deg);     animation: load-left-pie--180 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--180 1s linear;     -webkit-transform: rotate(-180deg);     -webkit-animation-delay: 1s;} 
.deg200.pie1 .inner-left{    transform: rotate(-160deg);     animation: load-left-pie--160 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--160 1s linear;     -webkit-transform: rotate(-160deg);     -webkit-animation-delay: 1s;} 
.deg220.pie1 .inner-left{    transform: rotate(-140deg);     animation: load-left-pie--140 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--140 1s linear;     -webkit-transform: rotate(-140deg);     -webkit-animation-delay: 1s;} 
.deg240.pie1 .inner-left{    transform: rotate(-120deg);     animation: load-left-pie--120 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--120 1s linear;     -webkit-transform: rotate(-120deg);     -webkit-animation-delay: 1s;} 
.deg260.pie1 .inner-left{    transform: rotate(-100deg);     animation: load-left-pie--100 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--100 1s linear;     -webkit-transform: rotate(-100deg);     -webkit-animation-delay: 1s;} 
.deg280.pie1 .inner-left{    transform: rotate(-80deg);     animation: load-left-pie--80 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--80 1s linear;     -webkit-transform: rotate(-80deg);     -webkit-animation-delay: 1s;} 
.deg300.pie1 .inner-left{    transform: rotate(-60deg);     animation: load-left-pie--60 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--60 1s linear;     -webkit-transform: rotate(-60deg);     -webkit-animation-delay: 1s;} 
.deg320.pie1 .inner-left{    transform: rotate(-40deg);     animation: load-left-pie--40 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--40 1s linear;     -webkit-transform: rotate(-40deg);     -webkit-animation-delay: 1s;} 
.deg340.pie1 .inner-left{    transform: rotate(-20deg);     animation: load-left-pie--20 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie--20 1s linear;     -webkit-transform: rotate(-20deg);     -webkit-animation-delay: 1s;} 
.deg360.pie1 .inner-left{    transform: rotate(0deg);     animation: load-left-pie-0 1s linear;     animation-delay: 1s;     -webkit-animation: load-left-pie-0 1s linear;     -webkit-transform: rotate(0deg);     -webkit-animation-delay: 1s;} 

@keyframes load-left-pie--180{    from {transform: rotate(-180deg);}     to {transform: rotate(-180deg);}} 
@keyframes load-left-pie--160{    from {transform: rotate(-180deg);}     to {transform: rotate(-160deg);}} 
@keyframes load-left-pie--140{    from {transform: rotate(-180deg);}     to {transform: rotate(-140deg);}} 
@keyframes load-left-pie--120{    from {transform: rotate(-180deg);}     to {transform: rotate(-120deg);}} 
@keyframes load-left-pie--100{    from {transform: rotate(-180deg);}     to {transform: rotate(-100deg);}} 
@keyframes load-left-pie--80{    from {transform: rotate(-180deg);}     to {transform: rotate(-80deg);}} 
@keyframes load-left-pie--60{    from {transform: rotate(-180deg);}     to {transform: rotate(-60deg);}} 
@keyframes load-left-pie--40{    from {transform: rotate(-180deg);}     to {transform: rotate(-40deg);}} 
@keyframes load-left-pie--20{    from {transform: rotate(-180deg);}     to {transform: rotate(-20deg);}} 
@keyframes load-left-pie-0{    from {transform: rotate(-180deg);}     to {transform: rotate(0deg);}} 
@keyframes load-right-pie-0{    from {transform: rotate(0deg);}     to {transform: rotate(0deg);}} 
@keyframes load-right-pie-20{    from {transform: rotate(0deg);}     to {transform: rotate(20deg);}} 
@keyframes load-right-pie-40{    from {transform: rotate(0deg);}     to {transform: rotate(40deg);}} 
@keyframes load-right-pie-60{    from {transform: rotate(0deg);}     to {transform: rotate(60deg);}} 
@keyframes load-right-pie-80{    from {transform: rotate(0deg);}     to {transform: rotate(80deg);}} 
@keyframes load-right-pie-100{    from {transform: rotate(0deg);}     to {transform: rotate(100deg);}} 
@keyframes load-right-pie-120{    from {transform: rotate(0deg);}     to {transform: rotate(120deg);}} 
@keyframes load-right-pie-140{    from {transform: rotate(0deg);}     to {transform: rotate(140deg);}} 
@keyframes load-right-pie-160{    from {transform: rotate(0deg);}     to {transform: rotate(160deg);}} 
@keyframes load-right-pie-180{    from {transform: rotate(0deg);}     to {transform: rotate(180deg);}} 

@-webkit-keyframes load-left-pie--180{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-180deg);}} 
@-webkit-keyframes load-left-pie--160{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-160deg);}} 
@-webkit-keyframes load-left-pie--140{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-140deg);}} 
@-webkit-keyframes load-left-pie--120{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-120deg);}} 
@-webkit-keyframes load-left-pie--100{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-100deg);}} 
@-webkit-keyframes load-left-pie--80{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-80deg);}} 
@-webkit-keyframes load-left-pie--60{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-60deg);}} 
@-webkit-keyframes load-left-pie--40{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-40deg);}} 
@-webkit-keyframes load-left-pie--20{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(-20deg);}} 
@-webkit-keyframes load-left-pie-0{    from {-webkit-transform: rotate(-180deg);}     to {-webkit-transform: rotate(0deg);}}
@-webkit-keyframes load-right-pie-0{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(0deg);}} 
@-webkit-keyframes load-right-pie-20{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(20deg);}} 
@-webkit-keyframes load-right-pie-40{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(40deg);}} 
@-webkit-keyframes load-right-pie-60{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(60deg);}} 
@-webkit-keyframes load-right-pie-80{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(80deg);}} 
@-webkit-keyframes load-right-pie-100{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(100deg);}} 
@-webkit-keyframes load-right-pie-120{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(120deg);}} 
@-webkit-keyframes load-right-pie-140{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(140deg);}} 
@-webkit-keyframes load-right-pie-160{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(160deg);}} 
@-webkit-keyframes load-right-pie-180{    from {-webkit-transform: rotate(0deg);}     to {-webkit-transform: rotate(180deg);}} 




  /*  .deg360.pie1 .inner-right, .deg340.pie1 .inner-right, .deg320.pie1 .inner-right, .deg300.pie1 .inner-right,
	.deg280.pie1 .inner-right, .deg260.pie1 .inner-right, .deg240.pie1 .inner-right, .deg220.pie1 .inner-right,
	.deg200.pie1 .inner-right, .deg180.pie1 .inner-right, .deg160.pie1 .inner-right, .deg140.pie1 .inner-right,
	.deg120.pie1 .inner-right, .deg100.pie1 .inner-right, .deg80.pie1 .inner-right, .deg60.pie1 .inner-right,
	.deg40.pie1 .inner-right, .deg20.pie1 .inner-right, .deg0.pie1 .inner-right{
        transform: rotate(180deg); animation: load-right-pie-180 1s linear; -webkit-animation: load-right-pie-180 1s linear; -webkit-transform: rotate(180deg);    }
    @keyframes load-right-pie-180{ from {transform: rotate(0deg);}  to {transform: rotate(180deg);}  }
    @-webkit-keyframes load-right-pie-180{ from {-webkit-transform: rotate(0deg);}  to {-webkit-transform: rotate(180deg);}  }
		
    .deg360.pie1 .inner-left{  transform: rotate(0deg); animation: load-left-pie-0 1s linear; animation-delay: 1s; 
	-webkit-animation: load-left-pie-0 1s linear; -webkit-transform: rotate(0deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie-0{  from {transform: rotate(-180deg);} to {transform: rotate(0deg);}  }
    @-webkit-keyframes load-left-pie-0{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(0deg);}  }
	.deg340.pie1 .inner-left{  transform: rotate(-20deg); animation: load-left-pie--20 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--20 1s linear;   -webkit-transform: rotate(-20deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--20{  from {transform: rotate(-180deg);} to {transform: rotate(-20deg);}  }
    @-webkit-keyframes load-left-pie--20{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-20deg);}  }
	.deg320.pie1 .inner-left{  transform: rotate(-40deg); animation: load-left-pie--40 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--40 1s linear;   -webkit-transform: rotate(-40deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--40{  from {transform: rotate(-180deg);} to {transform: rotate(-40deg);}  }
    @-webkit-keyframes load-left-pie--40{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-40deg);}  }
	.deg300.pie1 .inner-left{  transform: rotate(-60deg); animation: load-left-pie--60 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--60 1s linear;   -webkit-transform: rotate(-60deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--60{  from {transform: rotate(-180deg);} to {transform: rotate(-60deg);}  }
    @-webkit-keyframes load-left-pie--60{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-60deg);}  }
	.deg280.pie1 .inner-left{  transform: rotate(-80deg); animation: load-left-pie--80 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--80 1s linear;   -webkit-transform: rotate(-80deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--80{  from {transform: rotate(-180deg);} to {transform: rotate(-80deg);}  }
    @-webkit-keyframes load-left-pie--80{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-80deg);}  }
	.deg260.pie1 .inner-left{  transform: rotate(-100deg); animation: load-left-pie--100 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--100 1s linear;   -webkit-transform: rotate(-100deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--100{  from {transform: rotate(-180deg);} to {transform: rotate(-100deg);}  }
    @-webkit-keyframes load-left-pie--100{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-100deg);}  }
	.deg240.pie1 .inner-left{  transform: rotate(-120deg); animation: load-left-pie--120 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--120 1s linear;   -webkit-transform: rotate(-120deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--120{  from {transform: rotate(-180deg);} to {transform: rotate(-120deg);}  }
    @-webkit-keyframes load-left-pie--120{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-120deg);}  }
	.deg220.pie1 .inner-left{  transform: rotate(-140deg); animation: load-left-pie--140 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--140 1s linear;   -webkit-transform: rotate(-140deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--140{  from {transform: rotate(-180deg);} to {transform: rotate(-140deg);}  }
    @-webkit-keyframes load-left-pie--140{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-140deg);}  }
	.deg200.pie1 .inner-left{  transform: rotate(-160deg); animation: load-left-pie--160 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--160 1s linear;   -webkit-transform: rotate(-160deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--160{  from {transform: rotate(-180deg);} to {transform: rotate(-160deg);}  }
    @-webkit-keyframes load-left-pie--160{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-160deg);}  }
	.deg180.pie1 .inner-left{  transform: rotate(-180deg); animation: load-left-pie--180 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--180 1s linear;   -webkit-transform: rotate(-180deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--180{  from {transform: rotate(-180deg);} to {transform: rotate(-180deg);}  }
    @-webkit-keyframes load-left-pie--180{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-180deg);}  }
	.deg160.pie1 .inner-left{  transform: rotate(-200deg); animation: load-left-pie--200 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--200 1s linear;   -webkit-transform: rotate(-200deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--200{  from {transform: rotate(-180deg);} to {transform: rotate(-200deg);}  }
    @-webkit-keyframes load-left-pie--200{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-200deg);}  }
	.deg140.pie1 .inner-left{  transform: rotate(-220deg); animation: load-left-pie--220 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--220 1s linear;   -webkit-transform: rotate(-220deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--220{  from {transform: rotate(-180deg);} to {transform: rotate(-220deg);}  }
    @-webkit-keyframes load-left-pie--220{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-220deg);}  }
	.deg120.pie1 .inner-left{  transform: rotate(-240deg); animation: load-left-pie--240 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--240 1s linear;   -webkit-transform: rotate(-240deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--240{  from {transform: rotate(-180deg);} to {transform: rotate(-240deg);}  }
    @-webkit-keyframes load-left-pie--240{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-240deg);}  }
	.deg100.pie1 .inner-left{  transform: rotate(-260deg); animation: load-left-pie--260 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--260 1s linear;   -webkit-transform: rotate(-260deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--260{  from {transform: rotate(-180deg);} to {transform: rotate(-260deg);}  }
    @-webkit-keyframes load-left-pie--260{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-260deg);}  }
	.deg80.pie1 .inner-left{  transform: rotate(-280deg); animation: load-left-pie--280 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--280 1s linear;   -webkit-transform: rotate(-280deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--280{  from {transform: rotate(-180deg);} to {transform: rotate(-280deg);}  }
    @-webkit-keyframes load-left-pie--280{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-280deg);}  }
	.deg60.pie1 .inner-left{  transform: rotate(-300deg); animation: load-left-pie--300 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--300 1s linear;   -webkit-transform: rotate(-300deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--300{  from {transform: rotate(-180deg);} to {transform: rotate(-300deg);}  }
    @-webkit-keyframes load-left-pie--300{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-300deg);}  }
	.deg40.pie1 .inner-left{  transform: rotate(-320deg); animation: load-left-pie--320 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--320 1s linear;   -webkit-transform: rotate(-320deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--320{  from {transform: rotate(-180deg);} to {transform: rotate(-320deg);}  }
    @-webkit-keyframes load-left-pie--320{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-320deg);}  }
	.deg20.pie1 .inner-left{  transform: rotate(-340deg); animation: load-left-pie--340 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--340 1s linear;   -webkit-transform: rotate(-340deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--340{  from {transform: rotate(-180deg);} to {transform: rotate(-340deg);}  }
    @-webkit-keyframes load-left-pie--340{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-340deg);}  }
	.deg0.pie1 .inner-left{  transform: rotate(-360deg); animation: load-left-pie--360 1s linear; animation-delay: 1s; 
	   -webkit-animation: load-left-pie--360 1s linear;   -webkit-transform: rotate(-360deg); -webkit-animation-delay: 1s;   }
    @keyframes load-left-pie--360{  from {transform: rotate(-180deg);} to {transform: rotate(-360deg);}  }
    @-webkit-keyframes load-left-pie--360{  from {-webkit-transform: rotate(-180deg);} to {-webkit-transform: rotate(-360deg);}  }
    */


.detail-mdv ul.onglets, .detail-mdv ul.onglets li{ margin:0; padding:0; position:relative; z-index:10;}
.detail-mdv ul.onglets li a{ border:1px solid #E3E5E7; background:#E3E5E7; padding:8px 18px; text-decoration:none; margin:0 2px 0 0; border-bottom:none; border-radius:6px 6px 0 0}
.detail-mdv ul.onglets li a.active, .detail-mdv ul.onglets li a:hover{ background:#fff; color: #0987BC;}
a.lien-regio{ background:#00899E url(/charte/voir.png) 12px center no-repeat; color:#ffffff;  text-transform: uppercase; font-family: 'avant_garde_gothic_itc_tbold', Verdana, Helvetica, sans-serif; display:inline-block; padding:10px 20px 10px 40px; margin:15px 0; text-align:center}


/* GD - Recupe CSS video OT Cordon */
/*--------- Vidéos 100%  -----*/
.page-accueil #diaporama {
 /* background: #000 url(/charte/vue-cordon-mt-blanc.jpg) center center no-repeat;*/ background-size: 100% auto; background-size: cover;
  /* position: fixed; */   top: 0; right: 0; bottom: 0; left: 0;  }

.video-background {
 /* background: #000;
   position: fixed; */
  top: 0; right: 0; bottom: 0; left: 0;

}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*pointer-events: none;*/
}
.video-background iframe { z-index:10}
#vidtop-content {
        top: 0;
        color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%;  }
	 .page-int .video-foreground { width: 100%; left: auto; top:0}
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
	 .page-int .video-foreground { width: 100%; left: auto; top:0}
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}

.jquery_slide_details, #bis_caption a{ color:#fff}
#firstline > div{ padding:0em 2em 0.6em 2em; font-size:120%; }


/* 2018-06-14 */
.page-accueil header{height:80vh; }
.page-int header{height:50vh; }
.bis_title a{ display:block; text-align:left;margin-left:2.2em}
.bis_title a span{ background:url(/charte/link.png) left center no-repeat; padding-left: 30px; display:block}

.page-int .video-background{ position:absolute; background:#000 }
.page-int .video-background iframe{ width:1080px;  height:60vh !important; position:relative }

/* 2018-07-31 */
.page{ width:1024px; }
.instagram{ background: url(/charte/instagram.png) center center no-repeat}
.moteur-recherche{ height:370px}
.actu{ min-height:356px}
.feder{ margin-left:5px}

/* 2018-08-07 */
#picto-fix .accordion .contenu-bloc{display:block !important}
.partage .accordion .btn-bloc{ display:none}
.stream li .section-text{ display:none !important}

/* CSS Leaflet */
.leaflet-marker-icon {width: 34px; height: 34px; font-weight: bold; line-height: 54px; 	font-size: 18px; text-align:center; 
text-shadow: -1px 0 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff;
background-repeat:no-repeat; background-position: center top}
.leaflet-popup-content, .leaflet-popup-content-wrapper, .leaflet-popup-tip{ width:auto !important; float:left}
.titre-b{ min-width:228px; float:left; font-weight:bold; font-size:105%; line-height:120%}
.titre-b img{ width:28px; float:left; margin: 5px 5px 5px 0}
.leaflet-pane a.plus-info { position: relative;  left: auto; bottom: auto; float:left; clear:left; font-size: 105%;}
.leaflet-pane .CartoFavoris{ float:right}
.leaflet-pane .CartoFavoris .miseaupanier { position: relative; bottom: auto;  right: auto;}

.zone-lei .visuel{ display:none}
.zone-lei .titre-b{ min-width:170px; }

/* 2018-11-14 */
.page{ width:1080px}
#z-bulletins.hiver2018 #map-bulletin-neige{ width:100%}
#z-bulletins.hiver2018 .contenu-onglet{float:left; width:100%; margin:-0.5% -0.5% 0 0;}
.hiver2018 ul.onglets{width:auto; display:table; float:left;font-size:1.3em;}
.hiver2018 .onglets li{display:table-cell;   }
.hiver2018 .onglets li span{display:block; text-transform:uppercase; padding:0.3em 0.8em;border-radius:1em; text-align:center; margin:0 2%; 
	color:#84C3DD; cursor:pointer}
.hiver2018 .onglets li span#onglet-autres{display:none;}
.hiver2018 .onglets li span.active{background-color:#ffffff; color:#0987BC}
.hiver2018 .onglets li span#onglet-domaines{display:none}
.hiver2018 .affiche-contenu-onglet{ padding-top:10px}
.hiver2018 .affiche-contenu-onglet{ padding-top:10px}

#z-bulletins.hiver2018 .item-station{ position:relative; width:32.3%; height:14vw; min-height:228px;
	padding:0; font-size:115%}
#z-bulletins.hiver2018 .item-station *{ color:#ffffff; texte-align:center; text-shadow: 0px 0px 5px #000;}
#z-bulletins.hiver2018 .item-station > a{ display:block; width:100%; height:100%;}
.hiver2018 .visuel::after{content:" "; position:absolute; left:0; top:0; right:0; bottom:0;
	background:rgba(0,0,0,0.3); z-index:2; transition: all 0.5s ease-out;}
.hiver2018 .item-station:hover .visuel::after{	background:rgba(0,0,0,0.6); }
.hiver2018 .item-station .survol{ opacity:1;  background-color: transparent;z-index:4;
height: auto; position: absolute; top:0; left:0, right:0; bottom:0}
.hiver2018 .item-station .item-content img{width:auto; height: auto;
position: relative; top:auto; left:auto }
.hiver2018 .item-station .item-content{ width:100%; float:left; margin:3px 0}
.hiver2018 .item-station:hover .survol{opacity:1; }
.hiver2018 .item-station .nom{position:relative; bottom:auto; left:auto; width:auto;padding:.5em 48px ; line-height:1.2em;
font-size:130%; font-weight:bold; background-size:auto; text-align:center;
	-moz-text-shadow:0px 0px 5px #000; -webkit-text-shadow:0px 0px 5px #000; text-shadow:0px 0px 5px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
min-height:40px}
.hiver2018 .item-station a.link-webcam{ position: absolute; top:5px; right:5px; z-index:5; font-size: 75%}
.hiver2018 .pie{ margin-top:3px; margin-bottom:25px}
.hiver2018 .pie .title{ bottom:-22px}
.hiver2018 img.puceouverture { width: 22px; height: 22px; margin-top: 10px; margin-left: 10px;}

.hiver2018 .item-liste-entete span:first-child, 
.hiver2018 .item-station-liste .item-liste-content:first-child{
    width: 15%;}
.hiver2018 .item-liste-entete span:nth-child(2), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(2){
    width: 5%;}
.hiver2018 .item-liste-entete span:nth-child(3), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(3){
    width: 8%;}
.hiver2018 .item-liste-entete span:nth-child(4), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(4){
    width: 6%;}
.hiver2018 .item-liste-entete span:nth-child(5), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(5){
    width: 5%;}
.hiver2018 .item-liste-entete span:nth-child(6), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(6){
    width: 6%;}
.hiver2018 .item-liste-entete span:nth-child(7), 
.hiver2018 .item-station-liste .item-liste-content:nth-child(7) {
    width: 8%;}

.hiver2018 .leaflet-popup-content-wrapper{ min-width:180px}
.page-accueil #map{ height:80vh !important; min-height:320px}
.leaflet-control-layers{ text-align:left}
#map .leaflet-popup-content{  float: none}
#EmplacementFormItineraire a{ background-color: #fff; border: 1px solid #ccc;
	padding:2px 14px; color:#A31067; font-weight: bold;
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #66000000,Positive = true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX = 0,OffY = 0,Color = #66000000,Positive = true);}
.info-dom{ width:100%; float:left; font-size:150%; font-weight:bold; margin:10px 0}

.leaflet-popup-content-wrapper .bloc-enneigement{ position:relative; padding:0; margin:5px 0; height:50px;}
.leaflet-popup-content-wrapper .bloc-enneigement .icon.enneigement{ width:auto; height:50px;
background-size: contain;}
.leaflet-popup-content-wrapper .altitude-haut{ position:absolute; top:0; right:0}
.leaflet-popup-content-wrapper .altitude-bas{ position:absolute; bottom:0; right:0}

#z-bulletins.hiver2018 .item-station .pie .content *{ color:#000000 !important; text-shadow: none; font-size: 110%; font-weight:bold}
.hiver2018 .pie .title{ font-size: 120%; font-weight:bold}

.agenda2{ float:right}
.page-accueil .agenda{ text-align:center;}
.page-accueil .agenda>div{/*padding:15px;*/ display:table; margin:auto}
/* .page-accueil .agenda h2{ color:#D93131; font-size:2.5em; margin:0 0 .3em 0}*/
#datepicker{background:#fff; }
.agenda .ui-datepicker{padding:0; width:360px; background:#fff; border:none; }
.agenda .ui-widget-header{font-family: 'panamalight', Arial, Helvetica, sans-serif; font-weight:normal; background: #E53333; border:none; border-radius:0; vertical-align:middle; font-size:1.6em; text-transform:uppercase;}
.agenda .ui-widget-header a:hover{background: #E53333;}
.agenda .ui-datepicker .ui-datepicker-title{ }
.agenda .ui-datepicker table{font-size:1em; border:2px solid #A2A0A0; border-top:none; padding:10px;}
.agenda .ui-state-default, .agenda .ui-widget-content .ui-state-default, .agenda .ui-widget-header .ui-state-default{color:#585047; font-weight:normal; height:35px; width:90%; margin:2px auto; line-height:25px; text-align:center; border:none; border-radius:5px; padding:5px}
.page-accueil .agenda .ListeCalendrier {min-width: 205px;}
.agenda2 {display: none} /* Rayan */


.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

.css_jour_evenement a { background: none !important; background-color: #E43434 !important; color: #ffffff !important; }
.css_jour_evenement_long a { border-bottom: #E43434 4px solid !important; }

/*icon*/
.agenda .icon{ background-image:url("/charte/pictos3.png") ; background-repeat:no-repeat; display:inline-block; vertical-align:text-bottom; }
.calendar{ width:35px; height:35px; background-position:-20px -561px; }


/** Rayan */
.manif-item{   border: 1px solid  rgba(226, 223, 214, 1);  background-color: rgba(226, 223, 214, .5);
    padding: .5em 2%;  margin: 15px 0; width:96%; float:left; color:#000000}
.manif-item a{ text-decoration: none}
.manif-titre{ font-family: 'avant_garde_gothic_itc_tbold', Verdana, Helvetica, sans-serif;
color: #2F373A;   font-size: 140%;  margin: .4em 0; display:block}
.manif-theme{    display: block;  font-style: italic;  color: #737065; margin: .2em 0; top:auto }
.manif-liste .date{  background: url(/charte-pro/bg-date.png) center bottom;
   background-size: cover ;  float: left; background-repeat: no-repeat; min-width: 60px;
    text-align: center; color: #fff;  padding: 4px 3px 25px 3px;  margin: -15px 5px 0 5px;  }
.manif-liste .date:last-child{ margin-right:15px}
.lieu{  color:#000000; margin: .2em 0;}