/**
 * Bundle CSS des blocs ACF -- régénéré automatiquement par iwego_maybe_rebuild_blocks_css()
 * à partir des CSS individuels de chaque bloc dans template-parts/blocks/, dès qu'un de ces
 * fichiers change. NE PAS ÉDITER CE FICHIER À LA MAIN : éditez le .css du bloc concerné, ce
 * fichier se régénère tout seul à la prochaine requête.
 */

/* ===== bloc-accordeon-faq (bloc-accordeon-faq.css) ===== */

.container-bloc-accordeon-faq { display: flex; flex-direction: column;}
.container-bloc-accordeon-faq .accordeon-toggle {    display: block; width: 100%; border: none; padding: 2rem;cursor: pointer; text-align: left;color: var(--couleur-principale);margin: 0; font-size: 1.6rem;font-weight:400;border-bottom: 1px solid var(--f-button-hover-bg);}
.container-bloc-accordeon-faq .accordeon-toggle:after {content: ' +';float: right;font-size:2rem;}
.container-bloc-accordeon-faq .accordeon-toggle.open:after {content: ' -';}
.container-bloc-accordeon-faq .accordeon-content {display: none; overflow: hidden; padding: 2rem; }
.container-bloc-accordeon-faq .accordeon-content.collapsed { height: 0;padding: 0;border: none;}
.container-bloc-accordeon-faq .bloc-accordeon-intro {margin: 0 2rem 3rem;}
.container-bloc-accordeon-faq .accordeon-content .btn-cta{width: max-content;}    
.container-bloc-accordeon-faq h2{text-align:center;}


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

@media (min-width: 1400px) {
   .container-bloc-accordeon-faq {max-width: 90rem;}
}

/* ===== bloc-caracteristiques-techniques (bloc-caracteristiques-techniques.css) ===== */

.section-caracteristiques {column-gap: 70px; row-gap: 30px;}
.section-caracteristiques-title {width: 100%;}
.section-caracteristiques .bloc-right {flex: 1; flex-direction: column; border-radius: 25px !important; max-width: 700px; margin: auto;}
.section-caracteristiques .bloc-left img {max-height: 300px;}

.section-caracteristiques .caracteristique-row {padding: 30px 40px; flex: 1;}
.section-caracteristiques h3 {text-align: center; margin: 0 0 20px; font-weight: 600;}
.slick-caracteristique .picto-vignette {padding: 15px 0;}
.slick-caracteristique .picto-vignette, .slick-caracteristique .tooltip-text {width: 120px;}
.slick-caracteristique .tooltip-text {left: calc(50% - 50px);} 
.slick-caracteristique .slick-slide img {height: 50px;max-width:50px; object-fit: contain; margin: auto;}
.slick-caracteristique h4 {font-size: 1.3rem; font-weight: 600; margin: 0 auto; text-align: center; margin-top: auto;}

.slick-caracteristique .picto-tooltip-container {cursor: auto; margin: 10px; min-height: 120px;}
.slick-caracteristique .tooltip-text, .slick-caracteristique .flip-tooltip .picto-vignette {left: calc(50% - 60px); width: 120px;}

.single-produit .fancybox__carousel .fancybox__content {padding: 0;}



@media (min-width: 768px) {
    .section-caracteristiques .caracteristique-row a {max-width: max-content; margin-left: auto; margin-right: auto;}
    .single-produit .fancybox__carousel .fancybox__content {padding: 6rem;}
}

@media (min-width: 1000px) {
    .section-caracteristiques .bloc-left {width: calc(40% - 40px);}
    .section-caracteristiques .bloc-left img {max-height: 450px;}
}

/* ===== bloc-carrousel-fonctionnalites (bloc-carrousel-fonctionnalites.css) ===== */

.slick-carousel-fonctionnalites .slick-track {display: flex;}
.slick-carousel-fonctionnalites .slick-slide{padding:0 2rem; height: inherit;}
.slick-carousel-fonctionnalites .slick-slide .vignette-fonctionnalites  {width: 100%; background-color: #fff; border-radius: 15px 50px 15px 50px; margin: 0 auto; height: 100%; }
.slick-carousel-fonctionnalites .slick-slide img {width: 100%; max-width: 350px; height: 200px; object-fit: cover; border-radius: 15px 50px 15px 50px;}
.slick-carousel-fonctionnalites .slick-slide .carousel-fonctionnalites-infos {width: 100%; max-width: 350px; padding: 15px 25px 20px;}
.slick-carousel-fonctionnalites .slick-slide h3, .slick-carousel-fonctionnalites .slick-slide .slide-num {display: inline-block;}
.slick-carousel-fonctionnalites .slick-slide h3 {margin: 0; font-size: 1.8rem; letter-spacing: 0.1rem; display: block;}
.slick-carousel-fonctionnalites .slick-slide .slide-num {font-size: 4rem; line-height: 4rem; color: var(--couleur-secondaire); vertical-align: middle; font-weight: 700; margin-right: 8px;}
.slick-carousel-fonctionnalites .slick-slide p {font-size: 1.3rem; margin: 0;}
.section-carrousel-fonctionnalites {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; position: relative; flex-direction: column;}
.section-carrousel-fonctionnalites .bloc-fleche {display: flex;}
.section-carrousel-fonctionnalites .bloc-fleche a {display: none !important;}
.section-carrousel-fonctionnalites h2 {font-size: 2rem; padding: 0 20px 15px;}



.section-carrousel-fonctionnalites .slick-prev,.section-carrousel-fonctionnalites .slick-next {display: block;}
.section-carrousel-fonctionnalites .vignette-fonctionnalites {width: 270px;}


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


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





@media (min-width: 768px) {

    .slick-carousel-fonctionnalites .slick-slide .vignette-fonctionnalites  {width: 420px; }
    .slick-carousel-fonctionnalites .slick-slide img {height: 220px; max-width: 100%;}
    .slick-carousel-fonctionnalites .slick-slide p {font-size: 1.4rem;}
    .slick-carousel-fonctionnalites .slick-slide{padding:0 2rem;}
    .slick-carousel-fonctionnalites .slick-slide .carousel-fonctionnalites-infos {max-width: 100%;}
    .slick-carousel-fonctionnalites .slick-slide .slide-num {font-size: 6.8rem; line-height: 6.5rem; }

    .section-carrousel-fonctionnalites .slick-next, .section-carrousel-fonctionnalites .slick-prev {bottom: auto;  top: calc(100% + 2rem);}
    .section-carrousel-fonctionnalites .slick-next {right: 45px;}
    .section-carrousel-fonctionnalites .slick-prev {right: 120px;}
}



@media (min-width: 1200px) {
    .slick-carousel-fonctionnalites .slick-slide{padding:0 3rem;}
    .section-carrousel-fonctionnalites .bloc-fleche {width: 35%; align-items: flex-end;}
    .section-carrousel-fonctionnalites {flex-direction: row;}
    .section-carrousel-fonctionnalites h2 {font-size: 2.5rem; padding: 0; max-width: 300px; text-align: left !important; position: relative; left: -35px; margin-top: 0;}
    .section-carrousel-fonctionnalites .bloc-fleche a {display: block !important;}

}







/* ===== bloc-carrousel-logo (bloc-carrousel-logo.css) ===== */
.slick-carousel-logo .slick-track {display: flex;}
.slick-carousel-logo .slick-slide {background-color: #fff;  margin: 0 20px; display: flex;  height: inherit;padding: 1rem 5px; justify-content: center;align-items: center;}
.slick-carousel-logo .slick-slide img {max-width: 25rem;  max-height: 9rem; margin: auto;}
.bloc-carrousel-logo {padding: 2rem 2rem; margin-left: 2rem; margin-right: 2rem; border-radius: 2.5rem;}
.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; opacity: .7;}
.section-carrousel-logo .slick-prev:hover, .section-carrousel-logo .slick-next:hover {opacity: 1;}
.section-carrousel-logo .slick-prev::before, .section-carrousel-logo .slick-next::before {display: none;}
.section-carrousel-logo .slick-prev {left: -35px;}
.bloc-carrousel-logo .btn-cta {margin: 3.5rem auto 0; background-color: var(--couleur-secondaire); }
.carrousel-logo-txt { margin-bottom: 3.5rem;}


@media (min-width: 768px) {
    .main-container .section-carrousel-logo .slick-prev, .main-container .section-carrousel-logo .slick-next {top: 4rem;}
    .section-carrousel-logo .slick-prev, .section-carrousel-logo .slick-next {display: block; top: auto; 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;  margin-left: auto; margin-right: auto;}
    .bloc-carrousel-logo {padding: 4rem 0;}
    .slick-carousel-logo .slick-slide img {max-width: 150px;  max-height: 70px; margin: auto;}
}

/* ===== bloc-carrousel-recompenses (bloc-carrousel-recompenses.css) ===== */
.slick-carousel-recompense .slick-track {display: flex;}
.slick-carousel-recompense .slick-slide {margin: 0 20px; display: flex;  height: inherit;padding: 1rem 5px; justify-content: center;align-items: center;}
.slick-carousel-recompense .slick-slide img { margin: auto;}
.section-carrousel-recompense {position: relative;}
.section-carrousel-recompense .slick-prev, .section-carrousel-recompense .slick-next {display: none; opacity: .7;}
.section-carrousel-recompense .slick-prev:hover, .section-carrousel-recompense .slick-next:hover {opacity: 1;}
.section-carrousel-recompense .slick-prev::before, .section-carrousel-recompense .slick-next::before {display: none;}
.section-carrousel-recompense .slick-arrow { display: none;}
.section-carrousel-recompense .slick-arrow.visible {display: block;}

@media (min-width: 768px) {
    .section-carrousel-recompense .slick-prev, .section-carrousel-recompense .slick-next {display: block; top: 4rem;}
    .carrousel-recompense-txt {margin-bottom: 5rem;}
    .bloc-carrousel-recompense .btn-cta {max-width: max-content; margin: 5.5rem auto 0;}
}

/* ===== bloc-carrousel (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;}
.slick-carousel-picto h3 {font-size: 1.5rem; margin: auto 10px 20px;text-align: center;}
.picto-vignette {flex-direction: column; background-color: #fff; aspect-ratio: 1/1; border-radius: 25px; width: 150px; align-items: center; margin-left: auto; margin-right: auto;}


.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; position: relative;}
.bloc-carrousel h2 {padding: 0 20px; text-align: center; margin: 0 auto 2rem;}
.bloc-carrousel>p {max-width: 800px; margin: 30px auto 60px; padding: 0 20px;}
.slick-carousel-post h3, .bloc-post-sans-carrousel h3 {text-align: center; margin: 1em auto 8px; font-size: 1.6rem; font-weight: 600; width: 250px;}
.slick-carousel-post p {margin: 8px 0;}
.carrousel-vignette .vignette-bg {height: 250px; width: 250px; background-color: var(--couleur-secondaire-light); border-radius: 25px; overflow: hidden; background: var(--couleur-secondaire-light) url(/wp-content/uploads/2024/06/motif-reglementation.svg) no-repeat bottom right; background-size: 18rem;}
.slick-carousel-post img, .bloc-post-sans-carrousel img {width: 100%; height: 100%; object-fit: cover; margin-left: auto; margin-right: auto;}
.slick-carousel-post .post-resume {width: 250px;}
.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;}



.picto-tooltip-container{position: relative; margin: 20px;}
.tooltip-text, .flip-tooltip .picto-vignette {-webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 150px; aspect-ratio: 1/1; left: calc(50% - 75px);}
.tooltip-text {background-color: var(--couleur-secondaire) !important; color: #fff; padding: 15px !important; border-radius: 25px !important; top: 0; text-align: left;font-size: 1.2em;}
.tooltip-text .flex-container {align-items: center; height: 100%; justify-content: center; width: 100%; overflow-y: auto;}
.tooltip-text p {font-size: 1.3rem; max-height: 110px; margin: 0; scrollbar-width: thin; scrollbar-color: var(--couleur-principale) transparent; text-align: center; max-width: 100%;}
.bloc-fleche{display: none; position: relative;}


.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%;}

.slick-carousel-post .slick-slide {padding:0 2rem;}

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



.picto-tooltip-container.flip-tooltip {transition: transform 0.6s; transform-style: preserve-3d;}
.picto-tooltip-container.flip-tooltip:hover {transform: rotateY(180deg);}
.tooltip-text {transform: rotateY(180deg);font-size: 1rem;}
.tooltip-text,.tooltip-text a,.tooltip-text p{font-size: 1.2rem;line-height: 1.2rem;}
.toggle-full-text{cursor: pointer;font-size: 1.5rem;display: inline-block;position: relative;vertical-align: middle; transition: font-weight 0.3s ease; }
.post-resume .excerpt{display: inline;font-size:1.2rem;}
.full-text p{display: inline;font-size:1.2rem;}
.toggle-full-text:hover{font-weight: bold;}


.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;}
    .bloc-carrousel h2 {max-width: 1180px;;}
    .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, .bloc-carrousel-actus .section-carrousel-post .slick-prev {bottom: auto; top: calc(100% + 4rem);}

}


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


@media (min-width: 1200px) {

    .section-carrousel-post .slick-prev, .section-carrousel-post .slick-next {width: 4rem; height: 4rem;}
    .bloc-fleche {flex: 0 0 auto;display: flex;flex-direction: column; justify-content: center; align-items: center;width: 30%; }
    .bloc-carrousel-actus h2 {position: absolute; right: 60%; max-width: 300px; text-align: right; font-size: 2.5rem; top: 40px; line-height: normal;}
}





/* ===== bloc-carte-partenaire (bloc-carte-partenaire.css) ===== */

#map.map-partenaire {height: 600px; z-index: 1;  position: relative; overflow: hidden; width: 100%;background-color: #D4DADC; margin-top: 2rem;}
#map.map-partenaire .popup-content img {max-width: 25rem; max-height: 10rem; display: block; margin: 0 auto 15px;}
#map.map-partenaire .popup-content h3, #map.map-partenaire .popup-content p {text-transform: uppercase; letter-spacing: 2px; text-align: center; margin: 0;}
#map.map-partenaire .popup-content h3 {font-size: 16px;}
#map.map-partenaire .popup-content p {font-size: 14px;}
.leaflet-tile { max-width: none !important; max-height: none !important;}

@media (min-width: 768px) {
    #map.map-partenaire {margin-top: 0;}
}

/* ===== bloc-documents (bloc-documents.css) ===== */
.bloc-zoom-sur h2 {margin: 0 auto 35px;}
.liste-zoom-sur { display: flex;flex-direction: column; }
.zoom-bloc {position: relative; background-size: cover; background-position: center; border-radius: 25px; margin-top: 1.2rem; margin-bottom: 1.2rem; align-items: flex-end; background-size: auto; background-position: center; overflow: hidden;}


.zoom-bloc .image-produit {position: absolute; height: max-content; left: 50%; transform: translateX(-50%); max-height: 100%; }
.zoom-bloc .image-produit.img-center {bottom: 25px; }
.zoom-bloc .image-produit img {max-width: 200px; display: block; max-height: 150px;  transition: all 180ms ease-in-out;}
.zoom-bloc .image-produit.img-center img {max-height: 150px;}
.bloc-zoom-sur .titre-zoom-sur{text-align: center;}

.contenu-bloc {background-color: rgba(0,47,99,0.9); padding: 4rem 2rem 20rem; height: max-content; flex-direction: column; justify-content: center; border-radius: 0 0 25px 25px;}
.contenu-bloc h2 {color: var(--couleur-secondaire-light); margin: 0 0 15px; text-transform: uppercase;}

.contenu-bloc .solution {background-color: var(--couleur-secondaire); color: #fff; text-transform: uppercase; font-size: 1.4rem; padding: 6px 8px; max-width: max-content; font-weight: 600; margin-bottom: 10px;}
.contenu-bloc p {font-weight: 300; margin: 0;}
.contenu-bloc p, .contenu-bloc strong {color: #fff; font-size: 1.5rem;}


.zoom-sur-titre {position: relative; max-width: max-content;min-width: 110px;}

.zoom-bloc .macaron-prix-zoom {height: 6.8rem; right: -10rem; position: absolute; top: -90%;}
.zoom-bloc .contenu-bloc.right + .image-produit  .macaron-prix-zoom {left: -20px; top: -20px;}
.zoom-bloc .contenu-bloc.left + .image-produit  .macaron-prix-zoom {right: -20px; top: -20px;}

/*.liste-zoom-sur>a:hover .image-produit img {transform: scale(1.1);}*/


@media (min-width: 768px) {
    .zoom-bloc {min-height: 330px; align-items: stretch; background-size: cover; margin-top: 3rem; margin-bottom: 3rem;}
    .zoom-bloc .image-produit {bottom: 0; z-index: 1; left: 30%; height: 100%; display: flex; align-items: end;}
    .contenu-bloc.left + .image-produit {left: 70%;}
    .zoom-bloc .image-produit.img-center {bottom: auto; display: flex; align-items: center;}
    .contenu-bloc {border-radius: 2.5rem 0 0 2.5rem; width: 70%; height: inherit;}
    .contenu-bloc.left {padding: 30px 18% 30px 20px; order: 1;}
    .contenu-bloc.right { margin-left: auto; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding: 30px 20px 30px 18%;}
    .contenu-bloc p, .contenu-bloc strong {font-size: 2rem;}
    .zoom-bloc .image-produit img {max-height: 100%; object-fit: contain;}
    .zoom-bloc .image-produit.img-center img {max-height: 160px;}
    .zoom-bloc .macaron-prix-zoom {height: 9rem; right: -14rem; top: -150%; }
}



@media (min-width: 1000px) {
    .contenu-bloc.right {padding: 65px 70px 65px 13%;}
    .contenu-bloc p, .contenu-bloc strong {font-size: 2.2rem;}
    .contenu-bloc.left {padding: 65px 13% 65px 70px;}
    .zoom-bloc .image-produit, .contenu-bloc.left + .image-produit {left: 50%;}
    .zoom-bloc .image-produit.img-center img {max-height: 22rem;}
    .contenu-bloc {width: 50%;}
    .zoom-bloc .image-produit img {max-width: 16rem;}
}

@media (min-width: 1200px) {
    .zoom-bloc .image-produit img {max-width: 25rem;}
    .zoom-bloc .macaron-prix-zoom {height: 10rem; right: -12rem; top: -100%;}
}



/* =============================================
   BLOC DOCUMENTS
   ============================================= */

.bloc-documents {
    padding: 4rem 0;
}

.bloc-documents .titre-documents {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--couleur-principale);
    margin-bottom: 3rem;
    text-align: center;
}

.liste-documents {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.document-item {
    background: #fff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    transition: transform 0.3s ease;
}

.document-item:hover {
    transform: translateY(-4px);
}

.document-icon i {
    font-size: 3.5rem;
    color: var(--couleur-secondaire);
    display: block;
}

.document-infos {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.document-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--couleur-principale);
    line-height: 1.4;
}

.document-ext {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--couleur-principale);
    background: var(--couleur-secondaire-light);
    padding: 2px 10px;
    border-radius: 25px;
    max-width: max-content;
    letter-spacing: 0.05em;
}

.btn-telecharger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    width: 100%;
    background: var(--couleur-secondaire-light);
    color: var(--couleur-principale);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 9px 20px;
    border-radius: 25px;
    text-decoration: none;
    overflow: hidden;
    transition: box-shadow 350ms ease-in-out, color 200ms ease-in-out;
}

.btn-telecharger i {
    font-size: 1.3rem;
    transition: transform 200ms ease-in-out;
}

.btn-telecharger:hover {
    box-shadow: inset 35em 0 0 0 var(--couleur-principale);
    color: #fff;
}

.btn-telecharger:hover i {
    transform: translateY(2px);
}

@media (min-width: 768px) {
    .liste-documents {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .document-item {
        flex-direction: row;
        align-items: center;
    }

    .document-infos {
        flex: 1;
    }

    .btn-telecharger {
        width: max-content;
        white-space: nowrap;
        flex-shrink: 0;
    }
}

@media (min-width: 1000px) {
    .liste-documents {
        grid-template-columns: repeat(4, 1fr);
    }

    .document-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .btn-telecharger {
        width: 100%;
    }
}


/* ===== bloc-entete-page (bloc-entete-page.css) ===== */
.bloc-entete-page {min-height: auto; margin-bottom: 6rem;}
.entete-page-flex {flex-direction: column;}
.entete-page-flex h1 {text-align: center; font-size: 2rem; font-weight: 400; position: relative;}
.entete-page-flex .bloc-video {height: 140px;}
.entete-page-flex .container-title {height: 100%;}
.entete-page-flex .container-title video {top: 0; position: static; height: 200px; transform: none;}
.entete-page-flex .bloc-txt {text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; position: relative;}

@media (min-width: 768px) {
.bloc-entete-page {margin-bottom: 12rem;}
.entete-page-flex .bloc-video {height: 180px;}
}

/* ===== bloc-entete-produit (bloc-entete-produit.css) ===== */
.section-entete-produit {position: relative;}
.section-entete-produit .wave-bg-svg{ width:100%; height: 60vh; position: absolute; z-index: -1;}
.section-entete-produit .bloc-entete-produit {position: relative; z-index: 1;}
.section-entete-produit h1 {font-weight: 300; font-size: 2rem; text-align: center;}
.entete-produit-text, .entete-produit-img, .section-entete-produit h1 {max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }
.entete-produit-text {background-color: #fff; border-radius: 25px; padding: 30px 20px 25px; margin-top: 35px; margin-bottom: 35px; position: relative;}
.entete-produit-img {margin-top: 3.5rem; margin-bottom: 4rem; position: relative;}
.entete-produit-img img {max-height: 35rem; object-fit: contain; max-width: 100%; margin: auto;}
.entete-produit-text h2 {font-size: 2rem; margin: 0 0 5px; line-height: normal;}
.entete-produit-text p {margin: 0 0 8px;}
.entete-produit-text ul {padding-left: 2rem;}
.entete-produit-text .produit-atout {font-size: 1.8rem; font-weight: 800; color: var(--couleur-secondaire); text-transform: uppercase;}
.section-entete-produit .macaron-prix {width: 7rem; position: absolute; right: -2rem; top: -3.5rem;}



@media (min-width: 768px) {
  .entete-produit-img {margin-top: 3rem;}
  .section-entete-produit .wave-bg-svg{height: 55vh;}
  .entete-produit-text, .entete-produit-img, .section-entete-produit h1 {max-width: 70rem; width: auto; }
  .entete-produit-text {background-color: #fff; border-radius: 25px; padding: 30px 35px 25px 75px; margin-top: 35px; margin-bottom: 35px; position: relative;}
  /*.entete-produit-text::before {content: url(https://ellona.iwegodev.fr/wp-content/uploads/2024/06/plus.svg); display: inline-block; position: absolute; left: 25px; top: calc(50% - 10px); width: 25px; }*/
  .section-entete-produit .macaron-prix {width: 10rem; right: 19rem; top: -2rem;}
}

@media (min-width: 1200px) {
  .entete-produit-text, .entete-produit-img, .section-entete-produit h1 {max-width: 85rem; }
}

/* ===== bloc-entete (bloc-entete.css) ===== */
.bloc-entete {min-height: 60vh; background-color: var(--background-light);}
.home .bloc-entete {margin-top: 4rem;}
.bloc-entete-row {height: 100%; align-items: center; row-gap: 35px;}
.bloc-entete-align {align-items: center;}
.container-title {position: relative; max-width: 100%; height: 100px;overflow: hidden;display: flex;justify-content: center;align-items: center; margin-top:10px;}
.bloc-entete-no-img .container-title {height: 37rem; margin-bottom: 20px;}
/*.container-title video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}*/
.container-title video { width: 100%; height: 37rem;object-fit: cover;}
.container-title .titre_video{position: absolute; top: 0; left: 0; line-height: 80px; word-break:break-word; height: 100%; background: var(--background-light); font-size: 9rem;text-transform: uppercase;color: #000;mix-blend-mode: lighten; font-weight: 800;display: inline-block;}
.bloc-entete ul {margin-left: 2rem;}

.bloc-entete.bloc-entete-no-img>.flex-container {column-gap: 60px;}
.bloc-entete .wave-bg-svg{ width:100%; height: 40vh; position: absolute; z-index: 0;}
.bloc-entete .bloc-right, .bloc-entete .bloc-left {z-index: 1;}
.bloc-entete .bloc-left {margin-bottom: 2rem;}
.bloc-entete .bloc-left img {max-height: 200px;}

/*.bloc-entete h1 {font-size: 2.5rem; font-weight: 600; margin: 0; line-height: 2.5rem;}
.bloc-entete.bloc-entete-img h1 {font-size: 4rem; line-height: 4rem; font-weight: 400;}
.bloc-entete.bloc-entete-no-img h1 {margin-bottom: 2rem;}*/

.resume-entete p,.excerpt-entete,.full-text-entete, .resume-entete  a{margin: 0 0 8px; font-size: 1.5rem;}
.bloc-entete.bloc-entete-img p {font-size: 1.8rem;}
.bloc-entete.bloc-entete-no-img p {padding-bottom: 8px;}
/*.bloc-entete.bloc-entete-no-img p.titre-secondaire {font-weight: 600;}
.bloc-entete.bloc-entete-no-img p.titre-secondaire::after {content: ''; width: 170px; height: 1px; background-color: var(--couleur-principale); margin-top: 12px; display: block;}*/

.toggle-full-text-entete{cursor: pointer;font-size: 1.5rem;}

.bloc-entete.bloc-entete-no-img h1 {font-weight: 600; font-size: 15px; margin: 0 0 8px; padding-bottom: 8px;}
.bloc-entete.bloc-entete-img h1 {font-weight: 300; font-size: 18px; margin: 0 0 8px;}
.bloc-entete.bloc-entete-no-img h1::after {content: ''; width: 170px; height: 1px; background-color: var(--couleur-principale); margin-top: 12px; display: block;}

.bloc-entete h2 {font-size: 2.5rem; font-weight: 600; margin: 0; line-height: 2.5rem; margin: 0;}
.bloc-entete.bloc-entete-img h2 {font-size: 4rem; line-height: 4rem; font-weight: 400;}
.bloc-entete.bloc-entete-no-img h2 {margin-bottom: 2rem;}

.bloc-entete+style+div, .bloc-entete+style+div+div {z-index: 2; position: relative;}

.fulltextereadmore,.fulltextereadmore p:last-child, .readmore {display: inline; }
.readmore:before {content:"..."; }
.readmore .divcontent {display:none;}
.active.readmore:before {display:none;}
.active~.readmore .divcontent {display: inline;}

.bloc-entete .masked {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  mask-position: center;
}
.bloc-entete video { display: block;}

@media (min-width: 500px) {
.bloc-entete .bloc-right {padding: 0 10%;}
}

@media (min-width: 768px) {
  .bloc-entete {min-height: auto; margin-top: 0;}
  .bloc-entete-img .container-title {width: 100%; height: 158px;}
  .bloc-entete h1 {font-size: 3rem;}
  .bloc-entete.bloc-entete-no-img h2 {font-size: 3rem; line-height: 3rem;}
  .bloc-entete.bloc-entete-img h2 {font-size: 5rem; line-height: 5rem;}
  .bloc-entete .bloc-left img {max-height: 290px;}
  .bloc-entete .bloc-right {padding: 0 5%;}
  .container-title {margin-top: 0;}
  .home .bloc-entete {margin-top: 5rem;}



}

@media (min-width: 1000px) {
  .container-title video { height: max-content;}
  .bloc-entete-no-img .container-title {width: auto; margin-bottom: 0; height: 100%;}
  .bloc-entete .bloc-right,.bloc-entete .bloc-left { width: 50%;flex: 1;}
  .bloc-entete .bloc-left {margin-bottom: 0;}
  .bloc-entete .bloc-right {padding: 0;}
  .bloc-entete .wave-bg-svg{height: 55vh;}
  .bloc-entete {height: 100%;}
  .container-title video {position: absolute;top: 50%; transform: translateY(-50%); left: 0;}
  .bloc-entete video { aspect-ratio: 1 / 1;}
  .bloc-entete .bloc-left {margin-bottom: 30px;  aspect-ratio: 1 / 1;}
}

@media (min-width: 1700px) {

  .bloc-entete .wave-bg-svg{height: 45vh;}
}

@media (min-width: 1950px) {

  .bloc-entete .wave-bg-svg{height: 40vh;}
}

/* ===== bloc-equipes (bloc-equipes.css) ===== */
.section-equipe h2 {text-align: center; width: 100%;}

/* ===== bloc-exemple-configuration (bloc-exemple-configuration.css) ===== */
.section-configuration {row-gap: 20px;}
.section-configuration .configuration-col-gauche {width: 100%;}
.section-configuration .configuration-col-droite  {flex: 1;}
.configuration-col-droite .configuration-detail-row {width: 100%; column-gap: 2rem; margin: 25px 0;}
.configuration-col-droite .configuration-detail-row img {max-height: 50px; width: 4.5rem; object-fit: contain;}
.section-configuration .configuration-title {width: 100%;}
.configuration-col-droite .configuration-detail-text {flex: 1;}
.configuration-col-droite .configuration-detail-text h3 {font-size: 1.6rem; color: var(--couleur-secondaire); margin: 0; font-weight: 600;}
.configuration-col-droite .configuration-detail-text p {margin: 0; font-weight: 300;}
.configuration-col-droite.image-background-right {padding: 2rem;}
.section-configuration .btn-cta {margin-top: 40px;}

.section-configuration .configuration-img {max-height: 250px; margin: auto;}

.section-configuration .configuration-row {width: 100%; column-gap: 2rem; border-radius: 2.5rem; overflow: hidden;}
.configuration-col-gauche.image-background {background-repeat: no-repeat; background-size: cover; background-position: center; height: 20rem; }



@media (min-width: 768px) {
    .section-configuration {row-gap: 0;}
    .section-configuration .configuration-img {max-height: 400px;}
    .section-configuration.bloc-40-60 .configuration-col-gauche {width: 40%;}
    .section-configuration.bloc-60-40 .configuration-col-gauche {width: 60%;}
    .section-configuration.bloc-50-50 .configuration-col-gauche {width: 50%;}
    .section-configuration .btn-cta {max-width: max-content;}
    .section-configuration .configuration-title { margin-bottom: 20px;}
    .configuration-col-gauche.image-background {height: auto;}
    .configuration-col-droite.image-background-right {padding: 3rem 2rem 4rem;}
    .configuration-col-droite .configuration-detail-row {column-gap: 2rem;}
    .configuration-col-droite .configuration-detail-text h3 {font-size: 1.8rem;}
    .configuration-col-droite .configuration-detail-row img {width: 5.5rem;}

}

@media (min-width: 1200px) {
    .section-configuration .configuration-row {column-gap: 6rem;}
    .configuration-col-droite .configuration-detail-row {column-gap: 35px;}
}

/* ===== bloc-fil-mots-cles (bloc-fil-mots-cles.css) ===== */
.bloc-liste-keywords {text-align: center; font-size: 1.4rem; font-weight: 500;}
.bloc-liste-keywords .separator {color: var(--couleur-secondaire); margin: 0 5px;}
.bloc-liste-keywords span {display: inline-block; margin-bottom: 8px;}
.bloc-liste-keywords .hidden { opacity: 0; transform: translateX(-50px);}
.bloc-liste-keywords .revealed { animation: fadeInDrop 1.2s ease-in-out forwards;}
.bloc-liste-keywords canvas{ width:100%; height: 200px; position: absolute; z-index: 0;left: 0;margin-top: -30px;}
.bloc-liste-keywords h2 {margin-bottom: 4rem;}



@media (min-width: 768px) {
    .bloc-liste-keywords {font-size: 2.2rem;}
}

/*.bloc-liste-keywords .keyword {
  background: linear-gradient(transparent 0 40%, var(--underline-color) 40% 100%) left no-repeat;
  background-size: 0% 100%;
}*/

.bloc-liste-keywords .keyword {background-color: var(--couleur-secondaire-light); padding: 6px 20px; border-radius: 25px; margin-bottom: 1rem;}

.bloc-liste-keywords .keyword.revealed.revealedDone{ --d: 0%; }
@keyframes fadeInDrop {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    10%{
        background-size:0% 100%;
    }
    80%{
        background-size:100% 100%;
    }
    99%{
        background-size:100% 100%;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
        background-size:0% 100%;
    }
}


@media (min-width: 768px) {
.bloc-liste-keywords canvas{margin-top: -55px;}
.bloc-liste-keywords {font-size: 1.5rem;}
.bloc-liste-keywords span {margin-bottom: 0px;}
.bloc-liste-keywords h2 {margin-bottom: 5rem;}
}

@media (min-width: 1200px) {
    .bloc-liste-keywords {font-size: 1.8rem; font-weight: 600;}
    .keywords-small.bloc-liste-keywords {font-size: 1.6rem;}
}

/* ===== bloc-galerie-photos (bloc-galerie-photos.css) ===== */
.section-galerie .grid-item a {border-radius: 25px; overflow: hidden;}
.section-galerie .grid-item img { width: 100%; display: block;}


/* ===== bloc-hero-header (bloc-hero-header.css) ===== */
.section-hero-header {background-color: var(--background-light);}
.bloc-hero-header {flex-direction: column;}
.home .section-hero-header {margin-top: 4rem;}
.bloc-entete-row {height: 100%; align-items: center; row-gap: 35px;}
.bloc-entete-align {align-items: center;}
.anim-video {position: relative; max-width: 100%;  ;overflow: hidden;display: flex;justify-content: center;align-items: center; }
.bloc-entete-no-img .anim-video {height: 200px; margin-bottom: 20px;}
.anim-video video {width: 100%; height: max-content;object-fit: cover;}
/*.anim-video .titre_video{position: absolute; top: 0; left: 0; line-height: 80px; word-break:break-word; height: 100%; background: var(--background-light); font-size: 9rem;text-transform: uppercase;color: #000;mix-blend-mode: lighten; font-weight: 800;display: inline-block;}*/
.section-hero-header ul {margin-left: 2rem;}

.section-hero-header.bloc-entete-no-img>.flex-container {column-gap: 60px;}
.section-hero-header .wave-bg-svg{ width:100%; height: 60vh; position: absolute; z-index: 0;}
.section-hero-header .hero-header-text, .section-hero-header .hero-header-anim {z-index: 1;}
.section-hero-header h1, .section-hero-header h2 {text-align: center; line-height: normal;}
.section-hero-header h1 {font-size: 1.6rem; font-weight: 500;}
.section-hero-header h2 {font-size: 3rem; font-weight: 400; margin-top: 0; margin-bottom: 0;}


.section-hero-header.bloc-entete-img h1 {font-size: 4rem; line-height: 4rem; font-weight: 400;}
.section-hero-header.bloc-entete-no-img h1 {margin-bottom: 2rem;}*/

.section-hero-header p {margin: 0 0 8px; font-size: 1.5rem;}
.section-hero-header.bloc-entete-img p {font-size: 1.8rem;}
.section-hero-header.bloc-entete-no-img p {padding-bottom: 8px;}
/*.section-hero-header.bloc-entete-no-img p.titre-secondaire {font-weight: 600;}
.section-hero-header.bloc-entete-no-img p.titre-secondaire::after {content: ''; width: 170px; height: 1px; background-color: var(--couleur-principale); margin-top: 12px; display: block;}*/



.section-hero-header.bloc-entete-no-img h1 {font-weight: 600; font-size: 15px; margin: 0 0 8px; padding-bottom: 8px;}
.section-hero-header.bloc-entete-img h1 {font-weight: 300; font-size: 18px; margin: 0 0 8px;}
.section-hero-header.bloc-entete-no-img h1::after {content: ''; width: 170px; height: 1px; background-color: var(--couleur-principale); margin-top: 12px; display: block;}

.section-hero-header.bloc-entete-img h2 {font-size: 4rem; line-height: 4rem; font-weight: 400;}
.section-hero-header.bloc-entete-no-img h2 {margin-bottom: 2rem;}

.bloc-entete+style+div, .bloc-entete+style+div+div {z-index: 2; position: relative;}


.section-hero-header .masked { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain;  mask-position: top;}
.section-hero-header video {
  display: block;
  aspect-ratio: 80 / 30;
}


@media (min-width: 500px) {
.section-hero-header .hero-header-text {padding: 0 10%;}
}

@media (min-width: 768px) {
  .section-hero-header {min-height: auto; margin-top: 0;}
  .bloc-entete-img .anim-video {width: 100%;}
  .section-hero-header.bloc-entete-no-img h2 {font-size: 3rem; line-height: 3rem;}
  .section-hero-header.bloc-entete-img h2 {font-size: 5rem; line-height: 5rem;}
  .section-hero-header .hero-header-text {padding: 0 5%;}
  .home .section-hero-header {margin-top: 5rem;}
  .section-hero-header h2 {font-size: 4rem;}
  .section-hero-header h1 {font-size: 1.8rem; }

}

@media (min-width: 1000px) {
  .bloc-entete-no-img .anim-video {width: auto; margin-bottom: 0; height: 100%;}
  .section-hero-header .hero-header-text {padding: 0;}
  .section-hero-header .wave-bg-svg{height: 55vh;}
  .section-hero-header {height: 100%;}
  .section-hero-header video {max-width: 120rem;}
}

@media (min-width: 1700px) {

  .section-hero-header .wave-bg-svg{height: 45vh;}
}

@media (min-width: 1950px) {

  .section-hero-header .wave-bg-svg{height: 40vh;}
}

/* ===== bloc-hotspot (bloc-hotspot.css) ===== */

.section-hotspot {position: relative; background-color: #fff; padding: 30px 20px;}
.section-hotspot .bloc-left {border-radius: 0; margin-bottom: 30px; flex-direction: column; overflow: visible;}
.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 {position: absolute; width: 26px;height: 26px;cursor: pointer; pointer-events: auto; border: 2px solid #fff; border-radius: 100%; }*/
/*.bloc-hotspot .point-interet::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.general {position: absolute; width: 20px;height: 20px;cursor: pointer; pointer-events: auto; border: 2px solid #fff; background-color: #fff;transform: translate(-70px, -8px); }
.bloc-hotspot .point-interet.general::after {top: -3px; left: -3px; width: 22px; height: 22px; position: absolute; animation: 2s pulse 300ms infinite; content: url(/wp-content/uploads/2024/06/motif-logo-ellona.svg);}


.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 !important; }
/*.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 {margin-top: 1rem;}
#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: 2rem;}
#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, .description-point a.lexique-term {font-size: 1.4rem;}

.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;}

#text-bloc-hotspot {position: relative;}
#text-bloc-hotspot .description-point p {margin-bottom: 6px;}
#close-button-hotspot {border: none; background-color: transparent; font-size: 3.5rem; position: absolute; top: -2rem; right: 0;}


@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: 25px;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: 10px 15px;}
.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;}
.section-hotspot{    margin-left: 2rem;margin-right: 2rem;border-radius: 2.5rem;width:auto;}
}


@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 !important; }
	.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.general {width: 28px;height: 28px; transform: none; }
	.bloc-hotspot .point-interet.general::after {top: -3px; left: -3px; width: 30px; height: 30px;}


}

@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: -12%; right: -70px;  height: 125%; }*/
	.section-hotspot .bloc-right {top: -25px; right: -70px;}
	.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 {width: calc(40% + 60px);}
}

@media (min-width: 1200px) {
	.section-hotspot {border-radius: 25px; }

}

/* ===== bloc-kpi (bloc-kpi.css) ===== */

.slick-carousel-kpi .slick-track {display: flex;}
.slick-carousel-kpi .slick-slide{padding:0 2rem; height: inherit;}
.slick-carousel-kpi .slick-slide .vignette-kpi  {width: auto; max-width: 320px; padding: 3.5rem 2rem; background-color: #fff; border-radius: 15px 50px 15px 50px; margin: 0 auto; height: 100%;  flex-direction: column; }
.slick-carousel-kpi .slick-slide img {width: 100%; max-width: 350px; height: 200px; object-fit: cover; border-radius: 15px 50px 15px 50px;}

.slick-carousel-kpi .slick-slide h3, .slick-carousel-kpi .slick-slide .slide-num {display: inline-block;}
.slick-carousel-kpi .slick-slide h3 {margin: 0; font-size: 1.8rem; font-weight: 600; display: block;}
.slick-carousel-kpi .slick-slide .slide-num {font-size: 4rem; line-height: 4rem; color: var(--couleur-secondaire); vertical-align: middle; font-weight: 700; margin-right: 8px;}
.slick-carousel-kpi .slick-slide p {font-size: 1.3rem; margin: 0;}
.section-carrousel-kpi {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; position: relative; flex-direction: column;}
.section-carrousel-kpi .bloc-fleche {display: flex;}
.section-carrousel-kpi .bloc-fleche a {display: none !important;}
.section-carrousel-kpi h2 {font-size: 2rem; padding: 0 20px 15px; text-align: center;}




.section-carrousel-kpi .slick-slide a:focus-visible {outline: none !important;}
.section-carrousel-kpi .slick-prev,.section-carrousel-kpi .slick-next {display: block;}


.section-carrousel-kpi .vignette-kpi .nombre-kpi, .section-carrousel-kpi .vignette-kpi h3, .section-carrousel-kpi .vignette-kpi p {text-align: center;}
.section-carrousel-kpi .vignette-kpi .nombre-kpi {font-weight: 800; font-size: 4rem; margin-bottom: 1.5rem; margin-top: 0;}
.section-carrousel-kpi .vignette-kpi p {font-weight: 300; font-size: 1.4rem; margin-top: 1.5rem;}
.section-carrousel-kpi .vignette-kpi h3 {font-size: 1.6rem;}



.section-carrousel-kpi .slick-next{left: -55px;}
.section-carrousel-kpi .slick-next:before, .section-carrousel-kpi .slick-prev:before{display: none;}
.section-carrousel-kpi .slick-next, .section-carrousel-kpi .slick-prev {position: absolute; top: 0; left: auto;}


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




@media (min-width: 768px) {
    .slick-carousel-kpi .slick-slide{padding:0 2rem;}
    .slick-carousel-kpi .slick-slide .slide-num {font-size: 6.8rem; line-height: 6.5rem; }
    .section-carrousel-kpi .slick-prev, .section-carrousel-kpi .slick-next {bottom: -3rem; top: auto;}
    .section-carrousel-kpi .slick-next {right: 45px;}
    .section-carrousel-kpi .slick-prev {right: 120px;}
}



@media (min-width: 1200px) {
    .section-carrousel-kpi {flex-direction: row;}
    .slick-carousel-kpi .slick-slide{padding:0 3rem;}
    .section-carrousel-kpi .bloc-fleche {width: 35%; align-items: flex-end;}
    .section-carrousel-kpi h2 {font-size: 2.5rem; padding: 0; max-width: 300px; position: relative; left: -35px; text-align: right; margin-top: 0;}
    .section-carrousel-kpi .vignette-kpi .nombre-kpi {font-size: 6rem;}
    .section-carrousel-kpi .vignette-kpi h3 {font-size: 1.8rem;}
    .slick-carousel-kpi .slick-slide .vignette-kpi  {max-width: 420px; padding: 4.5rem 5rem; }
    .section-carrousel-kpi .bloc-fleche a {display: block !important;}

}







/* ===== bloc-liste-produits (bloc-liste-produits.css) ===== */


/* ===== bloc-liste-secteurs (bloc-liste-secteurs.css) ===== */


/* ===== bloc-onglets-investisseurs (bloc-onglets-investisseurs.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 .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;}

.tabs-investisseurs-container .tab-content.active{display:block !important;}

.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%; order: -1;}
.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 !important; 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: 2rem; padding-right: 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;}
  .tabs-investisseurs-container .intro-investisseurs {padding-left: calc(15% + 2rem); padding-right: calc(15% + 2rem); margin-bottom: 3rem;}
  .carrousel-investisseurs .slider-investisseurs {order: initial;}
  
}


@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-onglets-produit (bloc-onglets-produit.css) ===== */
.tabs-produits-container .tabs-nav {list-style: none; padding: 0; justify-content: flex-start; column-gap: 20px; margin: 0; overflow-x: auto; }
.tabs-produits-container .tabs-nav .tab {min-width: auto; border-radius: 25px 25px 0 0; margin-right: 10px; cursor: pointer; flex-direction: column; opacity: 1; transition: all 180ms ease-in-out; }
.tabs-produits-container .tabs-nav .tab:hover {background-color: rgb(207 236 248 / 60%);}
.tabs-produits-container .tabs-nav .tab:hover span::after {background-color: #ffff; transform: rotate(90deg);}
.tabs-produits-container .tabs-nav .tab.active {opacity: 1; background-color: var(--couleur-secondaire-light);} 
.tabs-produits-container .tabs-nav .tab span {font-weight: 600; padding: 10px; font-size: 1.6rem; margin-top: auto; display: inline-block; text-align: center; text-transform: none;}
.tabs-produits-container .tabs-nav .tab span::after {content: url(/wp-content/uploads/2024/06/fleche-tabulation.svg); width: 15px; display: inline-block; border-radius: 100%; width: max-content; height: 22px; transition: all 180ms ease-in-out; vertical-align: middle; margin: 12px;}
.tabs-produits-container .tabs-nav .tab span::before {content: ''; width: 20px; height: 20px; margin: 0 auto 15px; display: block; vertical-align: middle; background-repeat: no-repeat; background-size: contain;}
.tabs-produits-container .tabs-nav .tab span[data-tab="ressources"]::before {background-image: url(/wp-content/uploads/2024/06/ressources.svg);}
.tabs-produits-container .tabs-nav .tab span[data-tab="caracteristiques"]::before {background-image: url(/wp-content/uploads/2024/06/parametres.svg);}
.tabs-produits-container .tabs-nav .tab span[data-tab="accessoires"]::before {background-image: url(/wp-content/uploads/2024/06/picto-accessoires.svg);}
.tabs-produits-container .tabs-nav .tab.active span::after {background-color: #ffff; transform: rotate(90deg);}
.tabs-produits-container .tabs-content { clear: both; background-color: var(--couleur-secondaire-light); padding-bottom: 90px; border-radius: 0;}
.tabs-produits-container .tab-content { display: none;  padding: 40px 20px 25px;}
.tabs-produits-container .tab-content .tab-flex {max-width: 100%; margin: auto; row-gap: 20px; position: relative; margin-bottom: 50px;}




.tabs-produits-container  .modal { display: none;  position: fixed; z-index: 1000;  left: 0;top: 0;width: 100%;height: 100%;  overflow: auto;  background-color: rgba(0,0,0,0.4); }
.tabs-produits-container  .modal-content { background-color: var(--couleur-secondaire-light);margin: 2rem; padding: 2rem; width: 100%; height: auto; border-radius: 2.5rem; overflow: auto;margin: auto;width: 800px;}
.tabs-produits-container   .close {color: var(--couleur-principale);float: right;font-size: 4rem;font-weight: bold;cursor: pointer;}
.tabs-produits-container  .modal-content h2 {max-width: none;text-align: left; padding: 0;font-size: 1.8rem;line-height: normal;}
.tabs-produits-container  .modal-content h2 #modalTitle {font-weight: 500; font-style: italic;}


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

.filter-buttons {justify-content: center; flex-direction: column;}
.filter-buttons button {padding: 5px; margin: 6px;}
.filter-buttons button, #caracteristiques button {background-color: transparent; border: none; font-size: 1.4rem; padding: 0 8px;}
.filter-buttons button:first-of-type {font-weight: 600;}
.filter-buttons button:last-of-type, #caracteristiques button:last-of-type {border: none;}
.filter-buttons button:hover, #caracteristiques button:hover, #caracteristiques .filter:hover {font-weight: 500;}
.accessoire-item {border-radius: 25px 25px 0 0; overflow: hidden;}
.accessoire-item .thumbnail {background-color: #fff; height: 210px; margin-bottom: 10px; overflow: hidden;}
.accessoire-item .thumbnail img {width: 100%; height: 100%; object-fit: contain; padding: 20px; transition: all 200ms ease-in-out;}
a.tab-list-item:hover .thumbnail img {transform: scale(1.1);}

.accessoire-item .title h3, .accessoire-item .term h4 {margin: 0 auto 5px; font-size: 1.4rem; text-align: center;}
.accessoire-item .title h3 {text-transform: uppercase;}
.accessoire-item .term h4 {font-weight: 300;}


#caracteristiques .tab-flex p{margin: 0;}
#caracteristiques .tab-flex {justify-content: center; padding: 0; row-gap: 40px;}
.tableau-produit {border-spacing: 15px; width: max-content;}
.tableau-produit th, .tableau-produit td {width: 160px; border-radius: 15px; padding: 15px 20px; font-size: 1.5rem; font-weight: 400; text-align: center;}
.odeurs .tableau-produit th, .odeurs .tableau-produit td {width: 220px;}
.tableau-produit th {background-color: #fff;}
.tableau-produit td {border: 2px solid #fff;}
.tableau-produit tr td:first-of-type {background-color: var(--couleur-secondaire); border-color: var(--couleur-secondaire);}

#caracteristiques button.active {font-weight: 600;}
#caracteristiques .filter {position: relative; cursor: pointer;}
#caracteristiques .filter, #caracteristiques .filter + span + p {text-align: center;}
#caracteristiques .filter.active, #caracteristiques .filter.active + span + p {font-weight: 600;}
#caracteristiques .filter.active:after {content: ''; background-image: url("/wp-content/themes/iwego-child/images/underline.svg"); position:absolute; bottom:-12px; left: 0; width: 100%; height: 10px; background-size: cover; background-repeat: no-repeat; border-radius: 0 25px 25px 0;}
#caracteristiques button.filter.active:after {bottom: -12px;}
#caracteristiques .tableau-wrapper {max-width: 90%; width: 90%; overflow-x: scroll; margin-top: 6.5rem;} 
/*#caracteristiques,#ressources{height:400px !important;}*/

#caracteristiques .tableau-wrapper::-webkit-scrollbar, .tabs-produits-container .tabs-nav::-webkit-scrollbar {height: 6px;}
#caracteristiques .tableau-wrapper::-webkit-scrollbar-track, .tabs-produits-container .tabs-nav::-webkit-scrollbar-track {background: #fff;}
#caracteristiques .tableau-wrapper::-webkit-scrollbar-thumb, .tabs-produits-container .tabs-nav::-webkit-scrollbar-thumb  { background: var(--couleur-principale);}

#caracteristiques .filtre-capteur {align-items: center; justify-content: center; row-gap: 8px;}
#caracteristiques .filtre-plus {margin: 0 2rem;}
#caracteristiques .filter-btn-caracteristiques {align-items: center; width: 100%; justify-content: space-around;}

#ressources .tab-flex {justify-content: space-evenly;}
#ressources .ressource-item h3 {font-size: 1.4rem; font-weight: 500; margin: 0; border: 2px solid #fff; border-radius: 25px; padding: 8px 15px; transition: all 200ms ease-in-out;}
#ressources .ressource-item h3::after {content: url(https://ellona.iwegodev.fr/wp-content/uploads/2024/06/download.svg); display: inline-block; margin-left: 10px; transition: all 180ms ease-in-out; vertical-align: middle;}
#ressources .ressource-item:hover h3 {background-color: var(--couleur-secondaire); border-color: var(--couleur-secondaire);}
#ressources .ressource-item:hover h3::after {transform: translateY(-2px);}

.texte-filtrer-par{font-weight: bold;margin: 0;}



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

@media (min-width: 768px) {
  
  .tabs-produits-container .tab-content {padding: 60px 20px 50px;}
  #caracteristiques.tabs-produits-container .tab-content { padding: 40px 20px 50px;}
  .tabs-produits-container .tabs-content .tab-left img {max-height: 160px; width: auto;}
  .tabs-produits-container  .tabs-nav {justify-content: center; column-gap: 20px; overflow: hidden; padding: 0;}
  .tab-list-item {margin: 0 20px 30px;}
  .filter-buttons {flex-direction: row;}
  .filter-buttons button, #caracteristiques button {border-right: 2px solid var(--couleur-principale); padding: 0 10px;}
  .filter-buttons button {margin: 0;}
  .tabs-produits-container .tabs-nav .tab span {padding: 15px 25px 12px 40px;}
  .tabs-produits-container .tabs-nav .tab span::before {width: 40px; height: 30px; margin: 0 15px 0 0; margin-bottom: 0; display: inline-block; }
  #caracteristiques .filter-btn-caracteristiques {width: auto; justify-content: flex-start;  margin-left: 20px;}
  .tableau-produit th, .tableau-produit td {padding: 15px 10px;}
  #caracteristiques .filter, #caracteristiques .filter + span + p {text-align: left;}
}


@media (min-width: 900px) {
.tab-list-item {width: calc(25% - 40px);}
.tableau-produit {width: auto; margin: auto;}
#caracteristiques .tableau-wrapper {max-width: 100%; width: auto; overflow-x:hidden; margin-top: 0; width: 100%;} 
#caracteristiques .tab-flex {padding: 0 50px;}
.tabs-produits-container .tab-content .tab-flex {width: 90%;}
#ressources .tab-flex {column-gap: 50px; justify-content: flex-start; max-width: 90rem;}
#ressources .ressource-item h3 {font-size: 1.5rem; padding: 15px 25px; }
#caracteristiques .filtre-capteur {justify-content: flex-start; row-gap: 0;}

}


/* ===== bloc-partenaires (bloc-partenaires.css) ===== */

#map.map-partenaire {height: 600px; z-index: 1;  position: relative; overflow: hidden; width: 100%;background-color: #D4DADC; margin-top: 5rem;}
#map.map-partenaire .popup-content img {max-width: 25rem; max-height: 10rem; display: block; margin: 0 auto 15px;}
#map.map-partenaire .popup-content h3, #map.map-partenaire .popup-content p {text-transform: uppercase; letter-spacing: 2px; text-align: center; margin: 0;}
#map.map-partenaire .popup-content h3 {font-size: 16px;}
#map.map-partenaire .popup-content p {font-size: 14px;}
.leaflet-tile { max-width: none !important; max-height: none !important;}

#map .leaflet-popup-content-wrapper, #map .leaflet-popup-tip {box-shadow: rgba(0, 0, 0, 0.05) 1px 2px 4px 0px;}
#map .leaflet-marker-pane img.leaflet-marker-icon {opacity: .7;}

.carte-partenaires-container, .liste-filtres {max-width: 1140px; margin: auto;}
.liste-filtres {display: flex; justify-content: center; margin-top: 30px; margin-bottom: 30px; flex-direction: column; column-gap: 5rem; padding: 0 2rem; row-gap: 1.5rem;}
.liste-filtres .liste-filtre-pays {position: relative;}
.liste-filtres .liste-filtre-pays::after {content: "\f078";  font-family: "Font Awesome 5 Free"; font-weight: 900;  position: absolute; right: 4rem; top: calc(50% - 7px); font-size: 1.4rem; color: var(--couleur-principale);}


.liste-filtres .liste-filtre label {display: none;}
.liste-filtres input, .liste-filtres select {display: block; margin: auto; width: 100%; border: none !important; background-color: var(--couleur-secondaire); border-radius: 2.5rem; transition: all 300ms ease-in-out; padding: 1.5rem 2rem;}
.liste-filtres .liste-filtre:hover input, .liste-filtres .liste-filtre:hover select {background-color: var(--couleur-secondaire-light);}
.liste-filtres input::placeholder, .liste-filtres select {font-size: 14px;font-weight: 400; letter-spacing: 2px; color: var(--e-global-color-text); text-align: center;min-width: 250px;}
.liste-filtres input:focus-visible, .liste-filtres select:focus-visible {outline: none !important;}
#liste_partenaires_loader {display: flex; flex-wrap: wrap; column-gap: 2rem; row-gap: 2rem; margin: 30px 10px 50px; }

#liste_partenaires_loader .bloc-partenaire {width: calc(50% - 10px); transition: all .25s ease-in-out; background-color: #fff; border-radius: 2.5rem; overflow: hidden; padding: 2rem; flex-direction: column;}

#liste_partenaires_loader .bloc-partenaire img {display: block; margin: 1rem auto 0; max-width: 10rem; max-height: 4.5rem; object-fit: contain; transition: all .25s ease-in-out;}


#liste_partenaires_loader h3, #liste_partenaires_loader .bloc-artisan-metier {font-weight: 600;}
#liste_partenaires_loader .bloc-partenaire h3 {font-size: 1.8rem; line-height: normal; font-weight: 500; margin-top: 1rem; margin-bottom: 1rem; text-align: center;}
/*#liste_partenaires_loader .bloc-partenaire a.partenaire-link::after {content: "\f35d"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.4rem; border-radius: 50%; display: inline-flex; vertical-align: middle; text-align: center; margin-left: 8px; transition: inherit; }*/


#liste_partenaires_loader .bloc-partenaire .bloc-adresse {max-width: 100%; text-align: center; margin-bottom: 0; margin-top: 0; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; transition: inherit;}
#liste_partenaires_loader .bloc-partenaire .bloc-artisan-metier {font-size: 13px; margin: 0;}
#liste_partenaires_loader .bloc-partenaire p.bloc-artisan-nom {text-align: center; margin: 5px 0;}
#liste_partenaires_loader .bloc-partenaire a {text-decoration: none; transition: all .3s;}
#liste_partenaires_loader .bloc-partenaire a.btn-vert {font-weight: 500;letter-spacing: 2px; color: #FFFFFF; background-color: #C4D602;border: 1px solid #C4D602; border-radius: 100px;padding: 12px; display: block; max-width: max-content; margin: auto auto 0; font-size: 14px;}
#liste_partenaires_loader .bloc-partenaire a.btn-vert:hover {color: #000000; background-color: #FFFFFF;}
#liste_partenaires_loader .bloc-artisan-tel {text-align: center; display: block; margin: 0 auto 20px; max-width: max-content; position: relative;}
#liste_partenaires_loader .bloc-artisan-tel::before {content: "\f879"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 8px; font-size: 12px; position: absolute; left: -20px; top: 4px; } 
#loader {max-width: max-content; margin: 20px auto;}

#liste_partenaires_loader .bloc-partenaire .bloc-site-web {background-color: var(--couleur-secondaire-light); border-radius: 25px; font-size: 1.4rem; padding: 5px 10px; color: #fff; margin: auto; transition: all 700ms ease-in-out; }


#liste_partenaires_loader .bloc-partenaire:hover {box-shadow: rgba(0, 0, 0, 0.05) 1px 2px 4px 0px;}
#liste_partenaires_loader .bloc-partenaire:hover img {transform: scale(1.1);}
#liste_partenaires_loader .bloc-partenaire:hover .bloc-site-web {background-color: var(--couleur-secondaire);}
#liste_partenaires_loader .bloc-partenaire .bloc-site-web:hover {box-shadow: inset 25em 0 0 0 var(--couleur-principale); color: #fff;}
/*#liste_partenaires_loader .bloc-partenaire:hover .bloc-adresse {color: var(--couleur-secondaire);}*/
/*#liste_partenaires_loader .bloc-partenaire:hover a.partenaire-link::after {transform: translateY(-2px); color: var(--couleur-secondaire);}*/

#liste_partenaires_loader .pagination {width: 100%; justify-content: center;}
#liste_partenaires_loader .pagination span, #liste_partenaires_loader .pagination a {font-size: 1.5rem; min-width: 22px; text-align: center; height: 22px; display: inline-block;}
#liste_partenaires_loader .pagination span.current {border-radius: 2.5rem; border: 2px solid var(--couleur-secondaire-light);}
#liste_partenaires_loader .pagination a:hover {color: var(--couleur-secondaire);}

#liste_partenaires_loader .bloc-partenaire .bloc-adresse {width: max-content; padding: 0 6px; margin-left: auto; margin-right: auto; --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width)); background-image: linear-gradient(180deg, var(--underline-color), var(--underline-color)), var(--cap-image-left), var(--cap-image-right); background-repeat: no-repeat; background-position-x: calc(var(--underline-cap-width)* var(--underline-width-scale)), 0, 100%; background-position-y: calc(100% - var(--underline-offset-y)* -1); background-size: calc(100% - calc(var(--underline-cap-width)* var(--underline-width-scale)* 2)) calc(var(--underline-width)* 1px), auto calc(var(--underline-width)* 1px), auto calc(var(--underline-width)* 1px); }
#liste_partenaires_loader .bloc-partenaire .btn-cta.small::before {display: none;}

@media (min-width: 768px) {
    #liste_partenaires_loader .bloc-partenaire {width: calc(33% - 20px); padding: 3rem 2.5rem;  border-radius: 15px 50px 15px 50px; justify-content: center; }
    #liste_partenaires_loader .bloc-partenaire h3 {font-size: 2rem; }
    .liste-filtres input, .liste-filtres select {width: 35rem;}
    #liste_partenaires_loader { margin: 4rem 0 5rem; column-gap: 30px; row-gap: 35px;  }
    .liste-filtres {margin-top: 6rem; margin-bottom: 6rem; flex-direction: row;}
    #liste_partenaires_loader .pagination {margin-left: auto; width: auto;}
    #liste_partenaires_loader .bloc-partenaire .bloc-adresse {font-size: 1.6rem;}
    #liste_partenaires_loader .bloc-partenaire img {max-width: 16rem; max-height: 7rem; margin: 3rem auto 2rem; }
    #liste_partenaires_loader .bloc-partenaire .btn-cta.small {max-width: max-content; padding: 8px 10px 8px 4rem; margin: 2rem auto 0; font-size: 1.3rem;}
    .liste-filtres .liste-filtre {max-width: max-content;}
    #liste_partenaires_loader .bloc-partenaire .btn-cta.small::before {content: "\f35d"; width: 20px; height: 20px; display: flex;}
}

/* ===== bloc-produits-macarons (bloc-produits-macarons.css) ===== */
.section-produits-macarons {text-align: center; flex-direction: column;}
.section-produits-macarons h2 {font-size: 1.7rem; margin-bottom: 2rem; margin-top: 0; line-height: normal;}
.section-produits-macarons .image-produit img {max-width: 9rem; height: auto; text-align: center; object-fit: contain;}
.section-produits-macarons .macarons-produit {column-gap: .5rem; align-items: start;}
.section-produits-macarons .macarons-produit .macarons {column-gap: .6rem; flex-direction: column;}
.section-produits-macarons .image-produit .sous-titre-produit { font-weight: 600; letter-spacing: .02rem; margin-bottom: 0; margin-top: 1.5rem;}
.section-produits-macarons .macarons img { width: 4rem; display: inline-block; height: auto; text-align: center;}

.section-produits-macarons .produits-colonne.more-products .macarons img {width: 60px;}


@media (min-width: 768px) {
.section-produits-macarons .titre-colonne {box-sizing: border-box;text-align: left;}
.section-produits-macarons .produits-colonne {column-gap: 10rem;}
.section-produits-macarons .produit {justify-content: center;display: flex;}
.section-produits-macarons .produit{ border-right: 3px solid white;}
.section-produits-macarons .produit:last-child{border-right: 0;}
.section-produits-macarons img { width: 110px;display: block;}
}

@media (min-width: 1400px) {
    .section-produits-macarons h2 {font-size: 2rem;}
    .section-produits-macarons .produits-colonne {column-gap: 15rem;}
    .section-produits-macarons .macarons-produit {column-gap: 2rem;}
    .section-produits-macarons .macarons-produit .macarons {flex-direction: row; column-gap: 1rem;}
    .section-produits-macarons .image-produit .sous-titre-produit { background-color: white; padding: .4rem .8rem; border-radius: 99rem;}
    .section-produits-macarons .macarons img { width: 7.5rem;}
    .section-produits-macarons .image-produit img {width: 10rem; max-width: 100%;}

}

/* ===== bloc-publications-scientifique (bloc-publications-scientifique.css) ===== */

.section-carrousel-publications .modal { display: none;  position: fixed; z-index: 1000;  left: 0;top: 0;width: 100%;height: 100%;  overflow: auto;  background-color: rgba(0,0,0,0.4); }
.section-carrousel-publications .modal-content { background-color: var(--couleur-secondaire-light);margin: 2rem; padding: 2rem; width: 100%; height: auto; border-radius: 2.5rem; overflow: auto;}
.section-carrousel-publications  .close {color: var(--couleur-principale);float: right;font-size: 4rem;font-weight: bold;cursor: pointer;}
.section-carrousel-publications .modal-content h2 {max-width: none;text-align: left; padding: 0;font-size: 1.8rem;line-height: normal;}
.section-carrousel-publications .modal-content h2 #modalTitle {font-weight: 500; font-style: italic;}

 
.slick-carousel-publications .slick-track {display: flex;}
.slick-carousel-publications .slick-slide{padding:0 2rem; height: inherit;}
.slick-carousel-publications .slick-slide .vignette-publications  {width: auto; max-width: 320px; padding: 3.5rem 2rem; background-color: var(--couleur-principale); border-radius: 15px 50px 15px 50px; margin: 0 auto; height: 100%;  flex-direction: column; }
.slick-carousel-publications .slick-slide img {width: 100%; max-width: 350px; height: 200px; object-fit: cover; border-radius: 15px 50px 15px 50px;}
.vignette-publications h3, .vignette-publications p, .vignette-publications span {color: #fff;}

.slick-carousel-publications .slick-slide h3, .slick-carousel-publications .slick-slide .slide-num {display: inline-block;}
.slick-carousel-publications .slick-slide h3 {margin-bottom: 2rem; margin-top: 8px; font-size: 1.8rem; font-weight: 600; display: block;}
.slick-carousel-publications .slick-slide .slide-num {font-size: 4rem; line-height: 4rem; color: var(--couleur-secondaire); vertical-align: middle; font-weight: 700; margin-right: 8px;}
.section-carrousel-publications {display: flex;width: 100%; justify-content: space-between; align-items: center;overflow: hidden; position: relative; flex-direction: column;}
.section-carrousel-publications .bloc-fleche {display: flex;}
.section-carrousel-publications .bloc-fleche a {display: none !important;}
.section-carrousel-publications h2 {font-size: 2rem; padding: 0 20px 15px; text-align: center;}



.section-carrousel-publications .slick-slide a:focus-visible {outline: none !important;}
.section-carrousel-publications .slick-prev,.section-carrousel-publications .slick-next {display: block;}


.section-carrousel-publications .vignette-publications .nombre-kpi, .section-carrousel-publications .vignette-publications h3, .section-carrousel-publications .vignette-publications p {text-align: center;}
.section-carrousel-publications .vignette-publications .nombre-kpi {font-weight: 800; font-size: 4rem; margin-bottom: 1.5rem; margin-top: 0;}

.section-carrousel-publications .vignette-publications h3 {font-size: 1.6rem;}
.section-carrousel-publications .vignette-publications .annee-publication {margin-top: 0; font-weight: 300;}


.section-carrousel-publications .keywords-publication span, .section-carrousel-publications .auteurs-publication span, .section-carrousel-publications .keywords-publication p, .section-carrousel-publications .auteurs-publication p {display: inline; font-size: 1.4rem;}
.section-carrousel-publications .keywords-publication span, .section-carrousel-publications .auteurs-publication span {font-weight: 500;}
.section-carrousel-publications .keywords-publication p, .section-carrousel-publications .auteurs-publication p {font-weight: 300; padding-left: 7px; margin: 0;}
.keywords-publication, .auteurs-publication {text-align: center; margin: 1rem 0;}
.keywords-publication {margin-bottom: 1.5rem;}
.section-carrousel-publications .keywords-publication p {font-style: italic;}
.section-carrousel-publications .btn-cta {font-weight: 600; font-size: 1.3rem; display: block; margin-left: auto; margin-right: auto; margin-top: auto;}
.section-carrousel-publications .btn-cta:hover {box-shadow: inset 25em 0 0 0 var(--couleur-secondaire); color: var(--couleur-principale);}
.section-carrousel-publications .btn-cta:hover::before {background-color: #fff;}

.section-carrousel-publications .slick-next{left: -55px;}
.section-carrousel-publications .slick-next:before, .section-carrousel-publications .slick-prev:before{display: none;}
.section-carrousel-publications .slick-next, .section-carrousel-publications .slick-prev {position: absolute; top: 0; left: auto;}


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




@media (min-width: 768px) {

    .slick-carousel-publications .slick-slide .vignette-publications  {max-width: 420px; padding: 4.5rem 4rem; }
    .section-carrousel-publications .vignette-publications .nombre-kpi {font-size: 6rem;}
    .section-carrousel-publications .vignette-publications h3 {font-size: 1.8rem;}
    .slick-carousel-publications .slick-slide{padding:0 2rem;}
    .slick-carousel-publications .slick-slide .slide-num {font-size: 6.8rem; line-height: 6.5rem; }
    .section-carrousel-publications .slick-prev, .section-carrousel-publications .slick-next {bottom: auto; top: calc(100% + 4rem);}
    .section-carrousel-publications .slick-next {right: 45px;}
    .section-carrousel-publications .slick-prev {right: 120px;}
    .section-carrousel-publications .btn-cta {max-width: max-content;}
    .section-carrousel-publications .modal-content {margin: auto;padding: 50px;width: 40%;height: auto;}
    .section-carrousel-publications .modal-content h2 {padding: 0 50px;font-size: 2rem;}


}



@media (min-width: 1200px) {
    .section-carrousel-publications .bloc-fleche {width: 35%; align-items: flex-end;}
    .slick-carousel-publications .slick-slide{padding:0 3rem;}
    .section-carrousel-publications {flex-direction: row;}
    .section-carrousel-publications h2 {max-width: 300px; position: relative; left: -35px; text-align: right;}
    .section-carrousel-publications .bloc-fleche a {display: block !important;}
    .section-carrousel-publications h2 {font-size: 3rem; padding: 0;margin-top: 0;}
}







/* ===== bloc-slider-simple (bloc-slider-simple.css) ===== */
.bloc-slider-simple .slider-simple-intro {max-width: 80rem; margin: 0 auto 4rem;}
.bloc-slider-simple .slider-simple-intro h2 {margin-top: 0;}
.bloc-slider-simple .slide-simple img {max-width: 100%; margin: auto; height: 40rem; object-fit: cover; border-radius: 25px;}
.bloc-slider-simple .slide-simple .legende-slide {max-width: 60rem; margin: 2rem auto 0; text-align: center;}
.slick-slider-simple .slick-prev::before, .slick-slider-simple .slick-next::before {display: block; width: 4rem; height: 4rem;}
.slick-slider-simple .slick-prev::before {content: url('https://ellona.iwegodev.fr/wp-content/themes/iwego-child/images/fleche-precedente.svg');}
.slick-slider-simple .slick-next::before {content: url('https://ellona.iwegodev.fr/wp-content/themes/iwego-child/images/fleche-suivante.svg');}

@media (min-width: 768px) {
    .bloc-slider-simple .slide-simple img {height: 50rem;}

}


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


@media (min-width: 1200px) {

}





/* ===== bloc-tableau-comparatif (bloc-tableau-comparatif.css) ===== */
.cd-products-comparison-table {width: 100%; margin: 20px 0;}
.cd-products-table {display: flex; width: 100%; position: relative;max-width: 100%;}
.cd-products-table .cd-products-wrapper {flex: 1; overflow-x: clip; max-width: calc(100% - 17rem);}
.cd-features-list { list-style-type: none;padding: 0;margin: 0; display: flex;flex-direction: column;}
.cd-features-list li { padding: 5px;border-bottom: 1px solid #ddd; min-height: 4rem; align-items: center;}
.cd-products-columns {list-style-type: none; padding: 0;margin: 0;  display: flex;}
.cd-products-columns .product {flex: 1; box-sizing: border-box; min-width: 10rem;}
.product .top-info { display: flex; align-items: center;justify-content: space-between; position: sticky; top: 80px;background-color: var(--background-light);z-index: 10;}

.product h3 {margin: 0;}
.product ul.cd-features-list { list-style-type: none; padding: 0; margin: 0; }
.product ul.cd-features-list img.picto-check {width: 17px;}
.product ul.cd-features-list img.picto-croix {width: 12px;}
.empty-li{height: 27px;}

#tableaucomparatif button {border: none; border-radius: 2.5rem; width: 100%; transition: all 300ms ease-in-out; font-weight: 500;}
#tableaucomparatif #compare-button {background-color: var(--couleur-secondaire); color: #fff; position: relative; padding: 1rem 2rem; }
#tableaucomparatif #compare-button::before {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 20px; height: 20px; background: #FFF; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: calc(50% - 10px); left: 15px; color: var(--couleur-principale); }
#tableaucomparatif #compare-button:hover{box-shadow: inset 25em 0 0 0 var(--couleur-principale); color: #fff;}
#tableaucomparatif #compare-button:hover::before {background-color: var(--couleur-secondaire);}
#tableaucomparatif #reset-button {background-color: transparent;}
.tableau-comparatif-filtre {justify-content: center; column-gap: 2rem; row-gap: 1.5rem; margin: 4rem auto;}
.cd-products-comparison-table .features {margin-top: calc(15rem + 4rem); max-width: 17rem;}
.cd-products-comparison-table .features li {font-size: 1.3rem; padding: 5px 0; padding-right: 1.5rem;}
.cd-products-comparison-table .features li.titre-tableau:first-of-type, .product-features li.empty-li:first-of-type {margin-top: 0;}
.cd-products-comparison-table .features li.titre-tableau strong {color: var(--couleur-secondaire); text-transform: uppercase; font-weight: 700; font-size: 1.3rem;}
.cd-products-comparison-table .features li.titre-tableau, .product-features li.empty-li {margin-top: 5rem; border-bottom: none; position: relative;}
.cd-products-comparison-table .features li.titre-tableau::before, .product-features li.empty-li::before {content: ''; width: calc(100% + 2rem); height: 1px; background-color: var(--couleur-principale); display: block; position: absolute; left: 0; top: -1.5rem;}
.product-features li {font-size: 1.3rem; text-wrap: nowrap; justify-content: center;}



.cd-products-columns .top-info {flex-direction: column; align-items: center; height: 15rem; margin-bottom: 4rem; }
.cd-products-columns .top-info .product-checkbox{border: 1px solid var(--couleur-principale) !important; width: 20px; height: 20px;}
.cd-products-columns .top-info h3 {font-size: 1.6rem;}
.cd-products-columns .top-info img {max-width: 4rem; max-height: 5rem; height: auto;}


.toggle-full-text-tableau-produit{cursor: pointer;display: flex;position: relative;vertical-align: middle; transition: font-weight 0.3s ease; }
.excerpt-tableau-produit{display: inline; cursor: pointer; text-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; }
.resume-tableau-produit { max-width: 100%; display: flex; flex-wrap: nowrap; background-color: rgb(248 248 248 / 45%); z-index: 1;}
.full-text-tableau-produit {text-wrap: nowrap;}
.full-text-tableau-produit p{display: inline;}
.toggle-full-text-tableau-produit:hover{font-weight: bold;}
.resume-tableau-produit:hover .excerpt-tableau-produit{ overflow: initial; background-color:var(--background-light); }
.product-features li>span{ justify-content: center; display: flex; text-wrap: nowrap; flex-direction: column; align-items: center;}
.product-features li span{ overflow: hidden; text-overflow: ellipsis; text-align: center; }
.product-features li span.longtext{display: inline;padding:0px 5px;}

.product-features li:hover span{ overflow: initial; background-color:var(--background-light);width: 100%; text-wrap: wrap;   position: absolute; }
.product-features li:hover span.longtext{display: initial;}

.checkbox-container {height: 100%;}
.checkbox-container input[type="checkbox"] { display: none;}
.checkbox-container .custom-checkbox {width: 20px; height: 20px; display:inline-block; border: 1px solid var(--couleur-principale);border-radius: 50px;position: relative; cursor: pointer; margin-left: 0 !important;}
.checkbox-container .custom-checkbox::after {content: "";position: absolute;display: none;}
.checkbox-container input[type="checkbox"]:checked + .labelcheckbox .custom-checkbox::after {display: block;}
.checkbox-container .custom-checkbox::after {left: 5px;top: 2px;width: 5px; height: 8px;border: solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.checkbox-container input[type="checkbox"]:checked + .labelcheckbox .custom-checkbox { background-color: var(--couleur-secondaire);border-color: var(--couleur-secondaire);}
.labelcheckbox {cursor: pointer;display: flex; flex-direction: column;
  justify-content: space-between; align-content: space-between; align-items: center; gap: 20px; height: 100%;}

.scroll-container {position: relative;}
#scroll-bottom {height: 5px; background: #f0f0f1; width: 100%;}
#scroll-bottom .scroll-content {margin-top: 2px; background-color: var(--couleur-principale); height: 3px; position:relative; border-radius:1rem; }
#scroll-main {overflow-x: clip; overflow-y: clip; position: relative;}
#scroll-main::-webkit-scrollbar { display: none;}
#scroll-main { -ms-overflow-style: none; scrollbar-width: none;}
.scroll-content {display: inline-block; width: 2000px;}
.btnscroll{position: sticky; top: 150px; z-index: 15;}

#tableaucomparatif .btn-scroll {position: absolute; z-index: 5; background-color: var(--couleur-secondaire-light); color: var(--couleur-principale); font-size: 2.5rem; width: 4.5rem; height: 4.5rem; opacity: .5; top: 5rem;}
#tableaucomparatif #slide-right {left: 7rem; z-index: 15;}
#tableaucomparatif #slide-left {left: 15px;z-index: 15;}
#tableaucomparatif .btn-scroll:hover {opacity: 1;}

#scroll-main li{position: relative;}
#scroll-main[data-slide="1"] li { left: 0px; }
#scroll-main[data-slide="2"] li { left: -200px; }
#scroll-main[data-slide="3"] li { left: -400px; }
#scroll-main[data-slide="4"] li { left: -600px; }
#scroll-main[data-slide="5"] li { left: -800px; }
#scroll-main[data-slide="6"] li { left: -1000px; }
#scroll-main[data-slide="7"] li { left: -1200px; }
#scroll-main[data-slide="8"] li { left: -1400px; }
#scroll-main[data-slide="9"] li { left: -1600px; }
#scroll-main[data-slide="10"] li { left: -1800px; }
#scroll-main[data-slide="11"] li { left: -2000px; }

.cd-products-wrapper .hidden {display: none;}

@media (min-width: 768px) {
    #tableaucomparatif button {width: auto;}
    #tableaucomparatif #compare-button {padding: 1rem 2rem 1rem 4.2rem;}
    .tableau-comparatif-filtre {margin: 4rem auto 6rem;}
    .cd-products-comparison-table .features {max-width: 35rem;}
    .cd-products-table .cd-products-wrapper{max-width: calc(100% - 35rem)}
    .cd-products-comparison-table .features li {font-size: 1.4rem;}
    #tableaucomparatif #slide-left {left: 23rem;}
    #tableaucomparatif #slide-right {right: -6.5rem; left: auto;}
    .cd-products-columns .product {min-width: 17rem;}
    .cd-products-columns .top-info img {max-width: 8rem; max-height: 7rem;}
    .cd-products-comparison-table .features li.titre-tableau strong {font-size: 1.5rem;}
    .product .top-info {top: 145px; z-index: 102;}

}

/* ===== bloc-tabs (bloc-tabs.css) ===== */
.tabs-nav {list-style: none; padding: 0 0 30px; justify-content: flex-start; column-gap: 20px; margin: 45px 0 25px; overflow-x: scroll; scrollbar-color: var(--couleur-principale) transparent;}
.tabs-nav .tab { margin-right: 10px; cursor: pointer; opacity: .35; flex-direction: column; min-width: 120px; }
.tabs-nav .tab.active {opacity: 1;}
.tabs-nav .tab img { width: auto; max-height: 55px; max-width: 65px; margin-bottom: 15px; object-fit: contain; margin-left: auto; margin-right: auto;}
.tabs-nav .tab span {font-weight: 600; font-size: 1.5rem; margin-top: auto; display: inline-block; text-transform: uppercase; text-align: center;}
.tabs-content { clear: both; background-color: #fff; border-radius: 25px;}
.tab-content { display: none;  padding: 40px 20px 25px;}
.tab-content .tab-flex {max-width: 100%; margin: auto; row-gap: 20px;}
.tabs-content .tab-left {width: 100%;}
.tabs-content .tab-left img {margin: auto; max-width: 100%; height: auto; object-fit: contain; width: 130px;}
.tabs-content .tab-right {flex: 1;}
.tabs-content .tab-right h3 {margin: 0 0 12px;}
.tab-complement {border-top: 1px solid rgba(112, 112, 112, 0.16); padding-top: 30px; margin-top: 30px; align-items: center; column-gap: 5rem; row-gap: 1rem;}
.tab-complement img {margin: auto; object-fit: contain; width: 16rem; height: 100%;}
.tab-complement strong {font-weight: 700;}

.tab-complement-text p strong, .tab-complement-text p {font-size: 12px;}




@media (min-width: 768px) {
    .tab-content .tab-flex {column-gap: 60px; width: 800px;  margin: auto;}
    .tabs-content .tab-left {width: 23%;}
    .tab-complement img {margin: 0;}
    .tab-content {padding: 60px 20px 50px;}
    .tabs-content .tab-left img {max-height: 160px; width: auto;}
    .tabs-nav {justify-content: center; column-gap: 20px; overflow: hidden; padding: 0;}
    .tabs-nav .tab {min-width: auto;}
    .tabs-content .tab-left .btn-cta.small {font-size: 1.3rem;}
}


/* ===== bloc-texte-image (bloc-texte-image.css) ===== */
.container-bloc-texte-image {padding-top: 30px; padding-bottom: 30px;}
.bloc-text {padding: 25px 15px; order: 2; border-radius: 0 0 25px 25px;}
.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%; object-fit: contain; display: block;}
.bloc-text p {margin: 8px 0;}
.bloc-text h2 {margin-bottom: 1.2rem;}
.bloc-text ul {padding-left: 1.7rem;}

.container-bloc-texte-image .bloc-right:not(.bloc-text), .container-bloc-texte-image .bloc-left:not(.bloc-text) {border-radius: 25px 25px 0 0; min-height: 18rem;}

/*.bloc-right.bloc-50-50 img, .bloc-left.bloc-50-50 img {object-fit: cover;}*/

.background-image-texte-image{background-size: cover;height: 100%; background-position: center;}
.slick-carousel-texte-image .slick-track {display: flex;}
.slick-carousel-texte-image:not(.slider-cover) img {max-height: 350px; 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;}
.slick-carousel-texte-image.slider-cover .slick-list, .slick-carousel-texte-image.slider-cover .slick-track {height: 100%;}

.slick-nav-buttons {justify-content: center; margin: 15px 0 0;}
.container-bloc-texte-image button {border: 2px solid var(--couleur-secondaire-light); color: var(--couleur-principale); background-color: transparent; text-transform: uppercase; font-weight: 300; font-size: 1.5rem; padding: 8px 15px; border-radius: 25px; margin: 5px 10px; transition: all 150ms ease-in-out;min-width: 80px;}
.container-bloc-texte-image button.active {background-color: var(--couleur-secondaire-light);}
.container-bloc-texte-image button:not(.active):hover {border-color: var(--couleur-secondaire);}
.container-bloc-texte-image button:focus-visible {outline: none;}

.bloc-full-text-mobile .bloc-text:first-of-type {padding-bottom: 0;}
.bloc-full-text-mobile .bloc-text:last-of-type {padding-top: 0;}




.photo-portrait .background-image-texte-image {height: 40rem;}

@media (min-width: 550px) {
    .photo-portrait .background-image-texte-image {background-position: top -10rem center;}
}

@media (min-width: 768px) {
    .container-bloc-texte-image .btn-cta {width: max-content; padding: 7px 22px 7px 45px; text-align: left;}
    .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%;}
    .photo-portrait .background-image-texte-image {background-position: top -20rem center;}

}
@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%;}
    .container-bloc-texte-image .bloc-left, .container-bloc-texte-image .bloc-left:not(.bloc-text) {border-radius: 25px 0 0 25px !important;}
    .bloc-right, .bloc-right:not(.bloc-text) {border-radius: 0 25px 25px 0 !important;}
    .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;}
    .photo-portrait .background-image-texte-image {height: 100%; background-position: center;}
}

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

/* ===== bloc-texte (bloc-texte.css) ===== */
.container-bloc-texte {padding: 4rem 2rem 3rem; margin-left: 2rem; margin-right: 2rem; width: auto; border-radius: 2.5rem;}
.container-bloc-texte .bloc-texte-base>* {max-width: 800px; margin-left: auto; margin-right: auto; width: 100%;}
.container-bloc-texte ul {padding-left: 2rem; margin-bottom: 8px; margin-top: 8px;}
.container-bloc-texte h2 {margin-top: 0; margin-bottom: 0;}
.container-bloc-texte .bloc-texte-titre-center h2 {margin-left: auto; margin-right: auto; max-width: 800px;}
.container-bloc-texte img {margin-top: 35px; max-width: 100%;}

.container-bloc-texte-image .bloc-right:not(.bloc-text), .container-bloc-texte-image .bloc-left:not(.bloc-text) {border-radius: 25px 25px 0 0;}
.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%;}


@media (min-width: 768px) {
    .container-bloc-texte {padding: 60px 50px; column-gap: 70px; width: 100%; margin-left: auto; margin-right: auto; }
    .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;}
    .bloc-texte-titre {margin-bottom: 3rem;}

}

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

/* ===== bloc-trois-colonnes (bloc-trois-colonnes.css) ===== */
.container-bloc-trois-colonnes h2 {margin: 0 auto 5rem;}
.bloc-colonnes-row {border-radius: 25px 25px 0 0;}
.bloc-colonnes-center {flex: 1; align-items: flex-end; order: 2;}
.bloc-colonnes-center img {max-height: 300px; margin-left: auto; margin-right: auto;}
.bloc-colonnes-left, .bloc-colonnes-right, .bloc-colonnes-center {max-width: 100%; position: relative;}
.bloc-colonnes-left {padding: 20px 20px 10px;}
.bloc-colonnes-right {padding: 10px 20px 20px;}

.bloc-colonnes-bottom {padding: 30px 20px; border-radius: 0 0 25px 25px;}
.bloc-colonnes-bottom p {text-align: center; margin-left: auto; margin-right: auto; font-weight: 500;}

.bloc-colonnes-left::after, .bloc-colonnes-right::after, .bloc-colonnes-center::after {content:''; position: absolute; height : 0; width : 0;border-top : 30px solid #fff; border-right : 30px solid transparent; border-left : 30px solid transparent; bottom: -30px; }
.bloc-colonnes-left::after {left: 40%;}
.bloc-colonnes-right::after {right: 40%;}
.bloc-colonnes-center::after {left: calc(50% - 30px); display: inline-block;}

.bloc-colonnes-row h3 {margin: 0 0 20px;}


@media (min-width: 768px) {
    .bloc-colonnes-row {border-radius: 25px;}
    .bloc-colonnes-left, .bloc-colonnes-right {width: 50%;}
    .bloc-colonnes-right {padding: 50px 65px 15px 40px;}
    .bloc-colonnes-left {padding: 50px 40px 15px 65px;}
    .bloc-colonnes-bottom p {max-width: 800px;}
    .bloc-colonnes-bottom {width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 0;}
    .bloc-colonnes-left::after, .bloc-colonnes-right::after {display: inline-block;}
    .bloc-colonnes-center::after {display: none;}
    .bloc-colonnes-row h3 {font-size: 2.5rem;}
    .bloc-colonnes-center img {max-height: 200px;}
}

@media (min-width: 1200px) {
    .bloc-colonnes-left, .bloc-colonnes-right {width: 33%;}
    .bloc-colonnes-center img {max-height: 100%;}
    .bloc-colonnes-center {order: initial;}
    .bloc-colonnes-left {padding: 50px 40px 35px 65px;}
    .bloc-colonnes-right {padding: 50px 65px 35px 40px;}
    .bloc-colonnes-bottom {padding: 30px 0;}
}

/* ===== bloc-tunnel-questions (bloc-tunnel-questions.css) ===== */
.bloc-tunnel-question {position: relative; z-index: 100;}
.tunnel-container {max-width: 80rem; margin-left: auto; margin-right: auto;}
.question-section {font-size: 14px;}
.bloc-tunnel-question h2 {font-size: 2rem; padding-bottom: 20px; line-height: normal; margin-bottom: 8px;}
.bloc-tunnel-question h3.titretunnel {font-size: 1.6rem; font-weight: 400; margin: 8px 0; background-color: #fff; border-radius: 2.5rem; padding: 1.2rem 2.8rem; display: flex; align-items: center;}
.bloc-tunnel-question h3.titretunnel::after {content: url('/wp-content/themes/iwego-child/images/fleche-suivante.svg'); display: inline-block; margin-left: auto; transition: transform 0.3s ease;}
.bloc-tunnel-question .active h3.titretunnel::after  { transform: rotate(90deg);}
.bloc-tunnel-question .filled h3.titretunnel {cursor: pointer;}
.question-section.complete h3 {background-color: var(--couleur-secondaire-light); }
.bloc-tunnel-question .picto {max-width: 35px; margin-right: 10px; display: none;}
.question-section input[type="radio"], .question-section input[type="checkbox"]{ display: none;}
.question-section label {position: relative; padding-left: 20px;cursor: pointer; margin-right: 10px; display: inline-flex; align-items: center; font-size: 1.3rem;}
.question-section label::before { content: ""; position: absolute;left: 0px; top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;transition: background-color 0.3s ease;border: 1px solid var(--couleur-principale);}
.question-section input[type="radio"]:checked + label::before { background-color: var(--couleur-principale);}
.question-section input[type="checkbox"]:checked + label::before { background-color: var(--couleur-principale);}
.question-section .formulaire label::before {display: none;}
/*.question-section label:hover{font-weight: bold;}*/

.bloc-tunnel-question .question-section .liste_display, #liste_resultat{max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden;}
.bloc-tunnel-question .question-section.active .liste_display, #liste_resultat.active {max-height: 100%; transition: max-height 0.25s ease-in;  margin: 3rem 2rem;}
.bloc-tunnel-question .question-section .liste_question{ display: grid; grid-gap: 20px;}


.bloc-tunnel-question button.voiroffre {text-align: center; border: none; border-radius: 25px; width: 100%; position: relative; background-color: var(--couleur-secondaire-light); padding: 1.5rem 2.5rem 1.5rem 4.5rem; color: var(--couleur-principale);  transition: box-shadow 350ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out ; margin: 25px 0 0; display: block;}
.bloc-tunnel-question button.voiroffre::before {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; width: 20px; height: 20px; background: #FFF; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; top: calc(50% - 10px); left: 15px; box-shadow: inset 0 0 0 0 var(--couleur-principale); }
.bloc-tunnel-question button.voiroffre:hover{box-shadow: inset 25em 0 0 0 var(--couleur-principale); color: #fff;}
.bloc-tunnel-question button.voiroffre:hover::before {background-color: var(--couleur-secondaire);}


#liste_zone .unchoix img {filter: brightness(0) saturate(100%) invert(72%) sepia(42%) saturate(312%) hue-rotate(152deg) brightness(97%) contrast(94%);}

.bloc-tunnel-question .formulaire {background-color: var(--couleur-secondaire-light); border-radius: 2.5rem; padding: 2rem;}
.bloc-tunnel-question .formulaire label, .bloc-tunnel-question .formulaire legend {color: var(--couleur-principale); padding-left: 2rem;}
.bloc-tunnel-question .formulaire input, .bloc-tunnel-question .formulaire textarea {border: none !important; box-shadow: none !important; border-radius: 25px !important; color: var(--couleur-principale) !important;}
.bloc-tunnel-question .formulaire input:not([type="checkbox"]), .formulaire-contact textarea {padding-left: 2rem !important; padding-right: 2rem !important;}
.bloc-tunnel-question .formulaire input[type="submit"] {width: 100% !important; background-color: var(--couleur-principale) !important; color: #fff !important; border: none !important; border-radius: 25px !important; padding: 7px 30px !important;  transition: all 500ms ease-in-out;}
.bloc-tunnel-question .formulaire input[type="submit"]:hover {background-color: var(--couleur-secondaire) !important;}
.bloc-tunnel-question .formulaire .gform_fields {display: flex; flex-wrap: wrap; column-gap: 12px;}
.bloc-tunnel-question .formulaire .gform_fields>fieldset:first-of-type, .bloc-tunnel-question .formulaire .gfield--input-type-textarea  {width: 100%;}
.bloc-tunnel-question .formulaire .ul-horizontal label {font-size: 1.3rem; margin-left: 6px !important; padding-left: 0 !important;}
.bloc-tunnel-question .formulaire .input-50 {width: 100%;}

.bloc-tunnel-question .affichage-produits {column-gap: 2.5rem; flex-wrap: wrap;}
.bloc-tunnel-question .active .affichage-produits {margin-bottom: 4rem;}
.bloc-tunnel-question .affichage-produits p {width: 100%; font-weight: 800;}
.bloc-tunnel-question .liste_produit { display:flex; width: 100%; flex-wrap: wrap; justify-content: center; row-gap: 2rem;  overflow-x: auto;}
.bloc-tunnel-question .liste_produit .aproduit {padding: 0 1rem; width: 50%;}
.bloc-tunnel-question .liste_produit .aproduit a {flex-direction: column; display: flex;}
.bloc-tunnel-question .liste_produit .aproduit p {margin: 0; font-weight: 600; font-size: 1.4rem; text-align: left; margin-top: auto; }
.bloc-tunnel-question .liste_produit .aproduit .resume_produit {font-size: 1.2rem; font-weight: 400; margin-top: 0;}
.bloc-tunnel-question .liste_produit .aproduit:last-of-type {border-right: none;}
.bloc-tunnel-question .liste_produit img{max-width: 6rem; max-height: 5rem; margin-bottom: 1.5rem; object-fit: contain;}





@media screen and (min-width: 768px) {
    .bloc-tunnel-question button.voiroffre {max-width: max-content; margin-left: auto;}
    .bloc-tunnel-question .formulaire input[type="submit"] {max-width: max-content;}
    .bloc-tunnel-question h2 {font-size: 2.6rem;}
    .bloc-tunnel-question .picto {display: block;}
    .question-section label {font-size: 1.4rem;}
    .bloc-tunnel-question .question-section .liste_question{grid-template-columns: 50% 50%; }
    .bloc-tunnel-question .formulaire {padding: 2rem 4rem;}
    .bloc-tunnel-question .liste_produit .aproduit {width: auto; padding: 0 2.5rem; }

}

@media screen and (min-width: 900px) {
    .bloc-tunnel-question .question-section.active .liste_display {max-height: 1500px;  margin: 4rem 3rem 3rem;}
    .bloc-tunnel-question .affichage-produits {flex-wrap: nowrap;}
    .bloc-tunnel-question .liste_produit .aproduit {padding: 0 2.5rem; border-right: 1px solid var(--couleur-secondaire-light);}
    .bloc-tunnel-question .liste_produit {justify-content: start; flex-wrap: nowrap;}
    .bloc-tunnel-question .formulaire .input-50 {width: auto;}
}

@media screen and (min-width: 1200px) {
    .bloc-tunnel-question::after {content: ''; background-image: url('/wp-content/uploads/2024/07/tunnel-motif.svg');position: absolute; left: -45rem; top: 0; display: block; width: 80rem; height: 25rem; background-size: contain; background-repeat: no-repeat; z-index: -1;}

}

/* ===== bloc-zoom-sur (bloc-zoom-sur.css) ===== */
.bloc-zoom-sur h2 {margin: 0 auto 35px;}
.liste-zoom-sur { display: flex;flex-direction: column; }
.zoom-bloc {position: relative; background-size: cover; background-position: center; border-radius: 25px; margin-top: 1.2rem; margin-bottom: 1.2rem; align-items: flex-end; background-size: auto; background-position: center; overflow: hidden;}


.zoom-bloc .image-produit {position: absolute; height: max-content; left: 50%; transform: translateX(-50%); max-height: 100%; }
.zoom-bloc .image-produit.img-center {bottom: 25px; }
.zoom-bloc .image-produit img {max-width: 200px; display: block; max-height: 150px;  transition: all 180ms ease-in-out;}
.zoom-bloc .image-produit.img-center img {max-height: 150px;}
.bloc-zoom-sur .titre-zoom-sur{text-align: center;}

.contenu-bloc {background-color: rgba(0,47,99,0.9); padding: 4rem 2rem 20rem; height: max-content; flex-direction: column; justify-content: center; border-radius: 0 0 25px 25px;}
.contenu-bloc h2 {color: var(--couleur-secondaire-light); margin: 0 0 15px; text-transform: uppercase;}

.contenu-bloc .solution {background-color: var(--couleur-secondaire); color: #fff; text-transform: uppercase; font-size: 1.4rem; padding: 6px 8px; max-width: max-content; font-weight: 600; margin-bottom: 10px;}
.contenu-bloc p {font-weight: 300; margin: 0;}
.contenu-bloc p, .contenu-bloc strong {color: #fff; font-size: 1.5rem;}


.zoom-sur-titre {position: relative; max-width: max-content;min-width: 110px;}

.zoom-bloc .macaron-prix-zoom {height: 6.8rem; right: -10rem; position: absolute; top: -90%;}
.zoom-bloc .contenu-bloc.right + .image-produit  .macaron-prix-zoom {left: -20px; top: -20px;}
.zoom-bloc .contenu-bloc.left + .image-produit  .macaron-prix-zoom {right: -20px; top: -20px;}

/*.liste-zoom-sur>a:hover .image-produit img {transform: scale(1.1);}*/


@media (min-width: 768px) {
    .zoom-bloc {min-height: 330px; align-items: stretch; background-size: cover; margin-top: 3rem; margin-bottom: 3rem;}
    .zoom-bloc .image-produit {bottom: 0; z-index: 1; left: 30%; height: 100%; display: flex; align-items: end;}
    .contenu-bloc.left + .image-produit {left: 70%;}
    .zoom-bloc .image-produit.img-center {bottom: auto; display: flex; align-items: center;}
    .contenu-bloc {border-radius: 2.5rem 0 0 2.5rem; width: 70%; height: inherit;}
    .contenu-bloc.left {padding: 30px 18% 30px 20px; order: 1;}
    .contenu-bloc.right { margin-left: auto; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding: 30px 20px 30px 18%;}
    .contenu-bloc p, .contenu-bloc strong {font-size: 2rem;}
    .zoom-bloc .image-produit img {max-height: 100%; object-fit: contain;}
    .zoom-bloc .image-produit.img-center img {max-height: 160px;}
    .zoom-bloc .macaron-prix-zoom {height: 9rem; right: -14rem; top: -150%; }
}



@media (min-width: 1000px) {
    .contenu-bloc.right {padding: 65px 70px 65px 13%;}
    .contenu-bloc p, .contenu-bloc strong {font-size: 2.2rem;}
    .contenu-bloc.left {padding: 65px 13% 65px 70px;}
    .zoom-bloc .image-produit, .contenu-bloc.left + .image-produit {left: 50%;}
    .zoom-bloc .image-produit.img-center img {max-height: 22rem;}
    .contenu-bloc {width: 50%;}
    .zoom-bloc .image-produit img {max-width: 16rem;}
}

@media (min-width: 1200px) {
    .zoom-bloc .image-produit img {max-width: 25rem;}
    .zoom-bloc .macaron-prix-zoom {height: 10rem; right: -12rem; top: -100%;}
}