#top-navbar {
    background-color: #3C3C3C;
    border-top: 5px solid #3886AD;
    padding: 10px 0 10px 0;
}

#navbar-content
{
    width: 88%;
    margin: 0 auto;
    display: flex;
}

a
{
    text-decoration: none;
}

#top-navbar .user-view {
    margin-right: auto; /* Déplacer le logo à gauche */
}

#top-navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; /* Utiliser flexbox pour aligner les liens horizontalement */
}

#top-navbar a.nav-link {
    color: white;
    margin: 0 1rem 0 1rem;
    padding: 0;
}

#top-navbar a.nav-link:hover {
    color: #E5E9F2; /* Couleur du texte au survol */
}

#logo-nav
{
    color: #FFF;
    font-size: 20px;
}

#logo-nav img {
    height: 30px;
}

ul.collapse
{
    display: none !important;
}

#trois-points
{
    padding: 0 1rem 0 1rem;
    cursor: pointer;
}

.navbar-dropdown
{
    background-color: #3C3C3C;
    border-radius:0;
    top:10px;
}

.navbar-dropdown a:hover
{
    background-color: #757575 !important;
}


.navbar-dropdown a
{
    padding: 4px !important;
    margin : 4px !important;
}

@media screen and (max-width: 1316px) {
    #top-navbar ul.nav {
        flex-direction: row; /* Afficher les éléments de manière horizontale */
        align-items: center; /* Aligner verticalement les éléments */
        justify-content: space-between; /* Répartir uniformément les éléments horizontalement */
    }

    #top-navbar ul.nav li.nav-item {
        text-align: center; /* Centrer le texte des éléments de la navigation */
    }

    #top-navbar ul.nav li.nav-item a.nav-link {
        margin: 0; /* Supprimer la marge précédemment ajoutée */
        margin-right: 1rem;
    }
}