/* Couleur du texte du menu */
.monplugin-menu a {
    color: #8dc237 !important;
}

/* Couleur du fond du menu */
.monplugin-menu {
    background-color: #b62121 !important;
}

.menu-toggle, .main-navigation .menu-bar-items {
background-color: #96b621 !important;
color: #c2377d !important;
}

/* l'espace du menu*/
.menu.sf-menu
{
background-color: #abe09d !important;
color: #c28637 !important;    
}


.main-navigation .main-nav ul li a
{
background-color: #abe09d !important;
color: #2958be !important; 
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); 
border-radius: 5px; /* Optionnel : arrondir les coins adoucit le relief */
transition: all 0.3s ease; /* Pour que l'effet soit fluide au survol */   
}

.main-navigation .menu-toggle
{
background-color: #1e3faa !important;
color: #c28637 !important;    
}

.main-navigation .menu-bar-items {
background-color: #150ab9 !important;
color: #c28637 !important;    
}
/* pour traiter survol */
/* Couleur normale */
.menu.sf-menu {
    background-color: #abe09d !important;
    color: #c28637 !important;
}

.menu.sf-menu a {
    color: #c28637 !important;
    background-color: #abe09d !important;
}

/* Couleur au survol */
.menu.sf-menu li:hover,
.menu.sf-menu li.sfHover {
    background-color: #4caf50 !important; /* fond vert plus foncé */
}

.menu.sf-menu li:hover > a,
.menu.sf-menu li.sfHover > a {
    color: #000000 !important; /* texte noir */
    background-color: #4caf50 !important;
}