/* ---
        NAV 
--- */

nav.main {
    background: #fff;
    top: 0;
    /* important pour le sticky */
    z-index: 5000;
    text-transform: uppercase;
    border-bottom: 2px solid #222;
}


header.navbar {
    height: 46px;
}

header.navbar .art-nav {
    display: none;
}


header.navbar figure.avatar {
    margin: 0 0 0 1em;
    background: var(--noir);
}


.navbar a.btn {
    color: var(--bleu);
}

.navbar a.btn:hover {
    color: var(--rouge);
}

.art-nav.titre {
    margin-left: 1em;
    text-transform: none;
    line-height: 0.8em;
}

.dropdown .menu {
    min-width: 300px;
    max-height: 80vh;
}



.menu .menu-item > a{
    
    padding: .5rem;
}

.menu .menu-item > a:hover {
    background: #ebe9e9;
}

.menu .menu-item i{
    padding-right: 1em;
}

#recherche {
    display: inline-block;
    width: 180px;
}

header.navbar button[type=submit] {
    background: var(--noir);
    border: var(--noir);
    position: relative;
    top: -1px;
    left: -3px;

}

/* ---

login

--- */

.navbar-section a.login {
    padding: 0em 1em;
    color: var(--bleu);
    font-size: 1.2em;
}

.navbar-section a.login:hover {
    text-decoration: none;

    color: var(--rouge);
}


/* mobile  */

.nav-mobile {

    position: absolute;
    left: 10px;
}

.nav-mobile .burger {
    margin-right: .8em;
    font-size: 1.5em;
    color: #222;
}

.nav-mobile .logo {

    font-weight: 800;
}

.nav-mobile .menu{
    
    width: 100%;
}

.menu .menu-item {
    padding: 0;
    margin: 0;
}


.nav-mobile .menu .menu-item a {
    padding: .5em 1em;
}
.navbar-center .mini-titre-gp {
    margin: 10px 0 0 5px;

}