/* Parc de la Chute-Montmorency */

@media only screen and (max-width: 560px){
  .rwd h2 {
      font-size: 25px;
      font-size: 2.5rem;
  }
}

.page-info .section-content.intro-eta{
    background-color:  #fff;
    padding: 80px 0 0;
}
.page-info .section-content.intro-eta .section-content-content:after{
    content:"";
    width:100%;
    height: 1px;
    background-color:  #e4e4e4;
    display:block;
    margin: 80px 0 0;
}

@media only screen and (max-width: 767px){
  .page-info .section-content.intro-eta{
    padding: 40px 0 0;
}
.page-info .section-content.intro-eta .section-content-content:after{
    margin: 40px 0 0;
}

}

/*--------------------------------------------------- Contact  ----------------------------------------------------*/
.page-groupes.contact:after {
    background-image: url(//s3.amazonaws.com/imagescloud/images/interface/prepose-camping.jpg);
}
.page-groupes.nouvelles:after,
section.section-content.contact.nouvelles:after{
    background-image: url(//s3.amazonaws.com/imagescloud/images/interface/prepose-medias.jpg);
}
/*--------------------------------------------------- Contact  ----------------------------------------------------*/



/*--------------------------------------------------- Medias Cover  ----------------------------------------------------*/
.wrapper_medias_cover{
  position:relative;
  background: black;
}

.wrapper_medias_cover .section-cover::after {
    content: "";
    display: block;
    height: 300px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    width: 100%;
    position: absolute;
    bottom: 0;
}

body:not(.static-pcm) .hero-title{
    position:  absolute;
    z-index: 777;
    color:  #fff;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto auto;
    max-width: 1040px;
    padding: 0 10px;
    pointer-events: none;
    width: 100%;
}
/*.hero-title h1{*/
/*    font-size: 25px;*/
/*    line-height: 0.9;*/
/*    text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.57);*/
/*    text-transform: none;*/
/*}*/
.rwd .tag-repere {
    display:none;
}


/*@media only screen and (min-width: 480px){*/
/*  .hero-title h1{*/
/*    font-size: 30px;*/
/*  }*/
/*}*/
/*@media only screen and (min-width: 560px){*/
/*  .hero-title h1{*/
/*    font-size: 40px;*/
/*  }*/
/*}*/
/*@media only screen and (min-width: 1024px){*/
/*  .hero-title h1{*/
/*    font-size: 50px;*/
/*  }*/
/*}*/






/*---------------------------- Video  -------------------------*/
  .header {
    margin-top: 0;
    padding: 0;
    position: relative;
  }

  @media only screen and (min-width: 768px) {
    .header {
      overflow: hidden;
      background: black;
    }
  }

  .header .player {
    display: block;
    position: relative;
    z-index: 8;
  }

  .header .player .embed-responsive,
  .header_img
  {
    overflow: hidden;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: all .3s ease-in-out 0s, z-index .3s ease-in-out .3s;
            transition: all .3s ease-in-out 0s, z-index .3s ease-in-out .3s;
    width: 100%;
  }

  .header img.header_img{
    width: 100%;
  }

  .header .player .video-preloader {
    display:none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
   @media only screen and (min-width: 991px) {
    .header .player .video-preloader {
    display:block;
  }
}
  
  body .header .player:before, body .header .player:after{
      z-index: -999;
      opacity:0;
      pointer-events: none;
    }
  body .header .player.pause:before,
  body .header .player.pause:after,
  body .header .player.stop:not(.pre-stop):before,
  body .header .player.stop:not(.pre-stop):after{
      opacity: 0.6;
      z-index: 999;
    }

  @media only screen and (max-width: 767px) {
    .header .player {
      overflow: hidden;
      padding-bottom: 100%;
      padding-bottom: calc(80vmin);
    }
   .header .player img {
      position: absolute;
      top: 50%; 
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      min-width: 100%; 
      min-height: 100%; 
      width: auto; 
      height: auto;
      z-index: -1000; 
      overflow: hidden;
    }
    .header .player .embed-responsive{
      display:none;
    }
  }

  @media only screen and (min-width: 768px) {
    .header .player {
      height: 350px;
      height: calc(100vw*0.5625 - 10px);
    }

    .header .player .embed-responsive {
      opacity: 1;
      z-index: 2;
    }

    .header .player.loading .embed-responsive{
      opacity: 0;
      z-index: 1;
    }

    .header .player.stop .embed-responsive{
      opacity: 0;
      z-index: 1;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
    }

  }



  @media only screen and (min-width: 1200px) {
    .header .player {
      height: 350px;
      height: calc(72vw*0.5625 - 10px);
    }
  }




.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}


.wrapper_medias_cover #dessus:before{
  content:"";
  display:block;
  background:#000;
  width: 100%;
  position:absolute;
  bottom: 0;
  top: 0;
  z-index: 99;
  opacity: 0.1;
  background: url('//s3.amazonaws.com/imagescloud/images/destinations/parc-chute-montmorency/bg_video.png');
  background-size: cover;
}

.wrapper_medias_cover .header:after{
  content:"";
  display:block;
  height: 300px;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 160%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 160%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 160%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
  width: 100%;
  position:  absolute;
  bottom: 0;
  z-index: 99;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  .wrapper_medias_cover #dessus:before{
    display: none;
  }
}


/*-------------loader-----------------*/
.preloader{
  background:#fff;
  display:block;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:100000;
}

.loader{
  margin:0 auto;
  position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
  width:50px;
}
.loading:not(.no-loop) .loader{
  z-index:9;
}

.loader:before{content:'';
display:block;
padding-top:100%}.circular{-webkit-animation:rotate 2s linear infinite;
animation:rotate 2s linear infinite;
bottom:0;
height:100%;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
-webkit-transform-origin:center center;
transform-origin:center center;
width:100%;
}

.path{
-webkit-animation:dash 1.5s ease-in-out infinite;
animation:dash 1.5s ease-in-out infinite;
stroke: #ffffff;
stroke-dasharray:1,200;
stroke-dashoffset:0;
stroke-linecap:round;
}
@-webkit-keyframes rotate{
  100%{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes rotate{
  100%{
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)}
}
@-webkit-keyframes dash{
  0%{
    stroke-dasharray:1,200;
    stroke-dashoffset:0}
  50%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-35px}
  100%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-124px}
}
@keyframes dash{
  0%{
    stroke-dasharray:1,200;
    stroke-dashoffset:0}
  50%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-35px}
  100%{
    stroke-dasharray:89,200;
    stroke-dashoffset:-124px}
}
@-webkit-keyframes color{
  0%,100%{
    stroke:#d62d20}40%{
    stroke:#0057e7}66%{
    stroke:#008744}80%,90%{
    stroke:#ffa700}}@keyframes color{
  0%,100%{
    stroke:#d62d20}40%{
    stroke:#0057e7}66%{
    stroke:#008744}80%,90%{
    stroke:#ffa700}
  }
/*-------------loader-----------------*/
/*---------------------------- Video  -------------------------*/

/*--------------------------------------------------- Medias Cover  ----------------------------------------------------*/






/* :: Infos header Hero  ----------------------------------------------------*/
#header_infos {
  color: #fff;
  width: 100%;
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: auto;
  max-width: 1040px;
  padding: 0 10px;
  z-index: 999;
  text-shadow: 3px 3px 18px black;
  line-height: 1;
  pointer-events: none;
}
#actual-conditions:not(.new-meteo) {
  background: transparent;
  position:  relative;
  right: 0;
}

#actual-conditions .temperature a{
  line-height:1.2;
  background-position: 0px 45%;
  line-height: 1;
}
#actual-conditions a:hover{
  background-color: transparent;
}
#header_infos span.today, #header_infos #header_planifier span, #header_infos #header_planifier span a{
  font-weight: 500;
}
#header_infos span.today:first-letter{
  text-transform:capitalize;
}
#header_infos a, #header_infos span {
    display: block;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
    text-decoration: none;
    color: #fff;
    display:  inline-block;
}
#header_infos a, #actual-conditions .temperature a span{
  text-shadow: 0px 0px 9px rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-shadow: 3px 3px 18px black;
  pointer-events: all;
}
#header_infos a:hover, #actual-conditions .temperature a span:hover{
  text-shadow: 0px 0px 25px white;
}

#header_horaire, 
#header_tarif {
    margin: 0 0 20px;
    display: block;
}
#header_horaire:before{
    content: "";
    margin: 2px 1px 35px 6px;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;
    background-position: -484px -84px;
    display:  block;
    float: left;
    background-size: 2500% auto;
    width: 48px;
    height: 48px;
    background-position: -648px -113px;
}
/*#header_tarif:before{*/
/*    content: "";*/
/*    margin: 2px 1px 35px 6px;*/
/*    padding: 0;*/
/*    width: 22px;*/
/*    height: 23px;*/
/*    background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;*/
/*    background-position: -484px -84px;*/
/*    display:  block;*/
/*    float: left;*/
/*    background-size: 2500% auto;*/
/*    width: 48px;*/
/*    height: 48px;*/
/*    background-position: -648px -113px;*/
/*}*/

#header_planifier:before{
    content: "";
    margin: -3px 7px 0 0;
    padding: 0;
    width: 22px;
    height: 23px;
    background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;
    background-position: -484px -84px;
    display:  block;
    float: left;
    background-size: 2500% auto;
    width: 48px;
    height: 48px;
    background-position: -1002px -113px;
}

@media only screen and (max-width: 768px){
  #header_infos a, #header_infos span {
    font-size: 16px;
  }
  #header_horaire {
      margin: 0 0 20px;
  }
  #actual-conditions .temperature a {
      padding: 15px 10px 6px 45px;
      t;
      font-size: 15px;
      background-size: 35px;
      background-position: 1px 45%;
  }
  #actual-conditions .temperature sup{
    font-size: 10px;
    margin-top: 2px;
}

  #header_horaire:before, #header_planifier:before{
      content: "";
      margin: 2px 15px 40px 6px;
      width: 24px;
      height: 23px;
      background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;
      background-position: -484px -84px;
  }
  #header_planifier:before{
    background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;
    background-position: -753px -84px;
    margin: -3px 16px 0 6px;
  }
}
@media only screen and (max-width: 560px){
  #header_infos a, #header_infos span {
    font-size: 12px;
  }
}

/*--------------------------------------------------- Infos header Hero  ----------------------------------------------------*/



/*--------------------------------------------------- Meteo  ----------------------------------------------------*/
.meteo-rwd .stacktable.large-only{
    display: block;
    overflow-x: auto;
}
.meteo-rwd .stacktable.large-only th{
  min-width: 170px;
  width: 25%;
}
.meteo-rwd .stacktable.small-only{
    display: none;
}

.meteo-rwd hr{
    margin: 20px 0 30px !important;
    display: none;
}
.meteo-rwd .release_date{
    margin: 0 0 30px;
}
.meteo-rwd h2{
  margin: 60px auto 0;
}

.meteo-rwd table td, .meteo-rwd  table td+td, .meteo-rwd  table th, .meteo-rwd  table th+td, .meteo-rwd  table th+th {
    border-right: 1px solid #d4d4d4;
}
.meteo-rwd span.temp{
    font-size:  40px;
    font-weight: 300;
    vertical-align: bottom;
    margin: 0 0 0px 10px;
}
.meteo-rwd span.small{
  font-size:12px;
  line-height: 1.5;
  display:  block;
}
div.date_jour{
  display:none;
}
ul.a-consulter{
    list-style:  none;
    margin: 0 0 10px;
}

ul.a-consulter li{
    display: inline-block;
    padding: 0 0 0 15px;
    font-size: 12px;
}
ul.a-consulter li a{}

section.section-content.meteo-rwd > div > div:nth-child(9) img,
section.section-content.meteo-rwd > div > div:nth-child(10){
    display:  none !important;
}

section.section-content.meteo-rwd > div > div:nth-child(5),
section.section-content.meteo-rwd > div > div:nth-child(6),
section.section-content.meteo-rwd > div > div:nth-child(7),
section.section-content.meteo-rwd > div > div:nth-child(8),
section.section-content.meteo-rwd > div > div:nth-child(9){
  float: none !important;
  text-align: center !important;
  width:  100% !important;
  border:none !important;
  margin: 0 auto !important;
  padding:  0 !important;
}
section.section-content.meteo-rwd > div > div:nth-child(5) strong,
section.section-content.meteo-rwd > div > div:nth-child(6) strong,
section.section-content.meteo-rwd > div > div:nth-child(7) strong,
section.section-content.meteo-rwd > div > div:nth-child(8) strong,
section.section-content.meteo-rwd > div > div:nth-child(9) strong{
  font-weight: normal !important;
}



    /*test meteo accordeons /planifier */
    .accordeons.meteo-rwd h2{
      font-size: 22px;
      text-transform: none;
      font-weight: 300;
      margin: 20px auto 2px;
    }
    .accordeons.meteo-rwd ul.a-consulter{
        display:none;
    }
    #meteo > div > div.accordeons.meteo-rwd > div:nth-child(5),
    #meteo > div > div.accordeons.meteo-rwd > div:nth-child(6),
    #meteo > div > div.accordeons.meteo-rwd > div:nth-child(7),
    #meteo > div > div.accordeons.meteo-rwd > div:nth-child(8){
      float: none !important;
      text-align: left !important;
      width:  100% !important;
      border:none !important;
      margin: 0 auto !important;
      padding:  0 !important;
    }

    #meteo > div > div.accordeons.meteo-rwd > div:nth-child(7),
    #meteo > div > div.accordeons.meteo-rwd > div:nth-child(8),
    #meteo > div > div.accordeons.meteo-rwd > div:nth-child(9){
      display:none;
    }
    /*test meteo accordeons /planifier */
/*--------------------------------------------------- Meteo  ----------------------------------------------------*/



/*--------------------------------------------------- Slick  ----------------------------------------------------*/
.cards-item {
    max-width: none !important;
}
  .cards-promo .cards-item, .cards-rounded .cards-item{margin: 15px 0;}
.cards .cards-item-subtitle{
    line-height: 1.1;
}

@media only screen and (min-width: 991px){
  .cards-item {
      width: calc( 33.333333333333% - 30px);
  }
  .cards-rounded .cards-item {
      max-width: 327px !important;
      margin: 15px;
  }
  .cards-rounded .slick-slide .cards-item{
      max-width: 327px !important;
      margin: 15px 0;
  }
}

@media only screen and (max-width: 769px) {
    .cards .cards-item-title{
    font-size:  16px;
    font-weight: 300;
    padding: 0 10px;
  }

  .cards-item {
      background: transparent !important;
  }
  .cards-item-content:after{
    visibility:hidden;
  }
  .cards-txt .cards-item .cards-item-media img, .cards-grid .cards-item .cards-item-media img, .cards-txt.bg-fixed .cards-item .cards-item-media img{
    opacity: 1;
  }
  .cards-img .cards-item-content, .cards-txt .cards-item-content{
    background-color: rgba(0, 0, 0, 0.59);
    padding: 15px 0 15px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    top: auto;
    bottom: 0;


    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 20%, rgba(0,0,0,0.75) 120%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 20%,rgba(0,0,0,0.75) 120%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 20%,rgba(0,0,0,0.75) 120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  }
  .cards-img .cards-item:after, .cards-txt .cards-item:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }


  .cards-rounded .cards-item-media, .cards-rounded .cards-item{
    border-radius: 0;
  }
}

@media only screen and (max-width: 560px) {
    .cards .cards-item-title{
    font-size: 16px;
    padding: 0 10px;
  }
  .cards-item-subtitle{
    display:none;
  }
}


/*--------------------------------------------------- Slick  ----------------------------------------------------*/



/*--------------------------------------------------- Cards full width  ----------------------------------------------------*/

.cards-img.w-100 .cards-item:not(.double-square-h):not(.double-square-v) .cards-item-content{bottom: 0;text-align: left;padding: 20px 60px 20px 30px;}
.cards-img.w-100 .cards-item-media{}
.cards-img.w-100 .cards-item-media img{width: 100%;height:  auto;}
.cards-img.w-100 .cards-item-content p{}
.cards-img.w-100 .cards-item-content h3{
    font-size: 36px;
    font-size: 3.6rem;
    margin: 0 0 10px;
}

.cards-img.w-100 .cards-item:after{padding-bottom: 40%;}

.cards-img.w-100 a.cards-item, .cards-img.w-100 div.cards-item{max-width:  none;width: 100%;margin: 0;}
.cards-img.w-100:last-child a.cards-item{
  margin:0 auto;
}
.cards-img.w-100 .cards-item-content:after{
  display:none;
}


@media only screen and (max-width: 767px) {
  .cards-img.w-100 .cards-item:not(.double-square-h):not(.double-square-v) .cards-item-content{
    position:  relative;
    background-color:  #fff;
    color:  #000;
    padding: 20px 0 0;
}
  .cards-img.w-100 .cards-item-media{
    position:  relative;
}
  .cards-img.w-100 .cards-item-media img{
    position: relative;
    transform:  none;
    top: 0;
    left: 0;
}
  .cards-img.w-100 .cards-item-content h3{
    font-size: 30px;
    font-size: 3rem;
}
  .cards-img.w-100 .cards-item:after{padding-bottom: 0;}
  .cards-img.w-100 a.cards-item{
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 60px;
    padding:  0 0 60px;
}
.no-touchevents .cards-img.w-100 .cards-item:hover .cards-item-media img{
    transform:  none;
    -webkit-transform: none;
}
}
/*--------------------------------------------------- Cards full width  ----------------------------------------------------*/




/*--------------------------------------------------- Products  ----------------------------------------------------*/
.visuel.products-item-columns{}


.visuel .products-item-column.left{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 15px;
}
    .visuel .products-item-column.right{
    padding: 0;
}
    .visuel .products-item-column.right .products-item-pricing{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    text-align: left;
    padding: 0;
    background:  none;
    margin: 20px auto;
}

    .visuel .products-item-column.right .products-item-desc img{
    max-width:  100%;
}


.page-content.plan-salle .no-stacktable{
    /*display: block;*/
    display: table;
    /*overflow-x: auto;*/
    margin: 0 auto;
    max-width: 400px;
    width: auto;
}
.page-content.plan-salle .no-stacktable td{
  min-width: 100px;
}
.page-content.plan-salle .no-stacktable th{
    font-weight: normal;
    text-align: center;
    font-size: 13px;
    padding: 7px;
    vertical-align: top;
    border: 1px solid #d4d4d4;
    border-left: 0;
    border-right: 0;
    background: #f4f4f4;
}

.products-item-price-after {
    font-size: 85%;
    opacity: 0.75;
}

.products-item-columns.visuel.full_width .products_visuel a{
}
.products_visuel a{
    display:  block;
    position:relative;
}
    .products_visuel img{
        max-width: 100%;
    }
        
        .zigzag .products_visuel img{
            border-bottom: 1px solid #d4d4d4;
            -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
            box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
        }

        .products-item-columns.visuel.full_width .products_visuel{
          position:relative;
        }

        .products-item-columns.visuel.full_width .products_visuel img{
            position: relative;
            max-width: 100%;
        }

        .products_visuel figure{
            margin:0;
        }

        .products_visuel img{
            max-width: 100%;
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }
        .products_visuel .icone-360:before{content: "";position: absolute;top: 50%;left: 50%;width:  50px;height: 50px;background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;background-position: 14.45% 47.4%;background-size: 5000%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0.7;z-index: 999;}



    .products_visuel a.icone-video:before, .header .player:before{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        margin: -20px 0 0 -14px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 35px solid white;
        opacity: 0.7;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 2;
    }
    .products_visuel a.icone-video:after, .products_visuel .icone-360:after, .header .player:after{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 100px;
        background: rgba(0, 0, 0, 0.3);
        border: 4px solid white;
        border-radius: 100px;
        opacity: 0.7;
        -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 1;
    }

.visuel .boutons_container p:first-of-type, .visuel .boutons_container p:first-of-type{
  margin: 35px 0 0;
}
.visuel .boutons_container p{
    margin: 7px 0 0;
}

    .rwd .visuel .products-item-button.w-50 a{
width:100%;
}
    .rwd .visuel .products-item-button a.gris{
    background-color: #b7b7b7;
    border-color: #b7b7b7;
}
    .rwd .visuel .products-item-button a.gris:hover{
    background-color: #cccccc;
}

.visuel .boutons_container{
    max-width: 300px;
    margin: 20px 0 0;
}
.visuel .boutons_container a:not(:last-child){
  margin: 0 25px 0 0;
}

.visuel figcaption {
    display: none;
}
a.horaire-btn,
a.tarifs-btn,
a.pdf{
  display:inline-block;
}

a.horaire-btn:before,
a.tarifs-btn:before,
a.pdf:before{
  content: "";
  top: 0;
  left: 0;
  margin: 0 10px 0 0;
  background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;
  background-position: 55.45% 9.4%;
  display: inline-block;
  height: 22px;
  width: 22px;
  vertical-align: middle;
}
a.horaire-btn{
    position:  relative;
}
a.horaire-btn:before{
    background-position: 55.45% 9.4%;
}
a.tarifs-btn{}
a.tarifs-btn:before{
    background-position: 0.45% 19.7%;
}
a.pdf:before{
    background-position: 3.85% 19.8%;
}


.rwd .visuel .products-item-tag{
    margin: 0;
}

.zigzag .products-item-columns{
    margin: 0 0 50px;
}
.zigzag .visuel.products-item-columns{
    justify-content: center;
}
.zigzag .visuel.products-item-columns:nth-child(even){
    flex-direction:row-reverse;
}
.zigzag .visuel.products-item-columns.full_width, .visuel.products-item-columns.full_width{
    display:  block;
    width: 100%;
}
.zigzag .visuel.products-item-columns.full_width .products-item-column.left, .visuel.products-item-columns.full_width .products-item-column.left{
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
}
.zigzag .visuel.products-item-columns.full_width .products-item-column.right, .visuel.products-item-columns.full_width .products-item-column.right{
  padding:  0;
  /* margin: 15px 0; */
  -webkit-box-flex: initial;
  -ms-flex: initial;
  flex: initial;
}

.products_visuel iframe{min-height: 300px;}



iframe .gm-iv-address-link {
        display:none !important;
   }
iframe .gm-iv-marker-icon {
        display:none !important;
   }

.plan-salle .products-item-columns{
  text-align:center;
}
.zigzag .products-item-columns, .plan-salle .products-item-columns, .zigzag .cards-img.w-100{
    margin: 0 0 60px;
    padding: 0 0 60px;
}
.zigzag .products-item-columns:last-child{
  margin:0;
  padding:0;
}
.zigzag .products-item-columns:not(:last-child), .zigzag .cards-img.w-100:not(:last-child){
    border-bottom: 1px solid #e4e4e4;
}

/*-----EDIT MODE----*/
.zigzag .dotContentlet:nth-child(even) .visuel.products-item-columns{
    flex-direction: row-reverse;
}
.zigzag .dotContentlet:nth-child(even) .visuel.products-item-columns:not(.full_width) .products-item-column.right{
    padding: 0 30px 0 0;
}
.zigzag .dotContentlet:nth-child(even) .visuel.products-item-columns:not(.full_width) .products-item-column.left{
    padding: 0 0 0 30px;
}
/*-----EDIT MODE----*/

@media only screen and (min-width: 768px){
    .visuel .products-item-column.left{
        margin: 0;
        position:  relative;
        padding: 0 15px 0 0;
    }
    .zigzag .visuel.products-item-columns:nth-child(even):not(.full_width) .products-item-column.right{
        padding: 0 15px 0 0;
    }
    .zigzag .visuel.products-item-columns:nth-child(even):not(.full_width) .products-item-column.left{
        padding: 0 0 0 15px;
    }
    
    .rwd .visuel .products-item-button.w-50.form-col.is-first{  
        padding-right: 5px;
    }
    .rwd .visuel .products-item-button.w-50.form-col.is-last{
        padding-left: 5px;
    }
    .visuel .products-item-column.right{
        padding: 0 0 0 15px;
    }

    .products-item-columns.visuel.full_width .products_visuel img{
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 100%;
    }
    .zigzag .visuel.products-item-columns.full_width .products-item-column.left, .visuel.products-item-columns.full_width .products-item-column.left{
        padding: 0 0 40px;
    }
    .products-item-columns.visuel.full_width .products_visuel a {
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin: 0;
        position: relative;
    }
}
@media only screen and (min-width: 1024px){
  .visuel .products-item-column.right{
        padding: 0 0 0 30px;
    }
    .zigzag .visuel.products-item-columns:nth-child(even):not(.full_width) .products-item-column.left{
        padding: 0 0 0 30px;
    }
    .visuel .products-item-column.left{
        margin: 0;
        position:  relative;
        padding: 0 30px 0 0;
    }
}
/*--------------------------------------------------- Products  ----------------------------------------------------*/



/*--------------------------------------------------- Top 10  ----------------------------------------------------*/
.section-content-content.top_10_cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-content-content.top_10_cards > a:hover{
  color:#fff;
}
.top_10_cards .top10-item-button.bouton, .top_10_cards .top10-item-scrollbutton.bouton{
    text-indent: inherit;
    font-size: 12px;
    border-width: 2px;
    width: auto;
}

.top_10_cards .top10-item-button.bouton:before, .top_10_cards .top10-item-scrollbutton.bouton:before{
    display: none;
}

.top_10_cards .top10-item{
    height: 25vh;
    margin: 0 0 7.5px;
    flex-basis: 100%;
    overflow:  hidden;
    flex-basis: calc(50% - 3.75px);
    min-height: 160px;
}
.top_10_cards .top10-item.full_width_mobile{
    height: 25vh;
    margin: 0 0 7px;
    overflow:  hidden;
    flex-basis: 100%;
}


.section-content.top_10_cards.center{
    padding-top:  0;
}


.top_10_cards .top10-item h2.no-cta{
    margin:0;
}
.top_10_cards .top10-item-content span.txt{
    display:none;
}
.top_10_cards .top10-item-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    padding: 0;
    color: white;
    background: rgba(0, 0, 0, 0.78);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 20;
    border: 3px solid #ccc;
    border-radius: 4px;
    visibility:  visible;
    -webkit-animation: initial;
    animation: initial;
    width:  auto;
    /* white-space:  nowrap; */
}
.top_10_cards .top10-item-content {
    min-width: 80%;
}

.top_10_cards .top10-item .top10-item-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: 1;
}
.top_10_cards .top10-item-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: 0;
    min-height: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    height: 100%;
}
.top_10_cards .full_width_mobile .top10-item-image img {
    height: auto;
}

.top_10_cards .top10-item-button:before, .top_10_cards .top10-item-scrollbutton:before {
    background-position: -150px -550px;
}


.top_10_cards a.href_wrap{
  text-decoration:none;
  padding: 12px;
  display: inline-block;
  width: auto;
  line-height: 0;
  min-width: 100%;
}
.top_10_cards a.href_wrap:hover{
  color:inherit;
}
.top_10_cards h2{
    font-size: 12px;
    margin: 0;
    display:  inline-block;
    width: auto;
}
.top_10_cards .top10-item-content p{
    display:none;
}
@media only screen and (min-width: 560px) {
    .top_10_cards h2{
        font-size: 16px;
        display:  block;
    }
    .top_10_cards .top10-item-content p{
      display: inherit;
    }
    .top_10_cards .top10-item, .top_10_cards .top10-item.full_width_mobile{
        height: 30vh;
        min-height: 240px;
    }
    .top_10_cards .top10-item-content {
      padding: 20px;
      border-radius: 0;
      border: none;
      white-space: normal;
    }
    .top_10_cards .full_width_mobile .top10-item-button.bouton{
    white-space:  nowrap;
}
}

@media only screen and (min-width: 768px) {
    .top_10_cards .top10-item-image img{
    min-width: 100%;
    height: 100%;
}
    .top_10_cards .top10-item.half{
        flex-basis: calc(50% - 7.5px);
    }
    .top_10_cards .top10-item{
        height: 35vh;
        margin: 0 0 15px;
        flex-basis: calc(50% - 7.5px);
    }
    .top_10_cards .top10-item.full_width_mobile{
    height: 35vh;
    margin: 0 0 15px;
}

    .top_10_cards .top10-item-content span.txt{
        display:inline-block;
    }
    .top_10_cards h2{
        font-size: 20px;
        font-size: 2rem;
    }
}
@media only screen and (min-width: 1024px) {
      .top_10_cards .top10-item-button.bouton, .top_10_cards .top10-item-scrollbutton.bouton {
        font-size: 1.5rem;
    }
    .top_10_cards .top10-item, .top_10_cards .top10-item.full_width_mobile{
        flex-basis: 100%;
        height: 45vh;
        max-height: 450px;
    }
    .top_10_cards .top10-item .top10-item-image img {
        width: 100%;
        height: auto;
    }
    .top_10_cards .top10-item.half .top10-item-image img {
        width: 150%;
        min-height: 0;
    }
    .top_10_cards .simple .top10-item-content {
        padding: 50px;
    }
    .top_10_cards h2{
        font-size: 36px;
        font-size: 3.6rem;
    }
    .top_10_cards .full_width_mobile h2{
    white-space:  nowrap;
    }

}
/*--------------------------------------------------- Top 10  ----------------------------------------------------*/


/*--------------------------------------------------- nav-etablissement  ----------------------------------------------------*/
.navigation-tabs.eta {
    box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 7px 0px;
    border-bottom: none;
    z-index:999;
    position:relative;
}
  .navigation-tabs.eta .wrapper {
      padding: 0;
      max-width: 1040px;
  }
  .eta .collapsible-content {
      text-align: left;
  }
  div#sousnav_eta_name.navigation-trigger{display:  block;}
  
  .eta.navigation-tabs li{
    flex:auto;
}
  .eta.navigation-tabs li a {
    text-transform: none;
}

.navigation-tabs li.active ul li.active a, .navigation-tabs li.active ul li:hover a{
    border-bottom-color: #2095f2;
}
.navigation-tabs li.active ul li a{
    border-bottom-color: transparent;
}

div#sousnav_eta_name a{
  text-decoration:none;
  color:#000;
  text-transform:  uppercase;
  font-weight:  600;
  font-size: 15px;
  padding: 0;
  display:  block;
  border-bottom: none;
}

@keyframes slide {
    from {top:0;opacity:0;}
    to {top: 100%;opacity:1;}
}

.eta.navigation-tabs li:hover > ul{
  animation: slide 0.15s forwards;
  -webkit-animation: slide 0.15s forwards;
  display:  block;
}
.eta.navigation-tabs li ul{
    position: relative;
    opacity:0;
    margin: 0;
    left: 0;
    box-shadow: inset 0px 4px 5px -4px rgba(0, 0, 0, 0.27);
    top: -200%;
    background-color: #f3f3f3;
    display: none;
}

.eta.navigation-tabs li ul li{}
.eta.navigation-tabs li ul li a{}



@media only screen and (min-width: 768px){
    .eta.navigation-tabs li:first-child{
        display:none;
    }
    #eta_sou_nav .collapsible-content ul {
        border-top: solid 1px #e4e4e4;
    }
    div#sousnav_eta_name {
        border-bottom: solid 4px transparent;
    }
    div#sousnav_eta_name.active{
        border-bottom: solid 4px #2095f2;
    }
    div#sousnav_eta_name:hover{
        /*border-bottom: solid 4px #80c3f8;*/
        border-bottom: none;
    }
    div#sousnav_eta_name.active a.collapsible-trigger{
        display: none;
    }
}

@media only screen and (min-width: 1024px){
  div#sousnav_eta_name a{
  text-decoration:none;
  color:#000;
  text-transform:  uppercase;
  font-weight:  600;
  font-size: 15px;
  padding: 20.5px 15px 0;
  display:  block;
  border-bottom: 4px solid transparent;
}
div#sousnav_eta_name.active {
    border-bottom: none;
}
div#sousnav_eta_name.active a{
  border-color: #2095f2;
}

div#sousnav_eta_name.navigation-trigger a:after{display: none;}

div#sousnav_eta_name {
    padding: 0;
    border-bottom: 0px solid transparent;
}

div#sousnav_eta_name a:not(.collapsible-trigger):hover{
    border-color: #80c3f8;
}

/*div#sousnav_eta_name.active a{*/
/*    border-color: #2095f2;*/
/*}*/
/*div#sousnav_eta_name.active a.collapsible-trigger{*/
/*    display: none;*/
/*}*/
div#sousnav_eta_name a{
    padding: 25px 15px 20px;
    line-height: 1;
}

.eta .collapsible-content {
      margin: 0 0 0 auto;
  }
  .navigation-tabs.eta .wrapper {
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  }

  .eta.navigation-tabs li a {
    padding: 20px 15px 15px;
}
.eta.navigation-tabs li{
    position: unset;
}
/*.eta.navigation-tabs li:first-child{*/
/*    display:none;*/
/*}*/
.eta.navigation-tabs li ul{
    position:  absolute;
    opacity:0;
    margin: 0;
    left: 0;
    box-shadow: inset 0px 4px 5px -4px rgba(0, 0, 0, 0.27);
    top: -200%;
}
.eta.navigation-tabs li:hover > ul{
  animation: slide 0.15s forwards;
  -webkit-animation: slide 0.15s forwards;
  display:  flex;
}

.eta.navigation-tabs li.has-sub:before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    margin: 0;
    width: 12px;
    height: 8px;
    background: url(/resources/images/interface/sprite-rwd.svg) -300px -290px no-repeat;
    background-position: -309px -271px;
    opacity: 0.5;
}

}
/*--------------------------------------------------- nav-etablissement  ----------------------------------------------------*/


/*--------------------------------------------------- timeline  ----------------------------------------------------*/
.timeline-vertical.empty{
    display: none;
}

@media only screen and (min-width: 991px) {
    .timeline-vertical .timeline-item {
        margin: 0;
    }
}
@media only screen and (max-width: 991px) {
    .timeline-vertical .timeline-item[style] {
       margin-top:0 !important;
    }
}
/*--------------------------------------------------- timeline  ----------------------------------------------------*/



/*--------------------------------------------------- visite virtuelle  ----------------------------------------------------*/
#gm {
  height: 500px;
  width: 1000px;
  max-width: 100%;
  margin: 0 auto 0;
  padding: 0;
}
#gmap{
  height: 100%;
}
  .modal-window.is-video {
    top: 5%;
    left: 10%;
    right: 0;
    bottom: 0;
    width: 79%;
    height: 90%;
    max-width: none;
    background: none;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

/*--------------------------------------------------- visite virtuelle  ----------------------------------------------------*/



/*--------------------------------------------------- tarification  ----------------------------------------------------*/
table.tarif_rwd {}
table.tarif_rwd tr th img{
    display: none;
}
table.tarif_rwd tr th{
  vertical-align: middle;
}
table.tarif_rwd td.price-cell span, table.tarif_rwd td.price-cell div{
    display: inline;
}
table.tarif_rwd td.price-cell span{
    font-weight:bold;
}
table.tarif_rwd td p{
  font-size:12px;
  font-style:italic;
}
table.tarif_rwd tbody td:nth-child(1){
  width:50%;
}
table.tarif_rwd tbody td:nth-child(2){
  width:50%;
  min-width: 100px;
}
.rwd table.horaire_rwd td, .rwd table.horaire_rwd th{
  width:50%;
}
/*--------------------------------------------------- tarification  ----------------------------------------------------*/






/*--------------------------------------------------- planifier  ----------------------------------------------------*/
section.section-content.planifier{
    background-color:  #fff !important;
    padding: 0 0 120px;
    margin: -100px 0 0;
}
section.section-content.planifier div.google-map{
    padding-bottom: 60%;
}
section.section-content.planifier div#intro{
    margin: 0 0 50px;
}
section.section-content.planifier div#map_pcm{
  margin: 0 auto;
}
@media only screen and (min-width: 560px){
  section.section-content.planifier div.google-map{
    padding-bottom: 40%;
  }
  section.section-content.planifier div#map_pcm{
    margin: 0 auto 50px;
  }
}


section.section-content.planifier div#coords{
    display:none;
}
section.section-content.planifier div.accordions{
    float: none;
    width: 100%;
    text-align: left;
    padding: 10px;
    margin: 10px auto 0;
}

#coords_accordeon_parent{
    display:block;
}
#coords_accordeon{
    margin: 20px 0 0;
}
@media only screen and (min-width: 769px) {
    #coords_accordeon_parent{
      display:none;
    }
    section.section-content.planifier div#coords{
      display:block;
      float:  right;
      width: 35%;
      text-align: left;
      border: 1px solid rgba(0, 0, 0, 0.19);
      padding: 30px;
      font-size: 14px;
    }
    section.section-content.planifier div.accordions{
      float:  left;
      width: 65%;
      padding: 0 50px 0 0;
      margin: 0;
    }
}


section.section-content.planifier div.accordions .accordions-item-title,
.slide-table-wrapper .accordions-item-title{
    font-size: 17px;
    font-size: 1.7rem;
    text-transform: none;
    padding: 20px 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-table-wrapper .accordions-item-title .title_parenthese {
    font-size: 10px;
}

.accordions-item-title .accordeons_transac_btn{
    font-size: 12px;
    position: absolute;
    top: 50%;
    margin: 0 0 0 20px;
    width: auto;
    padding-left: 17px;
    padding-right: 17px;
    -webkit-transform: translate(0, -50%) scale(0.6);
    -moz-transform: translate(0, -50%) scale(0.6);
    -ms-transform: translate(0, -50%) scale(0.6);
    -o-transform: translate(0, -50%) scale(0.6);
    transform: translate(0, -50%) scale(0.6);
}

.accordions-item-title .collapsible-trigger{
  pointer-events:none;
}

@media only screen and (min-width: 560px) {
  section.section-content.planifier div.accordions .accordions-item-title,
  .slide-table-wrapper .accordions-item-title{
    font-size:2.6rem;
    font-size:26px;
  }
  .slide-table-wrapper .accordions-item-title .title_parenthese{
    font-size: 16px;
  }
  .accordions-item-title .accordeons_transac_btn{
      -webkit-transform: translate(0, -50%) scale(1);
      -moz-transform: translate(0, -50%) scale(1);
      -ms-transform: translate(0, -50%) scale(1);
      -o-transform: translate(0, -50%) scale(1);
      transform: translate(0, -50%) scale(1);
  }
}
/*-------------Test UX hover accordeons---------------*/
.slide-table-wrapper .accordions-item{
  overflow:hidden;
  position:relative;
}
.slide-table-wrapper .accordions-item:after{
  content:"";
  background: rgba(32, 149, 242, 0.5);
  height: 1px;
  width:100%;
  display:block;
  left: -100%;
  position:absolute;
  bottom: 0;
}
.slide-table-wrapper .accordions-item:hover:after{
    -webkit-animation: indicateur 0.7s infinite;
    -moz-animation:    indicateur 0.7s infinite;
    -o-animation:      indicateur 0.7s infinite;
    animation: indicateur 0.7s infinite;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -ms-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-in;
    -moz-animation-timing-function:ease-in;
    -ms-animation-timing-function:ease-in;
    -o-animation-timing-function:ease-in;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes indicateur {
  0%   { left: -100%; }
  50%  { left : 0; }
  100% { left: 100%; }
}
@-moz-keyframes indicateur {
  0%   { left: -100%; }
  50%  { left : 0;   }
  100% { left: 100%; }
}
@-o-keyframes indicateur {
  0%   { left: -100%; }
  50%  { left : 0;   }
  100% { left: 100%; }
}
@keyframes indicateur {
  0%   { left: -100%; }
  50%  { left : 0;   }
  100% { left: 100%; }
}
/*-------------Test UX hover accordeons---------------*/


/*--------------------------------------------------- planifier  ----------------------------------------------------*/



/*--------------------------------------------------- nouvelles  ----------------------------------------------------*/
.nouvelles-liste{
    margin: 50px 0 0;
}
.nouvelles-liste .nouvelle{
    text-decoration:  none;
    color:  #404040;
    margin: 0 auto;
    padding: 30px;
    display:  block;
    border-bottom: 1px solid #e4e4e4;
    text-align: left;

    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    -o-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
}
.nouvelles-liste a:last-of-type{
  border:none;
}
.nouvelles-liste .nouvelle:hover{
    background-color: rgb(253, 253, 253);
    color:  #404040;
}
.nouvelles-liste .nouvelle:hover h3{
    color: #2095f2;
    -webkit-transition: color 300ms ease-out;
    -moz-transition: color 300ms ease-out;
    -o-transition: color 300ms ease-out;
    transition: color 300ms ease-out;
}
section.section-content.center.nouvelles p{}
section.section-content.center.nouvelles h3,
section.section-content.center.nouvelles h2{
    /* margin: 0 0 13px; */
    /* text-transform:  none; */
    /* font-weight: 400; */
    /* line-height: 1.1; */
    /* text-decoration: underline; */
}
section.section-content.center.nouvelles p.date{
    margin:  0;
    text-transform:  uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.nouvelles-liste .nouvelles-navigation {
  margin: 30px auto 0;
  text-align: center;
}
.nouvelles-navigation a,
.nouvelles-navigation span {
    text-decoration:  none;
    color: #404040;
    background-color: rgb(239, 239, 239);
    width: 40px;
    line-height: 40px;
    display:  inline-block;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
}
.nouvelles-navigation span {}
.nouvelles-navigation a:hover,
.nouvelles-navigation a.actif {
    background-color: #2095f2;
    color: #fff;
}

section.section-content.center.nouvelles{
}
section.section-content.center.nouvelles article{
  float:none;
  width: 100%;
  text-align: left;
}
section.section-content.center.nouvelles aside{
    float: none;
    width: 100%;
    background-color: #f0f0f0;
    padding: 40px;
    text-align: left;
    margin: 20px 0 0;
}
@media only screen and (min-width: 769px){
  section.section-content.center.nouvelles article{
    float:left;
    width: 65%;
    padding: 0 60px 0 0;
  }
  section.section-content.center.nouvelles aside{
    float:left;
    width: 35%;
  }
}
/*--------------------------------------------------- nouvelles  ----------------------------------------------------*/





/*--------------------------------------------------- test icons sociaux accueil  ----------------------------------------------------*/
.cards .cards-item-title span:after{
  content: "";
  position: absolute;
  padding: 0;
  background: url(/resources/images/interface/sprite-rwd.svg) -360px -470px no-repeat;
  top: 10px;
  left: 50%;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
}
.cards .cards-item-title span.instagram:after{
      background-position: -300px -470px;
}
.cards .cards-item-title span.tripadvisor:after{
      background-position: -540px -470px;
}
@media only screen and (min-width: 768px){
  .cards .cards-item-title span:after{
    top: -40px;
  }
}


a.cards-item.social_icon:before{content: "";position: absolute;bottom: 5px;left: 5px;margin: 0;padding: 0;width: 23px;height: 24px;background: url(/resources/images/interface/sprite-rwd.svg)  no-repeat;background-position: -94px -443px;z-index: 999;opacity: 0.5;}
a.cards-item.social_icon:hover:before{
opacity:1;
}

a.cards-item.instagram:before{background-position: -4px -443px;}
a.cards-item.facebook:before{background-position: -34px -443px;}
a.cards-item.twitter:before{background-position: -63px -443px;}
a.cards-item.pinterest:before{background-position: -154px -443px;}
a.cards-item.tripadvisor:before{background-position: -123px -443px;}

@media only screen and (min-width: 560px){
  a.cards-item.social_icon:before{
      bottom: 10px;
      left: 10px;
      width: 40px;
      height: 48px;
      background: url(/resources/images/interface/sprite-rwd.svg)  no-repeat;
      background-position: -490px -476px;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }
  a.cards-item.instagram:before{background-position: -310px -480px;bottom: 0px;left: 8px;}
  a.cards-item.facebook:before{background-position: -370px -480px;left: 0px;bottom: 4px;}
  a.cards-item.twitter:before{background-position: -424px -480px;width: 50px;bottom: 2px;left: 7px;}
  a.cards-item.pinterest:before{background-position: -608px -480px;width: 50px;bottom: 2px;left: 6px;}
  a.cards-item.tripadvisor:before{background-position: -545px -480px;width: 50px;bottom: 2px;left: 6px;}
}
/*--------------------------------------------------- test icons sociaux accueil  ----------------------------------------------------*/

@media only screen and (max-width: 480px){
  .section-cover a[href*=youtube]:after{
    width:40px;
    height:40px;
  }
  .section-cover a[href*=youtube]:before{
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid white;
    margin: -10px 0 0 -6px;
  }
}




/*--------------------------------------------------- visite virtuelle maparea  ----------------------------------------------------*/
.section-content-content.vr.page-vr{
    padding: 0 15px;
}

.resultats-carte{
    display: block;
    width: 100%;
    background:transparent;
}
.resultats-carte #loader{
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  opacity:1;
}
img.map{
    width: 100%;
    display:  block;
    opacity: 0.3;
}
.resultats-carte li{
    visibility: hidden;
}
.resultats-carte-point.is-green:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  background: url(/resources/images/interface/sprite-rwd.svg) no-repeat;
  background-position: 17.55% 47.4%;
}
.resultats-carte-point {
    width: 26px;
    height: 26px;
    overflow:  visible;
}
.csstransforms3d .resultats-carte-point.is-active:before, .csstransforms3d .resultats-carte-point.is-current:before, .csstransforms3d .resultats-carte-point.is-selected:before {
  -webkit-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
  -moz-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
  -ms-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
  -o-transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
  transform: translate(-50%, -50%) scale3d(1.2, 1.2, 1.2);
}
.csstransforms3d .resultats-carte-point:before{
  transform: scale3d(1.4, 1, 1);
  border-radius: 100%;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(0, 0, 0);
  -moz-transform: translate(-50%, -50%) scale3d(0, 0, 0);
  -ms-transform: translate(-50%, -50%) scale3d(0, 0, 0);
  -o-transform: translate(-50%, -50%) scale3d(0, 0, 0);
  transform: translate(-50%, -50%) scale3d(0, 0, 0);
  width: 26px;
  height: 26px;
}
.touchevents #tooltip.is-clickable:before{
  display:none;
}
.is-touched a.resultats-item:after, .resultats-liste a.resultats-item:after{
    right: 5px;
}
@media only screen and (min-width: 560px){
  .resultats-carte-point {}
  .csstransforms3d .resultats-carte-point.is-active:before, .csstransforms3d .resultats-carte-point.is-current:before, .csstransforms3d .resultats-carte-point.is-selected:before {
    -webkit-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
    -moz-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
    -ms-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
    -o-transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
    transform: translate(-50%, -50%) scale3d(1.4, 1.4, 1.4);
  }
}
@media only screen and (min-width: 768px){
  .resultats-carte-point {}
}
@media only screen and (min-width: 1024px){
  .resultats-carte-point {}

}

#liste_vr_markers .collapsible.mobile-only .collapsible-content {
    display:none;
}
#liste_vr_markers.navigation .navigation-trigger {
    display: inline-block;
}
#liste_vr_markers.navigation li:last-child a{
  border:none;
}
#liste_vr_markers.navigation li a{
    text-align: left;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #efefef;
    font-size: 12px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}


#liste_vr_markers.navigation-tabs{
    padding: 10px;
}

#liste_vr_markers.navigation ul{
    display: inline;
}

.collapsible.mobile-only .collapsible-content {}
#liste_vr_markers.navigation li{
    flex: none;
    -webkit-box-flex: none;
}

#liste_vr_markers.navigation li a:after,#liste_vr_markers .navigation li span:after,#liste_vr_markers .collapsible-trigger:after{
    display:block !important;
}

div#wrapper_vr {
  border: 8px solid white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px;
}

@media only screen and (min-width: 991px){
  .page-vr #liste_vr_markers{
        width: 25%;
        overflow-y: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #f9f9f9;
        padding: 0 10px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
    }
    .page-vr #liste_vr_markers.navigation .navigation-trigger{
      display:none;
    }
    .page-vr #liste_vr_markers.navigation ul{
        padding: 10px 0;
        display:  block;
        background:  transparent;
    }
    .page-vr .resultats-carte{
      flex: 0 0 75%;
      }
    
    div#wrapper_vr {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        position:  relative;
        flex-direction:  row-reverse;
    }

}

#liste_vr_markers.navigation li a:hover{
    background-color: #80c3f8;
    color: white;
}

@media only screen and (min-width: 769px){
    .section-content-content.vr:not(.page-vr) #liste_vr_markers{
        display: none;
    }
    
}
@media only screen and (min-width: 560px){
    #liste_vr_markers.navigation li a{}
}
/*--------------------------------------------------- visite virtuelle maparea  ----------------------------------------------------*/


/*--------------------------------------------------- tableau annexes slidable -----------------------------------------------------*/
.slide-table{
  position:relative;
  cursor:pointer;
}
.slide-table:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -15px 0 0 -15px;
    padding: 0;
    width: 30px;
    height: 30px;
    background: url(/resources/images/interface/sprite-rwd.svg) -300px -50px no-repeat;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.slide-table.opened:after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.slide-table-wrapper table tr:last-child td{
  border-bottom:none;
}
.slide-table-wrapper .accordions-item:first-of-type {
    border-top: none;
}
.slide-table-wrapper > .accordions-item:first-of-type {
    border-top: 1px solid #d4d4d4;
}
.slide-table-wrapper{
  margin: 5% 0;
}
.slide-table-wrapper .accordions-item{
  text-align:left;
   -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/*ajustement accordeon actif*/
.slide-table-wrapper .accordions-item:not(.is-collapsed){
  background:#f4f4f4;
}
.slide-table-wrapper .accordions-item:not(.is-collapsed) .accordions-item-title{
  padding-left: 14px;
  background-color: rgba(0, 0, 0, 0.05);
}
/*ajustement accordeon actif*/


.slide-table-wrapper .accordions-item-content{
  padding-bottom:0;
}
.slide-table-wrapper .accordions-item-content table{
  background: #f4f4f4;
}
/*--------------------------------------------------- tableau annexes slidable -----------------------------------------------------*/

/*--------------------------------------------------- fixe section bg-fixed -----------------------------------------------------*/
@media only screen and (max-width: 991px){
  .section-content.bg-fixed{
    background:none !important;
    background-color: black !important;
  }
  .section-content.bg-fixed .section-content-image{
    visibility:visible !important;
  }
}
/*--------------------------------------------------- fixe section bg-fixed -----------------------------------------------------*/

/*

FILTERS -----

*/
.no-canvas .form-filters {
  display:none; /* cacher pour IE8 */
}


/*--------------------------------------------------- AJUSTEMENT - BG et Infos statiques -----------------------------------------------------*/

.static-pcm .hero .hero-media {
  background-image:url(//imagescloud.s3.amazonaws.com/images/destinations/parc-chute-montmorency/20221104-m.jpg);
}

@media only screen and (min-width: 768px) {
  .static-pcm .hero .hero-media {
    background-image:url(//imagescloud.s3.amazonaws.com/images/destinations/parc-chute-montmorency/20221104.jpg);
  }
}

.hero-infos {
    background: rgba(0,0,0, 0.65);
    position: absolute;
    bottom: 15px;
    right: 0px;
    text-align: left;
}
@media only screen and (min-width: 768px) {
    .hero-infos {
        bottom: 30px;
    }
}
.hero-infos a {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    text-decoration: none;
    color: white;
    transition: all .25s linear;
}
@media only screen and (min-width: 768px) {
    .hero-infos a {
        font-size: 16px;
        line-height: 16px;
    }
}
.hero-infos a:hover {
    text-decoration: none;
    color: #50acf5;
    transition: all .15s linear;
}
.meteo-block,
.infos-block {
    display: block;
    position: relative;
    padding: 5px 7px;
}
@media only screen and (min-width: 768px) {
  .meteo-block,
    .infos-block {
        display: block;
        position: relative;
        padding: 10px 15px;
    }  
}
.meteo-block {
    border-bottom: solid 1px white;
    border-color: rgba(255, 255, 255, 0.35);
}
.meteo-block a .new-meteo-icon {
    display: block;
    height: 35px;
    width: 45px;
    position: absolute;
    bottom: 50%;
    margin-bottom: -17px;
}
.meteo-block a .new-meteo-text {
    display: block;
    margin-left: 55px;
    padding: 5px 0px;
    position: relative;
}
.meteo-block a .new-meteo-text span {
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 7px;
}
@media only screen and (min-width: 768px) {
    .meteo-block a .new-meteo-text span {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 7px;
    }
}

.infos-block .new-info {
    position: relative;
    display: inline-block;
}
.infos-block .new-info:first-child {
   margin-right: 10px;
}
.infos-block .new-info a {
    line-height: 30px;
    padding-left: 40px;
    padding-right: 10px;
}
.infos-block .new-info a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    background: url(/resources/images/interface/sprite-rwd.svg) 0px 0px no-repeat;
} 
.infos-block .new-info.tarifs a::before {
    background: url(/resources/images/interface/sprite-rwd.svg) -120px -110px no-repeat;
}
.infos-block .new-info.horaire a::before {
    background: url(/resources/images/interface/sprite-rwd.svg) -480px -80px no-repeat;
}