.elementor-440 .elementor-element.elementor-element-f8ea89d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-440 .elementor-element.elementor-element-f8ea89d::before, .elementor-440 .elementor-element.elementor-element-f8ea89d > .elementor-background-video-container::before, .elementor-440 .elementor-element.elementor-element-f8ea89d > .e-con-inner > .elementor-background-video-container::before, .elementor-440 .elementor-element.elementor-element-f8ea89d > .elementor-background-slideshow::before, .elementor-440 .elementor-element.elementor-element-f8ea89d > .e-con-inner > .elementor-background-slideshow::before, .elementor-440 .elementor-element.elementor-element-f8ea89d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-440 .elementor-element.elementor-element-c109f63{--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;--justify-content:center;--gap:0px 50px;--row-gap:0px;--column-gap:50px;}.elementor-440 .elementor-element.elementor-element-ff9cad6{--image-border-color:var( --e-global-color-primary );--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-justify-content:flex-start;--title-text-color:var( --e-global-color-primary );--description-text-color:var( --e-global-color-primary );--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery-item__title{font-size:16px;}.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery-item__description{font-size:14px;}.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery__titles-container{margin-bottom:50px;}.elementor-440 .elementor-element.elementor-element-332f728{--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-440 .elementor-element.elementor-element-970f99d{--spacer-size:200px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-440 .elementor-element.elementor-element-ff9cad6{padding:0px 30px 0px 30px;}.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery-item__title{font-size:12px;}.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery-item__description{font-size:9px;}}@media(min-width:768px){.elementor-440 .elementor-element.elementor-element-f8ea89d{--content-width:1140px;}.elementor-440 .elementor-element.elementor-element-c109f63{--width:100%;}}/* Start custom CSS for gallery, class: .elementor-element-ff9cad6 *//* 1. Rend le contenu visible à l'extérieur du cadre de l'image */
.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery-item {
    overflow: visible !important;
}

/* 2. Positionne le titre et la description sous la photo (ajuster la valeur top selon besoin) */
.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery-item__content {
    top: 100% !important; /* Pousse le texte juste en dessous de l'image */
    padding-top: 15px !important; /* Espace entre l'image et le début du texte */
    pointer-events: none; /* Évite que le bloc texte bloque les clics */
}

/* 3. Force l'affichage du texte sans avoir besoin de survoler la photo */
.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-animated-item--fade-in {
    opacity: 1 !important;
}

/* 4. Gestion de l'arrondi des images (Desktop par défaut) */
.elementor-440 .elementor-element.elementor-element-ff9cad6 .e-gallery-image {
    border-radius: 15px !important;
}

/* 5. Espacement entre les colonnes et entre les rangées (images) */
/* On augmente grid-row-gap pour laisser la place au texte + les 70px d'écart */
.elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery__container {
    grid-column-gap: 70px !important;
    grid-row-gap: 120px !important; 
}

/* 6. Adaptation pour le format Mobile */
@media (max-width: 767px) {
    .elementor-440 .elementor-element.elementor-element-ff9cad6 .e-gallery-image {
        border-radius: 8px !important;
    }
    
    .elementor-440 .elementor-element.elementor-element-ff9cad6 .elementor-gallery__container {
        grid-column-gap: 20px !important; /* On réduit un peu sur mobile pour éviter que ça dépasse */
        grid-row-gap: 100px !important;
    }
}/* End custom CSS */