.elementor-24072 .elementor-element.elementor-element-1f2b1b3{margin:6px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:101;}.elementor-24072 .elementor-element.elementor-element-421afd3{margin:6px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:101;}.elementor-24072 .elementor-element.elementor-element-421afd3.elementor-element{--align-self:center;}.elementor-24072 .elementor-element.elementor-element-3ec8f7a{margin:12px 12px calc(var(--kit-widget-spacing, 0px) + 12px) 12px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-24072 .elementor-element.elementor-element-421afd3{width:auto;max-width:auto;}.elementor-24072 .elementor-element.elementor-element-3ec8f7a{width:auto;max-width:auto;}}/* Start custom CSS for html, class: .elementor-element-1f2b1b3 */.elementor-24072 .elementor-element.elementor-element-1f2b1b3 {
    margin-left: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-421afd3 *//* =========================================================
   1. CONFIGURATION & VARIABLES
   ========================================================= */
:root { 
    --ms-dark-bg: #262626; 
}

#ms-dark-mode-toggle {
    margin-left: auto !important;
}

.ms-toggle-wrapper {
    margin-left: 20px;
    display: inline-flex;
}

/* =========================================================
   2. LE BOUTON TOGGLE (RENOMMÉ EN .ms-toggle-btn)
   ========================================================= */

/* On utilise "body .ms-toggle-btn" pour une priorité maximale */
body .ms-toggle-btn {
    background-color: #f1f5f9 !important;
    border: none !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
    outline: none !important;
}

/* Survol en mode clair */
body .ms-toggle-btn:hover {
    background-color: #e2e8f0 !important;
    transform: scale(1.1);
}

/* =========================================================
   3. LES ICÔNES SVG
   ========================================================= */
.ms-icon-stack {
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
}

.ms-icon-stack svg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    stroke: #1e293b !important;
    fill: none;
    stroke-width: 2;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ms-icon-sun { opacity: 0; transform: scale(0.5) rotate(90deg); }
.ms-icon-moon { opacity: 1; transform: scale(1); }

/* =========================================================
   4. STYLE DARK MODE (QUAND ACTIVÉ)
   ========================================================= */

body.ms-dark-mode {
    background-color: var(--ms-dark-bg) !important;
    --FOND_BLANC: var(--ms-dark-bg) !important;
    --FOND_MENU: #2d2d2d !important;
    color: #ffffff !important;
}

/* Textes et liens en blanc */
body.ms-dark-mode h3, body.ms-dark-mode h4, body.ms-dark-mode h5, body.ms-dark-mode h6,
body.ms-dark-mode p, body.ms-dark-mode span, body.ms-dark-mode li, 
body.ms-dark-mode a:not(.elementor-button) {
    color: #ffffff !important;
}

/* Sections transparentes */
body.ms-dark-mode .elementor-section, 
body.ms-dark-mode .elementor-column, 
body.ms-dark-mode .elementor-widget-container {
    background-color: transparent !important;
}

/* --- ADAPTATION DU BOUTON EN MODE SOMBRE --- */

body.ms-dark-mode .ms-toggle-btn { 
    background-color: #374151 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Survol en mode sombre */
body.ms-dark-mode .ms-toggle-btn:hover {
    background-color: #4b5563 !important;
}

/* Inversion des icônes */
body.ms-dark-mode .ms-icon-stack svg { 
    stroke: #ffffff !important; 
}

body.ms-dark-mode .ms-icon-sun { 
    opacity: 1 !important; 
    transform: scale(1) rotate(0) !important; 
}

body.ms-dark-mode .ms-icon-moon { 
    opacity: 0 !important; 
    transform: scale(0.5) rotate(-90deg) !important; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ec8f7a */.elementor-24072 .elementor-element.elementor-element-3ec8f7a {
    margin-left: auto !important;
}/* End custom CSS */