#container-nav-mobile {
    nav {
        font-family: 'ClashGrotesk-Medium';
        color: var(--bs-noir-carbone);
        background-color: #F3F3F0 !important;
        padding-top: 0.40rem;
        padding-bottom: 0.40rem;
        border-radius: 5px;

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

            .navbar-toggler-icon {
                background-image: url('data:image/svg+xml,<svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"><line y1="2" x2="25" y2="2" stroke="%23f4f5ee" stroke-width="4"/><line y1="15" x2="25" y2="15" stroke="%23f4f5ee" stroke-width="4"/></svg>');
            }

            .dropdown-item {
               color: var(--bs-gris-vert) !important; 
            }

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

            .navbar-brand img {
                color: var(--bs-gris-vert) !important;
                width: 106px;
            }

            #coordonnees {
                color: var(--bs-nav-link-color);

                hr {
                    background-color: var(--bs-nav-link-color);
                }
                a {
                    color: var(--bs-nav-link-color);
                }
            }
        }

        ul.navbar-nav {
            padding-top: 0.85rem;
        }
        ul.dropdown-menu {
            border: none;
            background: transparent;
        }

        .navbar-toggler-icon {
            width: 1.25rem;
            height: 1.25rem;    
        }

        .navbar-brand {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0.8rem;

            img {
                max-width: 68px;
            }
        }
        .navbar-nav .nav-link {
            font-size: 1.1rem;
            padding-left: 0.8rem;
            padding-right: 0.8rem;
            padding-top: 0.85rem;
            padding-bottom: 0.85rem; 
        }
        .dropdown-item {
            font-size: 0.8rem;
            text-transform: uppercase;
            padding-top: 0.65rem;
            padding-bottom: 0.65rem;
        }

        .navbar-nav .nav-link.active, .navbar-nav {
            color: var(--bs-primary);
        }

        .navbar-toggler,
        .navbar-toggler:hover,
        .navbar-toggler:active,
        .navbar-toggler:focus {
            border: none;
            outline: 0;
            box-shadow: none;
        }
        .navbar-toggler-icon {
            background-image: url("../../../images/toggler-4Y2cH2W.svg");
        }

        .collapse:not(.show) {
            display: none !important;
        }

        .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: '\f061';
            font-family: "Font Awesome 7 Free";
            font-size: 0.75rem;
            margin-left: 1rem;
            border-top: none;
            border-right: none;
            border-bottom: none;
            border-left: none;
        }
        .dropdown-toggle.show, .navbar-nav .nav-link.show {
            color: var(--bs-vert-mousse) !important;
        }
        .dropdown-toggle.show::after {
            content: '\f063';   
        }

        .dropdown-menu[data-bs-popper] {
            .dropdown-item {
                position: relative;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            .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;
            }
        }

        #coordonnees {
            color: var(--bs-noir-carbone);
            font-family: "ClashGrotesk-Regular";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;

            padding-left: 0.8rem;
            padding-right: 0.8rem;
            padding-bottom: 2.5rem;

            hr {
                background-color: #fff;
                height: 1px;
                margin-top: 24px;
                margin-bottom: 40px;
            }
            a {
                color: var(--bs-noir-carbone);
                text-decoration: none;
            }

            .reseaux {
                margin-top: 1.5rem;

                a {
                    margin-right: 20px;
                }
            }
        }
    }
}

@media (min-width: 992px) { 

}

@media (min-width: 1400px) {

}