/* CSS de base pour le dropdown */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff; /* couleur de fond du menu déroulant */
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-menu li a {
    color: #333; /* couleur du texte par défaut */
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-menu li a:hover {
    background-color: #ddd; /* couleur de fond lors du survol */
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* CSS pour le header avec changement de couleur */
.header-scrolled {
    color:'#660066';
    /* couleur du header lorsque scrolled */
}

/* Couleur du texte du dropdown lorsque le header est scrolled */
.header-scrolled .dropdown-menu li a {
    color: #660066; /* couleur du texte quand le header est scrolled */
}

/* Pour gérer le changement de couleur du texte du header */
.header-scrolled #selected-language {
    color: #660066; /* couleur du texte quand le header est scrolled */
}