/*todo header*/
#header .offcanvas {
    transition: none !important;
}
/*todo logo*/
#header .logo{
    transform:translateY(-35%);
}
#header .logoBoutique {
    z-index: 10;
    transform: translateY(80%) translateX(-13%);
}
@media (min-width: 1000px) and (max-width: 1050px) {
    #header .logoPC{
        max-width:200px;
        height:auto;
    }
}
@media (min-width: 1201px) and (max-width: 1400px){
    #header .logoBoutique {
        transform: translateY(60%) translateX(-15%);
    }
}
@media (max-width: 1200px){
    #header .logoBoutique {
        display: none;
    }
}
.backgroundNavbarToggler{
    background-color: #960021;
}
.backgroundBandeau{
    background-color: black;
}

.nav-item a{
    color:white;
}
.nav-item a{
    color:white;
}

.active{
    color:white;
}

/* logo */
#header .nav-item.dropdown .dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    top: 100%;
    left: 0;
    z-index: 1000;
}
#header .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* navigation PC */
#header .navigationPC .menu-principal{
    float:right;
}
#header .navigationPC .navigation,.logoHeader {
    z-index: 100;
}
@media (min-width: 851px){
    #header .navigationPC{
        display: block;
    }
    #header .navigationMobile{
        display: none;
    }
}

.show > .nav-link, .nav-link.active {
    color:var(--couleur1)!important;
}

.nav-link .dropdown-toggle{
    color: var(--couleur1)!important;
}