.elementor-102 .elementor-element.elementor-element-4f8d9bd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-mix-blend-mode:darken;--padding-top:10rem;--padding-bottom:10rem;--padding-left:2rem;--padding-right:2rem;}.elementor-102 .elementor-element.elementor-element-4f8d9bd:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0f75855 );}.elementor-102 .elementor-element.elementor-element-4f8d9bd::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://apidia-plastique.fr/wp-content/uploads/2026/02/realisation-hero.png");--background-overlay:'';background-position:100% 173px;background-repeat:no-repeat;background-size:700px auto;}.elementor-102 .elementor-element.elementor-element-6aedb9c > .elementor-widget-container{background-color:#00838B1A;padding:0.9rem 1.3rem 0.9rem 01.3rem;border-radius:2rem 2rem 2rem 2rem;}.elementor-102 .elementor-element.elementor-element-6aedb9c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-weight:500;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-102 .elementor-element.elementor-element-9dee66f{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:center;}.elementor-102 .elementor-element.elementor-element-81c3b2d{width:100%;max-width:100%;text-align:center;}.elementor-102 .elementor-element.elementor-element-73280d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--padding-top:08rem;--padding-bottom:08rem;--padding-left:2rem;--padding-right:2rem;}.elementor-102 .elementor-element.elementor-element-73280d4:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-73280d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5eb3468 );}.elementor-102 .elementor-element.elementor-element-08e53ec .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-102 .elementor-element.elementor-element-08e53ec .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-102 .elementor-element.elementor-element-08e53ec{--image-border-radius:24px;--image-transition-duration:400ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--gallery-title-color-active:var( --e-global-color-5eb3468 );}.elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery__titles-container{margin-bottom:3rem;}@media(min-width:1367px){.elementor-102 .elementor-element.elementor-element-4f8d9bd::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1366px){.elementor-102 .elementor-element.elementor-element-4f8d9bd::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:bottom right;background-size:600px auto;}.elementor-102 .elementor-element.elementor-element-9dee66f{width:100%;max-width:100%;}}@media(max-width:1024px){.elementor-102 .elementor-element.elementor-element-4f8d9bd::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:bottom right;}.elementor-102 .elementor-element.elementor-element-4f8d9bd{--overlay-opacity:0.4;--padding-top:8rem;--padding-bottom:6rem;--padding-left:2rem;--padding-right:2rem;}.elementor-102 .elementor-element.elementor-element-73280d4{--padding-top:6rem;--padding-bottom:6rem;--padding-left:2rem;--padding-right:2rem;}}@media(max-width:767px){.elementor-102 .elementor-element.elementor-element-4f8d9bd::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-video-container::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .e-con-inner > .elementor-background-slideshow::before, .elementor-102 .elementor-element.elementor-element-4f8d9bd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:bottom right;background-size:350px auto;}.elementor-102 .elementor-element.elementor-element-4f8d9bd{--overlay-opacity:0.4;--padding-top:7rem;--padding-bottom:4rem;--padding-left:2rem;--padding-right:2rem;}.elementor-102 .elementor-element.elementor-element-9dee66f{width:100%;max-width:100%;text-align:center;}.elementor-102 .elementor-element.elementor-element-81c3b2d{width:100%;max-width:100%;}.elementor-102 .elementor-element.elementor-element-73280d4{--padding-top:4rem;--padding-bottom:4rem;--padding-left:1.5rem;--padding-right:1.5rem;}}/* Start custom CSS for gallery, class: .elementor-element-08e53ec *//* ====================================================
   DESIGN & ANIMATION DES FILTRES DE GALERIE
==================================================== */

/* 1. MISE EN FORME GÉNÉRALE DU BOUTON (État inactif) */
.elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title {
    /* Forme et espacement */
    padding: 12px 24px !important;
    border: 1px solid #E2E8F0;
    border-radius: 50px !important;
    background-color: #FFFFFF;
    margin: 0 5px 10px 5px !important;
    
    /* Typographie */
    color: #173C44 !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 500;
    
    /* Transition pour le survol */
    transition: all 0.3s ease !important;
}

/* 2. ANIMATION EN CASCADE (Uniquement sur Desktop) */
@media (min-width: 1025px) {
    /* Création du mouvement fluide spécifique aux filtres */
    @keyframes filterCascade {
        0% { 
            opacity: 0; 
            transform: translateY(15px); /* Un peu plus court pour des petits boutons */
            filter: blur(3px); 
        }
        100% { 
            opacity: 1; 
            transform: translateY(0); 
            filter: blur(0); 
        }
    }

    /* On cache les boutons au départ et on lance l'animation */
    .elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title {
        opacity: 0;
        animation: filterCascade 1s cubic-bezier(0.2, 1, 0.3, 1) forwards;
    }

    /* La cascade : On décale l'arrivée de chaque bouton de 100ms */
    .elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:nth-child(1) { animation-delay: 0.1s; }
    .elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:nth-child(2) { animation-delay: 0.2s; }
    .elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:nth-child(3) { animation-delay: 0.3s; }
    .elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:nth-child(4) { animation-delay: 0.4s; }
    .elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:nth-child(5) { animation-delay: 0.5s; }
    .elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:nth-child(6) { animation-delay: 0.6s; }
}

/* 3. ÉTAT ACTIF (Le bouton sélectionné) */
.elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title.elementor-item-active {
    background: linear-gradient(135deg, #173C44 0%, #00838B 100%) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    box-shadow: 0 4px 15px rgba(0, 131, 139, 0.2);
}

/* 4. ÉTAT AU SURVOL (Pour les boutons inactifs) */
.elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:not(.elementor-item-active):hover {
    border-color: #173C44;
    background-color: #F8FAFC;
    transform: translateY(-2px);
}

/* 5. NETTOYAGE DES LIGNES PAR DÉFAUT ELEMENTOR */
.elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:after,
.elementor-102 .elementor-element.elementor-element-08e53ec .elementor-gallery-title:before {
    display: none !important;
}/* End custom CSS */