/* ============================= */
/*               MENUS           */
/* ============================= */

/* Tout ce qui concerne les menus */


/* Conteneur d'un menu */
.menu_horzontal {
    position: relative;
    z-index: 2000; 
}

/* Menus spécifiques */
.menu_article .dropdown_menu {
    background-color: rgb(101, 42, 42);
}

.menu_event .dropdown_menu {
    background-color: rgb(101, 42, 42);
}

.menu_etats .dropdown_menu {
    background-color: rgb(101, 42, 42);
}

/* Dropdown général */
.dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    list-style: none;
    padding: 0.3rem 0.5rem;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    min-width: 8rem;
    font-size: 1.2rem;
    background-color: rgb(101, 42, 42);
    color: #fff;
    z-index: 3000; /* plus élevé que tout parent */
}

/* Items du menu */
.dropdown_menu li {
    padding: 0.5rem 0.5rem;
    cursor: pointer;
}

/* Affichage au hover */
.menu_horzontal:hover .dropdown_menu {
    display: block;
}

/* Effet au survol d'un item */
.dropdown_menu li:hover {
    background-color: #d0d0d0;
}