.elementor-2175 .elementor-element.elementor-element-9c57a46{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2175 .elementor-element.elementor-element-156a4b4{width:100%;max-width:100%;}.elementor-2175 .elementor-element.elementor-element-bbcfdc6{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-2175 .elementor-element.elementor-element-1a1d5ea{left:0px;}body.rtl .elementor-2175 .elementor-element.elementor-element-1a1d5ea{right:0px;}.elementor-2175 .elementor-element.elementor-element-1a1d5ea{top:0px;}body:not(.rtl) .elementor-2175 .elementor-element.elementor-element-775bcf8{left:0px;}body.rtl .elementor-2175 .elementor-element.elementor-element-775bcf8{right:0px;}.elementor-2175 .elementor-element.elementor-element-775bcf8{top:0px;}/* Start custom CSS for html, class: .elementor-element-1f68c41 *//* Style pour l'icône du menu burger */
.burger-menu {
    display: none;
    cursor: pointer;
    z-index: 9999;
}

.burger-menu.light .bar {
    background-color: #fff;
}

.burger-menu.dark .bar {
    background-color: #000;
}

.burger-menu .bar {
    display: block;
    width: 30px;
    height: 4px;
    margin: 5px auto;
    background-color: #444;
}
.burger-menu.open .bar:nth-child(1) {
    transform: rotate(45deg) translate(0px, 0px); /* Première barre en diagonale */
    background-color: #fff;
}
.burger-menu.open .bar:nth-child(2) {
    opacity: 0; /* Cacher la deuxième barre */
}

.burger-menu.open .bar:nth-child(3) {
    transform: rotate(-45deg) translate(0px, 0px);
    background-color: #fff;
}

.burger-menu.dark {
    /* Sur fond clair → icône foncée */
    background-color: transparent;
}
.burger-menu.dark .bar {
    background-color: #000;
}
.burger-menu.light .bar {
    background-color: #fff;
}

/* Affichage du menu burger même sur PC */

    .burger-menu {
        display: block;
        position: fixed;
        top: 40px;
        right: 20px;
    }

    /* Menu à cacher et faire glisser avec l'overlay */
    .raven-nav-menu-main {
        list-style:none;
        display: none;
        background-color: rgba(0, 0, 0, 0.9);
        position: fixed;
        top: 0;
        right:0;
        width: 40%;
        height: 100%;
        z-index: 999;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
    }

    /* Quand le menu est ouvert */
    .raven-nav-menu-main.open {
        display: block;
        transform: translateX(0);
        list-style:none;
        
    }

.raven-nav-menu-main a img{
    margin-top:5em;
    margin-left:10%;
}

.raven-nav-menu-main li:nth-child(1){
    font-size: 40px; 
    color:#fff;
    font-weight:bold;
    margin-left:10%;
    margin-top:1em;
    
    /* Taille pour "Nos services" */
}

.raven-nav-menu-main li:nth-child(2) a {
    font-size: 25px; 
    margin-left:20%;/* Taille pour "#CONSEIL" */
}

.raven-nav-menu-main li:nth-child(3) a {
    font-size: 25px;
     margin-left:20%;/* Taille pour "#FORMATION" */
}

.raven-nav-menu-main li:nth-child(4) a {
    font-size: 25px;
     margin-left:20%;/* Taille pour "#ADMINISTRATION" */
}

.raven-nav-menu-main li:nth-child(5) a {
    font-size: 25px;
     margin-left:20%;/* Taille pour "#COMMUNICATION" */
}

.raven-nav-menu-main li:nth-child(6) a {
    font-size: 40px;
     margin-left:10%;/* Taille pour "Qui sommes-nous?" */
}

.raven-nav-menu-main li:nth-child(7) a {
    font-size: 40px;
     margin-left:10%;/* Taille pour "Nous contacter" */
}

.raven-nav-menu-main li:nth-child(8) a {
    font-size: 22px;
     margin-left:10%;/* Taille pour "Langues" */
}
.raven-nav-menu-main li:nth-child(2) a:hover {
    background-color:#F43A77; 
}
.raven-nav-menu-main li:nth-child(3) a:hover {
    background-color:#1E8FF9; 
}
.raven-nav-menu-main li:nth-child(4) a:hover {
    background-color:#1CDBBA; 
}
.raven-nav-menu-main li:nth-child(5) a:hover {
    background-color:#E9CA0D; 
}
.raven-nav-menu-main li:nth-child(6) a:hover {
    background-color:#fff; 
}
.raven-nav-menu-main li:nth-child(7) a:hover {
    background-color:#fff; 
}
.raven-nav-menu-main li:nth-child(8) a:hover {
    background-color:#fff; 
}
/* --- Responsive mobile/tablette --- */
@media (max-width: 768px) {
    .raven-nav-menu-main {
        width: 75% !important;  /* Menu à 3/4 largeur */
    }

    .raven-nav-menu-main li a {
        font-size: 16px !important; /* texte plus petit */
        padding: 8px 16px !important; /* moins de padding */
    }

    .raven-nav-menu-main li:nth-child(1) {
        font-size: 32px !important;
    }

    .raven-nav-menu-main li:nth-child(6),
    .raven-nav-menu-main li:nth-child(7) {
        font-size: 32px !important;
    }

  /* Ou si la croix est faite avec les barres du burger */
  .burger-menu.open .bar {
    width: 25px;  /* Réduit la largeur des barres */
    height: 3px;  /* Réduit leur hauteur */
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9c57a46 */.elementor-2175 {
    position: relative;
    height: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a1d5ea *//* 1. Style général pour les éléments de menu (li) */
.raven-nav-menu-main li {
    margin: 20px 0;
    list-style-type: none;
}

/* 2. Style pour les liens dans le menu */
.raven-nav-menu-main li a {
    font-size: 18px;
    color: white;
    text-decoration: none;
    text-transform: none;
    padding: 10px 20px;
    display: block;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 3. Hover sur les liens */
.raven-nav-menu-main li:nth-child(2) a:hover { background-color:#F43A77; }
.raven-nav-menu-main li:nth-child(3) a:hover { background-color:#1E8FF9; }
.raven-nav-menu-main li:nth-child(4) a:hover { background-color:#1CDBBA; }
.raven-nav-menu-main li:nth-child(5) a:hover { background-color:#E9CA0D; }
.raven-nav-menu-main li:nth-child(6) a:hover,
.raven-nav-menu-main li:nth-child(7) a:hover,
.raven-nav-menu-main li:nth-child(8) a:hover {
    background-color:#fff;
}

/* 4. Style pour le switcher de langue */
.raven-nav-menu-main li.lang-switcher {
    margin-left: 10%;
    margin-top: 1em;    /* Plus d’espace au-dessus */
    list-style: none;
    padding-top: 0;
}

.raven-nav-menu-main li.lang-switcher a {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0; /* espace à droite des drapeaux */
    vertical-align: middle;
}

.raven-nav-menu-main li.lang-switcher img.lang-flag {
    width: 32px;     /* Taille un peu plus grande */
    height: 21px;    /* Ratio 3:2 */
    vertical-align: middle;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    margin: 0;
    padding: 0;
    display: inline-block;
    transition: transform 0.2s ease;
}

.raven-nav-menu-main li.lang-switcher a:hover img.lang-flag {
    transform: scale(1.1);
}

/* Responsive */
@media (max-width: 768px) {
    .raven-nav-menu-main {
        width: 75% !important;
    }

    .raven-nav-menu-main li a {
        font-size: 16px !important;
        padding: 8px 16px !important;
    }

    .raven-nav-menu-main li:nth-child(1),
    .raven-nav-menu-main li:nth-child(6),
    .raven-nav-menu-main li:nth-child(7) {
        font-size: 32px !important;
    }

    .burger-menu.open .bar {
        width: 25px;
        height: 3px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-775bcf8 *//* 1. Style général pour les éléments de menu (li) */
.raven-nav-menu-main li {
    margin: 20px 0;
    list-style-type: none;
}

/* 2. Style pour les liens dans le menu */
.raven-nav-menu-main li a {
    font-size: 18px;
    color: white;
    text-decoration: none;
    text-transform: none;
    padding: 10px 20px;
    display: block;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 3. Hover sur les liens */
.raven-nav-menu-main li:nth-child(2) a:hover { background-color:#F43A77; }
.raven-nav-menu-main li:nth-child(3) a:hover { background-color:#1E8FF9; }
.raven-nav-menu-main li:nth-child(4) a:hover { background-color:#1CDBBA; }
.raven-nav-menu-main li:nth-child(5) a:hover { background-color:#E9CA0D; }
.raven-nav-menu-main li:nth-child(6) a:hover,
.raven-nav-menu-main li:nth-child(7) a:hover,
.raven-nav-menu-main li:nth-child(8) a:hover {
    background-color:#fff;
}

/* 4. Style pour le switcher de langue */
.raven-nav-menu-main li.lang-switcher {
    margin-left: 10%;
    margin-top: 1em;    /* Plus d’espace au-dessus */
    list-style: none;
    padding-top: 0;
}

.raven-nav-menu-main li.lang-switcher a {
    display: inline-block;
    padding: 0;
    margin: 0 10px 0 0; /* espace à droite des drapeaux */
    vertical-align: middle;
}

.raven-nav-menu-main li.lang-switcher img.lang-flag {
    width: 32px;     /* Taille un peu plus grande */
    height: 21px;    /* Ratio 3:2 */
    vertical-align: middle;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    margin: 0;
    padding: 0;
    display: inline-block;
    transition: transform 0.2s ease;
}

.raven-nav-menu-main li.lang-switcher a:hover img.lang-flag {
    transform: scale(1.1);
}

/* Responsive */
@media (max-width: 768px) {
    .raven-nav-menu-main {
        width: 75% !important;
    }

    .raven-nav-menu-main li a {
        font-size: 16px !important;
        padding: 8px 16px !important;
    }

    .raven-nav-menu-main li:nth-child(1),
    .raven-nav-menu-main li:nth-child(6),
    .raven-nav-menu-main li:nth-child(7) {
        font-size: 32px !important;
    }

    .burger-menu.open .bar {
        width: 25px;
        height: 3px;
    }
}/* End custom CSS */