/*
Terre : #d8a158
Sable : #cca586
Bleu Ciel : #3f8dbf
Bleu Ciel dense : #2e6b92
Vert Nature : #9ec764
Orange : #f27a44
*/
/*
font-family: "Barlow Semi Condensed", sans-serif;
font-family: "Get Show", Arial, sans-serif;
*/
/*******************************************************************************
********************************************************************************
*** FiCHE AGENCE
********************************************************************************
*******************************************************************************/
.agence .entry-header .container{
  /*text-align: center;*/
  color: #fff;
  text-shadow: 3px 2px 4px #404040;
}
.agence .entry-header .location-agence .region {
  text-transform: uppercase;
  font-size: 2.5rem;
}
.agence .entry-header .massif {
  /*display: block;*/
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.5rem;
}
.agence .entry-header .massif:before {
    content:" / ";
}
.agence .entry-header .sloganAgence .slogan{
  font-family: "Get Show", Arial, sans-serif;
  font-size: 3rem;
  font-weight: normal;
  margin: 0.50em 0;
}
.agence .entry-header  .hoteliers {
    font-size:1.5rem;
}
.agence .entry-header  .hoteliers .libelle-agence {
  /*display: block;*/
  font-weight: 600;
}
.agence .entry-header  .hoteliers .libelle-agence:before {
    content:" - ";
}
.agence .entry-content #en-tete-agence p:first-child{
  font-family: "Get Show", Arial, sans-serif;
  /*color: #477c9e;*/
  color: #9ec764;
  font-size: 2.5rem;
  line-height: 0.75;
  margin-bottom: 0;
}
.agence .entry-content{
  margin-top: 0.8em;
}
.agence .entry-content #en-tete-agence h1{
  margin: 0;
  /*color: #477c9e;*/
  color: #9ec764;
}
.agence .entry-content #en-tete-agence #conteneur-icone-acces-visite{
  padding-top: 3.125rem;
}
.agence .entry-content #en-tete-agence #conteneur-icone-acces-visite #icone-visite-virtuelle,
.agence .entry-content #en-tete-agence #conteneur-icone-acces-visite #icone-acces{
  margin-bottom: 0;
}
.agence .entry-content #en-tete-agence #conteneur-icone-acces-visite p{
  font-family: "Barlow Semi Condensed", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  color: #9ec764;
  line-height: 1;
  text-align: center;
  font-weight: bold;
}
.agence .entry-content #intro-agence{
  /*font-family: "Get Show", Arial, sans-serif;*/
  /*color: #477c9e;*/
  color: #9ec764;
  font-size: 2rem;
  line-height: 1;
}
.agence .entry-content #conteneur-icone-sous-contenu .wpb_single_image{
  margin-bottom: 10px;
}
.agence .entry-content #conteneur-icone-sous-contenu p{
  font-size: 1rem;
  text-transform: uppercase;
  color: #9ec764;
  line-height: 1;
  font-weight: bold;
}
.agence .entry-content #accrocheServices {
  color: #477c9e;
  font-size: 1.5rem;
}
.agence .entry-content #accrocheServices span{
  font-weight: bold;
}
.agence .entry-content #conteneurServices {
  display: flex;
  flex-wrap: wrap;
}
.agence .entry-content #conteneurServices .infosUnService{
  flex-basis: 6.25rem;
  margin-right: 0.75rem;
}
.agence .entry-content #conteneurServices .infosUnService .service{
  display: block;
  height: 66px;
  width: 66px;
  background-repeat: no-repeat;
  background-position: center;
}
.agence .entry-content #conteneurServices .infosUnService .descriptionService{
  padding-top: 0.5rem;
  display: block;
  text-align:justify;
  font-size:0.750em;
}

.agence .entry-content #contactAgence{
  margin-top: 1.5em;
  text-align: center;
}
.agence .entry-content #contactAgence span:first-child{
  font-weight: bold;
}

/**************V2************/

.agence #conteneurSliderHebergement{
  position: relative;
}
.agence #conteneurSliderHebergement .slider {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
}

.agence #conteneurSliderHebergement .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.agence #conteneurSliderHebergement .slide.active {
  opacity: 1;
}


.agence .conteneurTitreBandeau {
  z-index: 2;
  padding-left: 100px;
  padding-right: 0;
  position: relative;
}
.agence .positionned-content{
   /* margin-top: 250px; */
   /* margin-top: 15%; */
   margin-top: 225px;
}
.agence .conteneur-moteurs{
  background-color: #f3f3f4;
  position: relative !important;
  bottom: 0 !important;
}
.agence #widgetMoteur{
  background-color: #f3f3f4;
  padding-bottom: 40px;
}
.agence .breadcrumb-container li a {
  background-color: transparent;
  color: #fff !important;
  font-weight: initial;
}
.agence .caption-agence {
  color: #fff;
  background-color: #9ec663;
  text-align: center;
  /* padding: 25px 0; */
  padding: 15px 0 0;
  max-width: 292px;
}
.agence .caption-agence > div{
  border-bottom: 1px solid #000;
  padding: 25px;
}
.agence .caption-agence > div:last-of-type {
  border-bottom: none;
}
.agence .logo-agence{
  display: block;
  /* margin-bottom: 30px; */
  margin-bottom: 15px;
}
.agence .logo-agence img{
  width: auto;
  max-height: 100px;
  height: 100%;
}
.agence .titreAgenceBandeau{
  color: #fff;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 700;
  margin: 5px 0 0;
}
.agence .infosSuppAgenceCaption span{
  display: block;
  color: #000;
}
.agence .servicesCaption .service{
  display: inline-block;
  height: 35px;
  width: 35px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 8px;
}
.agence #sectionTextePortail{
  margin-top: 50px;
}
.agence #sectionTextePortail #colonne-ecolo h2{
  text-transform: uppercase;
  color: #fff;
}
.agence #sectionTextePortail #colonne-ecolo > .vc_column-inner /*> .wpb_wrapper*/ {
  color: #fff;
  background-color: #2785c2;
  background-image: url(../img/feuilles_HR.png);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 95%;
  height: 100%;
}
.agence #sectionTextePortail #colonne-ecolo > .vc_column-inner > .wpb_wrapper > .wpb_text_column{
  padding: 100px 115px 100px 30px;
}
.agence #sectionTextePortail #colonne-portail > .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-droite{
  margin-bottom: 20px;
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-gauche{
  margin-bottom: 0;
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-droite > .wpb_wrapper,
.agence #sectionTextePortail #colonne-portail #bloc-portail-gauche > .wpb_wrapper{
  height: 100%;
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-droite > .wpb_wrapper > p{
  height: 100%;
  text-align: right;
  overflow: hidden;
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-gauche > .wpb_wrapper > p{
  height: 100%;
  text-align: left;
  overflow: hidden;
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-droite a,
.agence #sectionTextePortail #colonne-portail #bloc-portail-gauche a{
  display: block;
  padding: 240px 20px 20px 20px;
  font-size: 1.7rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 3px 2px 4px #404040;
  transition: all 0.5s ease;
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-droite:hover a{
  transform: scale(1.1) translate(-5%, -5%);
}
.agence #sectionTextePortail #colonne-portail #bloc-portail-gauche:hover a{
  transform: scale(1.1) translate(5%, -5%);
}
.agence #sectionBlocPortail {
  margin-top: 30px;
}
.agence #sectionBlocPortail  #bloc-organisateur > .vc_column-inner {
  background: #9ec764;
  color: #fff;
  padding-top: 30px;
}
.agence #sectionBlocPortail  #bloc-organisateur img {
  width: 275px;
}

.agence #sectionBlocPortail .bloc-portail > .vc_column-inner {
  /* align-items: flex-end;
  flex-direction: row; */
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.agence #sectionBlocPortail .bloc-portail > .vc_column-inner > .wpb_wrapper {
  width: 100%;
  height: 100%;
  align-items: flex-end;
  display: flex;
}
.agence #sectionBlocPortail .bloc-portail > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
  margin-bottom: 0;
  /* background: #d8a158; */
  width: 100%;
  background-position: center;
}
.agence #sectionBlocPortail .bloc-portail a {
  display: flex;
  /* align-items: center; */
  align-items: end;
  justify-content: center;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  /*padding: 20px 0; */
}
.agence #sectionBlocPortail .bloc-portail > .vc_column-inner > .wpb_wrapper > .wpb_text_column,
.agence #sectionBlocPortail .bloc-portail > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper,
.agence #sectionBlocPortail .bloc-portail > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > p,
.agence #sectionBlocPortail .bloc-portail a,
.agence #sectionBlocPortail .bloc-portail a {
  /* transition: all 0.4s ease-in;
  height: 61px; */
  height: 100%;
}
.agence #sectionBlocPortail .bloc-portail .link-libelle {
  padding: 20px 0;
  background: #d8a158;
  width: 100%;
  transition: all 0.4s ease-in;
}

.agence #sectionBlocPortail .bloc-portail a:hover .link-libelle{
  background: #9ec764;
  /* background: transparent;
  text-shadow: 3px 3px 3px #000; */
}
/* .agence #sectionBlocPortail .bloc-portail:hover > .vc_column-inner > .wpb_wrapper > .wpb_text_column,
.agence #sectionBlocPortail .bloc-portail:hover > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper,
.agence #sectionBlocPortail .bloc-portail:hover > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > p,
.agence #sectionBlocPortail .bloc-portail:hover a,
.agence #sectionBlocPortail .bloc-portail a:hover {
  height: 100%;
} */

.agence #sectionMasonry {
  margin-top: 30px;
}
.agence #sectionMasonry > .vc_row > .wpb_column {
  background: #dee2e6;
}

.agence #sectionMasonry .wpb_text_column {
  padding-top: 40px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.agence #sectionMasonry .vc_masonry_media_grid .vc_gitem-animated-block, .blocPagePortail a {
  border: 7px solid #f0f0f0;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.60);
}
.agence #sectionMasonry #masonryHebergement > .vc_grid-container {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .agence #sectionBlocPortail .bloc-portail > .vc_column-inner{
      min-height: 510px;
  }
  .agence #sectionTextePortail #colonne-ecolo > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
      /* padding: 100px 60px 100px 30px; */
      padding: 50px 30px 0 30px;
  }
}
@media (max-width: 991px) {
  .agence #sectionBlocPortail #bloc-organisateur img {
      width: 400px;
  }
  .agence #sectionTextePortail #colonne-ecolo > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
      padding: 50px 30px 15px 30px;
  }
}
@media (max-width: 767px) {
  .agence .conteneurTitreBandeau {
      padding-left: 40px;
  }
  /* .agence #sectionTextePortail #colonne-ecolo > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
      padding: 100px 25px 100px 25px;
  } */
  
  .agence #sectionBlocPortail .bloc-portail > .vc_column-inner{
      min-height: fit-content;
  }
}
@media (max-width: 575px) {
  .agence .positionned-content {
      margin-top: 100px;
  }
  .agence .conteneurTitreBandeau {
      padding-left: 20px;
      padding-right: 20px;
  }
  .agence #sectionTextePortail #colonne-ecolo > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
      padding: 35px 0;
  }
  .agence #sectionBlocPortail #bloc-organisateur img {
      width: 300px;
  }
  .agence #sectionBlocPortail .bloc-portail > .vc_column-inner{
      min-height: ;
  }
}


/*******************************************************************************
********************************************************************************
*** LISTE SEJOURS MIS EN AVANT SUR FICHE AGENCE GRID-2
********************************************************************************
*******************************************************************************/
#sejours-agence-mis-en-avant{
  padding-top: 0;
  margin-top: -1px;
}
#sejours-agence-mis-en-avant .wpb_text_column.wpb_content_element{
  margin-bottom: 0;
}
#sejours-agence-mis-en-avant ul.sejours{
  margin-bottom: 0 !important;
}
#sejours-agence-mis-en-avant ul.sejours .single-item{
  margin: 0 10px !important;
  box-shadow: none;
}
#sejours-agence-mis-en-avant .columns-2 .single-item{
  background: #fff;
  min-height: 245px;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-img{
  width: 75%;
  float: right;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-img .img-triangle-biseau{
  display: block;
  height: 100%;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-img .img-montagne,
#sejours-agence-mis-en-avant .columns-2 .single-item .item-img .img-activite-big,
#sejours-agence-mis-en-avant .columns-2 .single-item .item-img .lienImgActiviteBig{
  display: none;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-img .item-info-general{
  display: none;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc{
  margin-right: 75%;
  position: absolute;

}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-title{
  line-height: 0.55;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .location{
  display: none;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .accroche-grid-2 {
  background: url(../img/icone-incontournables.png);
  background-repeat: no-repeat;
  background-position: left;
  text-transform: uppercase;
  font-weight: bold;
  color: #9ec764;
  font-size: 0.8rem;
  padding-left: 35px;
  display: block;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-title{
  text-align: left;
  padding: 15px 0;
  font-size: 1.25rem;
  line-height:inherit;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc {
  padding-left: 15px;
  background: transparent;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-detail-grid-2{
  display: block;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-detail-grid-2 .lienSejourOptoo .info-plus {
  display: block;
  color: #000;
  font-weight: bold;
  padding-top: 10px;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-detail-grid-2 .label-activite-duree{
  text-transform: uppercase;
  color: #9ec764;
  display: block;
  font-weight: 600;
  font-size: 1rem;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-detail-grid-2 .label-activite-duree .duree-min{
  text-transform: none;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-detail-grid-2 .label-niveau{
  color: #9ec764;
  display: block;
  font-weight: 600;
  font-size: 1rem;
}
#sejours-agence-mis-en-avant .columns-2 .single-item .item-desc .item-detail-liste{
  display: none;
}



.containerFiltreListeSejours {
  /*background-color: #2e6b92;*/
  background-color: #9ec764;
  padding: 20px;
  margin: 10px;
  color: #fff;
  font-weight: bold;
}
.containerFiltreListeSejours a {
  color: #fff;
}







/*******************************************************************************
********************************************************************************
*** LISTE SEJOURS GRID 3 COLONNES
********************************************************************************
*******************************************************************************/
.columns-3 .single-item .item-desc .accroche-grid-2,
.columns-3 .single-item .item-desc .item-detail-grid-2 {
  display: none;
}
/*******************************************************************************
********************************************************************************
*** LISTE SEJOURS GRID 2
********************************************************************************
*******************************************************************************/
.columns-2 .single-item .item-desc .accroche-grid-2,
.columns-2 .single-item .item-desc .item-detail-grid-2{
  display: none;
}
/*******************************************************************************
********************************************************************************
*** LISTE SEJOURS SEO
********************************************************************************
*******************************************************************************/
#intro-liste-nuage{
  margin-bottom: 35px;
}
/*******************************************************************************
********************************************************************************
*** FiCHE SEJOUR
********************************************************************************
*******************************************************************************/
.bandeauSejour {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  /*min-height: 600px;
  min-height: 860px;*/
  padding:170px 0 15px;
  position:relative;
  margin-left:0; margin-right:0;
}
.bandeauSejour::after {
  content: " ";
  display: block;
  height: 30%;
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 70%);
  z-index: 1;
}
.conteneurTitreBandeau {
  z-index:2;
  padding-left:100px;
}
.sejour .caption-sejour {
  /*width: 100%;
  position: absolute;
  top: 145px;
  text-align: center;*/
  color: #fff;
  background-color:#9ec764;
  text-align:center;
  padding:25px 0;
}

.sejour .caption-sejour > div {
  border-bottom:1px solid #00375b;
  padding:25px;
}
.sejour .caption-sejour > div:last-of-type {
  border-bottom:none;
}
.sejour .caption-sejour .infosSuppSejourCaption span {
  display:block;
}

.sejour .conteneurTitreBandeau .location-type{
  line-height: 1;
  margin-bottom: 10px;
}
.sejour .caption-sejour .infosSuppSejourCaption span,
.sejour .conteneurTitreBandeau .location{
  color: #00375b;
}
.sejour .conteneurTitreBandeau .type-sejour{
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
}
.sejour .conteneurTitreBandeau .hoteliers{
  line-height: 1;
  font-size: 1.2rem;
}
.sejour .conteneurTitreBandeau .hoteliers .prenom-hotelier{

}
#containerPictosSejour {
  background-color:#f3f3f4;
  text-align:center;
  padding:20px;
}
#containerPictosSejour > div > div {
  display:inline-block;
  padding:10px 30px;
}
#containerPictosSejour img {
  height:20px;
  margin-right:5px;
}
.sejour .conteneurTitreBandeau .hoteliers .libelle-agence{
  display: block;
  font-weight: 600;
}
.sejour .conteneurTitreBandeau .titreSejourBandeau{
  color: #fff;
  /*font-family: "Get Show", Arial, sans-serif;*/
  text-transform: uppercase;
  font-size: 35px;
  font-weight: bold;
  margin: 5px 0 0;
}
.sejour .conteneurTitreBandeau .titreSejourBandeau:first-letter{
  text-transform: capitalize;
}

#ficheSejour.container, .lienRetour-container{
  max-width:1400px !important;
  padding-top:50px;
  padding-bottom:50px;
}
#primary .sejour.type-sejour{
  background: url(../img/bgBoussole.png);
  background-repeat: no-repeat;
  background-position-y: 575px;
  background-position-x: right;
}
#ficheSejour .info-hoteliers {
  margin-top:30px;
}
#ficheSejour .info-hoteliers img:first-of-type{
  width: 100%;
}
#ficheSejour .info-hoteliers .conteneur-image{
  position: relative;
}
#ficheSejour .info-hoteliers .img-montagne-hoteliers {
  display: block;
  position: absolute;
  bottom: 0;
  max-width: none;
}
#ficheSejour .info-hoteliers .conteneur-image .prenom-hotelier{
  position: absolute;
  bottom: -30px;
  color: #fff;
  font-family: "Get Show", Arial, sans-serif;
  display: block;
  font-size: 2.5rem;
  width: 50%;
  line-height: 0.8;
  padding-left: 30px;
}
#ficheSejour .info-hoteliers .details{
  /*background-color: #2e6b92;*/
  background-color: #9ec764;
  color: #fff;
  font-size: 1.25rem;
  padding: 15px;
  line-height: 1;
  padding-top: 40px;
}
#ficheSejour .info-hoteliers .details span{
  display: block;
}
#ficheSejour .info-hoteliers .details .libelle-orga{
  text-transform: uppercase;
  font-weight: bold;
}
#ficheSejour .info-hoteliers .details .libelle-agence{
  font-size: 1.6rem;
  margin-bottom: 15px;
}
#ficheSejour .info-hoteliers .details .libelle-contact{
  text-transform: uppercase;
  font-size: 1.1rem;
}
#ficheSejour .info-hoteliers .details .agence-tel{
  font-size: 1.35rem;
}
#ficheSejour .info-hoteliers .details .agence-mail{
  font-size: 1.35rem;
}
#ficheSejour .info-hoteliers .details .conteneur-services{
  padding-top: 30px;
  text-align: center;
}
#ficheSejour .info-hoteliers .details .conteneur-services span{
  display: inline-block;
  height: 35px;
  width: 35px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 3px;
}
#ficheSejour #lesPLusDuSejour {
  color:#fff;
  margin:20px 0;
  padding:25px 25px 120px;
  background: url(../img/bgEtoilePlusSejour.png) no-repeat;
  background-position:bottom center; 
  background-color:#9ec764;
}
#ficheSejour #titreLesPLusDuSejour {
  text-transform:uppercase;
  font-weight:bold;
  font-size: 1.75rem;
  margin-bottom:20px;
  display:block;
}
#ficheSejour #lesPLusDuSejour p {
  font-size:0.9em;
  text-align:justify;
}
#ficheSejour #lesPLusDuSejour p:last-of-type {
  margin-bottom:0;
}
#lienHebergementSejour,
#lienPrivatiserSejour,
#lienInfosSuppSejour,
#lienReseaux,
.btnRetourLienPagePrec {
  display:block;
  font-size: 1.75rem;
  margin:10px 0;
  transition:all 0.5s ease-in;
}
#lienHebergementSejour {
  background-color:#9dc85c;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  padding:20px;
  border:2px solid #9dc85c;
}
#lienHebergementSejour:hover,
#lienHebergementSejour:focus {
  background-color:transparent;
  color:#9dc85c;
}
#lienHebergementSejour span,
#lienReseaux span {
  display:block;
  font-weight:initial;
  text-transform:initial;
}
#lienPrivatiserSejour {
  background-color:#799b46;
  color:#fff;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  padding:20px;
  border:2px solid #799b46;
}
#lienPrivatiserSejour:hover,
#lienPrivatiserSejour:focus {
  background-color:transparent;
  color:#799b46;
}
#lienInfosSuppSejour,
#lienReseaux,
.btnRetourLienPagePrec {
  color:#9dc85c;
  font-weight:bold;
  text-transform:uppercase;
  text-align:center;
  padding:20px;
  border:2px solid #9dc85c;
}
.btnRetourLienPagePrec {
    display:inline-block;
    width:fit-content;
}
#lienInfosSuppSejour:hover,
#lienInfosSuppSejour:focus,
#lienReseaux:hover,
#lienReseaux:hover,
.btnRetourLienPagePrec:hover,
.btnRetourLienPagePrec:focus {
  color:#fff;
  background-color:#9dc85c;
}


/*#sidebar-flottante { 

    float: right;
}

#sidebar-flottante { 
    overflow: hidden !important;
    border: 3px solid #0c6868 !important;
}*/
#ficheSejour .location{
  color: #d8a158;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25rem;
}
/*#ficheSejour .entry-content .titreSejour{
    color: #3f8dbf;
    font-family: "Get Show", Arial, sans-serif;
    text-transform: lowercase;
    font-size: 3.8rem;
}
#ficheSejour .entry-content .titreSejour:first-letter{
    text-transform: capitalize;
}*/
#ficheSejour .conteneurDetails{
  color: #d8a158;
  font-weight: bold;
}
#ficheSejour .conteneurDetails #detailDuree,
#ficheSejour .conteneurDetails #detailMarche{
  border-right: 2px solid #d8a158;
}
#ficheSejour .conteneurDetails #detailNiveau img{
  height: 20px;
}
#ficheSejour .conteneurInfoNiveau h3{
  /*color: #d8a158;*/
  text-transform: uppercase;
  font-weight: bold;
}
.caption-sejour .prixSejourCaption {
  font-size:35px;
  font-weight:bold;
}
.caption-sejour .prixSejourCaption p {
  margin-bottom:0;
}
.caption-sejour .prixSejourCaption #lienVersOngletReserver{
  display:block;
  text-transform: uppercase;
  color:#fff;
  margin:20px auto 0;
  width:fit-content;
  font-size:30px;
  padding:5px 30px;
  background-color: #9ec764;
  border:1px solid #9ec764;
  transition:all 0.5s ease-in;
}
.caption-sejour .prixSejourCaption #lienVersOngletReserver:hover,
.caption-sejour .prixSejourCaption #lienVersOngletReserver:focus {
  background-color: transparent;
  border-color: #fff;
}
#ficheSejour .sejour{
  position: relative;
  padding-top: 35px;
}
#ficheSejour .sejour .titre-tab{
  font-size: 1.75rem;
  color: #d8a158;
  font-weight: 500;
}
#ficheSejour .sejour .lisere-montagne{
  background: url(../img/lisere-montagne-terre.png);
  display: inline-block;
  width: 90%;
  height: 105px;
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-top: -75px;
  margin-bottom: -7px;
}
#onglets .nav-tabs{
  margin-left: 0;
  border-bottom:0;
}



#contentResa {
  margin-top:50px;
}
#contentResa .conteneur-prix {
  margin-top:0;
  padding:0;
  text-align:center;
}
#contentResa .conteneur-prix .title-prix {
  display:block;
  font-size:20px;
  /*color:#1a1a1a;*/
  /*font-weight:600;*/
}
/*#contentResa .conteneur-prix .label-prix {
  margin-right:15px
}*/
#contentResa .conteneur-prix .prix-min, 
#contentResa .conteneur-prix .label-prix {
  line-height:1;
  /*font-weight:600;*/
  font-size:0.9em;
  font-style:italic;
  /*color:#d8a158;*/
}
#contentResa #containerDates .container-date-resa {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px
}
#contentResa #containerDates .container-date-resa:nth-child(even) {
  background-color:#f5f5f5
}
#contentResa #containerDates .container-date-resa .info-date p {
  margin-bottom:0
}
#contentResa #containerDates .container-date-resa .libelle-date {
  display:block;
  color:#d8a158;
}
#contentResa .bouton-resa {
  border:1px solid;
  border-color:#d8a158;
  border-radius:3px;
  background:#d8a158;
  /*font-family:"Poppins",sans-serif;*/
  color:#fff;
  text-decoration:none;
  letter-spacing:.8px;
  line-height:1;
  padding:5px;
  background-image:none;
  transition:all .35s ease-in
}
#contentResa .bouton-resa:hover {
  border-color:#d8a158;
  color:#d8a158;
  background-color:transparent
}
#contentResa .bouton-resa:focus {
  border-color:#d8a158;
  box-shadow:none;
  color:#d8a158;
  background-color:transparent
}
#contentResa #containerDates .container-date-resa .lien-resa.disabled {
  cursor:not-allowed;
  opacity:.5
}
#contentResa .lien-resa.disabled .bouton-resa.disabled {
  pointer-events:none
}
#contentResa .bouton-resa.disabled:hover {
  color:#fff;
  background:#d8a158;
}
#contentResa .bouton-resa.disabled:focus {
  color:#fff;
  background:#d8a158;
}


.bouton-resa-global {
  display:block;
  font-weight:bold;
  width:100%;
  text-align:center;
  margin-top:15px;
  text-transform:uppercase;
  padding: 10px !important;
}


/*#onglets #conteneurSessions-tab,
#onglets #conteneurSessions{
    background: #2e6b92;
    background: #9ec764;
    color:#fff;
}
#onglets #conteneurProgramme-tab,
#onglets #conteneurProgramme{
    background: #377eab;
    background: #9ec764;
    color:#fff;
}
#onglets #conteneurFichePratique-tab,
#onglets #conteneurFichePratique{
    background: #3f91c4;
    background: #80a34f;
    color:#fff;
}
#onglets .conteneurChapitreLibreTab,
#onglets .conteneurChapitreLibre{
    background: #47a4de;
    background: #749349;
    color:#fff!important;
}*/

/*#onglets #conteneurSessions-tab{
  background: #9ec764;
  color:#fff;
}
#onglets #conteneurSessions{
  background: #f3f3f4;
  border: 1px solid #dee2e6;
}

#onglets #conteneurProgramme-tab{
  background: #9ec764;
  color:#fff;
}
#onglets #conteneurProgramme{
  background: #f3f3f4;
  border: 1px solid #dee2e6;
}
#onglets #conteneurProgramme h4{
  color: #9ec764;
}

#onglets #conteneurFichePratique-tab{
  background: #80a34f;
  color:#fff;
}
#onglets #conteneurFichePratique{
  background: #f3f3f4;
  border: 1px solid #dee2e6;
}
#onglets #conteneurFichePratique h4{
  color: #80a34f;
}
#onglets .conteneurChapitreLibreTab{
  background: #749349;
  color:#fff!important;
}
#onglets .conteneurChapitreLibre{
  background: #f3f3f4;
  border: 1px solid #dee2e6;
}
#onglets .conteneurChapitreLibre h4{
  color: #749349;
}

#onglets .tab-pane > div{
  padding-top: 35px;
  padding-bottom: 35px;
}*/




/*#conteneurSessions{
    height: 100%;
    margin-right: -50px; 
    padding-right: 50px; 
    overflow-y: scroll;
    scroll-behavior: smooth;
}
#sidebar-flottante .arrow {
    position: absolute;
    bottom: -75px;
    width: 85%;
    z-index: 10;
    text-align: center;
    display: none;
}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}*/



.bandeauSejour .main-header{
  /*    top: 130px;
      text-align: center;
      font-size: 3rem;
      text-shadow: 3px 2px 4px #404040;
      color: #fff !important;*/
}
.bandeauSejour .main-image-txt {
  /*    position:relative;
      top:inherit; bottom:inherit; left:inherit; right:inherit;*/
}
.bandeauSejour .main-image-txt h1 {
  /*    font-size:3rem;
      text-transform: uppercase !important;
      color: #fff !important;*/
}

/*#lienRetour {
    position: relative;
    top: 10px;
}*/
#containerLienRetour.container{
  max-width: 1400px !important;
}
#lienRetour {
  padding: 10px 12px 0 12px;
  display: inline-block;
  font-size: 0.9rem;
  font-style: italic;
}
.agence #containerLienRetour{
  /*text-align: end;*/
}
.agence #lienRetour{
  padding: 0 0 10px;
}
#ficheSejour .intro{
  /*    margin-top: 40px;
      margin-bottom: 40px;*/
}
.entry-meta .conteneurDetails .fieldDetails {
  /*    font-size: 30px;
      width: 180px;
      line-height: 1;*/
}
.entry-meta .conteneurDetails .labelDetails{
  /*margin-bottom: 0px;*/
}
.conteneurDetails{
  /*    margin: 0 auto;
      padding: 30px 0 10px;
      text-align:center;*/
}
.details{
  /*    display: table;
      margin: 20px auto 20px;*/
}
.prixSejour{
  margin-top: 30px;
  margin-bottom: 60px;
  text-align: center;
}
p.price{
  font-size: 2em;
}
.sejour #conteneurImages .imgDiaporama {
  height: 175px;
  display: block;
}
.contenuUnJour, .contenuUneRubrique{
  margin-top: 15px;
  margin-bottom: 25px;
}
.sejour .details .fieldDetails span.icon-niveau{
  display: block;
  height: 40px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 80px;
  margin-top: 5px;
}
.sejour #onglets .nav.nav-tabs li a {
  text-align: center;
  font-size: 18px;
  font-weight:bold;
  display: block;
  padding: 15px 15px;
  text-transform: capitalize;
}

.sejour #onglets .nav.nav-tabs li a.nav-link.active {
  background: #f3f3f4;
  border: 1px solid #dee2e6;
  border-bottom:1px solid #f3f3f4;
}
.nav-tabs .nav-link {
  margin-bottom:-3px;
}

/*body.single-sejour #masthead {
  position:relative;
}*/
/*body.single-sejour main#primary {
  margin-top:106px;
}*/
body.single-sejour .breadcrumb-container li .separator {
  color:#fff!important;
}
body.single-sejour .breadcrumb-container li a {
  background-color:transparent;
  color:#fff!important;
  font-weight:initial;
}
body.single-sejour .breadcrumb-container ol {
  margin:0;
  padding:0;
}

#onglets .nav-tabs > li > a{
  /*background: transparent;*/
  color: #4b4b4b;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 4px solid transparent;
}
#onglets h4 {
  color:#9ec764;
  text-transform:uppercase;
}


#onglets .nav-tabs > li.active > a {
  border-bottom: 4px solid #558b30;
}
#onglets .nav-tabs > li > a.active, #onglets .nav-tabs > li > a:hover, #onglets .nav-tabs > li > a:focus{
  /*border-bottom: 4px solid #86cdcd;*/
}
#onglets .tab-content{
  /*background: transparent;
  border: none;*/
  margin-bottom: 50px;
  min-height: 500px;
  background: #f3f3f4;
  border: 1px solid #dee2e6;
  padding: 50px;
}
#onglets #apercuSejour .fieldApercuNiveau span.icon-niveau{
  display: block;
  height: 27px;
  background-repeat: no-repeat;
  background-position-x: left;
  background-size: 180px;
  margin-top: 5px;
}
#apercuSejour p{
  margin: 45px 0 15px 15px;
}
#apercuSejour p.labelApercuNiveau{
  margin: 45px 0 10px 15px;
}
#apercuSejour p.fieldApercuNiveau{
  margin: 0 0 15px 15px;
}
#apercuSejour .txtFieldApercu{
  display: block;
  font-size: 30px;
  line-height: 1;
}
.apercuCodeSejour .txtFieldApercu{
  font-size: 22px !important;
}
#apercuSejour .apercuDuree, #apercuSejour .apercuType, #apercuSejour .apercuActivite {
  padding-left: 50px;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: center;
  background-size: 35px;
}
#apercuSejour .labelApercuNiveau, #apercuSejour .fieldApercuNiveau{
  padding-left: 50px;
}
#apercuSejour .apercuDuree{
  background-image: url(../img/clock-time.png);
  background-position:center left;
}
#apercuSejour .apercuType{
  background-image: url(../img/search-map.png);
  background-position:center left;
}
#apercuSejour .apercuActivite{
  background-image: url(../img/activity.png);
  background-position:center left;
}
#conteneurProgramme, #conteneurFichePratique, #conteneurSessions, #conteneurImages {
  /*border-left: 1px solid #ddd;*/
}
#contentSessions, #contentProgramme, #contentFichePratique, .conteneurDiaporama, .contentChapitreLibre {
  /*margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 50px;*/
}
#contentSessions{
  /*margin-top: 30px;*/
}
#contentSessions iframe {
    width:100%;
  background-color:#fff;
  padding:20px;
}

.conteneurPdfBouton{
  margin-top: 40px;
}






.item-info .niveau span{
  display: block;
  height: 50px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: 75px;
}
.item-info .niveau span.icon-niveau-A-la-demande,
.sejour .details .fieldDetails span.icon-niveau-A-la-demande,
#apercuSejour .fieldApercuNiveau span.icon-niveau-A-la-demande{
  background-image: url(../img/icon-niveau-A-la-demande.png);
  background-size: 40px;
}
.item-info .niveau span.icon-niveau-Facile,
.sejour .details .fieldDetails span.icon-niveau-Facile,
#apercuSejour .fieldApercuNiveau span.icon-niveau-Facile{
  background-image: url(../img/icon-niveau-Facile.png);
}
.item-info .niveau span.icon-niveau-Moyen-,
.sejour .details .fieldDetails span.icon-niveau-Moyen-,
#apercuSejour .fieldApercuNiveau span.icon-niveau-Moyen-{
  background-image: url(../img/icon-niveau-Moyen.png);
}
/*.item-info .niveau span.icon-niveau-Fort,
.sejour .details .fieldDetails span.icon-niveau-Fort,
#apercuSejour .fieldApercuNiveau span.icon-niveau-Fort{
  background-image: url(../img/icon-niveau-Fort.png);
}*/
.item-info .niveau span.icon-niveau-Soutenu,
.sejour .details .fieldDetails span.icon-niveau-Soutenu,
#apercuSejour .fieldApercuNiveau span.icon-niveau-Soutenu{
  background-image: url(../img/icon-niveau-Soutenu.png);
}
.item-info .niveau span.icon-niveau-Sportif,
.sejour .details .fieldDetails span.icon-niveau-Sportif,
#apercuSejour .fieldApercuNiveau span.icon-niveau-Sportif{
  background-image: url(../img/icon-niveau-Sportif.png);
}

#ficheSejour #conteneur-bloc-picto-rassurance{
  text-align: center;
}
#ficheSejour .picto-rassurance{
  max-width: 65%;
  cursor: help;
}
#ficheSejour #conteneurImages .titre-diapo,
#conteneurSejoursAConfirmer h3{
  display: block;
  /*color: #d8a158;*/
  font-size: 1.75rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
#conteneurSejoursAConfirmer {
  margin-top:30px;
}
#conteneurSejoursAConfirmer #carousel {
  padding:0;
}
/*#ficheSejour #conteneurWbrMap{
    margin-bottom: 50px;
}
#ficheSejour #conteneurWbrMap .titre-map{
    display: block;
    color: #d8a158;
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 20px;
}
#ficheSejour #conteneurWbrMap #wbrMapIframe{
    width: 100%;
    height: 500px;
}*/
#ficheSejour #conteneurMap{
  margin: 30px 0;
}
#ficheSejour #conteneurMap .titre-map{
  display: block;
  /*color: #d8a158;*/
  font-size: 1.75rem;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
}





/*******************************************************************************
********************************************************************************
*** UPDATE 2025-06-10 CPUCCIARELLI Nouvelle Home
********************************************************************************
*******************************************************************************/
.sliderSejours .swiper-slide {
  width: 100vw;
  height: 650px;
  background-size: cover;
  background-position: center;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  font-size: 1.2em;
  font-family: 'Poppins', sans-serif;
}

.sliderSejours .swiper-slide::after {
  content: " ";
  display: block;
  height: 30%;
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}




.sliderSejours .swiper-slide .sliderUnSejour-title {
  z-index: 9999;
  color:#fff;
  position:absolute;
  bottom:145px;
  right:0;
  width:100%;
  text-align: right;
  font-size: 0.8em;
  text-shadow: 3px 2px 4px #404040;
}

.sliderSejours .swiper-slide .sliderUnSejour-title span {
  display:block;
  margin-bottom:3px;
}
.sliderSejours .swiper-slide .sliderUnSejour-title a {
  color:#fff;
  font-weight: bold;
}
.sliderSejours .swiper-slide .sliderUnSejour-title a:hover,
.sliderSejours .swiper-slide .sliderUnSejour-title a:focus {
  text-decoration:underline;
}


.swiper-button-prev,
.swiper-button-next {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 20px;
  font-size: 30px;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: '';
}






/*******************************************************************************
********************************************************************************
*** GGMAP
********************************************************************************
*******************************************************************************/
.acf-map {
  width: 100%;
  height: 300px;
  border: #ccc solid 1px;
  margin: 0 0 75px;
}
/* Fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}

.acf-map button.gm-control-active, .acf-map .gmnoprint button {
  background: #fff !important;
}
.acf-map button.gm-control-active:hover, .acf-map .gmnoprint button:hover {
  background: #ebebeb !important;
}
/*******************************************************************************
********************************************************************************
*** JCAROUSEL SEJOUR
********************************************************************************
*******************************************************************************/

.conteneur-carousel-sejour .accroche-carousel-sejour{
  background: url(../img/bg-accroche-carousel-sejour.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 100px;
  padding-top: 48px;
  color: #d8a158;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: bold;
  margin: 0;
}
#carousel{
  background-color: rgba(255,255,255,0.9);
}
body.home .conteneur-carousel-sejour .accroche-carousel-sejour,
body.home #carousel{
  background-image:none;
  background-color:transparent;
}
body.home #carousel {
  margin-bottom:100px;
}
.single-item.sejour > div{
  box-shadow: 2px 4px 10px #555;
    height: 100%;
  background-color: #fff;
}
.jcarousel > ul {
	display:flex;
}
.jcarousel .conteneurUnCarousel.single-item {
  /*margin-bottom: 30px;*/
  padding:15px;
  margin:15px 0 30px 0;
  position: relative;
  border: none;
  float:none;
  padding-top:0!important;
  
  /*width:360px!important;*/
  
  /*border: 1px solid #e6e6e6;*/
  /*background: #ffffff;*/
  /*  -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;*/
  /*  -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;*/
}

.jcarousel .conteneurUnCarousel.single-item .item-img,
.product-grid .single-item .item-img{
  height: 245px;
  width: 100%;
  background-color: #cfcfcf;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  /*    -webkit-border-radius: 0px 0px 0 0;
      -moz-border-radius: 0px 0px 0 0;
      border-radius: 0px 0px 0 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;*/
}
.jcarousel .conteneurUnCarousel.single-item .item-img .img-montagne,
.product-grid .single-item .item-img .img-montagne{
  position: absolute;
  bottom: 0;
  right: 0;
  /*width: 55%;*/
  width: 245px;
}
.jcarousel .conteneurUnCarousel.single-item .item-img .img-montagne-liste,
.product-grid .single-item .item-img .img-montagne-liste{
  display: none;
}
.jcarousel .conteneurUnCarousel.single-item .item-img .img-activite-big,
.product-grid .single-item .item-img .img-activite-big{
  position: absolute;
  bottom: 0;
  left: 0;
  display:none;
}
.jcarousel .conteneurUnCarousel.single-item .item-img .img-triangle-biseau,
.product-grid .single-item .item-img .img-triangle-biseau{
  display: none;
}
.jcarousel .conteneurUnCarousel.single-item .item-img .item-info-general,
.product-grid .single-item .item-img .item-info-general{
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;

  background-repeat: no-repeat;
  padding-right: 35px;
  background-position: center right;
  margin-right: 12px;
  min-height: 55px;
}
.jcarousel .conteneurUnCarousel.single-item .item-img .item-info-general .label-activite,
.product-grid .single-item .item-img .item-info-general .label-activite{
  /*color: #3f8dbf;*/
  color: #9ec764;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.15rem;
  max-width: 145px;
  display: block;
}
.jcarousel .conteneurUnCarousel.single-item .item-img .item-info-general .prix-min,
.product-grid .single-item .item-img .item-info-general .prix-min{
  display: block;
}
.jcarousel .conteneurUnCarousel.single-item .item-img .item-info-general-liste,
.product-grid .single-item .item-img .item-info-general-liste {
  display: none;
}
.jcarousel .conteneurUnCarousel .item-desc,
.product-grid .single-item .item-desc{
  min-height: 115px !important;
  padding: 20px;
  background: #fff;
}
.jcarousel .conteneurUnCarousel.single-item .item-desc .accroche-grid-2{
  display: none;
}

.jcarousel .conteneurUnCarousel.single-item .item-title,
.jcarousel .conteneurUnCarousel.single-item .location,
.product-grid .single-item .item-title,
.product-grid .single-item .location{
  text-align: center;
}

.jcarousel .conteneurUnCarousel.single-item .item-excerpt,
.product-grid .single-item .item-excerpt{
  display: none;
}
.jcarousel .conteneurUnCarousel.single-item .item-detail-liste,
.product-grid .single-item .item-detail-liste .niveau{
  display: none;
}

.listeSessionsAConfirmer {
  text-align:center;
  margin-top:15px;
}
.listeSessionsAConfirmer ul {
  width:100%;
}
.listeSessionsAConfirmer li {
  float:none;
  width:auto;
  margin:0;
}
.product-grid .single-item .item-detail-liste{
  padding-left: 15px;
  padding-bottom: 5px;
}
.single-item .item-title{
  /*font-family: "Get Show", Arial, sans-serif;*/
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 1;
  font-size:1.25rem;
  /*line-height: 0.8;
  margin-bottom: 0;*/
  padding: 5px 10px 0px;
}
.single-item .item-desc .item-title:first-letter{
  text-transform: capitalize;
}
.single-item .location{
  /*color: #3f8dbf;*/
  color: #9ec764;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25rem;
}
.single-item .item-title a{
  text-decoration: none;
}

.jcarousel .conteneurUnCarousel.single-item .item-desc .item-detail-grid-2{
  display: none;
}


/*DEV EN COURS*/
.single-item .item-img .item-overlay,
.single-item .item-img .meta-cat,
.single-item .item-detail,
.single-item .price-wrap .left,
.single-item .price-wrap .right{
  /*display: none;*/
}
/*******************************************************************************
********************************************************************************
*** LISTE SEJOURS
********************************************************************************
*******************************************************************************/
/*PROVENANT DU TOUR CORE*/
.is-list .product-item {
  width: 100%;
  float: none;
}
.is-list .single-item {
  /*min-height: 255px;*/
}
.is-list .single-item .item-img {
  height: 100%;
  width: 40%;
  float: left;
  position: absolute;
  -webkit-border-radius: 0px 0 0 0px;
  -moz-border-radius: 0px 0 0 0px;
  border-radius: 0px 0 0 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.is-list .single-item .item-desc {
  /*margin-left: 40%;*/
}
.is-list .single-item .item-desc .item-info {
  min-height: 50px;
  margin-top: 8px;
}
.is-list .single-item .item-desc .item-info .item-title {
  margin-right: 50px;
  min-height: 20px;
}
.is-list .single-item .item-desc .item-info .item-difficulty {
  height: 50px;
  margin-top: -10px;
}
.is-list .single-item .item-desc .item-info [class^='icon-'] {
  font-size: 50px;
}
.is-list .single-item .item-desc .item-detail {
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.is-list .single-item .item-desc .sub-title,
.is-list .single-item .item-desc .item-detail {
  clear: none;
}
@media screen and (max-width: 1000px) {
  .single-item .item-desc .item-detail .left,
  .single-item .item-desc .price-wrap .left {
    float: none;
    width: auto;
  }
  .single-item .item-desc .item-detail .right,
  .single-item .item-desc .price-wrap .right {
    float: none;
    width: auto;
    margin-left: 0px;
    text-align: left;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .product-grid .product-item,
  .product-grid .single-item {
    width: 92%;
    width: calc(100% - 30px);
  }
  
}

/*zoom*/
/*.single-item.sejour{
    overflow: hidden;
}
.single-item.sejour .item-img{
    transition: all .2s ease-in;
    transform: scale(1);
}
.single-item.sejour:hover .item-img, 
.single-item.sejour:focus .item-img{
    transform: scale(1.04);
}*/
/*fin zoom*/

.hidden {
  display: none;
}
.page .entry-content #intro-liste p:first-child{
  font-family: "Get Show", Arial, sans-serif;
  /*color: #477c9e;*/
  color: #9ec764;
  font-size: 2.5rem;
  line-height: 0.75;
  margin-bottom: 0;
  margin-top: 0.5em;
}
.page .entry-content #intro-liste h1{
  margin-top: 0;
}
#trieSejours{
  float: right;
  padding-bottom: 10px;
  padding-top: 5px;
}
#trieSejours a{
  padding: 0 5px;
}
ul.sejours.columns-2 {
  grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}
ul.sejours.columns-3 {
  grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
}
ul.sejours {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-gap: 0;
}
ul.sejours {
  margin: 0 0 1em !important;
  padding: 0;
  list-style: none outside;
  clear: both;
}
ul.sejours .single-item {
  position: relative;
  width: calc(100% - 20px) !important;
  margin: 10px !important;
}

.is-list ul.sejours {
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.is-list .single-item {
  min-height: 225px;
}
.is-list .single-item .item-img {
  width: 60% !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lienSejourOptoo{
  text-decoration: none;
  color: inherit;
  width: 100%;
  height: 100%;
  display: block;
}
.lienSejourOptoo:hover,
.lienSejourOptoo:focus,
.lienSejourOptoo:active,
.lienSejourOptoo:visited{
  color: inherit;
}
.single-item .item-img .lienSejourOptoo{
  width: 100%;
  height: 100%;
  display: block;
}
.single-item .item-img .lienSejourOptoo.lienImgActiviteBig{
  height: auto;
}
.is-list .single-item .item-desc{
  margin-left: 60% !important;
  padding: 20px;
}
.is-list .single-item .item-desc .accroche-grid-2{
  display: none;
}
.is-list .single-item .item-desc .item-detail-grid-2{
  display: none;
}
/*.is-list .single-item .meta-cat{
    display: none;
}*/

.is-list .single-item{
  /*border: 3px solid #0c6868 !important;*/
}

.single-item .item-desc, .single-item .item-desc .location, .single-item .item-desc .item-excerpt{
  /*color: #000000;*/
}

.single-item .item-desc .item-title a{
  color: #414042;
}
/*.single-item .item-desc .item-excerpt, .single-item .item-desc .location{
    color: #0C6868 !important;
}*/
.single-item .item-desc .item-detail .left [class^="icon-"],
.single-item .item-desc .item-detail .left .fa,
.single-item .item-desc .item-detail .left .glyphicon {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
  color: #000000 !important;
}
.is-list .single-item .item-img .img-activite-big {
  left: auto;
  transform: scaleX(-1);
  right: 0;
}
.is-list  .single-item .item-img .img-montagne{
  display: none;
}
.is-list .single-item .item-img .item-info-general{
  display: none;
}
.is-list  .single-item .item-img .img-montagne-liste{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;

  width: 320px;
}
.is-list .single-item .item-img .item-info-general-liste{
  display: block;
  position: absolute;
  bottom: 10px;
  left: 25px;

  text-transform: uppercase;
  font-size: 1.15rem;
  max-width: 195px;
}
.is-list .single-item .item-img .item-info-general-liste .label-type{
  /*text-transform: uppercase;*/
}
.is-list .single-item .item-img .item-info-general-liste .duree-min{
  /*text-transform: uppercase;*/
  display: block;
  font-weight: bold;
}
.is-list .single-item .item-title,
.is-list .single-item .location{
  text-align: right;
}
.is-list .single-item .item-title{
  padding: 0;
}
.is-list .single-item .item-excerpt{
  display: block;
  text-align: right;
}
.is-list .single-item .item-excerpt .lienSejourOptoo .info-plus{
  display: block;
  color: #000;
  font-weight: bold;
}
.is-list .single-item .item-detail-liste{
  display: block;
  text-align: right;
  text-transform: uppercase;
  font-weight: bold;
  color: #d8a158;
  padding-top: 25px;
}
.is-list .single-item .item-detail-liste .conteneurNextDate{
  display: inline-block;
}
.is-list .single-item .item-detail-liste .niveau{
  margin-right: 10px;
  display: inline-block;
}
.item-detail-liste .niveau img{
  height: 20px;
}
.item-detail-liste .niveau img.icon-niveau-A-la-demande{
  height: 20px;
}

.is-list .single-item .item-detail-liste .duree-min{
  display: none;
}
/*.item-detail-liste .niveau span{
    display: inline-block;
    height: 30px;
    width: 130px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 125px;
    margin-right: 20px;
}
.item-detail-liste .niveau span.icon-niveau-A-la-demande, 
.sejour .details .fieldDetails span.icon-niveau-A-la-demande, 
#apercuSejour .fieldApercuNiveau span.icon-niveau-A-la-demande{
    background-image: url(../img/icon-niveau-A-la-demande.png);
    background-size: 35px;
}
.item-detail-liste .niveau span.icon-niveau-Facile, 
.sejour .details .fieldDetails span.icon-niveau-Facile, 
#apercuSejour .fieldApercuNiveau span.icon-niveau-Facile{
    background-image: url(../img/icon-niveau-Facile.png);
}
.item-detail-liste .niveau span.icon-niveau-Moyen, 
.sejour .details .fieldDetails span.icon-niveau-Moyen, 
#apercuSejour .fieldApercuNiveau span.icon-niveau-Moyen{
    background-image: url(../img/icon-niveau-Moyen.png);
}
.item-detail-liste .niveau .icon-niveau-Moyen-, 
.sejour .details .fieldDetails span.icon-niveau-Moyen-, 
#apercuSejour .fieldApercuNiveau span.icon-niveau-Moyen-{
    background-image: url(../img/icon-niveau-Moyen.png);
}
.item-detail-liste .niveau span.icon-niveau-Fort, 
.sejour .details .fieldDetails span.icon-niveau-Fort, 
#apercuSejour .fieldApercuNiveau span.icon-niveau-Fort{
    background-image: url(../img/icon-niveau-Fort.png);
}
.item-detail-liste .niveau span.icon-niveau-Sportif, 
.sejour .details .fieldDetails span.icon-niveau-Sportif, 
#apercuSejour .fieldApercuNiveau span.icon-niveau-Sportif{
    background-image: url(../img/icon-niveau-Sportif.png);
}*/
/*******************************************************************************
********************************************************************************
*** SEJOUR MIS EN AVANT SUR LISTE SEJOURS
********************************************************************************
*******************************************************************************/
/*#sejour-mis-en-avant{
    position: absolute;
    top: 415px;
    width: 100%;
    margin: 0;
    left: 0;
}*/
#sejour-mis-en-avant{
  position: relative;
  /*width: 100%;*/
  /*margin-top: 50px;
  margin-bottom: 60px;
  background-color: #d8a158;*/
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}


#sejour-mis-en-avant ul.sejours {
  position: relative;
  margin-top: 50px;
  margin-bottom: 60px;
  background-color: #d8a158;
  padding:0 15px;
}
#sejour-mis-en-avant ul.sejours li:first-of-type {
	margin-top:50px!important;
}
#sejour-mis-en-avant ul.sejours li:first-of-type:before {
  content: 'Notre séjour à découvrir';	
  color: #fff;
  font-size: 2em;
  padding: 25px 25px 0px;
  display: block;
  position:absolute;
  top:-60px; left:-15px;
}


#sejour-mis-en-avant .main-container{
  max-width: 1015px;
}
#sejour-mis-en-avant .single-item .item-img{
  background-image: none !important;
  background-color: transparent;
  width: 30% !important;
}
#sejour-mis-en-avant .is-list .single-item .item-desc {
  margin-left: 30% !important;
}
#sejour-mis-en-avant .product-grid .single-item .item-desc{
  background: transparent;
}
#sejour-mis-en-avant .single-item.sejour{
  box-shadow: none;
}
#sejour-mis-en-avant .is-list .single-item .item-img .img-activite-big,
#sejour-mis-en-avant .is-list .single-item .item-img .img-montagne-liste{
  display: none;
}
#sejour-mis-en-avant .main-container .row:first-of-type{
  /*    background: url(../img/bgSejourMisEnAvant.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;*/
}
#sejour-mis-en-avant .is-list ul.sejours{
  /*background: url(../img/bgSejourMisEnAvant.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;*/
  /*margin-bottom:0!important;*/
}
#sejour-mis-en-avant .is-list .single-item {
  max-height: 238px;
  min-height: 225px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
}
#sejour-mis-en-avant .wpb_content_element {
	margin-bottom:0;
}

#sejour-mis-en-avant .is-list .single-item .item-img .item-info-general-liste {
  /*    top: 25px;
      left: 25px;*/
  top: 18px;
  left: 18px;
  color: #d8a158;
}
#sejour-mis-en-avant .is-list .single-item .location {
  color: #d8a158;
}
#sejour-mis-en-avant .is-list .single-item .item-detail-liste {
  position: absolute;
  bottom: 35px;
  left: 5px;
  text-align: left;
}
#sejour-mis-en-avant .is-list .single-item .item-detail-liste .niveau{
  display: block;
  font-size: 1rem;
}
#sejour-mis-en-avant .is-list .single-item .item-detail-liste .conteneurNextDate{
  background: url(../img/icon-calendrier.png);
  background-repeat: no-repeat;
  padding-left: 28px;
  background-position:left bottom;
  line-height: 0.85;
}
#sejour-mis-en-avant .is-list .single-item .item-detail-liste .conteneurNextDate .nextDep{
  font-size: 0.75rem;
}
#sejour-mis-en-avant .is-list .single-item .item-detail-liste .conteneurNextDate .dateNextDep{
  color: #414042;
  display: block;
  font-size: 0.75rem;
}
#sejour-mis-en-avant .error-sejour{
  display: none;
}
/*******************************************************************************
********************************************************************************
*** RESPONSIVE
********************************************************************************
*******************************************************************************/
/*@media (min-width: 1200px) { body { background-color:pink!important; } } .col-lg-
@media (max-width: 1199px) { body { background-color:green!important; } } .col-md-
@media (max-width: 991px) { body { background-color:blue!important; } } .col-sm-
@media (max-width: 767px) { body { background-color:red!important; } } .col-xs-
@media (max-width: 481px) { body { background-color:grey!important; } } */



@media (max-width: 1525px) {
  #sejour-mis-en-avant{
    display: none;
  }
}

@media (min-width: 1400px) {
}

@media (max-width: 1199px) {
  .sejour #onglets .nav.nav-tabs li a {
    font-size:16px;
  }
  #onglets .tab-content {
    padding:50px 30px;
  }
}

@media (max-width: 991px) {
  #trieSejours{
    float: none;
    text-align:right;
    margin-top:15px;
  }
  #sejours-agence-mis-en-avant .columns-2 .single-item .item-img {
    width: 65%;
  }
  #sejours-agence-mis-en-avant .columns-2 .single-item .item-desc {
    margin-right: 65%;
  }
  #ficheSejour .info-hoteliers, #ficheSejour #conteneurMap, #ficheSejour #lesPLusDuSejour {
    display:none;
  }
  #lienHebergementSejour, #lienPrivatiserSejour, #lienInfosSuppSejour, #lienReseaux{
    font-size: 1.5rem;
    margin:0 5px;
  }
  #lienReseaux{
    border-top: 0;
  }
  #ficheSejour #colDOnglets {
    /*display:flex;*/
    margin-bottom:50px;
    justify-content: center;
  }
  #contentResa {
    margin-bottom:50px;
  }
  #ficheSejour #lienHebergementSejour span,
  #ficheSejour #lienReseaux span {
    display:none;
  }
  .conteneurTitreBandeau {
    padding-right:100px;
  }
  body.single-sejour #masthead {
    position:relative;
  }
  body.single-sejour main#primary {
    margin-top:0;
  }

  .sliderSejours .swiper-slide .sliderUnSejour-title p  {
    width:auto!important;
  }


}

@media (max-width: 768px) {
  ul.products[class*="columns-"] {
    display: block;
  }
  #sejours-agence-mis-en-avant ul.sejours .single-item{
    margin: 10px !important;
  }

  .agence .entry-header .location-agence .region{
    font-size: 2rem;
  }
  .agence .entry-header .location-agence .massif{
    font-size: 1.5rem;
  }
  .agence .entry-header .sloganAgence{
    display: none;
  }
  #lienHebergementSejour, #lienPrivatiserSejour, #lienInfosSuppSejour, #lienReseaux {
    font-size: 1.25rem;
  }
}

@media (max-width: 767px){


   .sliderSejours {
    padding-bottom:145px;
   }
   .swiper-button-prev, .swiper-button-next {
    display:none;
   }


  .sejour #onglets .nav.nav-tabs li a {
    border:2px solid #f3f3f3;
  }
  .sejour #onglets .nav-tabs > li > a.active, .sejour #onglets .nav-tabs > li > a:hover, .sejour #onglets .nav-tabs > li > a:focus {
    border:2px solid #ccc;
  }
  #onglets .nav-tabs > li {
    float: none;
    display: block;
    width: 100%;
  }
  .conteneur-carousel-sejour .accroche-carousel-sejour {
    height:inherit;
    margin-bottom:50px;
  }
}

@media (max-width: 575px){

    .sliderSejours .swiper-slide {
    height:560px;
  }

  #onglets .tab-content {
    padding: 40px 10px;
  }
  .conteneurTitreBandeau {
    padding-right:50px; padding-left:50px;
  }
  #ficheSejour #colDOnglets {
    flex-direction: column;
  }
  #lienHebergementSejour, #lienPrivatiserSejour, #lienInfosSuppSejour, #lienReseaux {
    margin:5px 0;
  }
  #lienReseaux {
    border-top: 2px solid #9dc85c;
  }
  .caption-sejour .prixSejourCaption p span {
    display:block;
  }
  body.single-sejour .breadcrumb-container li a {
    padding-left:0; padding-right:0;
  }
}

@media (max-width: 481px) {
    .sliderSejours .swiper-slide {
    height: 640px;
  }

  .conteneurDetails{
    display: none;
  }
    .conteneurTitreBandeau {
    padding-right:15px; padding-left:15px;
  }
  #contentSessions,
  #contentProgramme,
  #contentFichePratique,
  .conteneurDiaporama,
  .contentChapitreLibre {
    margin-left: 15px;
    margin-right: 15px;
  }

  .bandeauSejour .main-header {
    font-size: 2.5rem;
  }

  /*.agence .entry-header .location-agence .region{
    font-size: 1.5rem;
  }
  .agence .entry-header .location-agence .massif{
    font-size: 1.2rem;
  }
  .agence .entry-header .hoteliers{
    font-size: 1rem;
  }*/
  #primary .agence .entry-header {
    /*top: 85px;*/
    top:inherit;
    /*padding-top:20px;*/
  }
  /*.agence .entry-header .container {
    color: #477c9e;
  }*/
  #ficheSejour #lienVersOngletReserver{
    margin-bottom: 30px;
  }
  #ficheSejour .info-hoteliers{
    padding: initial;
  }
  #ficheSejour #onglets .tab-content .tab-pane ul{
    margin: 0 0 1.5em 1em;
  }
}
