.elementor-kit-6{--e-global-color-primary:#16365B;--e-global-color-secondary:#FF5000;--e-global-color-text:#000000;--e-global-color-accent:#1A365C;--e-global-color-22e62d6:#F8F8F8;--e-global-color-38a5f9e:#E8E8E8;--e-global-color-aca8d43:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-8f09df3-font-size:16px;--e-global-typography-8f09df3-font-weight:300;--e-global-typography-0358180-font-size:22px;--e-global-typography-0358180-font-weight:500;--e-global-typography-0358180-font-style:italic;--e-global-typography-d88fb9c-font-size:36px;--e-global-typography-d88fb9c-font-weight:700;background-color:var( --e-global-color-22e62d6 );color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 h1{color:var( --e-global-color-aca8d43 );font-size:48px;}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-size:var( --e-global-typography-d88fb9c-font-size );font-weight:var( --e-global-typography-d88fb9c-font-weight );}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-size:16px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6 h1{font-size:36px;}.elementor-kit-6 h2{font-size:var( --e-global-typography-d88fb9c-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:28px;}.elementor-kit-6 h2{font-size:var( --e-global-typography-d88fb9c-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --bleu:#16365b; --orange:#ff5000; --bleu-light:#395171; --background:#e8e8e8; --Text:Roboto; --white:#ffffff; --transparent:#ffffff00; }
/* Start custom CSS */p {
    text-align: justify;
}

#site-intro {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100dvh;

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

    /* ETAPE 1 : couleur Primary Elementor */
    background-color: var(--e-global-color-primary);

    z-index: 999999;

    transition:
        background-color 0.7s ease,
        opacity 0.8s ease,
        visibility 0.8s ease;
}


/* Conteneur des deux logos */

.intro-logo-wrapper {
    position: relative;
    width: min(450px, 70vw);
}

.intro-logo {
    display: block;
    width: 100%;
    height: auto;

    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
}


/* Logo blanc visible au départ */

.intro-logo-white {
    opacity: 1;
}


/* Logo couleur superposé */

.intro-logo-color {
    position: absolute;
    inset: 0;

    opacity: 0;
}


/* ========================
   ETAPE 2
   ======================== */

#site-intro.step-2 {
    background-color: #EFEFEF; /* À remplacer par ton Background Elementor */
}

#site-intro.step-2 .intro-logo-white {
    opacity: 0;
}

#site-intro.step-2 .intro-logo-color {
    opacity: 1;
}


/* ========================
   DISPARITION
   ======================== */

#site-intro.intro-out {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}/* End custom CSS */