.elementor-2320 .elementor-element.elementor-element-5fc9591{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2320 .elementor-element.elementor-element-970b0f6{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2320 .elementor-element.elementor-element-970b0f6:not(.elementor-motion-effects-element-type-background), .elementor-2320 .elementor-element.elementor-element-970b0f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2320 .elementor-element.elementor-element-68d0274{--display:flex;}.elementor-2320 .elementor-element.elementor-element-8a8ab48{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2320 .elementor-element.elementor-element-3bca881{--e-image-carousel-slides-to-show:6;}.elementor-2320 .elementor-element.elementor-element-3bca881 .elementor-image-carousel-caption{text-align:center;}.elementor-2320 .elementor-element.elementor-element-999912d{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-border-radius:35px 35px 35px 35px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:14px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#000000;}.elementor-2320 .elementor-element.elementor-element-999912d > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-2320 .elementor-element.elementor-element-999912d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#ec6c04;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ec6c04;}.elementor-2320 .elementor-element.elementor-element-999912d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2320 .elementor-element.elementor-element-999912d.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ec6c04;}.elementor-2320 .elementor-element.elementor-element-999912d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#CACACA;}.elementor-2320 .elementor-element.elementor-element-999912d.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-2320 .elementor-element.elementor-element-999912d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}/* Start custom CSS for image-carousel, class: .elementor-element-3bca881 *//* 1. Taille uniforme des images */
.elementor-2320 .elementor-element.elementor-element-3bca881 img {
    aspect-ratio: 1 / 1 !important; 
    object-fit: cover !important; 
    width: 100% !important;
    height: auto !important;
    border-radius: 10px; /* Optionnel : arrondit les angles de l'image */
}

/* 2. On prépare la "boîte" qui contient l'image pour bloquer le texte à l'intérieur */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 .slick-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 figure {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px; /* Doit être identique à l'image */
}

/* 3. On transforme la légende en "masque sombre" par-dessus l'image */
.elementor-2320 .elementor-element.elementor-element-3bca881 .elementor-image-carousel-caption,
.elementor-2320 .elementor-element.elementor-element-3bca881 figcaption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.20) !important; /* Fond noir transparent à 75% */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centre verticalement */
    align-items: center !important; /* Centre horizontalement */
    opacity: 0 !important; /* TOTALEMENT CACHÉ PAR DÉFAUT */
    transition: all 0.3s ease-in-out !important; /* Apparition en douceur */
    padding: 10px !important;
    margin: 0 !important; /* Enlève la marge par défaut sous l'image */
    box-sizing: border-box !important;
    z-index: 10 !important;
}

/* 4. L'effet "Magique" : on affiche le masque quand la souris passe dessus */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide:hover .elementor-image-carousel-caption,
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide:hover figcaption,
.elementor-2320 .elementor-element.elementor-element-3bca881 figure:hover figcaption {
    opacity: 1 !important;
}

/* Le Nom (Titre) */
.titre-onglet {
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 1.2rem !important; /* Taille du nom */
    line-height: 1.5 !important;  /* Espace entre les lignes du nom s'il est long */
    margin-bottom: 5px !important; /* Espace sous le nom avant le trait */
    display: block !important;
    text-align: center !important;
}

/* Le Trait (Séparateur) */
.separateur-onglet {
    width: 40px !important;       /* Largeur du trait */
    border: none !important; 
    border-top: 2px solid #FF6B00 !important; /* Épaisseur et couleur du trait */
    margin: 7px auto !important; /* Le '15px' règle l'espace au-dessus et en-dessous du trait */
    display: block !important;
}

/* La Fonction (Description) */
.desc-onglet {
    color: #eeeeee !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;  /* Augmentez ce chiffre pour aérer le texte de la fonction */
    margin-top: 5px !important;    /* Espace au-dessus de la fonction */
    display: block !important;
    text-align: center !important;
}

/* 2. On prépare la "boite" et on ajoute l'espacement */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-wrapper, 
.elementor-2320 .elementor-element.elementor-element-3bca881 .slick-track,
.elementor-2320 .elementor-element.elementor-element-3bca881 .elementor-image-carousel {
    display: flex !important; /* Force le mode flex pour que le gap fonctionne */
    gap: 20px !important;    /* Ajuste la valeur (20px) selon tes envies ! */
}

/* On garde ton code d'origine ici aussi */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 .slick-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 figure {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-3bca881 *//* 1. Taille uniforme des images */
.elementor-2320 .elementor-element.elementor-element-3bca881 img {
    aspect-ratio: 1 / 1 !important; 
    object-fit: cover !important; 
    width: 100% !important;
    height: auto !important;
    border-radius: 10px; /* Optionnel : arrondit les angles de l'image */
}

/* 2. On prépare la "boîte" qui contient l'image pour bloquer le texte à l'intérieur */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 .slick-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 figure {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px; /* Doit être identique à l'image */
}

/* 3. On transforme la légende en "masque sombre" par-dessus l'image */
.elementor-2320 .elementor-element.elementor-element-3bca881 .elementor-image-carousel-caption,
.elementor-2320 .elementor-element.elementor-element-3bca881 figcaption {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.20) !important; /* Fond noir transparent à 75% */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centre verticalement */
    align-items: center !important; /* Centre horizontalement */
    opacity: 0 !important; /* TOTALEMENT CACHÉ PAR DÉFAUT */
    transition: all 0.3s ease-in-out !important; /* Apparition en douceur */
    padding: 10px !important;
    margin: 0 !important; /* Enlève la marge par défaut sous l'image */
    box-sizing: border-box !important;
    z-index: 10 !important;
}

/* 4. L'effet "Magique" : on affiche le masque quand la souris passe dessus */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide:hover .elementor-image-carousel-caption,
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide:hover figcaption,
.elementor-2320 .elementor-element.elementor-element-3bca881 figure:hover figcaption {
    opacity: 1 !important;
}

/* Le Nom (Titre) */
.titre-onglet {
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 1.2rem !important; /* Taille du nom */
    line-height: 1.5 !important;  /* Espace entre les lignes du nom s'il est long */
    margin-bottom: 5px !important; /* Espace sous le nom avant le trait */
    display: block !important;
    text-align: center !important;
}

/* Le Trait (Séparateur) */
.separateur-onglet {
    width: 40px !important;       /* Largeur du trait */
    border: none !important; 
    border-top: 2px solid #FF6B00 !important; /* Épaisseur et couleur du trait */
    margin: 7px auto !important; /* Le '15px' règle l'espace au-dessus et en-dessous du trait */
    display: block !important;
}

/* La Fonction (Description) */
.desc-onglet {
    color: #eeeeee !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;  /* Augmentez ce chiffre pour aérer le texte de la fonction */
    margin-top: 5px !important;    /* Espace au-dessus de la fonction */
    display: block !important;
    text-align: center !important;
}

/* 2. On prépare la "boite" et on ajoute l'espacement */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-wrapper, 
.elementor-2320 .elementor-element.elementor-element-3bca881 .slick-track,
.elementor-2320 .elementor-element.elementor-element-3bca881 .elementor-image-carousel {
    display: flex !important; /* Force le mode flex pour que le gap fonctionne */
    gap: 20px !important;    /* Ajuste la valeur (20px) selon tes envies ! */
}

/* On garde ton code d'origine ici aussi */
.elementor-2320 .elementor-element.elementor-element-3bca881 .swiper-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 .slick-slide,
.elementor-2320 .elementor-element.elementor-element-3bca881 figure {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px;
}/* End custom CSS */