.elementor-434 .elementor-element.elementor-element-01c9621{--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-434 .elementor-element.elementor-element-01c9621:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-01c9621 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C3F88;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-434 .elementor-element.elementor-element-0fa99af{background-color:#0C3F88;}.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu .elementor-item{font-family:"Rubik", Sans-serif;font-weight:600;}.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main .elementor-item:hover,
					.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main .elementor-item:focus{color:#7CB4E5;fill:#7CB4E5;}.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-434 .elementor-element.elementor-element-0fa99af .e--pointer-framed .elementor-item:before,
					.elementor-434 .elementor-element.elementor-element-0fa99af .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-434 .elementor-element.elementor-element-0fa99af .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#7CB4E5;}.elementor-434 .elementor-element.elementor-element-c4fef90{--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;--justify-content:center;--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-434 .elementor-element.elementor-element-71bdd1d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 30px 0px 30px;}.elementor-434 .elementor-element.elementor-element-71bdd1d.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-434 .elementor-element.elementor-element-01c9621{--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-434 .elementor-element.elementor-element-71bdd1d{width:var( --container-widget-width, 849.5px );max-width:849.5px;--container-widget-width:849.5px;--container-widget-flex-grow:0;}}/* Start custom CSS for shortcode, class: .elementor-element-71bdd1d *//* 1. Configuration de la grille en 5 colonnes */
.um-212 .um-members {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* Espace entre les cards */
    padding: 20px 0 !important;
}

.um-212 .um-member {
    /* (100% / 5) - espace du gap = environ 18% */
    width: calc(20% - 15px) !important; 
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
    
    /* 2. Style "Card Moderne" */
    background: #ffffff !important;
    border-radius: 20px !important; /* Bords très arrondis */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important; /* Ombre portée douce */
    border: 1px solid #f0f0f0 !important;
    overflow: hidden; /* Pour que l'image respecte l'arrondi si besoin */
    padding: 15px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. Effet de survol */
.um-212 .um-member:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

/* 4. Ajustement des images de profil (si présentes) */
.um-212 .um-member-photo a img {
    border-radius: 15px !important; /* Arrondi de l'image interne */
}

/* 5. Responsive (Indispensable pour 5 colonnes) */
@media (max-width: 1200px) {
    .um-212 .um-member { width: calc(25% - 15px) !important; } /* 4 colonnes sur petit PC */
}
@media (max-width: 900px) {
    .um-212 .um-member { width: calc(33.33% - 15px) !important; } /* 3 colonnes sur tablette */
}
@media (max-width: 600px) {
    .um-212 .um-member { width: calc(50% - 15px) !important; } /* 2 colonnes sur mobile */
}
@media (max-width: 400px) {
    .um-212 .um-member { width: 100% !important; } /* 1 colonne sur petit mobile */
}/* End custom CSS */