/* Dropdown Menu */

/* Symbole visuel pour indiquer un sous-menu */
.dropdown-title {
    display: flex;
    align-items: center; /* Aligner le texte et le symbole */
    gap: 5px; /* Espacement entre le texte et le symbole */
}

.dropdown-title::after {
    content: "▼"; /* Symbole de flèche vers le bas */
    font-size: 0.8rem;
     /*color: white;*/
}

/* Sous-menu */
.submenu {
    display: none; /* Masque le sous-menu par défaut */
    position: absolute;
    top: 100%; /* Place le sous-menu sous le titre */
    left: 50%;
    transform: translateX(-50%); /* Centre le sous-menu */
    background: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    list-style: none;
    padding: 10px 0;
    margin: 0;
    min-width: 150px;
    border-radius: 5px; /* Coins arrondis */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    text-align: center;
}
@media (max-width: 990px) {/*768px) {*/ /* Applique ces styles uniquement si l'écran est inférieur à 768px */
    /* Afficher le bouton hamburger sur les petits écrans */
	.submenu {
    left: 50%;}
}

.submenu li {
    padding: 8px 15px;
}

.submenu li a {
    color: rgba(2,87,155, 1); /*white;*/
    font-size: 0.9rem;
    font-weight: normal;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.submenu li a:hover {
    background: #FFC107; /* Changement de couleur au survol */
    color: black;
}

/* Afficher le sous-menu au survol */
.dropdown:hover .submenu {
    display: block; /* Affiche le sous-menu lors du survol */
}