.elementor-kit-442{--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;background-color:#FFFFFF;font-family:"Roboto", Sans-serif;overscroll-behavior:none;}.elementor-kit-442 e-page-transition{background-color:#FFBC7D;}.elementor-kit-442 a{font-family:"Roboto", Sans-serif;}.elementor-kit-442 h1{font-family:"Montserrat", Sans-serif;}.elementor-kit-442 h2{font-family:"Montserrat", Sans-serif;}.elementor-kit-442 h3{font-family:"Montserrat", Sans-serif;}.elementor-kit-442 h4{font-family:"Montserrat", Sans-serif;}.elementor-kit-442 h5{font-family:"Montserrat", Sans-serif;}.elementor-kit-442 h6{font-family:"Montserrat", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* ========================================
   TAILLE DU LOGO
   ======================================== */

/* DESKTOP - Logo plus grand */
header .elementor-widget-image img,
.elementor-widget-image img {
    max-width: 350px !important;
    width: 350px !important;
    height: auto !important;
}

header .elementor-widget-image {
    max-width: 350px !important;
}

/* TABLETTE (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    header .elementor-widget-image img {
        max-width: 250px !important;
        width: 250px !important;
    }
    
    header .elementor-widget-image {
        max-width: 250px !important;
    }
}

/* MOBILE (moins de 768px) */
@media (max-width: 767px) {
    header .elementor-widget-image img {
        max-width: 300px !important;
        width: 300px !important;
    }
    
    header .elementor-widget-image {
        max-width: 150px !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: block !important;
    }
    
    header .elementor-section,
    header .elementor-container {
        justify-content: center !important;
    }
    
    header .elementor-column {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

/* ========================================
   MENU - FOND ET DISPOSITION
   ======================================== */

nav.hfe-nav-menu__layout-horizontal {
    background-color: #e8eaed !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.12) !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    padding: 10px 20px !important;
    margin-left: 50px !important;
}

ul.hfe-nav-menu {
    padding-right: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.elementor-widget-hfe-nav-menu {
    margin-left: auto !important;
}

ul.hfe-nav-menu > li {
    margin-right: 15px !important;
}

ul.hfe-nav-menu > li:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* ========================================
   MENU - STYLE DES LIENS
   ======================================== */

/* TOUS les liens du menu en noir (sauf Contact) */
ul.hfe-nav-menu > li > a,
ul.hfe-nav-menu > li.menu-item-has-children > a,
nav.hfe-nav-menu a,
.hfe-menu-item a {
    color: #2c3e50 !important;
    font-weight: 500 !important;
    padding: 8px 15px !important;
    transition: all 0.3s ease !important;
}

/* SURVOL - VERSION ULTRA SPÉCIFIQUE pour Ressources */
ul.hfe-nav-menu > li:hover > a,
ul.hfe-nav-menu > li > a:hover,
ul.hfe-nav-menu > li.menu-item-has-children:hover > a,
ul.hfe-nav-menu > li.menu-item-has-children > a:hover,
nav.hfe-nav-menu li:hover > a,
.hfe-menu-item:hover > a,
.hfe-menu-item a:hover {
    color: #1e88e5 !important;
    background: rgba(30, 136, 229, 0.1) !important;
    border-radius: 6px !important;
}

ul.hfe-nav-menu > li.current-menu-item > a {
    color: #1e88e5 !important;
    font-weight: 600 !important;
}

/* Sous-menu (Emploi) */
ul.hfe-nav-menu ul.sub-menu li a,
.sub-menu a {
    color: #2c3e50 !important;
    background: #ffffff !important;
}

ul.hfe-nav-menu ul.sub-menu li a:hover {
    color: #1e88e5 !important;
    background: rgba(30, 136, 229, 0.1) !important;
}

/* ========================================
   BOUTON CONTACT - Exception en blanc
   ======================================== */

ul.hfe-nav-menu > li:last-child > a,
li#menu-item-1701 > a {
    background: linear-gradient(135deg, #1976d2 0%, #0d47a1 100%) !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(25, 118, 210, 0.3) !important;
    transition: all 0.3s ease !important;
}

ul.hfe-nav-menu > li:last-child > a:hover,
li#menu-item-1701 > a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(30, 136, 229, 0.4) !important;
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    color: #ffffff !important;
}

/* ========================================
   ICÔNES SOCIALES
   ======================================== */

.elementor-widget-social-icons {
    margin-left: 25px !important;
    margin-right: 40px !important;
    padding-right: 30px !important;
}

header .elementor-widget:last-child {
    margin-right: 30px !important;
    padding-right: 20px !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 1024px) {
    nav.hfe-nav-menu__layout-horizontal {
        margin-left: 0 !important;
    }
    
    .elementor-widget-hfe-nav-menu {
        margin-left: 0 !important;
    }
    
    ul.hfe-nav-menu > li:last-child > a {
        padding: 10px 20px !important;
        font-size: 0.9em !important;
    }
}/* End custom CSS */