/* --- bloc-carrousel-centre.css --- */

.section-carrousel-centre .bloc-fleche {position: relative; }

.carrousel-photos .section-carrousel-centre {padding-bottom:5rem; }
.carrousel-photos .section-carrousel-centre h2 {color: white; flex: 1; margin-top: 0;text-align: center;}
.section-carrousel-centre .slick-slide {aspect-ratio: 1/1; margin: 1rem;}
.section-carrousel-centre .slick-arrow {background-color: var(--couleur-secondaire); border-radius: .5rem; color: #fff; height: 3rem; width: 3rem; font-size: 2rem; display: flex; justify-content: center; align-items: center; text-decoration: none; transform: none; top: 0; bottom: auto;}
.section-carrousel-centre .slick-arrow:hover {background-color: var(--couleur-secondaire); color: #fff;}
.section-carrousel-centre .slick-next {right: 0; left: auto;}
.section-carrousel-centre .slick-prev {right: 4rem; left: auto;}
.section-carrousel-centre .slick-prev:focus, .section-carrousel-centre .slick-next:focus {outline: none;    background-color: var(--couleur-secondaire); color: #fff}

.section-carrousel-centre .slick-slide img {object-fit: cover; max-height: 100%;}

.section-carrousel-centre .slider-thumbnail a {display: flex; width: 100%; height: 100%; text-decoration: none;}

.section-carrousel-centre .slider-thumbnail a img {width: 100%; height: 100%;}

.section-carrousel-centre .carrousel-vignette { height: 100%; flex-direction: column; position: absolute;width: 100%; transition: all 230ms ease-in-out; justify-content: flex-end; }


.slick-carousel-centre .slick-slide .carousel-infos {height: max-content; color: #fff; background-color: rgba(0, 0, 0, 0.7); padding: 2rem;}
.slick-carousel-centre .slick-slide .carousel-infos h4 {margin: 0;}

@media (min-width: 1200px) {
    .section-carrousel-centre .bloc-fleche {  width: 5%; align-items: flex-end; }
}

/* --- bloc-carrousel-logo.css --- */
.bloc-carrousel-logo {flex-direction: column;}
.bloc-carrousel-logo h2 {text-align: center;color: var(--couleur-texte);}
.carrousel-logo-intro {margin: 0;}

@media (min-width: 1100px) {
    .bloc-carrousel-logo {flex-direction: row;}
    .carrousel-logo-intro {width: 20%; max-width: 20%; margin: 0;}
    .slider-carrousel-logo {max-width: 80%; }
    .bloc-carrousel-logo h2 {text-align: left;}

}

/* --- bloc-defilement-voyages-horizontal.css --- */
.bloc-carrousel-defilement-stage { display: flex;}
.bloc-carrousel-defilement-stage .stage-container {   gap: 6rem;width: 100%; }
.bloc-carrousel-defilement-stage .stage-list {display: flex;flex-direction: column; gap: 1rem;}

.bloc-carrousel-defilement-stage .stage-details { position: relative;}
.bloc-carrousel-defilement-stage .stage-detail { display: none;animation: fadeIn 0.5s ease-in-out;}
.bloc-carrousel-defilement-stage .stage-detail.active { display: block;}
.bloc-carrousel-defilement-stage .stage-item { padding: 1rem;border-bottom:2px solid var(--couleur-principale); position:relative; cursor: pointer;font-size: 1.4rem}
.bloc-carrousel-defilement-stage .stage-item:last-child{border-bottom: 0px;}
.bloc-carrousel-defilement-stage .stage-item:hover,.bloc-carrousel-defilement-stage .stage-item.active {font-weight: 900;}
.bloc-carrousel-defilement-stage .stage-item:hover:after,.bloc-carrousel-defilement-stage .stage-item.active:after {content: ''; display: block; position: absolute; top: 50%; right: 5px; transform: translateY(-50%) rotate(210deg);  width: 0;height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent;border-left: 12px solid var(--couleur-principale); transition: opacity 0.3s ease, transform 0.3s ease;}


.bloc-carrousel-defilement-stage .stage-details .bloc-info-cartouche{display: flex;margin-top: 1rem;}
.bloc-carrousel-defilement-stage .stage-details .bloc-info-cartouche p{margin: 0;}
.bloc-carrousel-defilement-stage .stage-details .bloc-info-cartouche i{margin-right: 1rem;}
.bloc-carrousel-defilement-stage .stage-details .btn-cta{margin-top: 2rem;}

.bloc-carrousel-defilement-stage .stage-details .date p {margin-bottom: 2rem;}

.bloc-carrousel-defilement-stage .category-item .pieces-list { display: none;}
.bloc-carrousel-defilement-stage .category-item.active .pieces-list {   display: block;}
.bloc-carrousel-defilement-stage .stage-item {cursor: pointer;}
.bloc-carrousel-defilement-stage .stage-detail { display: none;}
.bloc-carrousel-defilement-stage .bloc-carrousel-defilement-stage .stage-detail.active { display: block;}
.bloc-carrousel-defilement-stage .category-item .category-title {position: relative; cursor: pointer;color:var(--couleur-secondaire); background-color: var(--couleur-principale); border-radius: var(--border-radius);padding: 1rem;  font-size: 1.8rem; font-weight: 900;}
.bloc-carrousel-defilement-stage .category-item.active .category-title{background-color: var(--couleur-secondaire);color: white;}
.bloc-carrousel-defilement-stage .category-item .category-title::after { content: '+'; display: block; position: absolute; top: 20%; right: 10px;color: var(--couleur-secondaire); }
.bloc-carrousel-defilement-stage .category-item.active .category-title::after {content:'-'; color:white;  }

.bloc-carrousel-defilement-stage .stage-detail h3 { margin-bottom: 0; font-weight: bold; font-size: 3rem;}

.bloc-carrousel-defilement-stage .accordion-content-details-voyage table{max-width:100%    width: auto;}

 .bloc-carrousel-defilement-stage .accordion-details-voyage{margin-top: 2rem;}
 .bloc-carrousel-defilement-stage    .accordion-item-details-voyage { border-bottom: 1px solid var(--couleur-principale);}
 .bloc-carrousel-defilement-stage    .accordion-item-details-voyage:last-child { border-bottom: none; }
.bloc-carrousel-defilement-stage     .accordion-header-details-voyage { font-weight:bold;border: none;padding: 1rem 0;text-align: left; outline: none; width: 100%;cursor: pointer;background-color: transparent;font-size: 1.6rem;transition: all 0.3s ease;}
.bloc-carrousel-defilement-stage   .accordion-content-details-voyage {display: none;overflow: hidden;transition: opacity 0.4s ease, padding 0.4s ease;}
.bloc-carrousel-defilement-stage  .accordion-content-details-voyage.active {display: block;}
 .bloc-carrousel-defilement-stage    .accordion-item-details-voyage .accordion-icon{float: right;transition: transform 0.3s ease;}

.bloc-carrousel-defilement-stage .stage-container .nom_mois{ background-color: var(--couleur-secondaire);color: white; border-radius: var(--border-radius); padding: 0.5rem 1rem; text-transform: capitalize; margin: 0;}


@media (min-width: 768px) {
    .bloc-carrousel-defilement-stage .stage-item:hover:after,.bloc-carrousel-defilement-stage .stage-item.active:after {transform: translateY(-50%);}
}

@media (min-width: 1000px) {
    .bloc-carrousel-defilement-stage .stage-container { display: grid; grid-template-columns: 1fr 2fr;}
    .bloc-carrousel-defilement-stage .stage-details {padding-left: 6rem;border-left: 8px solid var(--couleur-principale);}
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* --- bloc-programme-th.css --- */
.bloc-liste-programmee {  background-color: white; padding: 2rem; border-radius: var(--border-radius);}
.bloc-liste-programmee .affichage-stage {display: flex; flex-direction: column; column-gap: 2rem; padding: 3rem 0; margin-bottom: 3rem; border-bottom: 1px solid var(--couleur-principale);}
.bloc-liste-programmee .affichage-stage:last-child{border-bottom: 0;}
.bloc-liste-programmee .affichage-stage .infos-voyage{flex: 1;}
.bloc-liste-programmee .affichage-stage .affiche-voyage {width: 100%; }
.bloc-liste-programmee .affichage-stage .affiche-voyage a {margin: 0 auto; display: block; }

.bloc-liste-programmee .affichage-stage .statut-voyage a{color: white;  padding: 1rem 2rem;  font-size: 1.6rem; font-weight: bold; border-radius: var(--border-radius); position: relative;}
.bloc-liste-programmee .affichage-stage .statut-voyage a::before {font-family: "Font Awesome 5 Free"; font-weight: 900;  content: "";margin-right: 5px;}

.bloc-liste-programmee .affichage-stage .statut-voyage.reservable a{background-color: var(--couleur-principale);}
.bloc-liste-programmee .affichage-stage .statut-voyage.prochainement a{background-color: var(--couleur-principale);}
.bloc-liste-programmee .affichage-stage .statut-voyage.termine a {background-color: transparent; color: var(--couleur-secondaire);}
.bloc-liste-programmee .affichage-stage .statut-voyage.reservable a::before { content: "\f00c";}
.bloc-liste-programmee .affichage-stage .statut-voyage.prochainement a::before { content: "\f073";}
.bloc-liste-programmee .affichage-stage .statut-voyage.termine a::before {content: "\f00d";}

.bloc-liste-programmee .affichage-stage img {object-fit: contain; height: 30rem; margin: auto;}

.bloc-liste-programmee .accordion-details-voyage{margin-top: 2rem;}
.bloc-liste-programmee    .accordion-item-details-voyage { border-bottom: 1px solid var(--couleur-principale);}
.bloc-liste-programmee   .accordion-item-details-voyage:last-child { border-bottom: none; }
.bloc-liste-programmee   .accordion-header-details-voyage { border: none;padding: 1rem 0;text-align: left; outline: none; width: 100%;cursor: pointer;background-color: transparent;font-size: 1.6rem;}
.bloc-liste-programmee .accordion-content-details-voyage {display: none;overflow: hidden;}
.bloc-liste-programmee  .accordion-content-details-voyage.active {display: block; }
.bloc-liste-programmee   .accordion-item-details-voyage .accordion-icon{float: right;}


@media (min-width: 1000px) {
    .bloc-liste-programmee {padding: 3rem 5rem;}
    .bloc-liste-programmee .affichage-stage {flex-direction: row; row-gap: 5rem; margin-bottom: 0;}
    .bloc-liste-programmee .affichage-stage .affiche-voyage {width: 25%; }
}


/* --- bloc-texte-galerie.css --- */
.container-bloc-texte-galerie {column-gap: 5rem; row-gap: 3rem;}
.container-bloc-texte-galerie .galerie-bloc-text {flex: 1;}
.container-bloc-texte-galerie .galerie-bloc-image {border-radius: var(--border-radius);}

@media (min-width: 768px) {
    .container-bloc-texte-galerie .slick-carousel-texte-image.slider-cover {height: 100%;}
    .container-bloc-texte-galerie .slick-carousel-texte-image.slider-cover .slick-list , .container-bloc-texte-galerie .slick-carousel-texte-image.slider-cover .slick-track {height: inherit;}
    .container-bloc-texte-galerie .slick-carousel-texte-image.slider-cover img {object-fit: cover;}

}
@media (min-width: 900px) {
}

@media (min-width: 1200px) {
}

/* --- bloc-texte-image.css --- */
.container-bloc-texte-image {padding: 2rem; column-gap: 5rem; row-gap: 3rem;}
.container-bloc-texte-image .bloc-text {padding: 0;}
.container-bloc-texte-image .background-image-texte-image {border-radius: var(--border-radius); height: 30rem;}



@media (min-width: 768px) {
    .container-bloc-texte-image .background-image-texte-image {height: 100%;}

}

@media (min-width: 1000px) {
    .container-bloc-texte-image .bloc-text {flex: 1;}

}


@media (min-width: 1400px) {
    .container-bloc-texte-image {padding: 5rem;}

}