.elementor-kit-85{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-85 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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:1350px){.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 *//* ===================================
   HEADER - ANIMATION SCROLL
=================================== */
.main-header {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.4s ease, box-shadow 0.3s ease;
}

/* Header blanc au scroll */
.main-header.is-white-now {
    background-color: #ffffff !important;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Couleur menu items */
.main-header .elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
    transition: color 0.3s ease;
}
.main-header.is-white-now .elementor-nav-menu--main .elementor-item {
    color: #000000 !important;
}

/* ===================================
   LOGOS - PAGE D'ACCUEIL
   Superposition pour éviter décalage
=================================== */

/* Conteneur colonne logo */
.elementor-element-10a797ee .elementor-widget-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 60px !important;
}

/* Les deux logos superposés */
.elementor-element-4124717,
.elementor-element-25631a9 {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: opacity 0.4s ease !important;
}

/* Par défaut fond transparent : logo blanc visible */
.elementor-element-25631a9 {
    opacity: 1 !important;
    pointer-events: auto !important;
}
/* Logo noir caché par défaut */
.elementor-element-4124717 {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Au scroll fond blanc : logo noir visible */
.main-header.is-white-now .elementor-element-4124717 {
    opacity: 1 !important;
    pointer-events: auto !important;
}
/* Logo blanc caché au scroll */
.main-header.is-white-now .elementor-element-25631a9 {
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Colonne logo garde sa hauteur */
.elementor-element-10a797ee {
    min-height: 60px !important;
}

/* ===================================
   LOGOS - AUTRES PAGES
   Système display original conservé
=================================== */
.main-header .logo-white { display: block !important; }
.main-header .logo-black { display: none !important; }
.main-header.is-white-now .logo-white { display: none !important; }
.main-header.is-white-now .logo-black { display: block !important; }

/* ===================================
   BOUTON ESPACE MEMBRE
   Toutes pages - une seule ligne
=================================== */

/* Page d'accueil : ID 1ebb84e9 */
/* Autres pages   : ID 81a5e0c  */
.elementor-element-1ebb84e9 .elementor-button,
.elementor-element-81a5e0c .elementor-button {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-width: fit-content !important;
}
.elementor-element-1ebb84e9 .elementor-button-content-wrapper,
.elementor-element-81a5e0c .elementor-button-content-wrapper {
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}
.elementor-element-1ebb84e9 .elementor-button-text,
.elementor-element-81a5e0c .elementor-button-text {
    white-space: nowrap !important;
    display: inline !important;
}

/* ===================================
   MENU RESPONSIVE - DESKTOP HEADER
   IDs page d'accueil + autres pages
=================================== */

/* Tablette large : 1025px → 1300px */
@media (min-width: 1025px) and (max-width: 1300px) {

    /* Logo - page d'accueil */
    .elementor-element-4124717 img,
    /* Logo - autres pages */
    .elementor-element-1b39ad2f img {
        max-width: 140px !important;
    }

    /* Menu - page d'accueil */
    .elementor-element-286029ba .elementor-nav-menu,
    /* Menu - autres pages */
    .elementor-element-71999070 .elementor-nav-menu {
        gap: 0px !important;
    }

    .elementor-element-286029ba .elementor-nav-menu > li > a.elementor-item,
    .elementor-element-71999070 .elementor-nav-menu > li > a.elementor-item {
        font-size: 12px !important;
        padding: 6px 8px !important;
        letter-spacing: 0 !important;
    }

    /* Bouton - page d'accueil + autres pages */
    .elementor-element-1ebb84e9 .elementor-button,
    .elementor-element-81a5e0c .elementor-button {
        font-size: 11px !important;
        padding: 8px 10px !important;
    }
}

/* Tablette : 768px → 1024px */
@media (min-width: 768px) and (max-width: 1024px) {

    /* Logo - page d'accueil */
    .elementor-element-4124717 img,
    /* Logo - autres pages */
    .elementor-element-1b39ad2f img {
        max-width: 110px !important;
    }

    /* Menu horizontal - page d'accueil */
    .elementor-element-286029ba .elementor-nav-menu--main,
    /* Menu horizontal - autres pages */
    .elementor-element-71999070 .elementor-nav-menu--main {
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .elementor-element-286029ba .elementor-nav-menu,
    .elementor-element-71999070 .elementor-nav-menu {
        gap: 0px !important;
    }

    .elementor-element-286029ba .elementor-nav-menu > li > a.elementor-item,
    .elementor-element-71999070 .elementor-nav-menu > li > a.elementor-item {
        font-size: 10px !important;
        padding: 4px 5px !important;
        letter-spacing: 0 !important;
    }

    /* Masquer flèches sous-menus */
    .elementor-element-286029ba .sub-arrow,
    .elementor-element-71999070 .sub-arrow {
        display: none !important;
    }

    /* Bouton - page d'accueil + autres pages */
    .elementor-element-1ebb84e9 .elementor-button,
    .elementor-element-81a5e0c .elementor-button {
        font-size: 10px !important;
        padding: 6px 8px !important;
    }
}

/* ===================================
   HEADER MOBILE - PAGE D'ACCUEIL
   Section : elementor-element-7619f65e
=================================== */
@media (max-width: 767px) {

    .elementor-element-7619f65e {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background-color: #ffffff !important;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    /* Compenser la hauteur du header fixe
       pour que le contenu ne se cache pas dessous */
    .elementor-element-7b19f7a8 {
        padding-top: 60px !important;
    }
}/* End custom CSS */