.elementor-1346 .elementor-element.elementor-element-e82da44{--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:flex-start;--align-items:stretch;}.elementor-1346 .elementor-element.elementor-element-910ff67{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-1346 .elementor-element.elementor-element-72e7840{--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:18px 18px;--row-gap:18px;--column-gap:18px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E5E5E5;--border-color:#E5E5E5;--border-radius:22px 22px 22px 22px;box-shadow:0px 20px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1346 .elementor-element.elementor-element-72e7840:not(.elementor-motion-effects-element-type-background), .elementor-1346 .elementor-element.elementor-element-72e7840 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1346 .elementor-element.elementor-element-a5fc7cd img{width:100%;max-width:100%;height:233px;border-radius:20px 20px 20px 20px;}.elementor-1346 .elementor-element.elementor-element-29232eb{--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:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;}.elementor-1346 .elementor-element.elementor-element-1c97a11{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1346 .elementor-element.elementor-element-d723dec .elementor-button{background-color:#E212E8;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;border-radius:75px 75px 75px 75px;padding:15px 22px 15px 22px;}.elementor-1346 .elementor-element.elementor-element-3744b23{--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;}.elementor-1346 .elementor-element.elementor-element-ed8ffab .elementor-button{background-color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:75px 75px 75px 75px;padding:15px 22px 15px 22px;}.elementor-1346 .elementor-element.elementor-element-1414f79 .elementor-button{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:700;border-radius:75px 75px 75px 75px;padding:15px 22px 15px 22px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-b214c35 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:23px;font-weight:600;text-decoration:underline;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-2f09c98{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;font-style:italic;text-decoration:underline;color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-d591cc2{font-family:"Poppins", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-e34c8b6 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;border-radius:50px 50px 50px 50px;}.elementor-1346 .elementor-element.elementor-element-e34c8b6 .elementor-button:hover, .elementor-1346 .elementor-element.elementor-element-e34c8b6 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-e34c8b6.elementor-element{--align-self:center;}.elementor-1346 .elementor-element.elementor-element-e34c8b6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1346 .elementor-element.elementor-element-e34c8b6 .elementor-button:hover svg, .elementor-1346 .elementor-element.elementor-element-e34c8b6 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-9dd1356{color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-9dd1356 .elementor-drop-cap{margin-inline-end:10px;}.elementor-1346 .elementor-element.elementor-element-8555f4b{color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-8555f4b .elementor-drop-cap{margin-inline-end:10px;}.elementor-1346 .elementor-element.elementor-element-34c8dc9{color:var( --e-global-color-primary );}.elementor-1346 .elementor-element.elementor-element-34c8dc9 .elementor-drop-cap{margin-inline-end:10px;}.elementor-1346 .elementor-element.elementor-element-63de665{--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;}@media(max-width:767px){.elementor-1346 .elementor-element.elementor-element-72e7840{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1346 .elementor-element.elementor-element-a5fc7cd img{height:150px;object-fit:contain;}.elementor-1346 .elementor-element.elementor-element-29232eb{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1346 .elementor-element.elementor-element-d723dec .elementor-button{padding:10px 20px 10px 20px;}.elementor-1346 .elementor-element.elementor-element-3744b23{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1346 .elementor-element.elementor-element-b214c35 .elementor-heading-title{font-size:20px;}.elementor-1346 .elementor-element.elementor-element-2f09c98{font-size:15px;}.elementor-1346 .elementor-element.elementor-element-d591cc2{font-size:15px;}}@media(min-width:768px){.elementor-1346 .elementor-element.elementor-element-72e7840{--width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-9dd1356 */.project-country{
    display:none !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8555f4b */.project-category{
    display:none !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-34c8dc9 */.project-year{
    display:none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e82da44 *//* ===========================
   CARD
=========================== */

#project-card{
    display:flex;
    align-items:center;

    width:100%;
    max-width:100%;

    gap:28px;

    padding:28px;

    border-radius:24px;
    background:#ffffff;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

    box-sizing:border-box;
    overflow:hidden;
}


/* ===========================
   IMAGE
=========================== */

#gauche{
    width:220px;
    flex:0 0 220px;
    min-width:0;
}

#popup-image{
    width:220px;
    max-width:100%;
    flex-shrink:0;
}

#popup-image img{
    width:100%;
    height:auto;

    aspect-ratio:1/1;
    object-fit:cover;

    display:block;

    border-radius:20px;
}


/* ===========================
   COLONNE TEXTE
=========================== */

#droit{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    justify-content:center;

    width:100%;
    min-width:0;
}


/* ===========================
   CONTENEUR BADGES
=========================== */

.project-badges{
    display:flex;
    justify-content:flex-start;
    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    width:100%;

    margin-bottom:12px;
}


/* ===========================
   BADGE ANNÉE
=========================== */

.project-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:auto;
    max-width:100%;

    padding:15px 22px;

    background:#D86AF8;
    color:#ffffff;

    border-radius:999px;

    font-size:14px;
    font-weight:700;
    line-height:1;

    box-sizing:border-box;
}


/* ===========================
   BOUTON CATÉGORIE
=========================== */

.project-category-button{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;

    width:auto;
    max-width:100%;
}

.project-category-button .elementor-button{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:100% !important;

    padding:15px 22px !important;

    border:none !important;
    border-radius:999px !important;

    /* COULEUR PAR DÉFAUT = ORANGE */
    background:#FB9E0A !important;
    background-color:#FB9E0A !important;

    color:#ffffff !important;

    font-weight:700 !important;

    box-shadow:none !important;

    box-sizing:border-box !important;
}

.project-category-button .elementor-button-text{
    white-space:normal !important;

    text-align:center !important;

    line-height:1.15 !important;
}


/* =========================================================
   COULEURS CATÉGORIES
========================================================= */


/* ===========================
   NEW SCHEME = VERT
   #29D1A3
   TEXTE BLANC
=========================== */

.project-category-button.cat-new-scheme .elementor-button,
.project-category-button.cat-new-scheme a.elementor-button{
    background:#29D1A3 !important;
    background-color:#29D1A3 !important;

    color:#ffffff !important;
}

.project-category-button.cat-new-scheme .elementor-button-text{
    color:#ffffff !important;
}


/* ===========================
   SECTOR COUPLING = BLEU
   #1800AC
=========================== */

.project-category-button.cat-sector-coupling .elementor-button,
.project-category-button.cat-sector-coupling a.elementor-button{
    background:#1800AC !important;
    background-color:#1800AC !important;

    color:#ffffff !important;
}

.project-category-button.cat-sector-coupling .elementor-button-text{
    color:#ffffff !important;
}


/* ===========================
   TRANSITION = MAUVE
   #C223F0
=========================== */

.project-category-button.cat-transition .elementor-button,
.project-category-button.cat-transition a.elementor-button{
    background:#C223F0 !important;
    background-color:#C223F0 !important;

    color:#ffffff !important;
}

.project-category-button.cat-transition .elementor-button-text{
    color:#ffffff !important;
}


/* ===========================
   EMERGING = ROUGE
=========================== */

.project-category-button.cat-emerging .elementor-button,
.project-category-button.cat-emerging a.elementor-button{
    background:#FF3131 !important;
    background-color:#FF3131 !important;

    color:#ffffff !important;
}

.project-category-button.cat-emerging .elementor-button-text{
    color:#ffffff !important;
}


/* ===========================
   APPLICATIONS = GRIS
=========================== */

.project-category-button.cat-application .elementor-button,
.project-category-button.cat-application a.elementor-button{
    background:#8A8A8A !important;
    background-color:#8A8A8A !important;

    color:#ffffff !important;
}

.project-category-button.cat-application .elementor-button-text{
    color:#ffffff !important;
}


/* ===========================
   TOUT LE RESTE = ORANGE

   Out of the Box
   Modernization
   etc.
=========================== */

.project-category-button.cat-orange .elementor-button,
.project-category-button.cat-orange a.elementor-button{
    background:#FB9E0A !important;
    background-color:#FB9E0A !important;

    color:#ffffff !important;
}

.project-category-button.cat-orange .elementor-button-text{
    color:#ffffff !important;
}


/* ===========================
   STATUTS
=========================== */

.project-status-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:auto;
    max-width:100%;
}

.project-status-button .elementor-button{
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    max-width:100% !important;

    padding:15px 22px !important;

    border:none !important;
    border-radius:999px !important;

    color:#ffffff !important;

    font-size:14px !important;
    font-weight:700 !important;

    line-height:1 !important;

    box-shadow:none !important;

    box-sizing:border-box !important;
}

.project-status-button .elementor-button-text{
    white-space:normal !important;

    text-align:center !important;

    line-height:1 !important;

    color:#ffffff !important;
}


/* ===========================
   AWARD OF EXCELLENCE
   DORÉ
=========================== */

.project-status-button.status-excellence .elementor-button{
    background:#D4AF37 !important;
    background-color:#D4AF37 !important;

    color:#ffffff !important;
}


/* ===========================
   CERTIFICATE OF MERIT
   ARGENT
=========================== */

.project-status-button.status-merit .elementor-button{
    background:#C0C0C0 !important;
    background-color:#C0C0C0 !important;

    color:#ffffff !important;
}


/* ===========================
   APPLICATION
   BRONZE
=========================== */

.project-status-button.status-application .elementor-button{
    background:#B87333 !important;
    background-color:#B87333 !important;

    color:#ffffff !important;
}


/* ===========================
   TITRE
=========================== */

#popup-title{
    width:100%;

    margin:0 0 6px 0;

    min-width:0;
}

#popup-title h1,
#popup-title h2,
#popup-title h3{
    margin:0;

    color:#1436D8;

    font-size:42px;
    font-weight:700;

    line-height:1.1;

    overflow-wrap:anywhere;
}


/* ===========================
   CITY
=========================== */

#popup-location{
    color:#1436D8;

    font-weight:600;

    margin-bottom:12px;

    overflow-wrap:anywhere;
}

#popup-location p{
    margin:0;
}


/* ===========================
   SUMMARY
=========================== */

#popup-summary{
    width:100%;

    margin-bottom:20px;

    min-width:0;
}

#popup-summary p{
    margin:0;

    line-height:1.6;

    overflow-wrap:anywhere;
}


/* ===========================
   BUTTON VIEW PROJECT
=========================== */

#popup-button{
    margin-top:0;
}

#popup-button a{
    display:inline-flex !important;

    align-items:center;
    justify-content:center;

    background:#1436D8 !important;

    border-radius:999px !important;

    padding:14px 30px !important;

    color:#ffffff !important;

    font-weight:700 !important;

    border:none !important;

    text-decoration:none !important;

    transition:.2s;

    box-sizing:border-box;
}

#popup-button a:hover{
    transform:translateY(-2px);
}


/* =========================================================
   TABLETTE
   768px → 1024px
========================================================= */

@media (min-width:768px) and (max-width:1024px){

    #project-card{
        flex-direction:column;
        align-items:stretch;

        gap:20px;

        padding:20px;

        border-radius:20px;
    }


    #gauche{
        width:100%;
        max-width:100%;

        flex:0 0 auto;
    }


    #popup-image{
        width:100%;
        max-width:100%;
    }


    #popup-image img{
        width:100%;

        aspect-ratio:16/10;

        border-radius:16px;
    }


    #droit{
        width:100%;
    }


    #popup-title h1,
    #popup-title h2,
    #popup-title h3{
        font-size:30px;
    }


    .project-badges{
        gap:10px;

        margin-bottom:10px;
    }


    .project-category-button .elementor-button,
    .project-status-button .elementor-button{
        padding:15px 22px !important;

        font-size:13px !important;
    }


    .project-badge{
        padding:15px 22px;

        font-size:13px;
    }


    #popup-button a{
        padding:12px 24px !important;
    }

}


/* =========================================================
   TÉLÉPHONE
   <= 767px
========================================================= */

@media (max-width:767px){

    /* ===========================
       CARD
    =========================== */

    #project-card{
        flex-direction:column;
        align-items:stretch;

        width:100%;
        max-width:100%;

        gap:16px;

        padding:16px;

        border-radius:18px;

        box-sizing:border-box;
    }


    /* ===========================
       IMAGE
    =========================== */

    #gauche{
        width:100%;
        max-width:100%;

        flex:0 0 auto;
    }


    #popup-image{
        width:100%;
        max-width:100%;
    }


    #popup-image img{
        width:100%;

        aspect-ratio:16/10;
        object-fit:cover;

        border-radius:15px;
    }


    /* ===========================
       COLONNE TEXTE
    =========================== */

    #droit{
        width:100%;
        max-width:100%;

        min-width:0;
    }


    /* ===========================
       BADGES MOBILE

       LIGNE 1 = CATÉGORIE
       LIGNE 2 = STATUT + ANNÉE
    =========================== */

    .project-badges{
        display:flex !important;

        flex-direction:row !important;
        flex-wrap:wrap !important;

        align-items:center !important;
        justify-content:center !important;

        column-gap:10px !important;
        row-gap:10px !important;

        width:100% !important;

        margin-bottom:10px !important;
    }


    /* ===========================
       CATÉGORIE
       SEULE AU-DESSUS
    =========================== */

    .project-category-button{
        order:1 !important;

        flex:0 0 100% !important;

        width:100% !important;
        max-width:100% !important;

        display:flex !important;

        justify-content:center !important;
        align-items:center !important;
    }


    .project-category-button .elementor-button{
        width:auto !important;
        max-width:90% !important;

        padding:10px 17px !important;

        font-size:12px !important;
        font-weight:700 !important;

        line-height:1.1 !important;

        border-radius:999px !important;
    }


    .project-category-button .elementor-button-text{
        white-space:normal !important;

        text-align:center !important;

        line-height:1.1 !important;
    }


    /* ===========================
       STATUT
       À GAUCHE
    =========================== */

    .project-status-button{
        order:2 !important;

        flex:0 1 auto !important;

        width:auto !important;
        min-width:0 !important;
        max-width:calc(100% - 80px) !important;

        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
    }


    .project-status-button .elementor-button{
        width:auto !important;
        max-width:100% !important;

        padding:15px 22px !important;

        font-size:12px !important;
        font-weight:700 !important;

        line-height:1 !important;

        border-radius:999px !important;

        box-sizing:border-box !important;
    }


    .project-status-button .elementor-button-text{
        white-space:normal !important;

        text-align:center !important;

        line-height:1 !important;
    }


    /* ===========================
       ANNÉE
       À DROITE
    =========================== */

    .project-badge{
        order:3 !important;

        flex:0 0 auto !important;

        width:auto !important;
        max-width:none !important;

        padding:10px 15px !important;

        font-size:12px !important;
        font-weight:700 !important;

        line-height:1 !important;

        border-radius:999px !important;

        margin:0 !important;

        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        box-sizing:border-box !important;
    }


    /* ===========================
       PAS DE STATUT
       ANNÉE CENTRÉE
    =========================== */

    .project-badges:not(:has(.project-status-button))
    .project-badge{
        margin-left:auto !important;
        margin-right:auto !important;
    }


    .project-badges:not(:has(.project-status-button .elementor-button))
    .project-badge{
        margin-left:auto !important;
        margin-right:auto !important;
    }


    /* ===========================
       TITRE
    =========================== */

    #popup-title h1,
    #popup-title h2,
    #popup-title h3{
        font-size:26px;

        line-height:1.1;
    }


    /* ===========================
       LOCATION
    =========================== */

    #popup-location{
        margin-bottom:10px;

        font-size:14px;
    }


    /* ===========================
       SUMMARY
    =========================== */

    #popup-summary{
        margin-bottom:16px;
    }


    #popup-summary p{
        font-size:14px;

        line-height:1.5;
    }


    /* ===========================
       VIEW PROJECT
    =========================== */

    #popup-button{
        width:100%;
    }


    #popup-button .elementor-button-wrapper{
        width:100%;
    }


    #popup-button a{
        width:100%;

        padding:12px 20px !important;

        font-size:14px !important;

        text-align:center;
    }

}/* End custom CSS */