/* Extension de pure.css */
.h1-like {
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
}
.h2-like {
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}
.h3-like {
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}
.h4-like {
    display:block;
  font-size: 1em;
  font-weight: bold;
  margin: 1.33em 0;
}
.h5-like {
    display:block;
  font-size: .83em;
  font-weight: bold;
  margin: 1.67em 0;
}
.h6-like {
  font-size: .67em;
  font-weight: bold;
  margin: 2.33em 0;
}
/* END Extension de pure.css */

.page-paragraphe .gcsc-branding {
    display: none !important;
}
#stations, #footer {
    position: relative;
    bottom: inherit;
}

#barreTop {
    position: absolute;
    display: block;
    width: 100%;
    height: 50px;
    top: 92px;
    background: #FFFFFF;
    z-index: 115;

    -moz-box-shadow: 0px 5px 5px -4px #656565;
    -webkit-box-shadow: 0px 5px 5px -4px #656565;
    -o-box-shadow: 0px 5px 5px -4px #656565;
    box-shadow: 0px 5px 5px -4px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5);
}

#barreTop div a {
    display: block;
    height: 50px;
    padding: 0 25px;
    border-right: 1px solid #CCCCCC;
    font-family: 'nexa_boldregular';
    font-size: 1.55em;
    color: #212025;
    text-align: center;
    line-height: 310%;
}

#barreTop div a:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    content: "\f041";
    padding-right: 8px;
}

#barreTop div.active a,
#barreTop div a:hover {
    background: #EEEEEE;
}

#barreTop div a.act, #barreTop div a.act:hover {
    background: url('../img/rouge.png');
    color: white;
}

.derouleInt {
    position: absolute;
    display: none;
    width: 100%;
    background: url('../img/rouge.png') repeat;
    top: 142px;
    padding-top: 10px;
    z-index: 118;

    font-family: 'nexa_boldregular';
    font-size: 1.4em;
    color: #FFFFFF;
    text-align: center;
}

.contenu {
    position: relative;
    overflow: hidden;
    display: block;
}

#bandeaux {
    position: absolute;
    width: 906px;
    height: 400px;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 10;
}

#bandeaux .mask {
    position: absolute;
    width: 906px;
    height: 400px;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 101;
}

#bandeaux .cycle-slideshow,
#bandeaux .cycle-slideshow img {
    width:100%;
}

#breadcrumb {
    position: absolute;
    top: 20px;
    left: 20px;
    background: white;
    padding: 4px 8px;
    font-family: 'nexa_lightregular';
    font-size: 1.2em;
    color: #000000;
    z-index: 40;
}

#breadcrumb a {
    color: #000000;
}

#breadcrumb a:hover {
    color: #D42A1E;
}

.sommaireInt {
    margin-bottom: 40px;
}

.sommaireInt .boxItem {
    background: 0;
}

.sommaireInt .boxItem img {
    border: 1px solid #eeeeee;
}

.sommaireInt .boxItem a:hover img {
    border: 1px solid #CCCCCC;
    -moz-box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.page {

    height: auto;
}

.intGauche {
    position: relative;
    z-index: 30;
}

h1 {
    position: relative;
    display: block;
    margin: 28px 0px 12px 0;
    padding: 0;
    font-family: 'nexa_boldregular';
    font-size: 3.2em;
    color: #000000;
    text-transform: uppercase;
    line-height: 100%;
}

.contenuCommune .bloc-titre {
    padding: 380px 30px 8px 30px;
}

.contenuCommune h1 {
    margin: 0px 0px 8px 0;
}

.contenuCommune .titleparent {
    font-family: 'nexa_boldregular';
    font-size: 2em;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 6px;
    line-height: 100%;
}

.contenuCommune .page {
    max-width: 1350px;
}

.soustitre {
    position: relative;
    display: block;
    margin: 0 0px 30px 0px;
    padding: 0;
    font-family: 'nexa_boldregular';
    font-size: 2.35em;
    color: #000000;
    text-transform: uppercase;
    width: 80%;
    line-height: 110%;
    letter-spacing: 1px;
}

.intro {
    position: relative;
    display: block;
    margin: 0 30px;
    margin-top: 8px;
    padding: 0;
}

h2 {
    position: relative;
    display: block;
    margin: 18px 0px 10px 0;
    padding: 0;
    font-family: 'nexa_boldregular';
    font-size: 2em;
    color: #D42A1E;
    line-height: 120%;
}

h3 {
    position: relative;
    display: block;
    margin: 18px 0px 10px 0;
    padding: 0;
    font-family: 'nexa_boldregular';
    font-size: 1.5em;
    color: #D42A1E;
    line-height: 120%;
}

.contenuCommune h2 {
    position: relative;
    display: block;
    margin: 18px 0px;
    padding: 0;
    font-family: 'nexa_boldregular';
    font-size: 2.4em;
    color: #000000;
    text-transform: uppercase;
    line-height: 100%;
    padding-bottom: 6px;
    border-bottom: 5px solid #EBEBEB;
}

.contenuCommune h2 {
    /*margin: 18px 30px 8px 30px;*/
}

.h2Button {
    position: relative;
    float: right;
    font-family: 'nexa_boldregular';
    font-size: 1.2em;
    color: #F2F3F4;
    text-transform: uppercase;
    background: #000000;
    padding: 10px 32px 8px 10px;
    margin: -54px 30px 0 0;
}

.h2Button em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -139px -146px;
}

.h2ButtonLeft {
    padding: 10px 10px 8px 32px;
    margin-right: 0px;
}

.h2ButtonLeft em {
    right: inherit;
    left: 6px;
    background-position: -309px -146px;
}

.h2ButtonArrow {
    width: 28px;
    height: 28px;
    padding: 0;
    margin-right: 0;
}

.h2ButtonArrowLeft {
    margin-right: 38px;
}

.h2ButtonArrowRight {
    margin-right: 0px;
}

.h2ButtonArrowLeft em {
    background-position: -306px -146px;
}

.h2ButtonArrowRight em {
    background-position: -138px -146px;
}

.h2ButtonMore {
    margin: 0;
    float: none;
    margin-bottom:50px;
    display: inline-block;
}

.partager {
    position: relative;
    display: block;
    margin: 8px 0px 0px 0px;
    font-family: 'nexa_boldregular';
    font-size: 1.4em;
    color: #000000;
    text-align: right;
}

.contenuCommune .partager {
    margin: 408px 0px 0px 0px;
}

.page-paragraphe {
    padding: 30px;
    max-width: 850px;
    margin: 0 auto;

    max-width: 950px;
    margin: 0 auto;
    /*float: right;*/
}

.filelink .text a {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.2em;
    color: #D42A1E;
}

.filelink .text .description {
    font-size: 1.3em;
    color: gray;
    line-height: 120%;
    margin: 0 0 16px 0;
    font-family: Verdana, Geneva, sans-serif;
    margin: 5px 0;
}

.flex-colonnedroite,
.flex-colonnegauche {
    margin: 2em;
}

#breadcrumbPar {
    position: relative;
    padding: 0px 0px 4px 0px;
    font-family: 'nexa_lightregular';
    font-size: 1.2em;
    color: #000000;
    z-index: 20;
    line-height: 1.2em;
}

#breadcrumbPar a {
    color: #000000;
}

.intDroite {
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    height:100%;
}

.contenuCommune .intDroite {
    padding-top: 60px;
    z-index: 30;
}

#inlinefancybox {
    display:none;
}

.wrapper-masqueDroite {

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 500px 100px 0 0;
    border-color: white transparent transparent transparent;
}

.wrapper-masqueDroite img {
    height: 100%;
    display: none;
}

.wrapper-masqueDroite .mask {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 456px;
    max-height: 742px;
}

.conteneurBoxGauche {
    position: relative;
    width: 310px;
    margin: 0 auto;
}

.boxGauche {
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px;
}

.conteneurBoxGauche .boxGauche {
    width: 310px;
    min-width: 310px;
}

.boxGauche .box_chapeau {
    position: relative;
    margin: 0 0 1px 0;
}

.boxGauche .box_chapeau_social {
    display: none;
}

.boxGauche .box_chapeau p.titre {
    font-family: 'nexa_lightregular';
    font-size: 1.4em;
    color: #000000;
    text-transform: uppercase;
    padding: 14px 0;
    margin: 0px 15px;
    line-height: 100%;
    border: 0;
}

.boxGauche .box_contenu {
    position: relative;
    margin-bottom: 20px;
}

.boxGauche .box_contenu img {
    max-width: 100%;
}

.box_contenu_newsletter {
    background: #EFEFEF;
}

.boxGauche .box_contenu p {
    margin: 0;
    padding: 10px 15px;
}

.boxGauche .box_contenu ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.boxGauche .box_contenu ul li {
    position: relative;
    border-bottom: 1px solid white;
}

.boxGauche .box_contenu ul li a {
    display: block;
    font-family: 'nexa_boldregular';
    font-size: 1.45em;
    color: #212025;
    padding: 11px 15px;
    line-height: 1em;
}

.boxGauche .box_contenu ul li a em {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -177px -139px;
}

.boxGauche .box_contenu ul li.sub-nav-item-active > a,
.boxGauche .box_contenu ul li.nav-item-active > a,
.boxGauche .box_contenu ul li a:hover {
    background: #E2E2E2;
}

.boxGauche .box_contenu ul li.nav-item-active > a em,
.boxGauche .box_contenu ul li a:hover em {
    background-position: -132px -139px;
}

.boxGauche .box_contenu ul li.nav-item .level2 {
    display:none;
}
.boxGauche .box_contenu ul li.nav-item-active  .level2 {
    display:block;
}

.boxGauche .box_contenu ul li a em.external {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -303px -254px;
}

.boxGauche .box_contenu ul li.nav-item-active > a em.external,
.boxGauche .box_contenu ul li a:hover em.external {
    background-position: -303px -293px;
}

.boxGauche .box_contenu ul .level2 {
    margin-top: 1px;
    margin-bottom: -1px;
}

.boxGauche .box_contenu ul .level2 li a {
    font-size: 12px;
    padding: 10px 0 10px 30px;
    font-size: 12px;
}

.boxGauche .box_contenu ul .level2 li a em {
    position: absolute;
    right: 15px;
    top: 9px;
    width: 12px;
    height: 11px;
    background: url('../img/sprite.png') no-repeat -229px -307px;
}

.boxGauche .box_contenu ul .level2 li.sub-nav-item-active > a em,
.boxGauche .box_contenu ul .level2 li a:hover em {
    background: url('../img/sprite.png') no-repeat -229px -267px;
}

.boxGauche .box_contenu ul .level2 li a em.external {
    position: absolute;
    right: 13px;
    top: 7px;
    width: 15px;
    height: 15px;
    background: url('../img/sprite.png') no-repeat -270px -266px;
}

.boxGauche .box_contenu ul .level2 li.sub-nav-item-active > a em.external,
.boxGauche .box_contenu ul .level2 li a:hover em.external {
    background: url('../img/sprite.png') no-repeat -270px -305px;
}


.boxGauche .box_contenu h4 {
    font-family: 'nexa_boldregular';
    font-size: 2.1em;
    color: #000000;
    text-transform: uppercase;
    margin: 2px 10px 2px 0px;
    padding: 0;
    line-height: 100%;
}

.boxGauche .box_contenu h5 {
    font-family: 'nexa_lightregular';
    font-size: 1.6em;
    color: #808080;
    margin: 2px 10px 2px 0px;
    padding: 0;
    line-height: 100%;
}

.boxGaucheGrise .box_chapeau {
    background: #E2E2E2;
}


.conteneurEvts .boxGaucheGrise .box_chapeau {
    background: none;
}

.conteneurEvts .boxGaucheGrise .box_chapeau p.titre {
    padding:0;
    margin: 0;
    margin-top:5px;
}
.conteneurEvts .boxGaucheGriseV2 .box_chapeau {
    background: #E2E2E2;
}

.conteneurEvts .boxGaucheGriseV2 .box_chapeau p.titre {
    padding: 14px 0;
    margin: 0px 15px;
}
.conteneurEvts .boxGaucheGriseV2 .btResa {
    margin-bottom: 30px;
}

.boxGaucheGrise .box_contenu .box-navigation a,
.boxGaucheGrise .acces-rapide {

    background: #EFEFEF;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.conteneurEvts .boxGaucheGrise .box_contenu .box-navigation a {
    padding-left: 37px;
    background:none;
}

.conteneurEvts .boxGaucheGrise .box_contenu .box-navigation a em {
    left: 0;
    right:inherit;
}

.boxGaucheGrise .box_contenu .box-navigation a:hover,
.boxGaucheGrise .acces-rapide:hover {
    background: #E0E0E0;
}

.boxGauche .boxOutils {
    position: relative;
    margin: 0 15px;
    padding: 14px 0 10px 0;
    display:block;
    min-height: 47px;
}

.boxGauche .boxOutils em {
    position: absolute;
    right: 0;
    top: 5px;
    width: 70px;
    height: 60px;
    background: url('../img/sprite.png') no-repeat;
}

.boxGauche .boxOutils .box-picto {
    position: absolute;
    right: 0;
    top: 5px;
    width: 70px;
    height: 60px;
}

.boxGauche .boxOutils em.enveloppe {
    background-position: -20px -20px;
}

.boxGauche .boxOutils em.horloge {
    background-position: -20px -96px;
}

.boxGauche .boxOutils em.stats {
    background-position: -20px -184px;
}

.boxGauche .boxOutils em.ecran {
    background-position: -20px -279px;
}

.boxGauche .boxOutils em.plan {
    background-position: -20px -371px;
}

.boxGauche .boxOutils .style1 {
    position: relative;
    display: block;
    font-family: 'nexa_boldregular';
    font-size: 2.2em;
    color: #000000;
    padding: 0;
    margin: 0 0 0 0;
    text-transform: uppercase;
    line-height: 120%;
}

.boxGauche .boxOutils .style2 {
    position: relative;
    display: block;
    font-family: 'nexa_lightregular';
    font-size: 2.6em;
    color: #000000;
    padding: 0;
    margin: 0 0 0 0;
    text-transform: uppercase;
}

.boxGauche .boxOutils .style3 {
    position: relative;
    display: block;
    font-family: 'nexa_boldregular';
    font-size: 1.6em;
    color: #000000;
    padding: 0;
    margin: 0 0 5px 0;
    width: 76%;
}

.boxGauche .boxOutils .style4 {
    position: relative;
    display: block;
    font-family: Arial;
    font-size: 1.3em;
    color: #666666;
    padding: 0;
    margin: 0 0 0 0;
    line-height: 110%;
    width: 76%;
}

.boxGauche .boxOutils .style4 a {
    color: #666666;
}
.boxGauche .boxOutils .style4 a.lienweb {
    color: #D42A1E;
}

.boxGauche .boxOutils .style4 a:hover {
    color: #000000;
    border-bottom: 1px dotted #000000;
}

.boxGauche .boxOutils .style4 p {
    text-align: left;
    position: relative;
    display: block;
    font-family: Arial;
    font-size: 1em;
    color: #666666;
    padding: 0;
    margin: 0 0 0 0;
    line-height: 110%;
}

.boxGauche .socials-links {
    background: #e8e8e8;
    height: 100px;
    padding: 2em;
    text-align:center;
}

.boxGauche .socials-links .social-link {
    text-indent: -999em;
    display: inline-block;
    height: 56px;
    width: 25%;
    /*float: left;*/
    background: #efefef;
}

.boxGauche .suivez-nous {
    background: none;
    color: #000;
    font-size: 22px;
    text-align: center;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    display: inline-block;
}

.boxGauche .suivez-nous em {
    right: auto;
    margin-left: .5em;
}

.boxGauche .socials-links .social-link.facebook {
    background: #e8e8e8 url(../img/facebook.png) center no-repeat;
}

.boxGauche .socials-links .social-link.twitter {
    background: #e8e8e8 url(../img/twitter.png) center no-repeat;
}

.boxGauche .socials-links .social-link.youtube {
    background: #e8e8e8 url(../img/youtube.png) center no-repeat;
}

.boxGauche .socials-links .social-link.googleplus {
    background: #e8e8e8 url(../img/googleplus.png) center no-repeat;
}

.boxGauche .forfait-links {
    position: absolute;
    right: .7em;
    bottom: .7em;
}

.boxGauche .title-forfait {
    position: absolute;
    top: .9em;
    left: .6em;
    text-transform: uppercase;
    color: #fff;
    font-family: 'nexa_boldregular';
    font-size: 22px;
}

.boxGauche .forfait-links .h2Button {
    width: 166px;
    height: 32px;
    padding: 0;
    margin: 0;
    margin-top: .7em;
    padding-left: 1em;
    box-sizing: border-box;
    line-height: 32px;
    background: rgba(0, 0, 0, 0.8);
}

.boxGauche .forfait-links .reserver em {
    background: url('../img/sprite.png') no-repeat -139px -263px;
    width: 22px;
    height: 32px;
}

.boxGauche .forfait-links .contacter em {
    background: url('../img/sprite.png') no-repeat -310px -224px;
    width: 22px;
    height: 32px;
}



.boxGauche .pure-button-primary,
.boxGauche .pure-button-selected,
.boxGauche a.pure-button-primary,
.boxGauche a.pure-button-selected {
    background: #118CDC;
}

.boxGauche .pure-button-primary:hover,
.boxGauche .pure-button-selected:hover,
.boxGauche a.pure-button-primary:hover,
.boxGauche a.pure-button-selected:hover {
    background: #0677B5;
}

.boxGauche .img-link {
    position: relative;
}

.boxGauche .img-link em {
    position: absolute;
    right: 3px;
    bottom: 6px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -139px -146px;
}

.boxGauche .img-link .corner {
    position: absolute;
    right: 0px;
    bottom: 2px;
    width: 39px;
    height: 39px;
    background: url('../img/img-link-corner.png') no-repeat 0 0;
}

.boxGauche .meteo,
.boxGauche .temp,
.boxGauche .vent {
    width: 40%;
    display: inline-block;
    border-bottom: none;
    float: left;
    background: #efefef;
    padding: 0;
    box-sizing: border-box;
    height: 100px;
}

.boxGauche .temp,
.boxGauche .vent {
    padding-top: 2.5em;
    width: 20%;
}

.boxGauche .meteo,
.boxGauche .temp {
    border-right: 1px solid #fff;
}

.boxGauche .vent .vitesse {
    font-size: 32px;
    display: block;
    line-height: 22px;
    padding-top: 0.15em;
}

.boxGauche .vent .vitesse,
.boxGauche .vent .unite {
    display: block;
}

.boxGauche .meteo ul li {
    border-bottom: none;
}

.conteneurEvts {
    margin: 12px 0px 12px 30px;
}

.boxEvts {
    position: relative;
    margin: 0;
}

.boxEvts .box_contenu {
    position: relative;
    margin: 12px 0;
    width: 95%;
    float: left;
}

.boxEvts:nth-child(even) .box_contenu {
    float: right;
}

.boxEvts .box_contenu img {
    width: 100%;
    margin: 0 0 0 0px;
}

.boxEvts .box_contenu p {
    margin: 0;
    margin: 0 0 0 0px;
}

.boxEvts .box_contenu h4 {
    font-family: 'nexa_boldregular';
    font-size: 2.1em;
    color: #000000;
    text-transform: uppercase;
    margin: 6px 0 0 0px;
    padding: 0;
    line-height: 100%;
}

.boxEvts .box_contenu h5 {
    font-family: 'nexa_lightregular';
    font-size: 1.6em;
    color: #808080;
    margin: 3px 0 0 0px;
    padding: 0;
    line-height: 100%;
}

.pattern-entete {
    background: #EBEBEB url('../img/pattern-entete.jpg') center bottom repeat;
}

.formTop {
    position: relative;
    display: block;
    margin: 0 0 20px 0;
    background: #EBEBEB url('../img/pattern-entete.jpg') center top repeat;
}

.nobackground {
    background:none;
}

.formTopBottom {
    position: relative;
    display: block;
    width: 100%;
    height: 98px;
}

.formTopBottom img {
    width: 100%;
    height: 98px;
}

.csc-CType-textpic,
.csc-CType-text,
.containerInt {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 1;
}

.page-paragraphe-contenu .csc-CType-text {
    max-width: 100%;
}

.page-paragraphe-contenu .sommaireInt {
    margin-top: 0;
}

.csc-CType-html {
    height: 100%;
}

.csc-CType-list {
    margin: 0 auto;
}

.csc-CType-text pre a {
    padding: .5em 1em;
    border: 1px solid #999;
    border: 0 rgba(0,0,0,0);
    text-decoration: none;
    border-radius: 2px;
    background-color: #000000;
    color: #fff;
    font-family: 'nexa_lightregular';
    font-size: 1.2em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display:block;
    font-style: normal;
}


.contenuPageparagraphe .csc-CType-text, .contenuPageparagraphe .csc-CType-text .containerInt {
    margin: 0;

}

.contenuPageparagraphe {
   /* min-height: 850px;*/
    overflow: hidden;
}

.masque-back {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

.masque-back img {
    width: 100%;
    height: 100%;
}

.csc-CType-text {
    margin-bottom: 40px;
}

.csc-CType-text ul {
    list-style: inherit;
}

.csc-CType-text ul li {
    list-style: inherit;
    font-size: 1.2em;
    margin-left: 15px;
}

#breadcrumbInt {
    position: relative;
    padding: 20px 8px 4px 0px;
    font-family: 'nexa_lightregular';
    font-size: 1.2em;
    color: #000000;
    z-index: 20;
}

#breadcrumbInt a {
    color: #000000;
}

#breadcrumbInt a:hover {
    color: #D42A1E;
}

.form_carnet {
    padding-top: 20px;
}

.carnet-selectionner em {
    position: absolute;
    right: 4px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -268px -147px;
}

.carnet-supprimer em {
    position: absolute;
    right: 4px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -265px -185px;
}

.carnet-envoyer em {
    position: absolute;
    right: 4px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -308px -184px;
}

.carnet-imprimer em {
    position: absolute;
    right: 4px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -265px -224px;
}

.choix-btn {
    position: relative;
    display: inline-block;
    text-align: left;
    padding: 8px 24px 4px 5px;
    margin: 6px 3px 0 0;
    font-family: 'nexa_lightregular', sans-serif;
    font-size: 1.15em;
    color: #000000;
    background: #FFFFFF;
    text-transform: uppercase;
}

.form_carnet_deconnexion {
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 1.6em;
    color: #000000;
    float: right;
}

.hebergement {
    background:url('../img/hebergement-bg.jpg');
    background-size:cover;
}
.hebergement-title {
    text-align: center;
    margin-bottom:1.5em;
}
.formSitraItemContent {
    margin:0 .5em;
    height: 355px;
    background: rgba(0,0,0,0.9);
    padding: 1em 15px;
    margin-bottom:1em;
    position:relative;
}
.formSitraItemTitle {
    color:#fff;
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 1.6em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom:1.5em;
    line-height: 1em;
}

.forfaits-result-btn,
.hebergement-result-btn {
    margin: 0 auto;
    letter-spacing: 0px;
    padding: 1.5em 3.5em 1.2em 1.5em;
    font-size: 1.5em;
    background: rgba(0,0,0,0.9);
    margin-top:2em;
    margin-bottom:1.5em;
}
.hebergement-back-btn {
    background: rgba(0,0,0,0.9);
    text-indent: -999em;
    height: 50px;
    width: 50px;
    display: block;
    padding: 0;
    position:absolute;
    top:0;
    bottom: 6em;
    margin:auto;
    left: -6em;
}
.hebergement-back-btn em {
    right:0;
    left:0;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    background: url('../img/sprite.png') no-repeat -307px -146px;
}

.forfaits-result-btn em,
.hebergement-result-btn em {
    right: 1em;
    top: 0;
    margin: auto;
    bottom: 0;
}
.hebergement-title h1 {
    color:#fff;
}
.formSitraItemContent .check {
    position: relative;
    display: block;
    background: white;
    font-family: 'nexa_lightregular';
    font-size: 1.4em;
    color: #000000;
    text-transform: uppercase;
    padding: 14px 10px;
    margin: 5px 0;
    opacity:0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.check-date {
    clear:both;
    margin: 15px 0;
}

.formSitraItemContent .check:hover {
    opacity: 1;
}

.formSitraItemContent .icon {
    position: relative;
    display: block;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    background: url('../img/sprite-hebergement.png') no-repeat -110px -2px;
}
.formSitraItemContent .icon.personnes {
    background: url('../img/sprite-hebergement.png') no-repeat -110px -2px;
}
.formSitraItemContent .icon.quand {
    background: url('../img/sprite-hebergement.png') no-repeat -218px -7px;
}
.formSitraItemContent .icon.where {
    background: url('../img/sprite-hebergement.png') no-repeat 3px -107px;
}
.formSitraItemContent .icon.hebergement {
    background: url('../img/sprite-hebergement.png') no-repeat -107px -152px;
}
.formSitraItemContent .select {
    position: relative;
    display: block;
    font-family: 'nexa_lightregular';
    font-size: 1.4em;
    color: #000000;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 5px 0;
    width: 100%;
    height: 38px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('../img/select-bg.png') no-repeat right;
    outline: 0;
    border-right:10px solid transparent;
}
.formSitraItemContent .select.dates {
    position: relative;
    display: block;
    font-family: 'nexa_lightregular';
    font-size: 1.2em;
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 5px 0;
    width: 100%;
    height: 38px;
    margin-bottom:1.5em;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #000 url('../img/select-dates-bg.png') no-repeat right;
    outline: 0;
    border-right:10px solid transparent;
}
.formSitraItemContent .inputText {
    position: relative;
    display: block;
    background: white;
    font-family: 'nexa_lightregular';
    font-size: 1.4em;
    color: #000000;
    border: none;
    padding: 0 10px;
    margin: 5px 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
    height: 38px;
    opacity:0.5;
    margin-bottom:2em;
}
.formSitraItemContent label {
    color:#fff;
}
.formSitraItemContent #min-range {
    color:#fff;
    position:absolute;
    left:0;
    margin-top:2px;
}
.formSitraItemContent #max-range {
    color:#fff;
    position:absolute;
    right:0;
    margin-top:2px;
}
.formSitraItemContent .span-date {
    color: #fff;
    display: inline-block;
    font-size: 1.4em;
    height: 38px;
    float: right;
    width:15%;
    line-height: 38px;
}
.formSitraItemContent #datepicker-debut,
.formSitraItemContent #datepicker-fin {
    position: relative;
    display: inline-block;
    font-family: 'nexa_lightregular';
    width:85%;
    color: #000000;
    text-transform: uppercase;
    float: right;
    padding: 0 10px;
    margin: 2px 0;
    height: 38px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('../img/cal-bg.png') no-repeat right;
    outline: 0;
    border-right: 10px solid transparent;
    box-sizing: border-box;

}
.formSitraItemContent output {
    position: absolute;
    background-image: url(../img/range-marker.png);
    width: 24px;
    height: 31px;
    text-align: center;
    color: #000;
    display: inline-block;
    bottom: 40%;
    line-height: 1.7em;
    left: 0;
    margin-left: -11px !important;
}
.formSitraItemContent .range-slider input {
    width:100%;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    height: 2px;
    outline:none;
    box-shadow:none;
    background:rgba(255,255,255,.5);
}
.formSitraItemContent .range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #666;
    opacity: 0;
    width: 100px;
    height: 50px;
    margin-top:-28px;
    z-index:88;
    position:relative;
}
.formSitraItemContent .range-slider { position: relative; margin: 10px;  margin-top: 4em;}

.formSitraItemContent .inputText:focus {
    opacity:1;
}
.formSitraItemContent .check.active {
    opacity:1;
}
.formSitraItemContent .bouton {
    position: relative;
    display: block;
    background: white;
    font-family: 'nexa_lightregular';
    font-size: 1.4em;
    color: #000000;
    text-transform: uppercase;
    padding: 14px 10px;
    margin: 5px 10px;
}
.formSitraItemContent .check.active em {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -268px -149px;
}
.formSitraItemContent .bouton em {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -229px -153px;
}

.box-tab {
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 1.45em;
    color: #212025;
    padding: 20px 0;
    display: block;
    text-align: center;
    background:#cccccc;
    border-bottom:1px solid white;
}

.box-tab.active {
    background:#eaeaea;
    border-bottom:1px solid #eaeaea;
}

.tab-content {
    background:#eaeaea;
    padding: 30px 20px 10px 20px;
    display:none;
}

.tab-content.active {
    display:block;
}

.tab-content .tab-fieldset {
    margin-bottom: 20px;
}

.tab-content label {
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 1.45em;
    color: #212025;
    padding-bottom:5px;
}

.tab-content .input-select {
    position: relative;
    display: block;
    font-family: 'nexa_lightregular', sans-serif;
    font-size: 1.4em;
    color: #000000;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 5px 0;
    width: 100%;
    height: 38px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('../img/select-bg.png') no-repeat right;
    outline: 0;
    border-right: 10px solid transparent;
}

.tab-content .pure-add-input .pure-u-1-2:nth-child(odd) .label-select-age,
.tab-content .pure-add-input .pure-u-1-2:nth-child(odd) .input-select-age {
    width:95%;
    float: left;
}

.tab-content .pure-add-input .pure-u-1-2:nth-child(even) .label-select-age,
.tab-content .pure-add-input .pure-u-1-2:nth-child(even) .input-select-age {
    width:95%;
    float: right;
}

.pure-u-1-2-select-age {
    margin-top: 10px;
}

.tab-content .input-nbpersonnes {
    font-family: 'nexa_lightregular', sans-serif;
    font-size: 1.4em;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    border: none;
    box-shadow: none;
    border-radius: 0;
    width: 35px;
    margin: 5px;
}

.tab-content .input-nbpersonnes:focus {
    outline: 0;
    color: inherit;
    border: none;
}

.input-nodate {
    margin:10px 0;
}

.input-nodate [type="checkbox"]:not(:checked),
.input-nodate [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.input-nodate [type="checkbox"]:not(:checked) + label,
.input-nodate [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 1.8em;
}

/* checkbox aspect */
.input-nodate [type="checkbox"]:not(:checked) + label:before,
.input-nodate [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: white;
    border-radius: 0
}
/* checked mark aspect */
.input-nodate [type="checkbox"]:not(:checked) + label:after,
.input-nodate [type="checkbox"]:checked + label:after {
    content: '✔';
    font-family: 'nexa_boldregular', sans-serif;
    position: absolute;
    top: 0; left: 4px;
    font-size: 14px;
    color: black;
    line-height: 1.75;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
/* checked mark aspect changes */
.input-nodate [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.input-nodate [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* disabled checkbox */
.input-nodate [type="checkbox"]:disabled:not(:checked) + label:before,
.input-nodate [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.input-nodate [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.input-nodate [type="checkbox"]:disabled + label {
    color: #aaa;
}


.tab-content .datepicker-debut,
.tab-content .datepicker-fin {
    position: relative;
    display: inline-block;
    font-family: 'nexa_lightregular', sans-serif;
    width: 95%;
    color: #000000;
    text-transform: uppercase;
    float: left;

    margin: 2px 0;
    height: 38px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('../img/cal-bg.png') no-repeat right;
    outline: 0;
    border-right: 10px solid transparent;
    box-sizing: border-box;
}

.tab-content .datepicker-fin {
    float:right;
}

.tab-content #select-adultes {
    width: 95%;
    float: left;
}

.tab-content #select-enfants {
    width: 95%;
    float: right;
}

.tab-content .forfaits-result-btn,
.tab-content .hebergement-result-btn {
    float: none;
    display: block;
    margin-bottom: 0;
}

#datepicker-debut-forfait {
    position: relative;
    display: inline-block;
    font-family: 'nexa_lightregular', sans-serif;
    width: 100%;
    color: #000000;
    text-transform: uppercase;
    margin: 2px 0;
    height: 38px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('../img/cal-bg.png') no-repeat right;
    outline: 0;
    border-right: 10px solid transparent;
    box-sizing: border-box;
}

.spinedit-action {
    cursor: pointer;
    color:#666;
}

.spinedit-action:hover {
    cursor: pointer;
    color:white;
}

.bons-plans {
    margin-bottom:40px;
}

.isformtop {
    margin-top: -100px;
}

.bons-plans-sitra {
    margin-top: -100px
}

.bons-plans .boxItem .box_contenu .title {
    color:#FF2A1E;
    margin: 0;
    margin-top: 10px;
    line-height: 1em;
    font-family:'nexa_lightregular';
    font-size:26px;
}
.bons-plans .boxItem .box_contenu h4,
.bons-plans .boxItem .box_contenu .h4-like {
    color:#000;
    line-height: 1em;
    font-family:'nexa_boldregular';
    font-size:16px;
}
.bons-plans .boxItem .box_contenu .categorie {
    color:#000;
    font-family: 'nexa_lightregular';
    font-size: 13px;
    color: #808080;
    margin-top:5px;
}

.bons-plans .boxItem .box_contenu h5,
.bons-plans .boxItem .box_contenu .h5-like {
    color:#000;
    margin-top: 10px;
    line-height: 1em;
    font-family:'nexa_lightregular';
    font-size:21px;
}
.bons-plans .boxItem .box_contenu a div {
    position: absolute;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    opacity:0;
}
.bons-plans .boxItem .box_contenu a div.fdrouge{
	background: rgba(230,0,0,0.8);
}
.bons-plans .boxItem .box_contenu a:hover div {
    opacity:1;
}
.bons-plans .promoBox .box_contenu {
    height: 309px;
    background-image:url(../img/promoBox.jpg);
    background-size:cover;
}
.bons-plans .promoBox .box_contenu a  {
    height:319px;
    padding: 1.5em;
    box-sizing: border-box;
}
.bons-plans .promoBox .box_contenu a div {
    position:relative;
    background:none;
    opacity:1;
    height:initial;
}
.bons-plans .promoBox .box_contenu a .hover {
    position: absolute;
    background: rgba(255,42,30,0.8);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 0;
    opacity:0;
}
.bons-plans .boxItem .box_contenu a:hover .hover {
    opacity:1;
}
.bons-plans .boxItem .box_contenu a div span {
    position: absolute;
    display: inline-block;
    font-family: 'nexa_boldregular';
    font-size: 12px;
    color: #F2F3F4;
    text-transform: uppercase;
    background: #000000;
    padding: 12px 35px 9px 8px;
    z-index: 1;
    margin:0;
    border:0;
    box-shadow: none;
    left: 50%;
    top: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.bons-plans .boxItem .box_contenu a div span em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -138px -145px;
    z-index: 1;
}
.bons-plans .promoBox .box_contenu .lieu {
    color:#fff;
    margin-top: 10px;
    line-height: 1em;
    font-family:'nexa_lightregular';
    font-size:21px;
    text-transform: uppercase;
    z-index: 1;
}
.bons-plans .promoBox .box_contenu .date {
    color:#fff;
    margin-top: 10px;
    line-height: 1em;
    font-family:'nexa_lightregular';
    font-size:21px;
    z-index: 1;
}
.bons-plans .promoBox .box_contenu .title {
    color:#fff;
    margin-top: 10px;
    line-height: 1em;
    font-family:'nexa_boldregular';
    font-size:20px;
    z-index: 1;
}
.bons-plans .promoBox .box_contenu .content {
    color:#fff;
    margin-top: 10px;
    line-height: 1em;
    font-family:'nexa_boldregular';
    font-size:16px;
    z-index: 1;
    position:relative;
}
.bons-plans .promoBox .box_contenu .price {
    color:#fff;
    margin-top: 10px;
    line-height: 1em;
    font-family:'nexa_lightregular';
    font-size:26px;
    z-index: 1;
}
.bons-plans .promoBox .box_contenu span {
    position: absolute;
    display: inline-block;
    font-family: 'nexa_boldregular';
    font-size: 12px;
    color: #F2F3F4;
    text-transform: uppercase;
    background: #000000;
    padding: 12px 35px 9px 8px;
    margin-top:1em;
    z-index: 1;

    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1em;
}
.bons-plans .promoBox .box_contenu span em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -138px -145px;
    z-index: 1;
}

.issuuembed a {
    display:none !important;
}

.issuuembed span {
    display:none !important;
}

.bons-plans .boxItem .box-brochures h4 {
    margin-top: -15px;
    background: white;
    display: block;
    position: relative;
    padding-top: 15px;
}



.conteneurItem {
    margin: 10px 0px;
}

.boxItem {
    position: relative;
    margin: 0;
}

.boxItem .box_contenu {
    position: relative;
    margin: 12px auto;
    width: 95%;
    padding-bottom: 10px;
    background: white;
}

.boxItem:nth-child(3n-1) .box_contenu {
    float: inherit;
    margin-left: 2.5%;
}

.boxItem .box_contenu img {
    width: 100%;
    margin: 0 0 0 0px;
    height: auto;
}

.boxItem .box_contenu p {
    margin: 0;
    margin: 0 0 0 0px;
}

.boxItem .box_contenu .event-date {
    color: #FF2A1E;
    margin: 0;
    margin-top: 10px;
    line-height: 1em;
    font-family: 'nexa_lightregular';
    font-size: 18px;
}

.boxItem .box_contenu h4,
.boxItem .box_contenu .h4-like {
    font-family: 'nexa_boldregular';
    font-size: 1.5em;
    color: #000000;
    text-transform: uppercase;
    margin: 6px 0 0 0px;
    padding: 0;
    line-height: 110%;
}

.boxItem .box_contenu h5,
.boxItem .box_contenu .h5-like {
    font-family: 'nexa_lightregular';
    font-size: 1.25em;
    color: #808080;
    margin: 3px 0 0 0px;
    padding: 0;
    line-height: 100%;
}

.boxItem .box_contenu .btPlus {
    position: relative;
    float: right;
    font-family: 'nexa_boldregular';
    font-size: 1.2em;
    color: #F2F3F4;
    text-transform: uppercase;
    background: #000000;
    padding: 10px 32px 8px 10px;
    margin: 10px 0px 0 0;
}

.boxItem .box_contenu .btPlus em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -139px -146px;
}

.boxItem .box_contenu a,
.boxItem .box_contenu a img {
    display: block;
    position: relative;
}

.boxItem .box_contenu a {
    overflow: hidden;
}

.boxItem .box_contenu a div {
    position: absolute;
    background: #333;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.boxItem .box_contenu a div {
    position: absolute;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    opacity:0;
}
.boxItem .box_contenu a div.fdrouge{
    background: rgba(230,0,0,0.8);
    z-index: 70;
}
.boxItem .box_contenu a:hover div {
    opacity:1;
}

.boxItem .box_contenu a div p {
    font-family: 'nexa_lightregular';
    font-size: 1.2em;
    color: #F2F3F4;
    margin: 20px;
    line-height: 100%;
}

.boxItem .box_contenu a div span {
    display: block;
    padding: 10px 0;
    margin: 40px 20px 20px 20px;
    text-transform: uppercase;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 -10px 0 rgba(255, 255, 255, 0.3);
    position: relative;

    font-family: 'nexa_boldregular';
    font-size: 1.2em;
    color: #F2F3F4;
    text-transform: uppercase;
}

.boxItem .box_contenu a div em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -139px -146px;
}

.boxItem .box_contenu a:hover .hover {
    opacity:1;
}
.boxItem .box_contenu a div span {
    position: absolute;
    display: inline-block;
    font-family: 'nexa_boldregular';
    font-size: 12px;
    color: #F2F3F4;
    text-transform: uppercase;
    background: #000000;
    padding: 12px 35px 9px 8px;
    z-index: 1;
    margin:0;
    border:0;
    box-shadow: none;
    left: 50%;
    top: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.boxItem .box_contenu a div span em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -138px -145px;
    z-index: 1;
}

.boxItem a:hover {
    -moz-box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
}

.boxItem .box_contenu a.delete-item {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 18px;
    width: 17px;
    height: 23px;
    text-indent: -9999px;
    background: url('../img/sprite.png') no-repeat -227px -227px;
}

.boxItem .box_contenu a.delete-item:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.boxItem .boxsubmenu-external {
    position: absolute;
    right: 5px;
    top: 12px;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -303px -293px;
    z-index: 120;
}

#listeSitra-carte {
    width:100%;
    height:600px;
    display:none;
}

.boutonBenevoles {
    position: relative;
    float: right;
    font-family: 'nexa_boldregular';
    font-size: 1.2em;
    color: #F2F3F4;
    text-transform: uppercase;
    background: #000000;
    padding: 10px 32px 8px 10px;
    margin: 10px 0px 0 0;
}

.btBenevoles em {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 44px;
    height: 21px;
    background: url('../img/sprite.png') no-repeat -126px -343px;
}

.boutonBenevoles em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url('../img/sprite.png') no-repeat -179px -226px;
}

.containerEvenements {
    position: relative;
    width: 100%;
    margin-top: -20px;
}

.containerEvenements h2 {
    font-size: 26px;
    line-height: 1em;
    margin: 18px 0px 5px 0;
    border: 0;
    padding: 0;
    font-family: 'nexa_boldregular';
    color: #D42A1E;
    line-height: 120%;
    text-transform: none;
    padding-bottom:5px;

}

.containerEvenements .containerInt .bx-wrapper,
.containerEvenements .containerInt {
    max-width: 1020px !important;
}

.containerEvenements .fond {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100px;
    border-bottom: 10px solid #E8E8E8;
}

.containerEvenements .bx-wrapper .bx-viewport {
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border: none;
    left: inherit;
    background: none;
}

.containerEvenements .bx-wrapper .bx-controls-direction a {
    margin-top: -47px;
}

.containerEvenements .bx-wrapper .bx-next, .containerEvenements .bx-wrapper .bx-next:hover {
    margin-right: -60px;
    background: url('../img/sprite.png') no-repeat -134px -141px black;
    width: 32px;
    height: 32px;
}

.containerEvenements .bx-wrapper .bx-prev, .containerEvenements .bx-wrapper .bx-prev:hover {
    margin-left: -60px;
    background: url('../img/sprite.png') no-repeat -302px -141px black;
    width: 32px;
    height: 32px;
}

.containerEvenements .bxSliderFriseEvenements .boxItem {
    position: relative;
    width: 175px;
    height: 260px;
    background:none;
}

.bxSliderFriseEvenements {
    margin-left:10px;
    margin-right: 10px;
}

.containerEvenements .bxSliderFriseEvenements .boxItem .box_contenu {
    margin:10px 0;
    height: 230px;
    padding:10px;
    display:block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.containerEvenements .bxSliderFriseEvenements .boxItem .box_contenu:hover {
    -moz-box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    background: white;
}
.containerEvenements .bxSliderFriseEvenements .boxItem .box_contenu h4 {
    font-family: 'nexa_boldregular';
    font-size: 1.5em;
    color: #000000;
    text-transform: uppercase;
    margin: 6px 0 0 0px;
    padding: 0;
    line-height: 110%;
}

.containerEvenements .bxSliderFriseEvenements .boxItem .box_contenu h5 {
    font-family: 'nexa_lightregular';
    font-size: 1.18em;
    color: #808080;
    margin: 6px 0 6px 0px;
    padding: 0;
    line-height: 100%;
    font-weight: normal;
}

.containerEvenements .bxSliderFriseEvenements .boxItem .box_contenu h6 {
    font-family: 'nexa_lightregular';
    font-size: 1.25em;
    color: #808080;
    margin: 3px 0 0 0px;
    padding: 0;
    line-height: 100%;
}

.contenu .conteneur-slidermois {
    position: relative;
    margin-top: 80px;
}
.sliderMois {
    position: relative;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 20px auto;
    padding: 0;
}
.sliderMois li {
    display: block;
    float: left;
    width: 82px;
    height: 100px;
}
.sliderMois li a {
    display: block;
    text-align: center;
}
.sliderMois li a span {
    font-family: 'nexa_lightregular';
    font-size: 9px;
    color: #000000;
    line-height: 100%;
    text-transform: uppercase;
}
.conteneur-slidermois em {
      position: absolute;
      right: -2em;
      top: 0;
      width: 20px;
      padding: 0.4em;
      height: 20px;
      background: #000 url('../img/sprite.png') no-repeat -135px -143px;
}

.conteneur-slidermois .annee-precedente em {
    position: absolute;
    left: -5em;
    top: 0;
    width: 20px;
    padding: 0.4em;
    height: 20px;
    background: #000 url('../img/sprite.png') no-repeat -303px -143px;
}

.containerMeteo .bx-wrapper .bx-viewport {
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    border: none;
    left: inherit;
    background: none;
}

.containerMeteo .bx-wrapper .bx-next, .containerMeteo .bx-wrapper .bx-next:hover {
    margin-right: -60px;
    background: url('../img/sprite.png') no-repeat -134px -141px black;
    width: 32px;
    height: 32px;
}

.containerMeteo .bx-wrapper .bx-prev, .containerMeteo .bx-wrapper .bx-prev:hover {
    margin-left: -60px;
    background: url('../img/sprite.png') no-repeat -302px -141px black;
    width: 32px;
    height: 32px;
}

.bxSliderFriseMeteo .boxItem {
    position: relative;
    width: 175px;
    background: none;
}

.bxSliderFriseMeteo .boxItem .box_contenu {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    float: none;
}

.bxSliderFriseMeteo .boxItem .box_contenu .box-titre {
    font-family: 'nexa_lightregular';
    font-size: 11px;
    color: white;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 1em;
    padding: 14px 0 12px 0;
    border-bottom: 3px solid #D42A1E;
    background-color: #212025;
    text-align: center;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.bxSliderFriseMeteo .boxItem .box_contenu.active .box-titre,
.bxSliderFriseMeteo .boxItem .box_contenu:hover .box-titre {
    background-color: #D42A1E;
}

.detail-webcam {
    max-width: 640px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.panorama {
    min-height: 480px;
}

.detail-webcam img {
    width: 100%;
    height:auto;
}

#thumb { margin: 0; padding: 0; }
#thumb li { float: left; margin: 8px 8px 8px 0; list-style: none }
#thumb a { padding: 3px; display: block; border: 1px solid #ccc; }
#thumb a.activeSlide { background: #88f }
#thumb a:focus { outline: none; }
#thumb img { border: none; display: block }

.detail-webcam h2 {
    font-family: 'nexa_boldregular';
    font-size: 26px;
    color: black;
    border-bottom: 4px solid #EBEBEB;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.detail-meteo h2 {
    font-family: 'nexa_boldregular';
    font-size: 26px;
    color: black;
    border-bottom: 4px solid #EBEBEB;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.detail-meteo .boutonprevisions {
    display: block;
    position: relative;
    float: right;
    font-family: 'nexa_boldregular';
    font-size: 1.2em;
    color: #F2F3F4;
    text-transform: uppercase;
    background: #000000;
    padding: 15px 32px 12px 10px;
    margin: 0;
    margin-top: -15px;
    letter-spacing: 0.05em;
}

.detail-meteo .boutonprevisions em {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 24px;
    height: 24px;
    background: url('../img/sprite.png') no-repeat -134px -141px black;
}

.detail-meteo .meteo-panel {
    margin-top: 2.5em;
}

.detail-meteo .meteo-panel .meteo-bloc {
    box-sizing: border-box;
    margin-bottom: .4em;
}

.detail-meteo .meteo-panel .meteo-bloc > a {
    display: block;
    margin: 0 0.2em;
}

.detail-meteo .meteo-panel .meteo-bloc:last-of-type {
    border-right: none;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-day {
    background: #EBEBEB;
    color: #000;
    font-family: 'nexa_lightregular', sans-serif;
    font-size: 14px;
    text-align: center;
    padding: 1em;
    text-transform: uppercase;
    transition: all 100ms ease-in-out;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-journee {
    background: #F2F2F2;
    width: 100%;
    box-sizing: border-box;
    transition: background 100ms ease-in-out;
    float: left;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-matin,
.detail-meteo .meteo-panel .meteo-bloc .meteo-apres-midi {
    float: left;
    background: #F2F2F2;
    width: 50%;
    box-sizing: border-box;
    transition: background 100ms ease-in-out;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-vent {
    clear:both;
    background: #F2F2F2;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-apres-midi {
    border-left: 1px solid #fff;
}

.detail-meteo .meteo-panel .meteo-bloc .title {
    color: #A6A6A6;
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding: 1em;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo {
    color: #A6A6A6;
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 13px;
    text-align: center;
    border-bottom: 1px solid #fff;

}

.detail-meteo .meteo-panel .meteo-bloc .meteo ul {
    position: relative;
    margin: .1em 0;
    font-size: 60px;
    min-height: 60px;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo ul li {
    position: absolute;
    width: 100%;
    top: 0;
}

.detail-meteo .meteo-panel .meteo-bloc .temp {
    color: #A6A6A6;
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 11px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding: 1em;
}

.detail-meteo .meteo-panel .meteo-bloc .temp .deg {
    font-size: 32px;
    display: block;
    line-height: 32px;
}

.detail-meteo .meteo-panel .meteo-bloc .temp .deg i {
    font-size: 16px;
}

.detail-meteo .meteo-panel .meteo-bloc .vent {
    color: #A6A6A6;
    font-family: 'nexa_boldregular';
    font-size: 11px;
    text-align: center;
    padding: 1em;
}

.detail-meteo .meteo-panel .meteo-bloc .vent .vitesse {
    font-size: 28px;
    display: inline-block;
    line-height: 28px;
}

.detail-meteo .meteo-panel .meteo-bloc .vent .unite {
    font-size: 11px;
    margin-left: .3em;
}

.detail-meteo .meteo-panel .meteo-bloc .vent .direction {
    font-size: 14px;
    display: block;
    line-height: 1em;
    text-transform: uppercase;
}

.detail-meteo .meteo-panel .meteo-bloc .more-info {
    color: #666666;
    background: #F2F2F2;
    font-family: 'Arial';
    font-size: 13px;
    text-align: left;
    border-top: 1px solid #fff;
    padding: .8em .5em;
    display: block;
    box-sizing: border-box;
    float: left;
    width: 100%;
}

.detail-meteo .meteo-panel .meteo-bloc .more-info .value {
    color: #404040;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 13px;
}

.detail-meteo .meteo-panel .meteo-bloc .more-info .list li {
    line-height: 20px;
}

.detail-meteo .meteo-panel .meteo-bloc:hover .meteo-day {
    background: #000;
    color: #FFF;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-altitude {
    color: #A6A6A6;
    font-family: 'nexa_boldregular', sans-serif;
    background: #ebebeb;
    font-size: 14px;
    text-align: center;
    padding: 1em;
    margin: 1px 0;
    clear:both;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-temperature {
    color: #CCCCCC;
    font-family: 'nexa_boldregular', sans-serif;
    background: #F2F2F2;
    font-size: 20px;
    text-align: center;
    padding: 12px 0 6px 0px;
    line-height: 1em;
    margin: 1px 0;
    min-height: 23px;
    clear:both;
}

.detail-meteo .meteo-panel .meteo-bloc .meteo-temperature .deg {
    font-size: 28px;
    color: #A6A6A6;
}

.detail-meteo .meteo-panel .meteo-bloc:hover .meteo-temperature,
.detail-meteo .meteo-panel .meteo-bloc:hover .meteo-matin,
.detail-meteo .meteo-panel .meteo-bloc:hover .meteo-apres-midi,
.detail-meteo .meteo-panel .meteo-bloc:hover .meteo-vent {
    background: #ebebeb;
}

.detail-meteo .enneigement-panel {
    display: block;
    margin-bottom: 10em;
    margin-top: 2em;
}

.detail-meteo .enneigement-panel .list {
    margin-right: 2em;
    margin-bottom: 2em;
}

.detail-meteo .enneigement-panel .list li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ccc;
}

.detail-meteo .enneigement-panel .list .title {
    font-family: 'nexa_lightregular';
    font-size: 14px;
    text-transform: uppercase;
    width: 228px;
    display: inline-block;
    color: #000;
}

.detail-meteo .enneigement-panel .list .date {
    font-family: 'nexa_boldregular';
    font-size: 14px;
    display: inline-block;
    color: #000;
}

.detail-meteo .enneigement-panel .list .epaisseur {
    font-family: 'nexa_boldregular';
    font-size: 14px;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
}

.detail-meteo .enneigement-panel .range-slider {
    float: right;
}

.detail-meteo .enneigement-panel .range-slider .input-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 350px;
    height: 20px;
    border-radius: 20px;
    line-height: 50px;
    box-sizing: border-box;
    top: .5em;
    margin-left: 1em;
    position: relative;
    background: #009430; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTQzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZTBhMjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #009430 0%, #ffdd00 50%, #be0a26 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009430), color-stop(50%, #ffdd00), color-stop(100%, #be0a26)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #009430 0%, #ffdd00 50%, #be0a26 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #009430 0%, #ffdd00 50%, #be0a26 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #009430 0%, #ffdd00 50%, #be0a26 100%); /* IE10+ */
    background: linear-gradient(to right, #009430 0%, #ffdd00 50%, #be0a26 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009430', endColorstr='#be0a26', GradientType=1); /* IE6-8 */

    outline: none;
    border: 4px solid #EBEBEB;
}

.detail-meteo .enneigement-panel .range-slider .input-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: none;
    border: 4px solid #EBEBEB;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.detail-meteo .enneigement-panel .range-slider .input-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: none;
    border: 4px solid #EBEBEB;
    cursor: pointer;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.detail-meteo .enneigement-panel .range-slider .range-value {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 50px;
    color: #000;
    font-family: 'nexa_boldregular';
    left: 228px;
    position: absolute;
}

.detail-meteo .enneigement-panel .range-slider .range-value:after {
    content: "/5";
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 50px;
    color: #000;
    font-family: 'nexa_boldregular';
}

.detail-meteo .enneigement-panel ::-moz-range-track {
    background: #ccc;
    border: 0;
}

.detail-meteo .enneigement-panel input::-moz-focus-inner {
    border: 0;
}

.detail-meteo .enneigement-panel .picture {
    background: #F2F2F2;
    color: #000;
    width: 50%;
    min-height: 257px;
    float: left;
    text-align: center;
    padding: 2em;
    box-sizing: border-box;
    position: relative;
}

.detail-meteo .enneigement-panel .picture .icon {
    font-size: 150px;
    line-height: 0;
}

.detail-meteo .enneigement-panel .picture .icon > div:before {
    line-height: 0;
    color: #73D8F4;
}

.detail-meteo .enneigement-panel .picture .name {
    color: #73D8F4;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'nexa_boldregular';
    position: absolute;
    bottom: 2.5em;
    width: 100%;
    left: 0;
}

.detail-meteo .enneigement-panel .data {
    background: #EBEBEB;
    color: #000;
    width: 50%;
    min-height: 257px;
    float: left;
    box-sizing: border-box;
}

.detail-meteo .enneigement-panel .data .data-content {
    background: url(../img/meteo-data-tile.png);
    padding: 1em;
    margin-top: 10%;
}

.detail-meteo .enneigement-panel .data .data-content .altitude {
    font-size: 14px;
    color: #000;
    font-family: 'nexa_boldregular';
    text-transform: uppercase;
    line-height: 25px;
}

.detail-meteo .enneigement-panel .data .data-content .epaisseur {
    font-size: 14px;
    color: #000;
    font-family: 'nexa_boldregular';
    text-transform: lowercase;
    line-height: 25px;
    float: right;
}

.bloc-lien {
    display: block;
    max-width: 400px;
    margin: 0 auto;
    margin: 20px auto;
}

.bloc-lien-illustration {
    display: block;
    max-width: 400px;
    max-height: 290px;
    overflow:hidden;
}

.bloc-lien-illustration img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    width: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.bloc-lien-illustration:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.bloc-lien h3 {
    font-family: 'nexa_boldregular';
    font-size: 2.1em;
    color: #000000;
    text-transform: uppercase;
    margin: 6px 0 0 0px;
    padding: 0;
    line-height: 100%;
}

.bloc-lien h4 {
    font-family: 'nexa_lightregular';
    font-size: 1.6em;
    color: #808080;
    margin: 3px 0 0 0px;
    padding: 0;
    line-height: 100%;
}

#moteurresa,
#plandespistes,
#map_sommaire,
#map_village {
    width: 100%;
    height: 800px;
    position: absolute;
    top: 0;
}

#moteurresa .container-moteurresa {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 1;
    margin-top: 150px;
}

.legende-info {
    position:relative;
    padding-left: 30px;
    padding-right: 20px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    cursor: pointer;
}

.legende-info.hidden {
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.legende-info .legende-picto {
    position:absolute;
    top:0;
    left: -14px;
    width: 31px;
}

.legende-info .legende-titre {
    display:block;
    font-family: 'nexa_boldregular';
    font-size: 1.55em;
    color: #212025;
    line-height: 1em;
}

.legende-info .legende-desc {
    margin-top: -10px;
    margin-bottom: 23px;
}

.legende-info .legende-desc p {
    line-height: 130%;
    color: #666;
    margin-bottom:0;
}

.titrePoint {
    font-family: 'nexa_boldregular';
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 0 4px 5px;
}

.illuPoint {
    position: relative;
    display: block;
}

.flechePoint {
    position: absolute;
    bottom: 22px;
    left: 15px;
}

.trianglePoint {
    position: absolute;
    left: -5px;
    bottom: -1px;
}

.savoirplusPoint {
    position: absolute;
    left: 5px;
    bottom: 2px;
    font-family: 'nexa_boldregular';
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.encart-stationsfr {
    display: block;
    position: absolute;
    right: 60px;
    bottom: 60px;
    background: url(../img/pattern-fd-noir.png) repeat 0 0;
    font-family: 'nexa_boldregular';
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2em;
    padding: 10px 70px 10px 50px;
}

.encart-stationsfr:hover {
    color: gray;
}

.encart-stationsfr .drapeau {
    position: absolute;
    top: -5px;
    left: 5px;
    width: 41px;
    height: 30px;
}

.encart-stationsfr .fleche {
    position: absolute;
    top: 14px;
    right: 15px;
    width: 34px;
    height: 24px;
}

.leaflet-popup .leaflet-popup-content p {
    margin: 5px 0 0 0;
}

.leaflet-popup .leaflet-popup-content {
    margin: 4px 4px;
}

.leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 0;
}

.leaflet-popup .leaflet-popup-content {
    width: 250px;
}

.leaflet-popup .leaflet-popup-tip {
    background: url(../img/triangle-bois.png) -106px -79px no-repeat;
}

.sidebar-content h1 {
    margin: 28px 0px 0px 0;
    padding: 0;
    font-family: 'nexa_boldregular';
    font-size: 2.9em;
    margin-top: -14px;
    margin-left: 13px;
}

.sidebar-content .legende-disclaimer {
    margin-top:0px;
    font-weight: bold;
    margin-bottom: -5px;
}

.sidebar-content .legende-affichage {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 11px;
}

#sidebar .sidebar-pane {
    margin: 0px 10px 0 0;
}

#map_sommaire .leaflet-popup .leaflet-popup-tip,
#listeSitra-carte .leaflet-popup .leaflet-popup-tip {
    background: #ffffff;
}

.wrapper-commune {
    background: #efefef;
}

.contenuCommune {
    max-width: 1350px;
    margin: 0 auto;
    -moz-box-shadow: 0px 0px 2px 2px #9b9b9b;
    -webkit-box-shadow: 0px 0px 2px 2px #9b9b9b;
    -o-box-shadow: 0px 0px 2px 2px #9b9b9b;
    box-shadow: 0px 0px 2px 2px #9b9b9b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=5);
    background: #ffffff;
}

.carnetInt {
    margin-top: -100px;
}



/* ==========================================================================
 Powermail
 ========================================================================== */

.tx-powermail-pi1_thx,
.tx-powermail-pi1_formwrap {
	padding:15px 0;
}

.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
	background-color: #000000;
	color: #fff;
}

.pure-form legend.field_legend {
	font-family: 'nexa_boldregular';
	color: #23262e;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 2.000em;
	margin-bottom: 20px;
	display:none;
}

.pure-form label {
	font-family: 'nexa_boldregular';
	margin: .5em 0 .2em;
    font-size: 1.3em;
}

.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
    font-size: 1.2em;
	width: 50%;
}

.pure-form-aligned .pure-control-group label {
    width: 35%;
}

.form-newsletter .pure-form input {
	width:100%;
	font-size: 1em;
}

.form-newsletter p {
	font-size:1.083em;
}

.form-newsletter .pure-button-primary, .form-newsletter .pure-button-selected, .form-newsletter a.pure-button-primary, .form-newsletter a.pure-button-selected {
	background-color: #333;
	color: #fff;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-ms-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
}

.pure-form-aligned .pure-control-group {
	margin-bottom: 1em;
    position:relative;
}

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 20px 12.5em;
}

.pure-form button, .pure-form input[type=button], .pure-form input[type=reset], .pure-form input[type=submit] {
	font-family: 'nexa_lightregular';
    font-size: 1.2em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.pure-form .tx_powermail_pi1_fieldwrap_html_checkbox_title {
	width:60%
}

/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	background-color:#FF0000;
	border:1px solid #FF0000;
	font-size:11px;
	color:#fff;
	padding:3px 10px 5px 10px;
	margin-left:-2px;
    z-index:100;
    text-align:left;
    height:auto;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	box-shadow:0 0 6px #ddd;
}

.boxGauche .pure-form input[type=email] {
    font-size: 13px;
}

.boxGauche .pure-form input[type=submit] {
    font-size: 1.2em;
}

.error p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color:white;
}

/* pure CSS arrow */
html:root .error em {
	display:block;
	width:0;
	height:0;
	border:10px solid;
	border-color:#FF0000 transparent transparent;

	/* positioning */
	position:absolute;
	bottom:-10px;
	left:5px;
	border-bottom:0 none;
}

.powermail_all_tr p {
	margin: 0 2em;
}

.form_identification_compte,
.form_creation_compte,
.tx_powermail_pi1_fieldwrap_html {
	font-size: 1.167em;
	line-height: 1.4em;
}
.pure-form fieldset.pure-group {
	margin:10px 0;
}

.newsletter-submit.warning {
	background-color: #8B0000;
	-moz-transition: background .2s linear;
-webkit-transition: background .2s linear;
-o-transition: background .2s linear;
transition: background .2s linear;
}

.tx-srfreecap-pi2-cant-read {
	font-size: 1em;
	color: #272626;
}

.tx-powermail-pi1_thx h4 {
	font-size: 1.333em;
}

.powermail-captcha {
    margin-top:2em;
    margin-left:10em;
}

.pure-form .style1 legend.field_legend {
	display:none;
}
/* fin powermail */

.fieldsConnect fieldset,
.form_creation_compte .pure-form fieldset {
    margin: 0;
    padding: 2.55em 0;
    border: 0;
    background: #eee;
}

.tx-dklikmhsecompte-pi1 .message,
.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-welcome,
.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-error,
.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-forgotpassword,
.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-success {
    font-size: 1.3em;
    color: #333333;
    margin: 12px 0;
    line-height: 120%;
}

.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-error { color: brown; }
.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-welcome { display:none; }

.tx-loginboxmacmade-pi1-forgotpasswordLink {
    display: inline-block;
    margin: 15px 0;
    border-bottom: 1px dotted gray;
    font-family: 'nexa_boldregular';
    font-size: 1.6em;
    color: #D42A1E;
    line-height: 120%;
}

.form_identification_compte.pure-form input[type=submit] {
    padding: .5em 1em;
    border: 1px solid #999;
    border: 0 rgba(0,0,0,0);
    text-decoration: none;
    border-radius: 2px;
    background-color: #000000;
    color: #fff;
}

.pure-menu {
    font-size:12px;
}

.pure-menu li a {
    padding: 5px 10px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.pure-menu-selected a {
    background: #eee;
}

.conteneur-inscrpnl {
    margin-top:20px;
}

.conteneur-inscrpnl #mc_embed_signup form {
    padding: 10px 0 10px 2%;
    background: #f0f0f0;
}

.conteneur-inscrpnl #mc_embed_signup .input-group label {
    display: block;
    font-size: 12px;
    font-weight: normal;
    /* display: inline; */
    /* float: left; */
}

#mc_embed_signup div.mce_inline_error {
    margin: 0 0 1em 0;
    padding: 8px 10px;
    background-color: #6B0505;
    font-weight: bold;
    z-index: 1;
    color: #fff;
    width: 55.6%;
    min-width: 130px;
    font-size: 14px;
}

.conteneur-inscrpnl .mc-field-group {
    font-size: 14px;
 }

.conteneur-inscrpnl #mc_embed_signup .mc-field-group label {
    font-size: 14px;
    font-weight: bold;
}

.conteneur-inscrpnl #mc_embed_signup .input-group label {
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.conteneur-inscrpnl .input-group strong  {
    display: block;
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: bold;
    padding-top: 15px;
}

#mc_embed_signup input[type=radio] {
    float: left;
    margin-right: 6px;
}


.conteneur-inscrpnl #mc_embed_signup div#mce-responses {
    float: none;
    top: 0;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
   margin: 0;
    clear: both;
    font-size: 12px;
    line-height: 1.4em;
}

.conteneur-inscrpnl #mc_embed_signup input.email {
    font-size: 12px;
    padding: .5em .6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.conteneur-inscrpnl #mc_embed_signup div.response {
    margin: 0;
    padding: 0;
    font-weight: bold;
    float: none;
    top:0;
    z-index: 1;
    width: 80%;
}


.conteneur-inscrpnl #mc_embed_signup div.mce_inline_error {
    margin: 0 0 1em 0;
    padding: 5px 10px;
    background-color: white;
    font-weight: bold;
    z-index: 1;
    color: #6B0505;
    display:none;
}

.mce_inline_error {
    padding: 5px 10px;
    background-color: #EFEFEF;
    font-weight: bold;
    z-index: 1;
    color: #6B0505;
    display:none;
    font-size:14px;
}

#mce-error-response {
    padding: 5px 10px;
    background-color: #EFEFEF;
    font-weight: bold;
    z-index: 1;
    color: #6B0505;
    display:none;
    font-size:14px;
    line-height: 1.1em;
}

#mce-success-response {
    padding: 5px 10px;
    background-color: #EFEFEF;
    font-weight: bold;
    z-index: 1;
    color: #529214;
    display:none;
    font-size:14px;
    line-height: 1.1em;
}

.csc-textpic .csc-textpic-imagewrap {
    max-width: 100% !important;
}

.csc-textpic .csc-textpic-imagewrap img {
    width:100% !important;
    max-width:100% !important;
}

.pure-table {
    width: 100%;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 16px;
    line-height: 1em;
}

.mursocialV2 {
    border: 1px solid #E2E2E2;
    border-top-width: 4px;
    border-bottom-width: 0px;
    margin: 0 0 2em 0;
}
.mursocialV2 .mursocialV2_item {
    border-bottom: 1px solid #E2E2E2;
}
.mursocialV2 .mursocialV2_item a {
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background: url('/fileadmin/template/images/picto-Facebook.png') no-repeat;
    background-position: calc(100% - 5px) 5px;
}
.mursocialV2 .mursocialV2_item a:hover {
    background-color: #eeeeee;
}
.mursocialV2 .mursocialV2_item h3 {
    color: #2A4385;
    margin: 0 0 2px 0;
    font-size: 1.65em;
    font-family: Arial;
    font-weight: bold;
}
.mursocialV2 .mursocialV2_item h4 {
    color: #7C7C7C;
    margin: 2px;
    font-size: 1.2em;
    font-weight: normal;
}
.mursocialV2 .mursocialV2_item h5 {
    color: #7C7C7C;
    margin: 2px;
    font-size: 1.05em;
    font-weight: normal;
    font-style: italic;
}
.mursocialV2 .mursocialV2_item p {
    margin: 1em 0 0 0;
    color: #1D1D1B;
    line-height: 130%;
    font-size: 1.1em;
}

.intBottom {
    position:relative;
    border-top:1px solid #DBDDDC;
    background:#EFEFEF;
}

.boxItemBottom:nth-child(2n) .box_bottom_contenu {
    border-left:1px solid #B0B0B0;
    border-right:1px solid #B0B0B0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.boxItemBottom .boxGaucheGrise .box_chapeau {
    background: #EFEFEF;
}

.boxItemBottom .boxGauche .box_chapeau p.titre {
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 1.8em;
    color: #000000;
    text-transform: uppercase;
    margin: 0;
    padding-top: 0;
}

.boxItemBottom .boxGauche .box_contenu {
    margin-bottom: 0
}

.boxItemBottom .box_contenu_newsletter {
    background:#EFEFEF;
}

.boxItemBottom .box_bottom_contenu .csc-CType-list {
    margin: 30px;
}


.boxItemBottom .boxGauche {
    position: relative;
    margin: 0 auto;

}

.boxItemBottom .boxGauche .boxOutils {
    padding: 0;
    margin: 0;
}

.boxItemBottom  .boxGauche .boxOutils_contact {
    width: 46%;
    float:left;
    margin:20px 0 0 0;
}

.boxItemBottom  .boxGauche .boxOutils_contact:nth-child(2n) {
    float:right;
}

.boxItemBottom .boxGauche .boxOutils_contact .box-picto {
    max-width: 40px;
    height: auto;
    top: -4px;
}

.boxItemBottom .boxGauche .boxOutils_contact .style3 {
    font-family: Verdana, Geneva, sans-serif;
    line-height: 1.2em;
    font-size: 1.3em;
    color: #000000;
    padding: 0;
    margin: 0 0 10px 0;
}

.boxGauche .boxOutils .style4 {
    line-height: 1.2em;
    font-size:1.2em;
}

.boxItemBottom .boxGauche #formNewsletter-email {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: white;
    padding: 12px 20px;
    width: 71%;
}

.boxItemBottom .boxGauche .pure-form .pure-button-primary {
    background: #212025;
    color:#d42a1e;
    border-radius: 0;
    padding: 19px 20px;
    margin-left: 10px;
    font-family: 'nexa_boldregular', sans-serif;
    font-size: 11px;
    line-height: 1em;
    vertical-align: bottom;
    height: 20px;
    width: 20px;
    position:relative;
}
.boxItemBottom .boxGauche .pure-form .pure-button-primary:before {
    content:'';
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url('../img/sprite.png') no-repeat -132px -138px;
}

.boxItemBottom .boxGauche .pure-form .pure-button-primary span {
    display:none;
}

.boxItemBottom .boxGauche .box_chapeau_social {
    display:block;
}

.boxItemBottom .boxGauche .socials-links {
    background: #EFEFEF;
    height: auto;
    padding: 0;
    text-align: center;
    max-width: 300px;
    margin: 5px 0;
}

.boxItemBottom .boxGauche .socials-links .social-link {
    height: 40px;
    width: 25%;
}

.boxItemBottom .boxGauche .suivez-nous {
    display:none;
}

.boxItemBottom .boxGauche .box_contenu ul li {
    position: relative;
    border-bottom: 0;
    width: 90%;
}

.boxItemBottom .boxGauche .socials-links .social-link.facebook {
    background:#EFEFEF url(../img/facebook.png) left no-repeat;
    background-size: contain;
}

.boxItemBottom .boxGauche .socials-links .social-link.twitter {
    background: #EFEFEF url(../img/twitter.png) left no-repeat;
    background-size: contain;
}

.boxItemBottom .boxGauche .socials-links .social-link.youtube {
    background: #EFEFEF url(../img/youtube.png) left no-repeat;
    background-size: contain;
}

.boxItemBottom .boxGauche .socials-links .social-link.googleplus {
    background: #EFEFEF url(../img/googleplus.png) left no-repeat;
    background-size: contain;
}

.boxItemBottom .boxGaucheGrise .box_contenu .box-navigation a, .boxItemBottom .boxGaucheGrise .acces-rapide {
    background:#EFEFEF;
    padding: 8px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.2em;
    padding-right: 37px;
}

.boxItemBottom .boxGauche .box_contenu ul li a em {
    position: absolute;
    right: 0;
    top: -6px;
    width: 40px;
    height: 30px;

}

.boxItemBottom .boxGauche .box_contenu .box-navigation {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.village-menu-mobile {
    display:none;
}

.widgetmobileclose {
    display:none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    z-index: 1000 !important;
}

@media (max-width: 1350px) {
    .boxItemBottom  .boxGauche .boxOutils_contact {
        width:100%;
        float:none;
        margin:20px 0 0 0;
    }

    .boxItemBottom .boxGauche .box_contenu .box-navigation {
        columns: 1;
        -webkit-columns:1;
        -moz-columns: 1;
    }

}

@media (min-width: 1280px) {

    .boxEvts:nth-child(even) .box_contenu {
        float: inherit;
    }

    .boxEvts:nth-child(3n-1) .box_contenu {
        float: inherit;
        margin-left: 2.5%;
    }

    .boxEvts:nth-child(3n) .box_contenu {
        float: right;
    }

    .boxEvts .box_contenu h4 {
        font-size: 1.8em;
    }

    .boxEvts .box_contenu h5 {
        font-size: 1.35em;
    }

}

@media (max-width: 1023px) {

    .boxItemBottom .box_bottom_contenu .csc-CType-list {
        margin: 38px 25px 38px 25px;
    }

    .boxItemBottom .boxGauche #formNewsletter-email {
        width: 70%;
    }
    .boxItemBottom .box_bottom_contenu .csc-CType-list:nth-child(2n) {
        margin: -38px 25px 0 25px;
    }

    #barreTop {
        height: 42px;
    }

    .contenu {
        margin-top: 0;
    }

    .bx-controls-direction {
        display: none;
    }

    #bandeaux {
        position: relative;
        height: auto;
    }

    .contenuCommune .bloc-titre {
        padding: 10px 30px 8px 30px;
    }

    .contenuCommune h2 {
        margin-top: 22px;
        margin-left: 12px;
        margin-right: 12px;
    }


    .intro {
        margin-left: 12px;
        margin-right: 12px;
    }

    .contenuCommune .partager {
        margin: 12px;
    }

    .conteneurEvts {
        margin: 12px 12px;
    }

    .boxEvts .box_contenu h4 {
        font-size: 1.8em;
    }

    .boxEvts .box_contenu h5 {
        font-size: 1.35em;
    }

    .conteneurBoxGauche {
        margin: 0 12px;
        width: auto;
    }


    .csc-CType-text,
    .containerInt {
        width: 95%;
        left: inherit;
        margin: 0 0 0 2.5%;
    }

    .contenuCommune .containerInt {
        margin-left: 12px;
        margin-right: 12px;
        width: inherit;
    }

    .contenuPageparagraphe .masque-back,
    .contenuPageparagraphe .backstretch,
    .contenuPageparagraphe .intDroite {
        display: none;
    }

    .detail-meteo .enneigement-panel .range-slider .input-range {
        width: 200px;
    }

}

@media (max-width: 906px) {

    #bandeaux {
        width: 100%;
    }

    #bandeaux .mask {
        display: none;
    }

    #bandeaux .images {
        width: 100%;
    }

    .boxGauche .boxOutils {
        margin: 0 8px;
    }


}

@media (max-width: 767px) {

    #moteurresa {
        position:relative !important;
        height:auto!important;
    }

    #moteurresa .container-moteurresa {
        margin-top: 0!important;
    }

    .backstretch {
        display: none;
    }

    #barreTop {
        display: none;
    }

    #header #logopds {
        left: 50%;
        right: inherit;
        top: 25px;
        width: 228px;
        height: 77px;
        margin-left: -114px;
    }

    #breadcrumb {
        top: -34px;
    }

    .flex-colonnedroite,
    .flex-colonnegauche {
        margin: 0
    }

    .flex-colonnedroite {
        margin-top: 20px;
    }

    .contenu {
        margin-top: 0;
    }

    h1 {
        font-size: 2.9em;
        margin-top: 12px;
    }

    .page-paragraphe {
        padding: 15px;
    }
}
@media (max-width: 496px) {
    #bandeaux .cycle-slideshow, #bandeaux .cycle-slideshow img {
        width: auto;
        max-height: 200px;
    }
}

@media (max-width: 568px) {

    .boxEvts .box_contenu {
        width: 100%;
        float: inherit;
    }

    #header #logopds {
        left: 50%;
        width: 228px;
        margin-left: -84px;
        top: 20px;
    }

    h1 {
        font-size: 2.6em;
        margin-top: 12px;
    }


    .soustitre {
        font-size: 1.9em;
    }

    .contenuCommune h2 {
        font-size: 2em;
    }

    /*.h2Button {
        margin-top: 0;
        float: inherit;
        display: block;
        clear: both;
        margin-left: 12px;
        margin-bottom: 10px;
    }*/

    /*.boxEvts { width: 92%; }
    .boxEvts .box_contenu img { width: 100%; }*/
    .detail-meteo .enneigement-panel .range-slider .input-range {
        display: none;
    }


}


@media (max-width: 480px) {
    .pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea {
        font-size: 1em;
        width: 100%;
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0;
    }

    .powermail-captcha {
        margin-left:0 !important;
    }

    img.tx-srfreecap-pi2-image {
        margin-left: 1em;
        margin-right: 1em;
        margin-bottom: 1em;
        vertical-align: middle;
        display: block;
    }

    .error {display:none !important;
    visibility: hidden !important;}

    .detail-meteo .enneigement-panel .list li {
        height:auto;
        line-height: 30px;
    }

    .boxItemBottom .boxGauche #formNewsletter-email {
        margin:0;
        display:inline-block;
    }
}

@media (max-width: 460px) {
    #header #logoch img{
        width:50px;
        height:auto;
    }

    #header #logofr {
        left: 57px;
    }

    #header #logofr img {
        width: 40px;
        height: auto;
    }

    #header #logopds {
        left: 50%;
        width: 228px;
        margin-left: -110px;
        top: 25px;
    }

    .cse .gsc-control-cse, .gsc-control-cse {
        padding: 0 !important;
        width: auto;
    }
}