.elementor-136 .elementor-element.elementor-element-0aa1495{--display:flex;--min-height:75vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.4;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-136 .elementor-element.elementor-element-0aa1495:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-0aa1495 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://id3d.fr/wp-content/uploads/2026/03/id3d-le-couturier-du-carton-fabrication-sur-mesure-lille.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-136 .elementor-element.elementor-element-0aa1495::before, .elementor-136 .elementor-element.elementor-element-0aa1495 > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-0aa1495 > .e-con-inner > .elementor-background-video-container::before, .elementor-136 .elementor-element.elementor-element-0aa1495 > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-0aa1495 > .e-con-inner > .elementor-background-slideshow::before, .elementor-136 .elementor-element.elementor-element-0aa1495 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-136 .elementor-element.elementor-element-7b85a9a{--display:flex;}.elementor-136 .elementor-element.elementor-element-b93b135{text-align:center;}.elementor-136 .elementor-element.elementor-element-b93b135 .elementor-heading-title{font-family:var( --e-global-typography-bcde844-font-family ), Sans-serif;font-size:var( --e-global-typography-bcde844-font-size );font-weight:var( --e-global-typography-bcde844-font-weight );text-transform:var( --e-global-typography-bcde844-text-transform );line-height:var( --e-global-typography-bcde844-line-height );color:var( --e-global-color-bda7e89 );}.elementor-136 .elementor-element.elementor-element-60e68fc{text-align:center;font-family:var( --e-global-typography-ed353ef-font-family ), Sans-serif;font-size:var( --e-global-typography-ed353ef-font-size );font-weight:var( --e-global-typography-ed353ef-font-weight );line-height:var( --e-global-typography-ed353ef-line-height );color:var( --e-global-color-bda7e89 );}.elementor-136 .elementor-element.elementor-element-5e040cc{--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;--margin-top:-12rem;--margin-bottom:12rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-0038a78{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-5b5af14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-136 .elementor-element.elementor-element-b93b135 .elementor-heading-title{font-size:var( --e-global-typography-bcde844-font-size );line-height:var( --e-global-typography-bcde844-line-height );}.elementor-136 .elementor-element.elementor-element-60e68fc{font-size:var( --e-global-typography-ed353ef-font-size );line-height:var( --e-global-typography-ed353ef-line-height );}.elementor-136 .elementor-element.elementor-element-5e040cc{--margin-top:-11rem;--margin-bottom:11rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-136 .elementor-element.elementor-element-0038a78{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:3rem;--padding-right:3rem;}}@media(max-width:1024px){.elementor-136 .elementor-element.elementor-element-b93b135 .elementor-heading-title{font-size:var( --e-global-typography-bcde844-font-size );line-height:var( --e-global-typography-bcde844-line-height );}.elementor-136 .elementor-element.elementor-element-60e68fc{font-size:var( --e-global-typography-ed353ef-font-size );line-height:var( --e-global-typography-ed353ef-line-height );}}@media(max-width:767px){.elementor-136 .elementor-element.elementor-element-0aa1495{--min-height:80vh;}.elementor-136 .elementor-element.elementor-element-7b85a9a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:1rem;}.elementor-136 .elementor-element.elementor-element-b93b135{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-136 .elementor-element.elementor-element-b93b135 .elementor-heading-title{font-size:var( --e-global-typography-bcde844-font-size );line-height:var( --e-global-typography-bcde844-line-height );}.elementor-136 .elementor-element.elementor-element-60e68fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:var( --e-global-typography-ed353ef-font-size );line-height:var( --e-global-typography-ed353ef-line-height );}.elementor-136 .elementor-element.elementor-element-5e040cc{--margin-top:-6rem;--margin-bottom:6rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-5b5af14 *//* --- 1. BASE DESKTOP (Inchangée) --- */
.id3d-collection-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    
    /* C'EST CETTE LIGNE QUI RÈGLE TOUT : */
    justify-content: center !important; 
    
    /* On aligne les cartes au centre du bloc de 1320px */
    column-gap: 30px !important; 
    row-gap: 4rem !important;
    
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important; /* Centre le bloc lui-même dans la page */
    padding: 0 !important;
}

/* On s'assure que rien ne bloque la largeur des cartes */
.id3d-card-wrapper {
    display: flex !important;
    flex: 0 0 auto !important;
    /* On ne change pas tes calculs de width qui sont bons */
}

/* --- 2. LAPTOP (Centrage du Template interne) --- */
@media (min-width: 1025px) and (max-width: 1200px) {
    
    /* 1. On s'assure que la grille laisse de la place */
    .id3d-collection-grid {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        column-gap: 1.2rem !important;
    }

    /* 2. LE WRAPPER DEVIENT LE CENTREUR */
    .id3d-card-wrapper {
        width: calc((100% - 40px) / 3) !important;
        flex: 0 0 auto !important;
        
        /* On force le wrapper à centrer son contenu (le template 148) */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* CENTRE HORIZONTALEMENT */
        justify-content: flex-start !important;
        
        margin: 0 !important; 
    }

    /* 3. ON FORCE LE TEMPLATE ELEMENTOR À S'ALIGNER */
    .id3d-card-wrapper > div {
        width: 100% !important; /* Le template doit essayer de prendre la largeur */
        max-width: 20rem !important; /* Mais on le bride pour garder l'aspect carte */
        margin: 0 auto !important; /* Centrage de secours par les marges */
    }
}

/* --- 3. TABLETTE (2 colonnes - 768px à 1024px) --- */
@media (min-width: 768px) and (max-width: 1024px) {
    
    /* 1. On prépare la grille */
    .id3d-collection-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        width: 100% !important;
        column-gap: 1.5rem !important; /* On donne un peu plus d'air entre les 2 cartes */
        row-gap: 3rem !important;
    }

    /* 2. Le Wrapper devient le centreur (comme sur laptop) */
    .id3d-card-wrapper {
        /* (100% - 1.5rem de gap) / 2 */
        width: calc((100% - 1.5rem) / 2) !important;
        flex: 0 0 auto !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* CENTRE LE CONTENU DU TEMPLATE */
        justify-content: flex-start !important;
        
        margin: 0 !important; 
    }

    /* 3. On bride le template interne pour qu'il ne touche pas les bords */
    .id3d-card-wrapper > div {
        width: 100% !important;
        max-width: 20rem !important; /* On garde la même largeur que laptop pour la cohérence */
        margin: 0 auto !important;
    }
}

/* --- 4. MOBILE (1 colonne) --- */
@media (max-width: 767px) {
    .id3d-card-wrapper {
        width: 100% !important;
        min-width: 100% !important;
    }
}

/* --- 5. HAUTEURS (Communes) --- */
.id3d-card-wrapper article, 
.id3d-card-wrapper .elementor-widget-container,
.id3d-card-wrapper .e-con {
    min-height: 28.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}/* End custom CSS */