.elementor-kit-12{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#CACACA;--e-global-color-text:#A0A0A0;--e-global-color-accent:#6852F3;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:#00000000;}.elementor-kit-12 e-page-transition{background-color:#000000;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. SÉCURITÉ : Noir pur */
html {
    background-color: #000000 !important;
}

/* 2. LE FOND FIXE */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    z-index: -10;
    pointer-events: none;

    /* LE SANDWICH */
    background-image: 
        /* COUCHE 1 (Dessus) : Le Masque Noir */
        linear-gradient(to bottom, #000000 0%, #000000 15%, transparent 40%, transparent 60%, #000000 85%, #000000 100%),
        
        /* COUCHE 2 (Dessous) : L'ORBE CORRIGÉE */
        /* LA CORRECTION EST ICI : On force le noir dès 60%. */
        /* Les 40% restants du "carré" sont du noir pur, donc invisibles sur le fond noir. */
        radial-gradient(circle, #1a042e 0%, #0d0117 30%, #000000 60%, #000000 100%);

    /* TAILLES AJUSTÉES POUR MOBILE */
    background-size: 
        100% 100%,   /* Masque */
        140% 100%;   /* Orbe : On l'étire un peu en largeur pour qu'elle soit moins "ronde" et plus "vapeur" */

    /* PAS DE RÉPÉTITION (Crucial pour ne pas voir le carré se répéter) */
    background-repeat: no-repeat;

    /* ANIMATION */
    animation: fantomeVapeur 35s ease-in-out infinite;
}

/* 3. NETTOYAGE */
body, #page, .site, .site-content, .elementor, .elementor-section-wrap, .elementor-section, .elementor-column, footer, header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. MARGES */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
}

/* L'ANIMATION FLUIDE ET VERTICALE */
@keyframes fantomeVapeur {
    /* ÉTAPE 1 : CACHÉ À GAUCHE (Noir total) */
    0% {
        background-position: center center, -150% 80%; /* Très loin à gauche */
    }
    
    /* ÉTAPE 2 : APPARITION EN BAS */
    30% {
        background-position: center center, 20% 70%; /* Entre en bas à gauche */
    }
    
    /* ÉTAPE 3 : MONTÉE AU CIEL (Le pic vertical) */
    50% {
        background-position: center center, 50% 30%; /* Monte vers le haut au milieu */
    }
    
    /* ÉTAPE 4 : REDESCENTE VERS LA DROITE */
    70% {
        background-position: center center, 80% 60%; /* Redescend à droite */
    }
    
    /* ÉTAPE 5 : DISPARITION À DROITE (Noir total) */
    100% {
        background-position: center center, 250% 50%; /* Très loin à droite */
    }
}/* End custom CSS */