#menu_content::-webkit-scrollbar {
    width: 16px;
}

#menu_content::-webkit-scrollbar-track {
    border-radius: 8px;
}

#menu_content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: #888888;
}

/* Mode clair - scrollbar plus visible */
body.light-theme #menu_content::-webkit-scrollbar-thumb {
    background-color: #6c757d;
}

body.light-theme #menu_content::-webkit-scrollbar-track {
    background-color: #f8f9fa;
}

/* Mode sombre */
body.dark-theme #menu_content::-webkit-scrollbar-thumb {
    background-color: #ffffff;
}

body.dark-theme #menu_content::-webkit-scrollbar-track {
    background-color: #2c3e50;
}

ul .dropdown-menu :hover{
    background-color: rgb(37, 76, 161);
    color: white;
}

ul .dropdown-menu :hover{
    background-color: rgb(37, 76, 161);
    color: white;
    font-weight: bold;
}

/* Mode clair - dropdown hover */
body.light-theme ul .dropdown-menu :hover{
    background-color: #007bff;
    color: white;
}

#menu_content .navbar-nav .nav-item :hover{
    background-color:  rgb(51, 152, 206);
    color: white;
}

/* Mode clair - menu hover */
body.light-theme #menu_content .navbar-nav .nav-item :hover{
    background-color:  #007bff;
    color: white;
}

#menu{
    column-gap: 20px;
    margin-top: -16px;
    border-top-right-radius: 10px; 
}

#menu_content{
    border-radius: 8px;
    height: 752px;
    margin-top: -9px;
    background-color: black;
    overflow: scroll;
}

/* Mode clair - menu content */
body.light-theme #menu_content{
    background-color: #ffffff;
    color: #212529;
    border: 1px solid #dee2e6;
}

/* Mode sombre - menu content */
body.dark-theme #menu_content{
    background-color: #1a1a2e;
    color: #eee;
}