.elementor-10859 .elementor-element.elementor-element-437067f{--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;--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-10859 .elementor-element.elementor-element-256c887 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-10859 .elementor-element.elementor-element-256c887.elementor-element{--order:-99999 /* order start hack */;}.elementor-10859 .elementor-element.elementor-element-ba8f11f .elementor-heading-title{font-family:"Be Vietnam Pro", Sans-serif;font-size:55px;}.elementor-10859 .elementor-element.elementor-element-5d85f05 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10859 .elementor-element.elementor-element-5d85f05.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for shortcode, class: .elementor-element-56c6e25 *//* ==========================================================
   CARTES FORMATIONS
   ========================================================== */

.resultats-formations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 50px;
}


/* ==========================================================
   CARTE
   ========================================================== */

.carte-formation {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 260px;
    padding: 28px;
    border-radius: 18px;
    overflow: hidden;
    /* Conserve le background existant */
    background: inherit;

    box-sizing: border-box;
}


/* ==========================================================
   CONTENU
   ========================================================== */

.contenu-carte-formation {
    display: flex;
    flex-direction: column;
    flex: 1;
}


/* ==========================================================
   TITRE DE LA FORMATION
   ========================================================== */

.titre-formation {
    font-family: "Be Vietnam", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    color:#ec6749;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

/* ==========================================================
   NIVEAU
   ========================================================== */

.niveau-formation {
    font-family: "Be Vietnam", sans-serif;
    color: #6eb6d4;
    font-weight: 600;
}

/* ==========================================================
   NIVEAU + CAMPUS + DUREE
   ========================================================== */

.infos-formation {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 18px;
}


/* Style commun Niveau / Campus / Durée */

.etudes-formation,
.niveau-formation,
.campus-formation,
.duree-formation {
    font-family: "Be Vietnam", sans-serif;
    display: inline-flex;
    align-items: center;
    line-height: 1.4;
    font-weight: 500;
    color: #2a3a53;
    font-size: 14px;
}

/* Niveau */
.niveau-formation {
    font-weight: 500;
}

/* Séparateur 
.campus-formation {
    margin-left: 14px;
    padding-left: 14px;
    border-left: 1px solid currentColor;
}
*/

/* ==========================================================
   DUREE
   ========================================================== */

.duree-formation-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px;
}

.duree-formation-2 {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    color: #6eb6d4;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.2;
}

/* ==========================================================
   DOMAINES
   ========================================================== */

.domaines-formation {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px;
}

.domaine-formation {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid currentColor;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.2;
}



/* ==========================================================
   BAS DE CARTE
   ========================================================== */

.bas-carte-formation {
    margin-top: auto;
}


/* ==========================================================
   BOUTON
   ========================================================== */

.bouton-formation {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 15px;
    text-decoration: none;
    font-weight: 00;
}


.fleche-formation {
    margin-left: auto;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.2s ease;
}


.bouton-formation:hover .fleche-formation {
    transform: translateX(5px);
}


/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width: 1024px) {

    .resultats-formations {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


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

@media (max-width: 767px) {

    .resultats-formations {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .carte-formation {
        min-height: auto;
        padding: 24px;
    }

    .titre-formation {
        font-size: 21px;
        margin-bottom: 18px;
    }

    .infos-formation {
        flex-wrap: wrap;
    }

   .niveau-formation,
    .campus-formation,
    .duree-formation {
    margin-left: 0;
    padding-left: 0;
    }

}
/* ========================================================== CADRE + OMBRE DES CARTES FORMATIONS ========================================================== */ .carte-formation { border: 1px solid rgba(0, 0, 0, 0.12); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); border-radius: 18px; transition: box-shadow 0.25s ease, transform 0.25s ease; } /* Effet au survol */ .carte-formation:hover { box-shadow: 0 10px 28px rgba(0, 0, 0, 0.14); transform: translateY(-3px); }

/*========================================================== BOUTON "DÉCOUVRIR LA FORMATION" ========================================================== */ 
    .bouton-formation { display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; padding: 13px 18px; background: #ec6749; color: #ffffff !important; border-radius: 8px; text-decoration: none !important; font-family: "Be Vietnam", sans-serif; font-size: 15px; font-weight: 600; transition: background 0.25s ease, transform 0.25s ease; } 

/* ========================================================== SURVOL ========================================================== */ .bouton-formation:hover, .bouton-formation:focus, .bouton-formation:active { background: #1d354e; color: #ffffff !important; text-decoration: none !important; } /* ========================================================== FLÈCHE ========================================================== */ .fleche-formation { margin-left: auto; color: #ffffff !important; font-size: 20px; line-height: 1; transition: transform 0.25s ease; } .bouton-formation:hover .fleche-formation { transform: translateX(5px); }/* End custom CSS */