/* slider produit */
.carousel {
    max-height: 740px;
    width: 100%;
    overflow: hidden;
}

.carousel-indicators {

    margin-left: unset;
    margin-right: 1rem;
}
.carousel-indicators li {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #333E47;
    opacity: 1;
    border: 5px solid transparent;
    margin-right: 1px;
    margin-left: 1px;
}
.carousel-indicators li.active {
    border: 5px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
}

.nuancier .bynder-widget-media-link, .bynder-widget-media-link  {
    padding: 0 !important;
    border: none !important;
} 
.nuancier {
    cursor: zoom-in;
}
small {
    line-height: 1.2;
    display: block;
}
.btn-produit {
    padding: 10px;
    display:block;
    color: initial;
    width: 100%;
}
.button-produit{
    width: 25px;
    height: 25px;
    margin: 2px;
}
/* partie basse desktop */
@media (min-width: 992px) { 

    #nav-produit {
        background-color: transparent;
        border-bottom: 1px solid #333E47;
        padding: 0;
        margin-top: 26px;
    }
    #nav-produit .nav-item {
        margin-bottom: 2px;
        background-color: #EBEBEB;
    }
    #nav-produit .nav-item a{
        color: #333E47;
    }
    #nav-produit .nav-item a.active {
        background-color: #FFFFFF;
        color: #333E47;
        opacity: 1;
        border-bottom: 2px solid #FFFFFF;
        z-index: 1;
        border-top: 1px solid #333E47;
        border-left: 1px solid #333E47;
        border-right: 1px solid #333E47;
    }
    #nav-produit .nav-item a:hover {
        border-bottom: 2px solid #333E47 ;
        background-color: #333E47 ;
        color: #FFFFFF;
        box-sizing: content-box;
        margin-bottom: -2px;
    }
    #nav-produit .navbar-nav {
        margin-bottom: -1px;
    }
    /* #nav-produit .nav-link {
        border-left: 1px solid rgba(112, 112, 112, 0.44);
        border-top: 1px solid rgba(112, 112, 112, 0.44);
        border-right: 1px solid rgba(112, 112, 112, 0.44);
        margin-right: -1px;
        padding: 0.5rem 1.5rem;
        color: #333E47;
    } */
    #nav-produit .nav-link::before{
        content:">" !important;
        transform: rotate(90deg);
        float: right;
        margin-left: 1rem;
        font-weight: 500;
    }
    
}
/* partie basse mobile */
@media (max-width: 991.98px) { 
    #accordionInfoProduit .card-header{
        background-color: transparent;
        border-bottom: none;
        font-size: 20px;
        font-weight:500;
        cursor: pointer;
    }
    #accordionInfoProduit .card-header[aria-expanded="true"]{
        color: #dd0031;
    }

    #accordionInfoProduit .card-header[aria-expanded="true"]::after{
        content:"<" !important;
        float: right;
        color: #dd0031;
    }

    #accordionInfoProduit .card-header[aria-expanded="false"]::after{
        content:"v" !important;
        float: right;
        font-size: 14px;
        font-weight: normal;
        color: #dd0031;
    }

    #accordionInfoProduit .card{
        border-left: none;
        border-right: none;
    }
    .presentation{
        margin-top: 1.5em;
    }
}
.nuancier-cat {
    padding-left: 0;
}
.nuancier-cat span {
    background-color: white;
    padding-right: 1em ;
}
.nuancier-cat:after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid black;
    z-index: -1;
}
.nuancier img {
    border: 1px #707070 solid;
    cursor: zoom-in;
}
#nav-produit + div #menu1 li, #nav-produit + div #menu2 li, #accordionInfoProduit #collapseOne li, #accordionInfoProduit #collapseTwo li, .presentation li{
    list-style-type: none;
}
#nav-produit+ div #menu1 li:before, #nav-produit+ div #menu2 li:before, #accordionInfoProduit #collapseOne li:before, #accordionInfoProduit #collapseTwo li:before, .presentation li:before {
    content: "> ";
    font-size: larger;
}
#nav-produit + div #menu1 ul, #nav-produit + div #menu2 ul, #accordionInfoProduit ul {
    padding-inline-start: 0px;
}