/* --- bloc-accordeon.css --- */

.container-bloc-accordeon { display: flex; flex-direction: column}
.accordeon-toggle {display: block; width: 100%; border: none; padding: 2rem; cursor: pointer; text-align: left; }
.accordeon-toggle:after {content: ' +';float: right;}
.accordeon-toggle.open:after {content: ' -';}
.accordeon-content {display: none; overflow: hidden; padding: 2rem; }
.accordeon-content.collapsed { height: 0;padding: 0;border: none;}
.bloc-accordeon-intro {margin: 0 2rem 3rem;}

@media (min-width: 768px) {
    .bloc-accordeon-intro {max-width: 80rem; }
} 

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

.section-carrousel-picto {position: relative; margin-top: 3.5rem; margin-bottom: 4rem;}
.bloc-carrousel-picto {max-width: 100%;}


.section-carrousel-picto .slick-prev, .section-carrousel-picto .slick-next {display: none; height: auto; width: auto;}
.section-carrousel-picto .slick-prev::before, .section-carrousel-picto .slick-next::before {display: none;}
.section-carrousel-picto .slick-arrow img {width: 30px;}
.section-carrousel-picto .slick-slide img {height: 60px; max-width: 60px; object-fit: contain; margin: 20px auto 10px;}
.slick-carousel-picto .slick-track {min-height: 200px;}

.vignette-bg .realisation-thumbnail {height: 17rem;}

.bloc-post-sans-carrousel {display: flex; column-gap: 5rem; margin-left: auto; margin-right: auto; flex-direction: column; row-gap: 2rem;}
.bloc-post-sans-carrousel .carrousel-vignette {display: flex; flex-direction: column;}
.slick-carousel-post .slick-slide a {display: block; margin: auto;}

.slick-carousel-post .slick-slide a:focus-visible {outline: none !important;}
.bloc-carrousel {padding: 2rem 0;}
.carrousel-vignette.vignette-bg {border-radius: var(--border-radius); overflow: hidden; margin: .5rem 1rem;}
.slick-carousel-post img, .bloc-post-sans-carrousel img {width: 100%; height: 100%; object-fit: cover; margin-left: auto; margin-right: auto;}

.section-carrousel-post .slick-prev, .section-carrousel-post .slick-next {top: 0; position: absolute;display: block;}
.bloc-carrousel-actus .slick-prev, .bloc-carrousel-actus .slick-next {top: auto;}
.section-carrousel-post .slick-next:before, .section-carrousel-post .slick-prev:before {display: none;}
.section-carrousel-post .slick-next, .section-carrousel-post .slick-prev {top: auto; left: auto;}

.slick-carousel-texte-image h3 {border-radius: 25px; border: 2px solid var(--couleur-secondaire-light); color: var(--couleur-principale); font-size: 13px; font-weight: 400;}
.slick-carousel-texte-image {margin-bottom: 0 !important;}



.bloc-carrousel .bloc-fleche {display: none;}


.section-carrousel-post {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 4rem; position: relative;}
.slick-carousel-post {  flex: 1 1 auto; width: 100%;}


.bloc-carrousel-actus {position: relative;}


.bloc-carrousel h2 {text-align: center; margin-left: 2rem; margin-right: 2rem;}



.carrousel-voir-plus {display: none;}
.bloc-carrousel-actus .carrousel-voir-plus {margin-left: auto; display: block; padding: 0 2rem; text-decoration: underline; font-weight: 300; font-size: 1.4rem;}
.bloc-carrousel-actus .carrousel-voir-plus:hover {color: var(--couleur-secondaire);}


@media (min-width: 768px) {
    .section-carrousel-picto {margin-top: 5rem; margin-bottom: 0;}
    .bloc-carrousel {padding: 0;}
    .section-carrousel-post {margin-top: 5rem;}

    .bloc-carrousel-actus .bloc-fleche {width: 40%; top: -7rem;}
    .section-carrousel-post .slick-next {right: 45px;}
    .section-carrousel-post .slick-prev {right: 120px;}
    .bloc-carrousel-actus .section-carrousel-post .slick-next {bottom: -6rem;}
    .bloc-carrousel-actus .section-carrousel-post .slick-prev {bottom: -6rem;}

    .vignette-bg .realisation-thumbnail {height: 22rem;}

}


@media (min-width: 900px) {
    .bloc-post-sans-carrousel {flex-direction: row;}
}


@media (min-width: 1000px) {
.bloc-carrousel h2 {margin-left: auto; margin-right: auto; max-width: 80rem;}
.bloc-carrousel .bloc-fleche {flex: 0 0 auto; display: flex; width: 30%; justify-content: end; padding-right: 4rem; padding-left: 2rem;}
}



@media (min-width: 1200px) {

    
}





/* --- bloc-carrousel-avis-clients.css --- */

.slick-carousel-avis .slick-slide a {display: block; margin: auto;}
.slick-carousel-avis .slick-slide a:focus-visible {outline: none !important;}
.slick-carousel-avis .bloc-carrousel {border: 2px solid var(--couleur-secondaire);padding: 2rem;margin: 2rem;font-size: 1.5rem; height: inherit; border-radius: 1rem;}
.slick-carousel-avis .bloc-carrousel .entete-avis i {color: var(--couleur-secondaire)}
.slick-carousel-avis .bloc-carrousel .entete-avis {display: flex;justify-content: space-between; column-gap: 1rem; align-items: center; margin-bottom: 2rem;}
.slick-carousel-avis .bloc-carrousel .entete-avis .note { display: flex; gap: 0.2rem; }
.slick-carousel-avis .bloc-carrousel .date-avis {font-size: 1.1rem; margin-left: auto;}
.slick-carousel-avis .bloc-carrousel .texte-avis{margin-bottom: 2rem; max-width: 200px; overflow: auto; display: -webkit-box; -webkit-line-clamp: 3;  line-clamp: 3;  -webkit-box-orient: vertical;}


.section-carrousel-avis .slick-prev, .section-carrousel-avis .slick-next {  display: block; opacity: 1; padding: 2rem; border-radius: 10rem; font-size: 2rem; background-color: var(--couleur-secondaire);color: white;}
.section-carrousel-avis .slick-prev i, .section-carrousel-avis .slick-next i {color: #fff;}
.section-carrousel-avis .slick-prev:hover, .section-carrousel-avis .slick-next:hover {opacity: 1; background-color: rgb(255 231 170); color: var(--couleur-texte); transform: translate(0, -50%) scale(1.1);}
.section-carrousel-avis .slick-prev:hover i, .section-carrousel-avis .slick-next:hover i {color: var(--couleur-texte);}
.bloc-carrousel-actus .slick-prev, .bloc-carrousel-actus .slick-next {top: auto;}
.section-carrousel-avis .slick-next:before, .section-carrousel-avis .slick-prev:before {display: none;}
.section-carrousel-avis .slick-next, .section-carrousel-avis .slick-prev {top: auto; left: auto;}

.section-carrousel-avis .bloc-fleche-avis .container-fleche {display: none;}
.section-carrousel-avis .bloc-fleche-avis i{line-height: 0;margin: -6px;}

.section-carrousel-avis {width: 100%; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 4rem; position: relative; column-gap: 4rem;}

.bloc-carrousel-avis .slick-track {display: flex;}
.bloc-carrousel-avis {padding: 0 2rem;}
.bloc-carrousel-avis .slick-slide h3, .bloc-carrousel-avis .slick-slide p {color: #fff;}
.bloc-carrousel-avis .slick-slide h3 {margin: 2.5rem 2rem 1rem; font-size: 1.8rem;}
.bloc-carrousel-avis .slick-slide p {font-size: 1.4rem; margin: 1rem 2rem 0; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical;}
.bloc-carrousel-avis p.read-more {text-decoration: underline; opacity: .8; transition: inherit; margin-top: auto !important;}
.bloc-carrousel-avis .vignette-bg:hover p.read-more {opacity: 1;}
.section-carrousel-avis .slick-prev, .section-carrousel-avis .slick-next {position: static;}
.section-carrousel-avis .bloc-fleche-avis a:not(.slick-arrow):not(.btn-underline) {border: 2px solid var(--couleur-fond-light); border-radius: 2.5rem; padding: .8rem 1.5rem; font-weight: 400; width: 100%; text-align: center;}
.section-carrousel-avis .bloc-fleche-avis a:not(.slick-arrow):not(.btn-underline):hover {box-shadow: inset 35em 0 0 0 var(--couleur-principale); color: #fff; }
.section-carrousel-avis .bloc-fleche-avis .slick-arrow {margin: 2rem 1.5rem; display: flex; justify-content: center; align-items: center; width: max-content; aspect-ratio: 1 / 1;}
.section-carrousel-avis .bloc-fleche-avis .fleches {justify-content: space-between;}

.section-carrousel-avis .bloc-fleche-avis h2 {text-align: center !important;}

.section-carrousel-avis p.auteur-avis {display: none;}

@media (min-width: 768px) {
    .slick-carousel-avis  .bloc-carrousel .texte-avis{margin-bottom: 2rem;    max-width: none;}
    .section-carrousel-avis .bloc-fleche-avis {margin: 0 2rem; flex-direction: column; width: 100%;display: block;}
    .section-carrousel-avis {margin-top: 5rem;display: flex;}
    .bloc-carrousel-avis .bloc-fleche-avis .fleches {justify-content:flex-end;}
    .section-carrousel-avis .bloc-fleche-avis a:not(.slick-arrow):not(.btn-underline) {width: max-content;}
    .slick-carousel-avis  .bloc-carrousel { max-width: 400px;}
    .slick-carousel-avis {  flex: 1 1 auto; width: 100%;}
    .section-carrousel-avis .bloc-fleche-avis .container-fleche {display: flex;flex-direction: row-reverse;}
    .section-carrousel-avis .bloc-fleche-avis h2{text-align: right !important;}
    .section-carrousel-avis h2 {font-size: 2.5rem !important;}
}


@media (min-width: 1000px) {
    .section-carrousel-avis { column-gap: 8rem;}
    .bloc-carrousel-avis .slick-slide p {margin: 1rem 4rem;}
    .bloc-carrousel-avis .slick-slide h3 {margin: 2.5rem 4rem 1rem;}
    .bloc-carrousel-avis .bloc-fleche-avis {padding-right: 4rem; padding-left: 2rem; align-items: flex-end;}
    .section-carrousel-avis .bloc-fleche-avis {margin: 0; flex: 0 0 auto; width: 40%;}
    .bloc-carrousel-avis .bloc-fleche-avis * {text-align: right;}
    .section-carrousel-avis .slick-carousel-avis {width: 60%;}
    .section-carrousel-avis h2 {font-size: 3rem !important;}
}



@media (min-width: 1200px) {
    .section-carrousel-avis .bloc-fleche-avis {width: 32%;}
    .section-carrousel-avis .slick-carousel-avis {width: 68%;}
    .bloc-carrousel-avis {padding: 0;}
}


@media (min-width: 1700px) {
    .section-carrousel-avis .bloc-fleche-avis {width: 20%; }
    .section-carrousel-avis .slick-carousel-avis {width: 80%;}
}


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

/*.slick-carousel-centre .slick-track {display: flex;}*/

.section-chronologie.section-carrousel-centre .slick-carousel-centre .slick-slide .slide-num {display: none;}
.section-chronologie.section-carrousel-centre .slick-carousel-centre .slick-slide h3 {font-weight: 800; font-size: 3rem;}




.section-carrousel-centre {display: flex;justify-content: space-between; align-items: center; position: relative; flex-direction: column;}
.section-carrousel-centre .bloc-fleche {display: flex;}
.section-carrousel-centre .bloc-fleche a {display: none !important;top: 50%; z-index: 1;}
.section-carrousel-centre h2 {font-size: 2rem; padding: 0 20px 15px;}

.section-carrousel-centre .slick-track {display: flex;}
.section-carrousel-centre .slick-slide {height: inherit; margin: 1rem 2rem; display: flex; flex-direction: column; overflow: hidden;}
.section-carrousel-centre .slick-slide img {width: 100%; object-fit: contain; max-height: 8.5rem;}

.section-carrousel-centre .slick-prev {display: block;}
.section-carrousel-centre .slick-next{left: -55px;}
.section-carrousel-centre .slick-next:hover {opacity: 1;}
.section-carrousel-centre .slick-next:before, .section-carrousel-centre .slick-prev:before{display: none;}
.section-carrousel-centre .slick-next, .section-carrousel-centre .slick-prev {position: absolute; bottom: 0; left: auto; top: auto;}


.slick-carousel-centre{  flex: 1 1 auto; width: 100%;}

.section-chronologie .fleche-chrono { top: 50%; z-index: 1; text-shadow: -5px 0 #f2f2f2, 0 5px #f2f2f2, 5px 0 #f2f2f2, 0 -5px #f2f2f2;}

.pilierhome .slick-carousel-centre .slick-slide .slide-num {
  display: none;
}
.pilierhome .annee{
  font-size: inherit;
  color: #000;
  font-weight: 700;
  margin-right: 8px;
}

.section-carrousel-centre .carrousel-vignette{ border-radius: var(--border-radius);height: 100%; flex-direction: column;}


.container-chronologie{position: relative;}


@media (min-width: 768px) {
    .section-carrousel-centre.section-chronologie {position: relative;}
    .section-carrousel-centre.section-chronologie::before {content: ''; height: 2px; width: 100%; left: 0; background-color: var(--couleur-secondaire); position: absolute; display: block; top: calc(50% + 2px); opacity: .3;}
    .slick-carousel-centre .slick-slide .vignette-piliers  {width: 47rem; padding: 2rem 3.5rem 2.5rem; }
    .section-chronologie.section-carrousel-centre .slick-carousel-centre .slick-slide .vignette-piliers {width: 35rem;}
    .slick-carousel-centre .slick-slide img {max-width: 100%; max-height: 100%;}
    .slick-carousel-centre .slick-slide p {font-size: 1.4rem;}
    .slick-carousel-centre .slick-slide .carousel-infos {flex: 1;}
    .section-carrousel-centre .slick-next, .section-carrousel-centre .slick-prev {bottom: -3rem;}
/*    .section-carrousel-centre .slick-next {right: 45px;}*/
    .section-carrousel-centre .slick-prev {left: -20px;}
    .slick-carousel-centre .slick-slide .vignette-piliers .slider-thumbnail {width: 25%;}
/*    .section-carrousel-centre.section-chronologie .fleche-chrono.slick-prev {left: 2rem; right: auto;}
    .section-carrousel-centre.section-chronologie .fleche-chrono.slick-next {left: auto; right: 2rem;}*/

}

@media (min-width: 1000px) {
    .section-chronologie .fleche-chrono {display: block;}
    .section-carrousel-centre.section-chronologie {padding-left: 6rem; padding-right: 6rem;}
    .section-carrousel-centre .bloc-fleche a {display: block !important;}
}

@media (min-width: 1200px) {
    .section-carrousel-centre .bloc-fleche {width: 35%; align-items: flex-end;}
    .section-chronologie.section-carrousel-centre .bloc-fleche {display: none !important;}

}







/* --- bloc-carrousel-logo.css --- */
.slick-carousel-logo .slick-track {display: flex;}
.slick-carousel-logo .slick-slide {margin: 0 20px; display: flex;  height: inherit;padding: 1rem 5px; justify-content: center;align-items: center; flex-direction: column;}
.slick-carousel-logo .slick-slide img {max-width: 18rem;  max-height: 7rem; margin: auto; height: 100%; width: 100%; object-fit: contain;}
.slick-carousel-logo .slick-slide p {text-align: center;}
.slick-carousel-logo .slick-slide a {flex-direction: column; height: 100% ; width: 100%;}
.bloc-carrousel-logo {padding: 2rem 2rem;}
.main-container .bloc-carrousel-logo {padding: 4rem 2rem;}
.bloc-carrousel-logo h2 {margin-top: 0;}
.section-carrousel-logo {position: relative;}
.section-carrousel-logo .slick-prev, .section-carrousel-logo .slick-next {display: none;}
.section-carrousel-logo .slick-prev::before, .section-carrousel-logo .slick-next::before {display: none;}
.bloc-carrousel-logo .btn-cta {margin: 3.5rem auto 0; background-color: var(--couleur-secondaire); }
.carrousel-logo-txt { margin-bottom: 3.5rem;}
.carrousel-logo-intro {margin: 0 2rem 4rem;}
.bloc-carrousel-logo.border-radius {border-radius: var(--border-radius);}
.bloc-temoignage-intro {margin-bottom: 2rem;}
.bloc-temoignage-carrousel {position: relative;}

@media (min-width: 768px) {
    .section-carrousel-logo .slick-prev, .section-carrousel-logo .slick-next {top: calc(50% - 8px); display: block; bottom: 6.5rem;}
    /*.bloc-carrousel.logo-partenaires-clients:not(.main-container) .slick-prev {left: calc(50% - 60px);}*/
    /*.bloc-carrousel.logo-partenaires-clients:not(.main-container) .section-carrousel-logo .slick-next {right: calc(50% - 60px);}*/
    .bloc-carrousel.logo-partenaires-clients:not(.main-container) .slick-prev, .bloc-carrousel.logo-partenaires-clients:not(.main-container) .section-carrousel-logo .slick-next {top: 4rem;}
    .carrousel-logo-txt {margin-bottom: 5rem;}
    .bloc-carrousel-logo .btn-cta {max-width: max-content; margin: 5.5rem auto 0;}
    .bloc-carrousel.logo-partenaires-clients:not(.main-container) .bloc-carrousel-logo .btn-cta {margin: 10rem auto 0;}
    .carrousel-logo-txt p {max-width: 80rem; margin-left: auto; margin-right: auto;}
    .main-container .bloc-carrousel-logo {padding: 5rem 5rem;}
    .bloc-carrousel-logo {padding: 4rem 0;}
    .bloc-carrousel-logo:not(.main-container) .bloc-carrousel-logo {margin-left: 6rem; margin-right: 6rem;}
    .carrousel-logo-intro {max-width: 80rem; margin: 0 auto 4rem;}
    .bloc-temoignage-intro {margin-bottom: 3rem;}

}

/* --- bloc-carrousel-ltr.css --- */

.slick-carousel-post .slick-slide a {display: block; margin: auto;}

.slick-carousel-post .slick-slide a:focus-visible {outline: none !important;}
.bloc-carrousel>p {max-width: 800px; margin: 30px auto 60px; padding: 0 20px;}

.bloc-post-sans-carrousel img {width: 100%; height: 100%; object-fit: cover; margin-left: auto; margin-right: auto;}


.slick-carousel-texte-image {margin-bottom: 0 !important;}


.section-carrousel-post {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 4rem; position: relative;}
.slick-carousel-post {  flex: 1 1 auto; width: 100%;}


.bloc-carrousel-ltr .vignette-bg {width: 40rem; border-radius: var(--border-radius); overflow: hidden; background-color: var(--couleur-fond-light); margin: .5rem 1rem; display: flex; flex-direction: column; height: inherit;}
.bloc-carrousel-ltr .vignette-bg:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.bloc-carrousel-ltr .slick-track {display: flex;}

.bloc-carrousel-ltr .bloc-fleche {flex-direction: column; width: 100%; order: -1; margin-bottom: 3rem; margin-left: 3rem; margin-right: 3rem;}
.bloc-carrousel-ltr .bloc-fleche h2 {margin-top: 0; text-align: center; margin-bottom: 1rem;}
.bloc-carrousel-ltr .bloc-fleche .fleches {justify-content: space-between; display: none; margin-top: 2rem;}
.bloc-carrousel-ltr .bloc-fleche p {text-align: center;}

.bloc-carrousel-ltr .ltr-slider-thumbnail {height: 17rem; overflow: hidden;}
.bloc-carrousel-ltr .ltr-slider-thumbnail img {width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease-in-out;}
.bloc-carrousel-ltr .vignette-bg:hover .ltr-slider-thumbnail img {transform: scale(1.1);}



@media (min-width: 768px) {
    .bloc-carrousel-ltr .vignette-bg {margin: .5rem 2rem;}

}


@media (min-width: 1000px) {
    .bloc-carrousel-ltr .bloc-fleche {padding-left: 4rem; padding-right: 2rem; order: initial; margin-bottom: 0; margin-left: 0; margin-right: 0; width: 35%;}
    .bloc-carrousel-ltr .bloc-fleche * {text-align: left;}
    .bloc-carrousel-ltr .slick-carousel-post { width: 60%;}
    .bloc-carrousel-ltr .bloc-fleche h2, .bloc-carrousel-ltr .bloc-fleche p {text-align: left;}
    .bloc-carrousel-ltr .bloc-fleche .fleches {justify-content:flex-start; display: flex;}
}



@media (min-width: 1200px) {
    .bloc-carrousel-ltr .bloc-fleche {width: 32%;}
    .bloc-carrousel-ltr .bloc-fleche * {max-width: 26rem;}
    .bloc-carrousel-ltr .slick-carousel-post { width: 68%;}

}







/* --- bloc-carrousel-rtl.css --- */

.slick-carousel-post .slick-slide a {display: block; margin: auto;}
.slick-carousel-post .slick-slide a:focus-visible {outline: none !important;}
.bloc-carrousel {padding: 2rem 0;}
.bloc-carrousel>p {max-width: 800px; margin: 30px auto 60px; padding: 0 20px;}




.section-carrousel-post .slick-prev, .section-carrousel-post .slick-next {display: block; opacity: .7;}
.section-carrousel-post .slick-prev:hover, .section-carrousel-post .slick-next:hover {opacity: 1;}
.bloc-carrousel-actus .slick-prev, .bloc-carrousel-actus .slick-next {top: auto;}
.section-carrousel-post .slick-next:before, .section-carrousel-post .slick-prev:before {display: none;}
.section-carrousel-post .slick-next, .section-carrousel-post .slick-prev {top: auto; left: auto;}

.bloc-carrousel-rtl .bloc-fleche {margin-bottom: 3rem; flex-direction: column; width: 100%;}
.bloc-carrousel-rtl .bloc-fleche h2 {margin-top: 0; text-align: center; margin-bottom: 1rem;}
.bloc-carrousel-rtl .bloc-fleche p {text-align: center;}

.section-carrousel-post {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 4rem; position: relative;}
.slick-carousel-post {  flex: 1 1 auto; width: 100%;}

.bloc-carrousel-rtl .slick-track {display: flex;}
.bloc-carrousel-rtl .vignette-bg {border-radius: var(--border-radius); overflow: hidden; padding-bottom: 2rem; margin: 1rem 2rem; height: inherit; display: flex !important; flex-direction: column;}
.bloc-carrousel-rtl .vignette-bg:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.bloc-carrousel-rtl .slick-slide p:not(.read-more) {overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical;}
.bloc-carrousel-rtl p.read-more {opacity: .8; transition: inherit; margin-top: auto;}
.bloc-carrousel-rtl .vignette-bg:hover p.read-more {opacity: 1;}
.section-carrousel-post .slick-prev, .section-carrousel-post .slick-next {position: static;}

.section-carrousel-post .bloc-fleche .slick-arrow {margin: 2rem 1.5rem;}
.bloc-carrousel-rtl .bloc-fleche .fleches {justify-content: space-between; display: none; margin-top: 2rem;}

.bloc-carrousel-rtl .rtl-slider-thumbnail {height: 17rem; overflow: hidden;}
.bloc-carrousel-rtl .rtl-slider-thumbnail img {width: 100%; height: 100%; object-fit: cover; transition: all 300ms ease-in-out;}
.bloc-carrousel-rtl .vignette-bg:hover .rtl-slider-thumbnail img {transform: scale(1.1);}



@media (min-width: 768px) {
    .bloc-carrousel {padding: 0;}
    .section-carrousel-post {margin-top: 5rem;}
    .section-carrousel-post .bloc-fleche a:not(.slick-arrow):not(.btn-underline) {width: max-content;}
    .bloc-carrousel-rtl .rtl-slider-thumbnail {height: 22rem;}

}


@media (min-width: 1000px) {
    .bloc-carrousel-rtl .bloc-fleche {padding-right: 4rem; padding-left: 2rem; align-items: flex-end; margin-bottom: 0; margin: 0; flex: 0 0 auto; width: 35%;}
    .bloc-carrousel-rtl .bloc-fleche * {text-align: right;}
    .bloc-carrousel-rtl .slick-carousel-post {width: 65%;}
    .bloc-carrousel-rtl .bloc-fleche .fleches {justify-content:flex-end; display: flex;}
    .bloc-carrousel-rtl .bloc-fleche h2, .bloc-carrousel-rtl .bloc-fleche p {text-align: right;}
}



@media (min-width: 1200px) {
    .bloc-carrousel-rtl .bloc-fleche {width: 32%;}
    .bloc-carrousel-rtl .slick-carousel-post {width: 68%;}
    .bloc-carrousel-rtl .bloc-fleche * {max-width: 26rem;}
    
}


@media (min-width: 1700px) {
    .section-carrousel-post .bloc-fleche {width: 35%; }
    .section-carrousel-post .slick-carousel-post {width: 65%;}
}


/* --- bloc-carte-openstreetmap.css --- */
.carte-openstreetmap{width: 100%; z-index: 0;}
.leaflet-popup-content {font-size: 1.5rem; font-weight: 400;}
.bloc-carte-intro {margin: 0 2rem 3rem;}

@media (min-width: 768px) {
    .bloc-carte-intro {max-width: 80rem; margin: 4rem auto 5rem;}
}

/* --- bloc-compteurs.css --- */
.container-bloc-compteurs {justify-content: center; column-gap: 12rem;}
.container-bloc-compteurs.border-radius {border-radius: var(--border-radius);}
.compteur-item { text-align: center; margin: 20px; width: 100%;}
/*.circle-progress { width: 120px; height: 120px;background-color: grey;border-radius: 50%;position: relative; display: flex;align-items: center; justify-content: center;}*/
.compteur-nombre, .unite-nombre { font-size: 5em; font-weight: 800;}
.compteur-intitule {margin-top: 5px; font-size: 18px;}
.bloc-compteur-intro {margin: 0 2rem 3rem;}


/******Compteur cercle******/
/*.circle-progress { width: 120px; height: 120px;background-color: grey;border-radius: 50%;position: relative; display: flex;align-items: center; justify-content: center;}
.circle-progress:before { content: '';position: absolute;width: 100%; height: 100%;border-radius: 50%;border: 10px solid transparent; border-top-color: red;transform: rotate(-90deg); transform-origin: center;animation: none;}
*/
/*.compteur-intitule {margin-top: 10rem;}*/

@media (min-width: 768px) {
    .compteur-item {width: max-content; flex: 1;}
    .compteur-nombre, .unite-nombre { font-size: 4rem;}
    .container-bloc-compteurs .bloc-compteur {padding: 3rem 5rem;}
    .compteur-intitule {max-width: 30rem; margin-left: auto; margin-right: auto;}
    .bloc-compteur-intro  {max-width: 80rem; margin: 4rem auto 2rem;}
}

/* --- bloc-entete.css --- */

.section-entete {height: 60vh; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative;}
.entete-container {width: 100%; padding-left: 2rem; padding-right: 2rem; position: relative; z-index: 1; }
.section-entete.entete-center {align-items: center;}
.section-entete:not(.entete-center) {align-items: flex-end; padding-bottom: 3rem;}
.section-entete.entete-center .entete-container {margin-left: auto; margin-right: auto; text-align: center; max-width: 80rem;}
.section-entete.entete-center .entete-container .btn-cta {margin-left: auto; margin-right: auto;}
.section-entete h1 {font-size: 3rem; margin-top: 0;}
.section-entete.entete-center .entete-container img {display:inline;}
@media (min-width: 768px) {
    .section-entete {min-height: 52rem;}
    .entete-container {padding-left: 5rem; padding-right: 5rem; }
    .section-entete h1 {font-size: 5rem;}
    .section-entete:not(.entete-center) {padding-bottom: 6rem;}
    }
    
@media (min-width: 1000px) {
    .section-entete:not(.entete-center) h2, .section-entete:not(.entete-center) h1 {max-width: 60%;}
    }

/* --- bloc-equipes.css --- */
.section-equipe {width: 100%; row-gap: 20px; justify-content: center; column-gap: 20px;}
.section-equipe h2 {text-align: center; width: 100%;}
.section-equipe .equipe-item {width: calc(50% - 10px); text-align: center;}
.section-equipe .equipe-item img {width: 150px; margin: auto;}
.section-equipe .equipe-item h3 {margin-bottom: 10px;}
.section-equipe .equipe-item p {margin-top: 10px;}

@media (min-width: 768px) { 
    .section-equipe .equipe-item {width: calc(33% - 18px);}
    .section-equipe {column-gap: 30px; row-gap: 40px;}
}

@media (min-width: 1000px) {
    .section-equipe .equipe-item { width: calc(25% - 45px);}
    .section-equipe {column-gap: 60px;}
}

/* --- bloc-galerie-photos.css --- */
.section-galerie .grid-item a {overflow: hidden;}
.section-galerie .grid-item img { width: 100%; display: block;}


/* --- bloc-grille-article.css --- */
.bloc-grille-article .liste-articles {column-gap: 3rem; row-gap: 2rem;}
.bloc-grille-article .element-item {overflow: hidden;}
.bloc-grille-article .element-item.border-radius {border-radius: var(--border-radius);}
.bloc-grille-article .element-item .post-thumbnail {overflow: hidden; height: 20rem; background-color: var(--couleur-secondaire-light);}
.bloc-grille-article .element-item img {width: 100%; height: 100%; object-fit: cover; transition: all 500ms ease-in-out; max-height: 20rem;}
.bloc-grille-article .element-item .post-content {padding: 2rem 2.5rem 2.5rem; flex-direction: column;}
.bloc-grille-article .element-item h2 {font-size: 1.8rem; line-height: normal; font-weight: 600; margin-top: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;   -webkit-box-orient: vertical;}
.bloc-grille-article .element-item .categories {margin-top: 8px;}
.bloc-grille-article .element-item .post-resume {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}


.bloc-grille-article .element-item:hover .category {background-color: var(--couleur-secondaire);}
.bloc-grille-article .element-item:hover img {transform: scale(1.2);}

.grille-article-intro {margin: 0 2rem 4rem;}

@media (min-width: 768px) {
    .bloc-grille-article .element-item img {max-height: 35rem;}
    .bloc-grille-article .element-item { width: calc((100% - 60px) / 2) !important; }
    .grille-article-intro {margin: 0 2rem 5rem; max-width: 80rem; margin-left: auto; margin-right: auto;}
    }

@media (min-width: 1000px) {
    .bloc-grille-article .element-item { width: calc((100% - 60px) / 3) !important; }
    .bloc-grille-article .post-content {min-height: 20rem;}
    .bloc-grille-article .categories {margin-top: auto;}
    .bloc-grille-article .liste-articles {row-gap: 3rem;}

}



/* --- bloc-grille-isotope.css --- */
.section-grille-isotope .element-item {width: 100%;}
.section-grille-isotope .element-item:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px;}
.section-grille-isotope .element-item .post-thumbnail {overflow: hidden; height: 14rem;}
.section-grille-isotope .element-item .post-thumbnail img {object-fit: cover; height: 100%; width: 100%; transition: all 500ms ease-in-out;}
.section-grille-isotope .element-item:hover .post-thumbnail img {transform: scale(1.2);}
.section-grille-isotope .element-item .post-content {flex-direction: column; padding: 2rem;}
.section-grille-isotope .bloc-filtre-cas .btn-filtre-cas {font-size: 1.4rem; padding: 4px 12px; cursor: pointer; transition: all 250ms ease-in-out;}
.section-grille-isotope .element-item .categories {column-gap: 1.5rem; margin-top: 1.5rem;}
.section-grille-isotope .element-item .category {margin: 3px 0; opacity: .7; transition: all 250ms ease-in-out;}


@media (min-width: 768px) {
    .section-grille-isotope .element-item {width: calc((100% - 60px) / 2) !important; margin-top: 0; margin-bottom: 1rem;}
    .section-grille-isotope .element-item .post-thumbnail {height: 22rem;}
    .section-grille-isotope .bloc-filtre-cas {margin: 8rem 0 5.5rem; column-gap: 25px; row-gap: 1rem;  justify-content: center;}
}

@media (min-width: 1000px) {
    .section-grille-isotope .element-item {width: calc((100% - 60px) / 3) !important; }
    .bloc-isotope-intro { max-width: 80rem; margin: 4rem auto 4rem; }
}

/* --- bloc-hotspot.css --- */

.section-hotspot {position: relative; background-color: #fff; padding: 3rem 2rem;}
.section-hotspot .bloc-left {border-radius: 0; margin-bottom: 30px; flex-direction: column;}
.section-hotspot h2 {margin: 0 0 15px;}

.bloc-hotspot .points-interet {position: absolute;top: 0; width: 100%;height: 100%;z-index: 999;max-width: 520px;}

.bloc-hotspot .point-interet.general {position: absolute; width: 2.6rem; height: 2.6rem; cursor: pointer; pointer-events: auto; border: 2px solid #fff; border-radius: 100%; }
.bloc-hotspot .point-interet.general::after {top: 4px; left: 4px; width: 14px; height: 14px; position: absolute; background-color: #fff; border-radius: 50%; animation: 2s pulse 300ms infinite;content: "+";font-weight: bold; display: flex; justify-content: center; color: #fff;}

.bloc-hotspot .point-interet.info {position: absolute; width: 2rem; height: 2rem; cursor: pointer; pointer-events: auto; border: 2px solid #fff; background-color: #fff;transform: translate(-70px, -8px); }
.bloc-hotspot .point-interet.info::after {top: -3px; left: -3px; width: 2.2rem; height: 2.2rem; position: absolute; animation: 2s pulse 300ms infinite; content: url(https://ellona.iwegodev.fr/wp-content/uploads/2024/06/motif-logo-ellona.svg); border-radius: 2px;}

.bloc-hotspot .point-interet.danger {position: absolute; width: 2.6rem; height: 2.6rem; cursor: pointer; pointer-events: auto; border: 2px solid rgb(192, 51, 51); border-radius: 100%; }
.bloc-hotspot .point-interet.danger::after {top: 4px; left: 4px; width: 14px; height: 14px; position: absolute; background-color: rgb(192, 51, 51); border-radius: 50%; animation: 2s pulse 300ms infinite;content: "+";font-weight: bold; display: flex; justify-content: center; color: #fff;}


.bloc-hotspot .point-interet:first-of-type::after { animation: 2s pulse 0ms infinite;}
.bloc-hotspot .point-interet:last-of-type::after { animation: 2s pulse 600ms infinite;}
.bloc-slider-hotspot {margin-bottom:  0 !important;}
.bloc-slider-hotspot .slick-track {display: flex;}

.bloc-hotspot-img {margin: auto;}
.bloc-hotspot-img img {object-fit: contain; height: 200px; }
/*.section-hotspot .bloc-right, .section-hotspot .bloc-right .slick-list {overflow: visible;}*/
.section-hotspot .bloc-right:not(.bloc-text), .section-hotspot .bloc-left:not(.bloc-text) {max-height: 100%;}
.section-hotspot .slick-list {overflow: visible;}

#dots-carrousel-hotspots .slick-dots {text-align: left; position: inherit;}
#dots-carrousel-hotspots .slick-dots li {width: initial; height: initial;}
#dots-carrousel-hotspots .slick-dots li button::before{opacity: 1; font-family: inherit; content: "Vue "; background:transparent; position:inherit; width:inherit; line-height:initial; color: var(--couleur-principale) !important; text-transform: uppercase;  }
#dots-carrousel-hotspots .slick-dots li button{display: block;  font-size: 12px; color: var(--couleur-principale);  height: initial; width: initial; padding: 0.5rem 1rem; border:2px solid var(--couleur-secondaire-light); border-radius: var(--border-radius);}
#dots-carrousel-hotspots .slick-dots li.slick-active button {background-color: var(--couleur-secondaire-light);}

.point-interet-txt h3 {margin: 0 0 8px; font-size: 1.6rem}
.point-interet-txt p {font-size: 14px; margin: 0;}
/*.point-interet-txt a {border: 1px solid var(--couleur-principale); background-color: var(--couleur-principale); font-size: 14px; display: inline-block; padding: 5px 10px; margin-top: 15px;}*/
/*.point-interet-txt a:hover {background-color: #fff; color: var(--couleur-secondaire);}*/


.description-point .toggle-full-text-hotspot{cursor: pointer;font-size: 1.5rem;display: inline-block;position: relative;vertical-align: middle; transition: font-weight 0.3s ease; }
.description-point .excerpt-hotspot{display: inline;font-size:1.2rem;}
.description-point .full-text-hotspot p{display: inline;font-size:1.2rem;}
.description-point .toggle-full-text-hotspot:hover{font-weight: bold;}


.point-interet-txt .lexique-term {font-size: 1.2rem;}
.point-interet-txt .lexique-term .lexique-tooltip {background: #fff; color: var(--couleur-principale); }
.lexique-tooltip a {color: var(--couleur-principale);text-decoration: none;}



@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.bloc-hotspot .point-interet-info { display: none; position: absolute; background-color: var(--couleur-secondaire-light); width: 250px; color: var(--couleur-principale); transform: translateX(calc(-50% + 10px)); margin-top: 10px;z-index: 999; border-radius: var(--border-radius) ;max-height: 300px !important;overflow-y: auto;}
.bloc-hotspot .point-interet-img {margin-bottom: 0;}
.bloc-hotspot .point-interet-img img {height: 175px; width: 100%; object-fit: cover;}
.bloc-hotspot .point-interet-txt {padding: 20px 25px;}
.bloc-hotspot .point-interet-info ul {padding-left: 2rem;}


@media (max-width: 768px) {

.bloc-hotspot .point-interet-info{left: 25px !important;transform: none;top: 0 !important;position: fixed; top:initial;}
.bloc-hotspot .point-interet-img img{height: 100px;}
.bloc-slider-hotspot {padding: 0;}

}


@media (min-width: 768px) {
	.section-hotspot {padding: 50px 40px; }
	.section-hotspot h2 {font-size: 2.5rem; line-height: 3rem;}
	.bloc-hotspot-img { max-width: max-content; height: 100%;}
	.bloc-hotspot-img img { height: 420px; }
	.bloc-slider-hotspot .bloc-hotspot {height: inherit;}
	.infographie-dechets .bloc-hotspot .point-interet-info {width: 45rem;}
	.section-hotspot .slick-list {overflow: hidden;}
	.bloc-hotspot .point-interet.info {width: 28px;height: 28px; transform: none; }
	.bloc-hotspot .point-interet.info::after {top: -3px; left: -3px; width: 30px; height: 30px;}
	.bloc-hotspot .point-interet.general {width: 28px;height: 28px; transform: none; }
	.bloc-hotspot .point-interet.general::after {top: 3px; left: 3px; width: 18px; height: 18px; background-color: #fff;}
	.bloc-hotspot .point-interet.danger {width: 28px;height: 28px; transform: none; }
	.bloc-hotspot .point-interet.danger::after {top: 3px; left: 3px; width: 18px; height: 18px; background-color: rgb(192, 51, 51); color: rgb(192, 51, 51);}


}

@media (min-width: 900px) {
	.section-hotspot {min-height: 30rem;}
	.section-hotspot .bloc-left {width:40%; margin-bottom: 0;}
	/*.section-hotspot .bloc-right {position: absolute; right: -40px; width: 60%; top: 0;}*/
	.section-hotspot .bloc-right:not(.bloc-text), .section-hotspot .bloc-left:not(.bloc-text) {max-height: none;}

}

@media (min-width: 1100px) {
	/*.section-hotspot .bloc-right {top: -25px; right: -70px;}*/
	.section-hotspot {column-gap: 6rem;}
	.section-hotspot .bloc-right .bloc-hotspot, .section-hotspot .bloc-right .slick-track, .section-hotspot .bloc-right .slick-list, .section-hotspot .bloc-right .bloc-slider-hotspot {height: 100%; max-height: 100%;}
	.section-hotspot .bloc-left, .section-hotspot .bloc-right {width: calc(50% - 30px);}
	.section-hotspot.border-radius {border-radius: var(--border-radius); }
}


/* --- bloc-liste-numerote.css --- */

.bloc-liste-numerote .liste-numerote { display: flex;flex-direction: column;}
.bloc-liste-numerote .ligne { display: flex;}
.bloc-liste-numerote .ligne:nth-child(even) .texte{justify-content: flex-end;text-align: right;}
.bloc-liste-numerote .ligne:nth-child(even) .numero{justify-content: flex-start;}
.bloc-liste-numerote .liste-numerote .ligne .colonne:first-child{border-right: 1px solid #00A99A;}
.bloc-liste-numerote .texte { display: flex; justify-content: flex-start; align-items: center;}
.bloc-liste-numerote .colonne {flex: 1;padding: 2rem 0;}
.bloc-liste-numerote .numero { display: flex;justify-content: flex-end;  align-items: center;}
.bloc-liste-numerote .ligne:nth-child(even) .texte .texte-content{margin-right: 2rem;}
.bloc-liste-numerote .ligne:nth-child(odd) .texte .texte-content{margin-left: 2rem;}
.bloc-liste-numerote .case-nombre {width: 10rem; height: 10rem;display: flex;justify-content: center; align-items: center;font-size: 4rem;}
.bloc-liste-numerote .case-nombre .nombre {position: relative;  z-index: 1; color: white;  font-size: 4rem;  font-weight: bold; text-align: center;}


.animate-background-left .number {
  color: white;
  font-size: 30px;
  opacity: 0;
  animation: show-number 0.4s forwards;
    animation-delay: 0s;
  animation-delay: 1s;
}
.animate-background-left .case-nombre {
  background: linear-gradient(90deg, transparent 50%, #00A99A 50%);
    background-size: auto;
  background-size: 200% 100%;
  position: relative;
  opacity: 0;
  transition: opacity 0.4s ease-out;
  float: right;
}
.animate-background-left .case-nombre.active {
  opacity: 1;
  animation: fill-background-left 1s forwards;
}
.animate-background-right .case-nombre {
  background: linear-gradient(90deg, #00A99A 50%, transparent 50%);
    background-size: auto;
  background-size: 200% 100%;
  position: relative;
  opacity: 0;
  transition: opacity 0.4s ease-out;
  float: left;
}
.animate-background-right .case-nombre.active {
  opacity: 1;
  animation: fill-background-right 1s forwards;
}

@keyframes fill-background-left {
    0% {
        background-position: 0 0; /* Départ à gauche */
    }
    100% {
        background-position: 100% 0; /* Fin à droite */
    }
}

@keyframes fill-background-right {
    0% {
        background-position: 100% 0; /* Départ à droite */
    }
    100% {
        background-position: 0 0; /* Fin à gauche */
    }
}

@keyframes show-number {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* --- bloc-onglets.css --- */
.tabs-investisseurs-container .tabs-nav {list-style: none; padding: 0; justify-content: flex-start; column-gap: 20px; margin: 0; overflow-x: auto; }
.tabs-investisseurs-container .tabs-nav .tab { border-radius: 25px 25px 0 0; margin-right: 10px; cursor: pointer; flex-direction: column; opacity: 1; transition: all 180ms ease-in-out; min-width: 135px; }
.tabs-investisseurs-container .tabs-nav .tab:hover {background-color: rgb(207 236 248 / 60%);}
.tabs-investisseurs-container .tabs-nav .tab:hover span::after {background-color: #ffff; transform: rotate(90deg);}
.tabs-investisseurs-container .tabs-nav .tab.active {opacity: 1; background-color: var(--couleur-secondaire-light);} 
.tabs-investisseurs-container .tabs-nav .tab.active span::after {background-color: #ffff; transform: rotate(90deg);}
.tabs-investisseurs-container .tabs-content { clear: both; background-color: var(--couleur-secondaire-light); border-radius: 0;}
.tabs-investisseurs-container .tab-content { display: none;  padding: 40px 20px 25px;}
.tabs-investisseurs-container .tab-content .tab-flex {max-width: 100%; margin: auto; row-gap: 20px; position: relative; margin-bottom: 50px;}
.tabs-investisseurs-container .tab-content.active {display: block !important;}

.tabs-investisseurs-container .tabs-nav .tab span {font-weight: 600; padding: 10px; font-size: 1.6rem; margin-top: 0; display: inline-block; text-align: center; text-transform: none;}
.tabs-investisseurs-container .tabs-nav .tab span::after {content: url(https://ellona.iwegodev.fr/wp-content/uploads/2024/06/fleche-tabulation.svg); width: 15px; display: block; border-radius: 100%; width: max-content; height: 22px; transition: all 180ms ease-in-out; vertical-align: middle; margin: 12px auto;}
.tabs-investisseurs-container .tabs-nav .tab.active span::after {background-color: #ffff; transform: rotate(90deg);}


.tab-list-item {width: 90%; max-width: 100%; margin: 20px 0;}


.accordion-header {display: flex;justify-content: space-between; padding: 10px;cursor: pointer; background-color: white;}
.accordion-arrow { transition: transform 0.3s ease;}
.accordion-content { display: none;background-color: #fff;}
.accordion-item.active .accordion-arrow { transform: rotate(90deg);}
.accordion-item.active .accordion-content { display: block;}

.carrousel-investisseurs .bloc-fleche {width: 15%;}
.carrousel-investisseurs .slider-investisseurs {flex: 1; width: 85%;}
.carrousel-investisseurs .bloc-fleche .slick-prev {right: 50px; left: auto;}
.carrousel-investisseurs .slick-next {display: none !important;}
.carrousel-investisseurs .bloc-fleche .slick-prev::before {display: none;}
.slider-investisseurs .slick-track {display: flex;}
.slider-investisseurs .slide-investisseurs {background-color: #fff; margin: 0 20px; display: flex; height: inherit; padding: 1rem 5px; justify-content: center; align-items: center;}
.slider-investisseurs .slide-investisseurs img {max-width: 150px; max-height: 70px; margin: auto;}
.tabs-investisseurs-container .intro-investisseurs {padding-left: calc(15% + 2rem); padding-right: calc(15% + 2rem); margin-bottom: 3rem;}

#associer-content .accordion-item {border-radius: 25px; padding: 20px 30px; margin-bottom: 20px; background-color: #fff;}
#associer-content .accordion-header, #associer-content .accordion-content {background-color: transparent; padding: 0;}
#associer-content .accordion-header .accordion-title {font-size: 1.8rem; font-weight: 600;}
#associer-content .accordion-header span, #associer-content .accordion-content {max-width: 90%;}
#associer-content .accordion-content p {margin: 0; padding-top: 15px;}
#associer-content h2 {text-align: center; margin: 6rem auto 5.5rem;}
#associer-content .image-center {margin: auto;}
#associer-content img {max-width: 100%;}


.section-equipe {width: 100%; row-gap: 20px; justify-content: center; column-gap: 20px;}
.section-equipe .equipe-item {width: calc(50% - 10px);}
.section-equipe .equipe-item img {width: 150px; margin: auto;}
.section-equipe .equipe-name {font-weight: 800; font-size: 1.8rem; margin-bottom: 5px;}
.section-equipe .equipe-name, .section-equipe .equipe-fonction {text-align: center;}
.section-equipe .equipe-fonction {margin: 0; font-size: 1.4rem;}






@media (min-width: 500px) {
  .tab-list-item {width: calc(50% - 40px); margin: 0 10px 20px;}
}

@media (min-width: 768px) {
  .tabs-investisseurs-container .tab-content {padding: 60px 20px 60px;}
  .tabs-investisseurs-container .tabs-nav {justify-content: center; column-gap: 20px; overflow: hidden; padding: 0;}
  .tabs-investisseurs-container .tabs-nav .tab span {padding: 15px 25px 12px 40px; margin-top: auto; }
  .tab-list-item {margin: 0 20px 30px;}
  .section-equipe {column-gap: 30px; row-gap: 40px;}
  .section-equipe .equipe-item { width: calc(33% - 18px);}
  .tabs-investisseurs-container .tabs-nav .tab span::after {display: inline-block; margin: 12px;}
  #associer-content h2 {max-width: 65%; margin: 7.5rem auto 5.5rem;}
  
}


@media (min-width: 900px) {

.tabs-investisseurs-container .tab-content .tab-flex {width: 90%;}
.intro-investisseurs .bloc-left, .intro-investisseurs .bloc-right {width: calc(50% - 30px);}
.tabs-investisseurs-container .intro-investisseurs {column-gap: 60px;}


}

@media (min-width: 1000px) {
  .tab-list-item {width: calc(25% - 40px);}
  .section-equipe {column-gap: 60px;}
  .section-equipe .equipe-item {width: calc(25% - 45px);}
}

/* --- bloc-ressources.css --- */
.section-ressources {padding: 4rem 2rem 3rem;}
.section-ressources.border-radius {border-radius: var(--border-radius); overflow: hidden;}
.section-ressources .bloc-ressources-intro {margin-left: 2rem; margin-right: 2rem; margin-bottom: 3rem;}
.section-ressources .bloc-ressources-intro h2 {margin-top: 0;}
.section-ressources .bloc-ressources-liste {column-gap: 6.5rem; row-gap: 2rem; padding-left: 0; padding-right: 0;}
.section-ressources .bloc-ressources-liste .ressource-item {width: 100%; padding: 1.5rem 2rem; flex-direction: column;}
.section-ressources .bloc-ressources-liste .ressource-item h3 {margin-bottom: 0; margin-top: 0;}
.section-ressources .bloc-ressources-liste .ressource-item h3::after { content: "\f175"; font-size: 1.2rem; font-family: "Font Awesome 6 Free";  font-weight: 900; margin-left: 8px; opacity: .8; display: inline-block; transition: all 200ms ease-in-out; transform: translateY(-3px);}
.section-ressources .bloc-ressources-liste .ressource-item:hover h3::after {opacity: 1; transform: none;}
.section-ressources .bloc-ressources-liste .ressource-item p {margin-bottom: 0;}


@media (min-width: 768px) {
    .section-ressources {padding: 5rem;}
    .section-ressources .bloc-ressources-intro {max-width: 800px; margin-bottom: 4rem;}
    .section-ressources .bloc-ressources-liste .ressource-item {width: calc(50% - 3.3rem);}

}

@media (min-width: 1000px) {
    .container-bloc-texte .bloc-texte-contenu {column-gap: 100px; }
    .section-ressources .bloc-ressources-liste .ressource-item {width: calc(33% - 4rem);}
    .section-ressources .bloc-ressources-intro {margin-bottom: 5rem; margin-left: auto; margin-right: auto;}
}

/* --- bloc-slider.css --- */

.slider-carrousel {width: 100%;margin: 4rem 0;}
.container-bloc-slider {padding: 0;}
.container-bloc-slider .slick-prev,.container-bloc-slider .slick-next{position: initial;display: inline-block;}
.container-bloc-slider .slick-prev:before,.container-bloc-slider .slick-next:before{display: none;}
.container-bloc-slider .slider-navigation {display: none; position: absolute; background-color: #fafafa; right: 2rem; top: 5rem;z-index: 1; color: var(--couleur-texte); border-radius: 5px;}
.container-bloc-slider .slider-navigation button {transform: none; font-size: 1.2rem; padding: 8px; width: auto; height: auto;}
.container-bloc-slider .slider-navigation span {font-size: 1.4rem; font-weight: 400; letter-spacing: 2px; padding: 5px 8px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; display: inline-block; min-width: 50px; text-align: center;}
.container-bloc-slider {position: relative;}

.container-bloc-slider .slick-slide .slide-content { opacity: 0; transform: translateY(120%); will-change: transform, opacity; transition: opacity .9s, transform .9s cubic-bezier(.26,.54,.32,1) .3s; padding-left: 0; padding-right: 0; flex-direction: column; margin-top: 3rem;}

.container-bloc-slider .slick-active .slide-content {opacity: 1;transform: translateY(0);}



.container-bloc-slider.entete-center .slide-content {text-align: center;align-items: center; justify-content: center;}
.container-bloc-slider:not(.entete-center) .slide-content {justify-content: flex-end;}
.container-bloc-slider.entete-center .slide-content .btn-cta {margin-left: auto; margin-right: auto;}
.container-bloc-slider h1, .container-bloc-slider h2 {margin-top: 0;}
.container-bloc-slider .slick-active .image-slide  img{transform: scale(1);}

.container-bloc-slider .slick-slide .image-slide {position: relative;overflow: hidden; width: 100%; aspect-ratio: 16/9; height: 100%;}
.container-bloc-slider .slick-slide .image-slide:before {content: "";pointer-events: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: radial-gradient(rgba(0, 0, 0, .36) 0%, transparent 100%);}

.container-bloc-slider.border-radius .slick-slide .image-slide {border-radius: var(--border-radius);}
.container-bloc-slider .image-slide img {display: block;position: absolute;left: 0;top: 0;height: 100%;object-fit: cover;width: 100%; transform: scale(1.2); will-change: transform; transition: transform 2s cubic-bezier(.21,.6,.35,1);}
.container-bloc-slider.border-radius .image-slide img {border-radius: var(--border-radius);}

/*
.image-slide iframe, .image-slide object, .image-slide embed {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    aspect-ratio: 16/9;
}*/

.image-slide .video-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 2px solid #000; /* Add a border */
    background-color: #f0f0f0; /* Add a background color */
}

@media (min-width: 768px) {
    .container-bloc-slider .slick-slide .slide-content {padding-left: 5rem; padding-right: 5rem; margin-top: 0; }
    .container-bloc-slider .slider-navigation {display: block;}
    .container-bloc-slider:not(.entete-center) .slide-content {padding-bottom: 6rem;}
    .container-bloc-slider .slide-content {position: absolute; top: 0; left: 0;right: 0; bottom: 0; display: flex; z-index: 2;}
    .container-bloc-slider.entete-center .slide-content {max-width: 80rem;}
    }
    
@media (min-width: 1000px) {
    .container-bloc-slider:not(.entete-center) h2, .container-bloc-slider:not(.entete-center) h1 {max-width: 60%;}
}



/* --- bloc-texte.css --- */
.container-bloc-texte {background-size: cover; background-repeat: no-repeat;}
.container-bloc-texte.border-radius {border-radius: var(--border-radius); overflow: hidden;}
.container-bloc-texte .bloc-texte-base>*, .container-bloc-texte .bloc-texte-base + .bloc-texte-btn {max-width: 800px; margin-left: auto; margin-right: auto; width: 100%;}
.container-bloc-texte ul {margin-bottom: 8px; margin-top: 8px;}
.container-bloc-texte h2 {margin-top: 0; margin-bottom: 0;}
.container-bloc-texte .bloc-texte-titre-center h2, .container-bloc-texte .bloc-texte-titre-center h3 {margin-left: auto; margin-right: auto; max-width: 800px;}



.container-bloc-texte .bloc-texte-base, .container-bloc-texte .bloc-texte-additionnel, .container-bloc-texte .bloc-texte-titre {width: 100%;}
.bloc-texte-titre {margin-bottom: 1.8rem;}
.container-bloc-texte .bloc-texte-btn {width: 100%;}
.bloc-left:not(.bloc-text) .btn-cta {margin-left: auto; margin-right: auto;}



@media (min-width: 768px) {
    .container-bloc-texte .bloc-texte-contenu {column-gap: 7rem; padding: 60px 50px; }
    .container-bloc-texte .btn-cta {max-width: max-content;}
    .container-bloc-texte img {margin-top: 50px;}
    .container-bloc-texte .bloc-texte-base, .bloc-texte-additionnel {flex: 1; width: auto; min-width: calc(50% - 50px);}
    .bloc-texte-titre {margin-bottom: 3rem;}

}

@media (min-width: 1200px) {
    .container-bloc-texte .bloc-texte-contenu {column-gap: 100px; }
}

/* --- bloc-texte-defilant.css --- */
.bloc-texte-defilant {position: relative;width: 100%;overflow: hidden;white-space: nowrap;box-sizing: border-box; display: flex;align-items: center; height: 180px;}
.bloc-texte-defilant::before, .bloc-texte-defilant::after { content: "";position: absolute; top: 0;bottom: 0;  width: 10%;pointer-events: none;z-index: 1;}
.bloc-texte-defilant .texte-defilant { display: inline-block; font-size: 4rem; color: var(--couleur-texte);white-space: nowrap;padding-right: 80px; animation: marquee 20s linear infinite; animation-delay: 0s;}


@media (min-width: 768px) {
    .bloc-texte-defilant .texte-defilant {font-size: 8rem; animation: marquee 40s linear infinite;}
}

@media (min-width: 1200px) {
    .bloc-texte-defilant .texte-defilant {font-size: 10rem;}
}

@keyframes marquee{
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-100%);
    }
    }
    

/* --- bloc-texte-galerie.css --- */
.bloc-text {padding: 25px 15px; order: 2;}
.bloc-text h2:first-child {margin-top: 0;}
.bloc-left, .bloc-right {width: 100%; overflow: hidden; flex-direction: column; justify-content: center;}
.bloc-left img, .bloc-right img {width: 100%; height: 100%; display: block;}
.bloc-text p {margin: 8px 0;}
.bloc-text h2 {margin-bottom: 1.2rem;}


.slick-carousel-texte-image .slick-track {display: flex;}
.slick-carousel-texte-image:not(.slider-cover) img {max-height: 300px; object-fit: contain;}
.slick-carousel-texte-image:not(.slider-cover) .slick-slide {height: inherit; margin: 20px;}

.slick-carousel-texte-image.slider-cover img {object-fit: cover;}
.slick-carousel-texte-image.slider-cover {height: 20rem;}
.slick-carousel-texte-image.slider-cover .slick-slide {height: inherit; max-height: 30rem;}
.slick-carousel-texte-image.slider-cover .slick-list, .slick-carousel-texte-image.slider-cover .slick-track {height: 100%;}




@media (min-width: 768px) {
    .bloc-text {padding: 30px 50px;}
    .bloc-text.bloc-50-50 {padding: 30px;}
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 250px;}
    .slick-carousel-texte-image.slider-cover {height: 100%;}

}
@media (min-width: 900px) {
    .bloc-right.bloc-50-50, .bloc-left.bloc-50-50 {width: 50%;}
    .bloc-left.bloc-40-60, .bloc-right.bloc-60-40 {width: 40%;}
    .bloc-right.bloc-40-60, .bloc-left.bloc-60-40 {width: 60%;}
    .bloc-left.bloc-45-55, .bloc-right.bloc-55-45 {width: 45%;}
    .bloc-right.bloc-45-55, .bloc-left.bloc-55-45 {width: 55%;}
    .bloc-text {order: initial;}
    .container-bloc-texte-image .bloc-right:not(.bloc-text), .container-bloc-texte-image .bloc-left:not(.bloc-text) {max-height: 100% !important; min-height: 1px;}
    .bloc-text.bloc-50-50 {padding: 50px;}
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 300px;}
    .bloc-full-text-mobile .bloc-text:first-of-type {padding-bottom: 3rem;}
    .bloc-full-text-mobile .bloc-text:last-of-type {padding-top: 3rem;}
    .slick-carousel-texte-image.slider-cover .slick-slide {max-height: 100%;}
}

@media (min-width: 1200px) {
    .slick-carousel-texte-image:not(.slider-cover) img {max-height: 400px;}
}

/* --- bloc-texte-image.css --- */
.bloc-text {padding: 25px 15px; order: 2;}
.bloc-text h2:first-child {margin-top: 0;}
.bloc-left, .bloc-right {width: 100%; overflow: hidden; flex-direction: column; justify-content: center;}
.bloc-left img, .bloc-right img {width: 100%; height: 100%; display: block;}
.bloc-text p {margin: 8px 0;}
.bloc-text h2 {margin-bottom: 1.2rem;}

.bloc-image-contain {object-fit:contain; max-height: 200px; padding-top: 2rem; padding-bottom: 2rem;}
.background-image-texte-image {background-size: cover; height: 18rem; background-position: center;}
.container-bloc-texte-image.border-radius {border-radius: var(--border-radius);}


.container-bloc-texte-image:not(.main-container) .bloc-text.bloc-left {margin-left: auto;}
.container-bloc-texte-image:not(.main-container) .bloc-text.bloc-right {margin-right: auto;}
.container-bloc-texte-image:not(.main-container) .bloc-50-50.bloc-text {max-width: 590px;}
.container-bloc-texte-image:not(.main-container) .bloc-left.bloc-40-60.bloc-text, .container-bloc-texte-image.full-size-container .bloc-right.bloc-60-40.bloc-text {max-width: 472px;}
.container-bloc-texte-image:not(.main-container) .bloc-right.bloc-40-60.bloc-text, .container-bloc-texte-image.full-size-container .bloc-left.bloc-60-40.bloc-text {max-width: 808px;}
.container-bloc-texte-image:not(.main-container) .bloc-left.bloc-45-55.bloc-text, .container-bloc-texte-image.full-size-container .bloc-right.bloc-55-45.bloc-text {max-width: 531px;}
.container-bloc-texte-image:not(.main-container) .bloc-left.bloc-55-45.bloc-text, .container-bloc-texte-image.full-size-container .bloc-right.bloc-45-55.bloc-text {max-width: 700px;}

.container-bloc-texte-image .boutons-texte-image  {margin-top: 2rem; row-gap: 1rem; column-gap: 1.5rem;}



@media (min-width: 768px) {
    .bloc-text {padding: 30px 50px;}
    .bloc-text.bloc-50-50 {padding: 30px;}

    .bloc-image-contain {max-height: 300px;}
    .bloc-left:not(.bloc-text) .btn-cta {margin-bottom: 2rem; margin-top: 0;}

}
@media (min-width: 900px) {
    .bloc-right.bloc-50-50, .bloc-left.bloc-50-50 {width: 50%;}
    .bloc-left.bloc-40-60, .bloc-right.bloc-60-40 {width: 40%;}
    .bloc-right.bloc-40-60, .bloc-left.bloc-60-40 {width: 60%;}
    .bloc-left.bloc-45-55, .bloc-right.bloc-55-45 {width: 45%;}
    .bloc-right.bloc-45-55, .bloc-left.bloc-55-45 {width: 55%;}
    .bloc-text {order: initial;}
    .container-bloc-texte-image .bloc-right:not(.bloc-text), .container-bloc-texte-image .bloc-left:not(.bloc-text) {max-height: 100% !important; min-height: 1px;}
    .bloc-text.bloc-50-50 {padding: 50px;}
    .bloc-full-text-mobile .bloc-text:first-of-type {padding-bottom: 3rem;}
    .bloc-full-text-mobile .bloc-text:last-of-type {padding-top: 3rem;}
    .background-image-texte-image {height: 100%;}
}