#container-nav {
    nav {
        background-color: #F3F3F0 !important;
        font-family: 'ClashGrotesk-Medium';
        color: var(--bs-primary);
        font-size: 16px;
        padding-top: calc(0.5rem - 2px);
        padding-bottom: calc(0.5rem - 3px);
        border-radius: 5px;

        &.dark {
            background-color: var(--bs-primary) !important;
            color: var(--bs-gris-vert) !important; 
            animation: color 0.6s ease;

            .navbar-nav .nav-link {
                color: var(--bs-gris-vert) !important;

                &.show {
                    color: var(--bs-gris-vert) !important;
                }
            }

            .navbar-nav .nav-link.active,
            .navbar-nav .nav-link:hover {
                color: var(--bs-gris-vert) !important;
            }

            .navbar-brand img {
                color: var(--bs-gris-vert) !important;
                width: 106px;
            }
        }
        .navbar-nav .nav-link {
            color: rgba(var(--bs-primary-rgb), 0.85) !important;
            padding-left: 2rem;
            padding-right: 2rem;
            animation: color 0.6s ease;

            &.show, &.show:hover {
                color: var(--bs-gris-vert) !important;
                z-index: 9999;
                position: relative;
            }
        }
        .navbar-nav {
            color: var(--bs-primary);
        }
        .navbar-nav .nav-link.active,
        .navbar-nav .nav-link:hover {
            color: rgba(var(--bs-primary-rgb), 1) !important;
        }

        .dropdown-menu[data-bs-popper] {
            left: inherit;
            right: 0;
            top: 0;
            border: none !important;
            background-color: var(--bs-primary);
            padding-top: calc((var(--bs-nav-link-padding-y) * 3) + (var(--bs-dropdown-font-size) * 1.5)); /* 3 x padding top : 2 pour lien et 1 pour ul */
            border-radius: 5px;
            
            .dropdown-item, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
                position: relative;
                color: var(--bs-gris-vert) !important;
                font-family: 'ClashGrotesk-Medium';
                font-size: 0.9rem;
                text-transform: uppercase;
                padding-top: 0.45rem;
                padding-bottom: 0.45rem;
                display: flex;
                justify-content: space-between;
                align-items: center;
                background-color: transparent;
            }
            .dropdown-item::after {
                display: inline;
                content: '\f061';
                font-family: "Font Awesome 7 Free";
                font-size: 0.75rem;
                margin-left: 1rem;
            }

            .dropdown-item:focus, .dropdown-item:hover {
                color: var(--bs-primary) !important;
                background-color: var(--bs-gris-vert) !important;
            }
        }
    }
}

@media (min-width: 992px) { 

}

@media (min-width: 1400px) {

}