@import url('faille-hubert.css');
@import url('hubert/user.css');
@import url('hubert/_sidebar_user.css');


@media(min-width: 481px) {
    .carousel-configurator .bloc-item{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media(min-width: 768px) {
    .btn-configurator{
        font-size: 13px;
    }
    .siteAddress-container-flex {
        display: flex;
    }
    .btn-contact{
        width: 50%;
    }
    .page-bloc-contact .h2{
        font-size: 20px;
    }
}
@media(min-width: 971px){
    .table-referencies .drop-estimate {
        width: 40px !important;
    }
    #main-navbar > li {
        flex-direction: column;
        position: relative;
    }
    #main-navbar > .nav-item:hover .surliner {
        position:absolute;
        bottom: 0;
        width: 100%;
        border: 3px solid #9AC31C;
    }
    #dropdown_menu_my_account {
        right: -28px;
        left: auto;
        width: 204px;
        top: 50px;
        text-align: center;
        border-radius: 0;
    }
}
@media(min-width: 992px) {
    .lg-modal-sm {width: 530px!important;}
    .container-forms-contest{padding: 0 90px 0 90px;}
    /*.container-quiz-questions {width:80%;margin:auto;}*/
    .contactUsInfos {
        height: 63%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .homeBanner {height:28vw !important; /*Permet d'avoir toujours une hauteur en relation avec la largeur de la page*/}
    .homeBanner .carousel-caption .carousel-infos-brand {
        /*margin: 20px 0px;*/
        display: flex;
    }
    .homeBanner .carousel-caption .carousel-infos-brand > div {
        height:68px;
        width:196px;
    }
    .homeBanner .carousel-caption {
        max-height: 358px;
        max-width: 427px;
        top: 0;
        bottom: 0;
        margin: auto 0;
    }
    .product_prices .product_start_price_primary, #js-productReferencyInfos-price {font-size: 40px;}
    .drop-order .quantity-choices{max-width:170px}
    #main-navbar{
        height: 50px;
    }
    #home-heading, #footer-infos{
        margin-bottom: 50px;
    }
    .homeBannerBlocImagesCatalog {
        padding-left: 15px;
        padding-right: 15px;
    }
    .shop-btn{
        width: 25%;
    }
    a[aria-expanded="true"] + .surliner{
        width: 100%;
        height: 6px;
        background-color: #9AC31C;
        position: absolute;
        bottom: 0;
    }
    #container-category-col{
        border-top: 6px solid #9AC31C;
        padding: 0;
        margin-left: 5px;
    }
    #header_menu .firstNavItem > .siteMenu-submenu{
        /*border-left: 1px solid darkgrey;*/

    }
    .siteAddress-container:not(:first-child){
        padding-left: 28px;
        border-left: 2px solid #9AC31C;
    }
    footer .agencies-border{
        border-color:#9AC31C;
        padding-left: 35px;
    }
    ul[step-menu='2']{
        left: 30%!important;
    }
    .siteMenu-part:first-child > .nav-item:hover{
        background-color: #D9D9D9;
    }
    span.multiCollapse.show {
        border-bottom: 6px solid #9AC31C;
    }
    .toggle{
        text-align: center;
        border-bottom: 4px solid #9AC31C;
        padding-bottom: 5px;
    }
    .home-text-desc {
        max-height:222px;
    }
    .brand-filter-container {
        margin-top: -112px;
    }
    .form-service-contact #service_contact_contact_messages {
        margin-top: 29px;
    }
    .service-info table {
        width: 50% !important;
    }
}
@media(min-width: 1200px){
    .text-footer-infos{
        text-align: left!important;
    }
}
@media(min-width: 1280px) {
    #product-carousel-images .carousel-indicators {
        justify-content: start;
        top: 0;
        left: -140px;
        display: inline-block;
        width: 129px;
        overflow-x: hidden;
        bottom: 0;
        margin: 0;
    }
    #product-carousel-images {
        margin-left: 130px;
    }
    #product-carousel-images .carousel-indicators li:first-child {
        margin-top: 0;
    }
    #product-carousel-images .carousel-indicators li:last-child {
        margin-bottom: 0;
    }
    #product-carousel-images .carousel-indicators li{
        margin: 6px 0;
    }
}
@media(min-width: 1400px){
    .homeBanner .carousel-caption {
        padding:25px;
    }
    .homeBanner .carousel-caption .carousel-infos-text p {
        margin-bottom: 28px;
        line-height: 1;
    }
}

@media(max-width: 570px) {
    .homeBanner {height:150vw !important;} /*Permet d'avoir toujours une*/
    .homeBanner .carousel-infos-desc {
        height:fit-content;
    }
    .homeBanner .carousel-caption .carousel-infos-btn {
        align-self: flex-start!important;
        margin-bottom: 37px;
    }
    .homeBanner .carousel-caption .carousel-infos {
        height:70%!important;
    }
    .homeBanner .carousel-caption .carousel-infos-brand >div {
        justify-content:end;
    }
}
@media(max-width: 768px) {
    .btn-contact{
        width: 100%;
    }
    .container-page .h2, .container-page h2{
        font-size: 12pt;
    }
}
@media(max-width: 991px) {
    .bg-white-mobile {background-color:#FFFFFF!important;}
    .drop-order .quantity-choices{max-width:122px}
    footer .agencies-border:before{border-color:#9AC31C}
    .home h1,.h1{
        text-align: center;
    }
    .siteAddress-container-flex {
        display: flex;
        flex-direction: column;
    }
    .siteAddress-container:first-child .underline-footer{
        padding-bottom: 30px;
        border-bottom: 2px solid #9AC31C;
        width:64px;
    }
    .siteAddress-container, .contactUs{
        margin-bottom: 30px;
    }
    footer h3{
        color: white;
    }
    .footer-section{
        border-top: 2px solid white;
    }
    .footer-section:last-child {
        border-bottom: 2px solid white;

    }
    .btn-green{
        font-size: 14px;
        height: fit-content;
    }
    .collapsing {
        transition: none !important;
    }
    .btn-greyblue {
        font-size: 14px;
    }
    #header_tools .container {
        padding: 0;
        margin: 0;
    }
    #header_tools .navbar-toggler{
        background-color: #3C4E51;
    }
    #basket-step :not(.active){
        display: none;
    }
    #navbarHeaderMenu .nav-link {
        padding: 11px 0!important;
    }
    #header_menu .container-lg {
        padding:0;
    }
    #main-navbar > li {
        border-bottom: 1px solid #777777;
    }
    #first-title-filters {
        display:flex;
        justify-content:space-between;
    }
    #basketQuickEntry .modal-dialog .modal-content {
        /*max-height: auto;*/
        margin-bottom: auto;
        margin-top: 0;
        overflow: hidden;
    }
    #nav-siteMenuPart{
        width: 100%;
    }
    #dropdown_menu_my_account {
        right: auto;
        left: -80px;
        width: 204px;
        top: 42px;
        text-align: center;
        border-radius: 0;
    }
    .homeBanner .carousel-item{background-position:right !important}
    .homeBanner .carousel-caption {
        width: 100%;
        top: 100%;
        left: 0;
        padding: 5px 10px;
        right: 0;
        height: 100%;
    }
    .homeBanner .carousel-item {
        height: 55% !important;
        background-position: 95% top;
    }
    .homeBanner .carousel-box {
        position: static!important;
    }
    .homeBanner .carousel-caption {
        min-height: 358px;
    }
    .homeBanner .carousel-caption .carousel-infos-brand, .homeBanner .carousel-caption .carousel-infos-label {height: fit-content;}
    #header_menu{
        overflow: hidden;
    }
    .underline{
        font-size: 16px!important;
    }
    #container-category{
        position: absolute;
        top: 60px;
        padding:0;
    }
    #header_menu .nav-item.event a{
        color: white;
    }
    div.toggle.bold{
        padding: 15px 0;
        border-top: 2px solid #9AC31C;
    }
    div.toggle.bold:first-child{
        border-bottom: none;
    }
    div.toggle.bold:last-child{
        border-bottom: 1px solid #9AC31C!important;
    }
    .toggle-child{
        margin: 0 -15px;
    }
    .product_prices .product_start_price_primary, #js-productReferencyInfos-price {font-size: 30px;}
    .home-text-desc {
        max-height:360px;
    }
    .contact .siteAddress-container:first-child {
        max-height: 130px;
    }
    .contact .siteAddress-container:first-child .underline-sm {padding-bottom: 20px;border-bottom: 2px solid #9AC31C;width: 64px;}
    #container-filter{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #filterCollapse{
        padding-left: 0;
    }
    .filter-layout{
        cursor: pointer;
    }
    .nb-product-filter{
        font-size: 14px;
    }
    .container-form-nb-product form select{
        font-size: 15px;
    }
    #header_menu{
        background-color: white;
    }
    #header_menu #main-navbar .nav-link{
        color: black;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        font-size:15pt;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #header_menu #main-navbar .nav-link:before{
        content: url('../images/site/icon/Fleche_bas_sans_barre.svg');
    }
    #header_menu > .container-xl{
        padding: 0;
    }
    .siteMenu-part:first-child > .nav-item a{
        color: #fff;
    }
    .siteMenu-part:first-child > .nav-item{
        background-color: #3C4E51;
        border-bottom: 2px solid white;
        align-items: center;
        justify-content: center;
    }
    #container-category-col > ul{
        margin-left: -30px;
    }
    #container-category-col{
        padding: 0;
    }
    #main-navbar > li{
        width: 100%;
    }
    #header_menu .nav-item.dropdown:hover > .navbar-collapse{
        padding: 0;
    }
    .parentNavItem{
        background-color: #3C4E51;
        width: 100%;
        padding-top: 0;
    }
    #header_menu .nav-item.dropdown:hover > .navbar-collapse li:first-child a{
        color: white!important;
        display: flex;
        align-items: center;
    }
    #header_menu .nav-item.dropdown:hover > .navbar-collapse li a{
        color: black;
    }
    #navbarToggleSiteMenu.show {
        height: auto;
        top: auto;
        display: contents;
    }
}
@media(max-width: 1200px){
    #footer-h2{
        padding: 0;
    }
    #dropdown-add-to-basket .quantity-label {
        padding-right: 10px!important;
    }
    footer .footer-infos {
        height: 130px!important;
    }
    .footer-menu {
        padding: 194px 0 30px!important;
    }
    .footer-social{
        margin: 5px 0;
    }
    #newsletter_email, #footer-newsletter-submit {
        height: 40px;
    }
    #footer-newsletter-submit{
        width: 40px;
    }
    #join{
        font-size: 12pt;
    }

}
@media(max-width: 1280px) {
    #product-carousel-images{
        margin-left: 0;
        margin-bottom: 130px;
    }
    #product-carousel-images .carousel-indicators{
        bottom: -100px;
        left: 0;
        top: calc(100% + 10px);
        display: flex;
        width: 100%;
        justify-content: start;
        margin: 0 0;
    }
    #product-carousel-images .carousel-indicators li {
        margin: 6px 10px;
    }
    #product-carousel-images .carousel-indicators li:first-child {
        margin-left: 0;
    }
    #product-carousel-images .carousel-indicators li:last-child {
        margin-right: 0;
    }
}
@media(max-width: 1400px){
    .homeBanner .carousel-caption .carousel-infos-text p {
        margin-bottom: 2px;
    }
    .homeBanner .carousel-caption {
        padding:20px;
    }
    #footer-infos{
        display: none!important;
    }
}
@media(max-width: 1540px) {
    #footer-infos #parallelogram-container{
        display: none!important;
    }

}

@media(min-width: 571px) and (max-width:992px) {
    .homeBanner .carousel-caption .carousel-infos {
        height:57%!important;
    }
    .homeBanner {height:70vw !important; /*Permet d'avoir toujours une hauteur en relation avec la largeur de la page*/}
}
@media (min-width: 992px) and (max-width: 1200px) {
    button.add-to-basket{
        font-size: 13px;
    }
    .contact .siteAddress-container:first-child{
        border-right: 2px solid #9AC31C;
        border-bottom: none;
    }
    #header_menu .nav-link{
        font-size: 11px;
        padding: 0 1rem!important;
    }
}
@media (min-width:992px ) and (max-width: 1290px) {
    #header_tools .home-brand #carouselBrands-next{
        left: 0;
    }

    .home-brand #carouselBrands-next
    {
        right: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1226px) {
    #header_menu .nav-link{
        font-size: 12px;
    }
}
@media (min-width: 1227px) and (max-width: 1350px) {
    #header_menu .nav-link{
        font-size: 13px;
    }
}


btn.cursor-pointer, a.cursor-pointer {
    cursor: pointer!important;
}
.btn:not(a,button,input) {
    cursor: pointer!important;
}
.custom-list li{
list-style: none;
}
.custom-list li::before {
    /* Unicode for a bullet */
    content: "\2022";
    /* Styles for Indentation*/
    color: #9AC31C;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.form-control {
    border-color:#E5E5E5
}
.card {border-radius:0!important;}
.label-small label{font-size:11px;color:#777;line-height:13px}
.border-bottom-grey {border-bottom:solid 2px #E5E5E5}
label a{font-weight:bold;color:#9AC31C !important}
label a:hover{text-decoration:underline !important}
#label_CGU, #label_CGU a {color:#15191B!important;font-weight:bold;font-size: 13px;}
.small-text-black {
    font-size:11px;
    color: #15191B;
}
.justify-content-evenly {
    justify-content: space-evenly!important;
}
.btn-action {
    padding:0;
    margin: 0 ;
    float: right;
    height: 25px;
}
.btn-action > * {
    display: flex;
    font-weight: 610;
    padding: 0 5px ;
}
.btn-action .text {
    font-size: 16px;
    padding: 0 5px 0 5px;
}
.btn-action-custom{
    height: 25px;
    margin-right: 0;
}
.btn-action-back{display:flex;align-items:center}
.btn-action-back span:first-child, .btn-forward span:first-child {
    color: white;
    background-color: #3C4E51;
    padding-left: 0 !important;
    margin: 0;
}
.list-group-item-secondary-red, .list-group-item-secondary-red span {color:#D71A21;font-size:13px!important; }
*[data-spy] {scroll-margin-top:200px}

.no-decoration-active:active , .no-decoration-active:hover {
    background-color: inherit !important;
    color: inherit;
}
.basket-header-actions a[aria-disabled='1'].text-danger {
    pointer-events: none;
    color: #777!important ;
}
.basket-header-actions a[aria-disabled='1'].text-danger img {
    filter: invert(50%) sepia(2%) saturate(20%) hue-rotate(337deg) brightness(91%) contrast(92%);
}
.text-size-30 {font-size:30px!important;}
.text-green{color: #9AC31C!important;}
.rules-content {color: #707070;font-size:28px;}
body {
    font-family:"Nunito Sans", serif !important;
    background: #FFFFFF !important;
}
div#navbarToggleSiteMenu.show {
    border-top: 6px solid #9AC31C;
}
/*.border-green {*/
/*    border-bottom: 2px solid #9AC31C;*/
/*}*/
.small-grey-text {
    font-size:13px;
    color: #15191B;
}
a, a:hover, a:focus, a:active, button, button:hover, button:focus, button:active {
    text-decoration: none!important;
    color: inherit;
    outline: none!important;
}
.justify-content-evenly {
    justify-content: space-evenly;
}

.text-green {
    color: #9AC31C !important;
}
.header-grey-container {
    background-color: #E5E5E5;
}
.square{
    height: 40px;
    width: 40px;
}
button.alphabetic-tab.disabled {
    color: #E5E5E5;
}
.bg-grey {
    background-color:#E5E5E5;
}
.container-form-group-without-mb .form-group{margin-bottom:0;}
.siteMenu-part:first-child > .nav-item {
    height: 55px;
    background-color: #E5E5E5;
    display: flex;
    align-items: center;
}
.siteMenu-part > .nav-item a{
    color: black!important;
}
#navbar-discovery a{
    color: #9AC31C!important;
}
.siteMenu-part:first-child > .nav-item:hover{
    background-color: #D9D9D9;
}
.siteMenu-submenu a{
    padding: 0;
}
#navbar-discovery{
    height: 55px;
    display: flex;
    padding-left: 30px;
    align-items: center;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
#navbar-discovery a{
    color: #9AC31C;
}
.btn-configurator{
    font-size: 8px;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus{
    background-color: #3C4E51 !important;
    border-color: #3C4E51 !important;
}

.btn-hover{display:flex;justify-content:space-between;align-items:center}
.btn-hover:hover{background-color:#E5E5E5}
.btn-favorite{display:flex}

.container-homeConfigurator{
    background-color: #3C4E51;
}
.alert-fixed-center{
    position:fixed;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.siteHourTitle {display:none;}
#header_baseline{background-color:#E5E5E5;color:#000;text-transform:uppercase;font-size:11px;font-weight:bold; z-index: 100}
#header_menu{background-color:#3C4E51}
#header_menu #main-navbar .nav-link{color:#fff; font-size: 16px; font-weight:600}
#header_menu .nav-item.event{background-color:#9AC31C}
#header_tools #header_logo_baseline{margin-left:140px !important}
#header_tools #header_logo_baseline_border{color:#9AC31C;font-style:italic;line-height: 20px;font-weight: bold;}
#header_tools #header_logo {top: 0!important;}
#header_tools .header_tools_link .badge{background-color:#9AC31C;color:#fff}
.font-weight-initial{
    font-weight: initial!important;
}
#pHistory{
    font-size: 16px!important;
}
#header_tools .header_tools_link .font_icons, #header_tools .header_tools_link {
    color: #3C4E51;
}

#navbar-button-container {
    align-items:center;
}

#dropdown_menu_my_account .dropdown-item {
    padding: 0.35em;
    font-size: 14px;
    font-weight:470;
}
#dropdown_menu_my_account .dropdown-item:first-child {
    color: white;
    background-color: #9AC31C;
}
#dropdown_menu_my_account .dropdown-item.text-danger:hover {
    color: #D71A21 !important;
    background: none;
}
.nav-link[aria-expanded=true] {
    text-shadow: none;
}

header .btn-submit, header .btn-submit:hover{background-color:#9AC31C;color:#3C4E51}
.header_tools_link .btn:hover {
    text-decoration:none;
}
.referency-quantity-header {
    height: 40px;
    text-align: center;
}
.referency-price-header {
    font-size: 18px;
    color: #D71A21;
    font-weight: 610;
}
.resumeBasket-header .dropdown-divider{border-top:2px solid #E5E5E5;margin:0.5rem auto;width:100%}
.resumeBasket-header span.dropdown-divider:last-of-type{border-top-color: #777777;}
.basket-header-actions a.text-danger, .basket-header-actions a.text-danger:hover {
    color:#D71A21 !important ;
}
.basket-header-actions .text-danger img {
    filter: invert(11%) sepia(64%) saturate(6566%) hue-rotate(351deg) brightness(111%) contrast(90%);
}
.basket-header-actions a.text-success, .basket-header-actions a.text-success:hover {
    color: #9AC31C !important;
}
.resumeBasket-header a[title="Supprimer du panier"]{
    position: absolute;
    top: -22px;
}
.js-resumeBasketItemsHeader.show {
    border-radius: 0;
    box-shadow: 0 0 5px 1px #E5E5E5;
    border: none;
}
.modal-sm{
    width: 530px!important;/* Surcharge obligatoire pour augmenter la taille des modals bootstrap */
}
.modal-dialog{
    max-width: 800px!important; /* Surcharge obligatoire pour augmenter la taille des modals bootstrap */
}
.modal-header{
    border-bottom: none;
    align-items: center;
}
.modal-header .close span {
    font-size:35px;
}
.modal-header, .modal-header .close {color: #333333!important;}
.modal-header .close {
    padding:1rem;
}
#modal-connexion-header{
    align-items: flex-start;
}

button.close{
    opacity: 1
}

.dropdown-arrow-disabled:before, .dropdown-arrow-disabled:after{display:none !important;content:"" !important}
#orderBasketItemAdd .modal-footer, #orderEstimateItemAdd .modal-footer{
    border-top: none;
    justify-content: space-between;
    padding-top: 0;
}
.modal-title{
    font-size: 22px;
    line-height:22px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#orderBasketModelImportLabel{
    font-size: 30px!important;
}
#orderNewProjectLabel{
    padding: 0 20px 20px 0;
    font-size: 30px!important;
}
.btnSizeCase{
    line-height: 14px!important;
    height: 100%!important;
}
.parentHeight{
    height: 40px!important;
    /*Permet de stabiliser la taille des boutons en hauteur*/
}
.childrenHeight{
    height: inherit;
}
#basketQuickEntry .modal-dialog {
    max-width: 1088px;
    margin: auto;
}
#basketQuickEntry .modal-dialog .modal-content .modal-header {
}
.padForModal{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}
.list-quickBasket-items {
    padding: 0.5rem 1.5rem !important;
    margin-left: -15px;
    margin-right: -15px;
}
.list-quickBasket-items .js-referencyQuantityMinus, .list-quickBasket-items .js-referencyQuantityPlus {
    display: none !important;
}
.list-quickBasket-items .drop-order .js-validReferencyQuantity {
    height: 40px!important;
    max-width: 70px!important;
    width: 70px !important;
    border: 2px solid #777777!important;
    text-align: center!important;
}
#orderBasketItemAdd .modal-footer button,#orderEstimateItemAdd .modal-footer button, .modal-footer a {
    width: 370px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
}
#orderBasketItemAdd .modal-footer button{
    background-color: #9AC31C;
}
#orderBasketItemAdd .modal-footer a{
    background-color: #3C4E51;
}
#footer-infos{
    background-color:#E5E5E5;
    height: 140px;
}
#footer-infos .row{
    height: 100%;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
}
footer{position:relative;}
#newsletter_email{
    background-color: #151515;
}
.footer-menu{background-color:#3C4E51;padding:70px 0 15px;}
.footer-area{background-color:#151515;padding:27px 30px; height:100%;font-size:16px}
.footer-area input{
    border: 2px solid #95C11F;
    background-color: #151515!important;
}
.footer-area input:active{
    border: 2px solid #95C11F;
    background-color: #151515;
    padding:15px;
    height:100%;
    display: flex;
    align-items: center
}

.footer-area input:hover{
    background-color: #151515!important;
}
.footer-area input:visited{
    color: #151515!important;
}
.footer-area .input-group-append{
    background-color: #95C11F;
}
.read-more-text{
    color: #9AC31C;
    padding-left: 0;
}
.newsletter{font-size:16px;color: #9AC31C;}
.footer-area .text *{color:#fff}
.footer-social h3{
    font-size: 15px;
}
footer .footer-infos-social{position: absolute; top: -17px;}
footer .footer-social, footer .footer-infos{
    height: 94px;
}
#js-second-image{
    filter: invert(58%) sepia(93%) saturate(375%) hue-rotate(35deg) brightness(100%) contrast(90%);
}
.btn-square{
    height: 40px;
    width: 40px;
}
.homeBannerBlocImagesCatalog {
    padding-top: 30px;
    padding-bottom: 10px;
}

h1.color-primary,.h1.color-primary{
    line-height: 45px !important;
}
.h2-white{
    color: white!important;
    margin-left: 20px!important
}
h2,.h2{
    font: normal normal normal 18px/17px Nunito sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin: 0 0 5px;
}
.h2-SizeTitle{
    font-size: 36px!important;
}
h3,.h3{
    font-size: 20px;
    font-weight: 600;
}
.btn{
    font-weight:700 !important;
    border-radius: 0;
}
.btn-bold {font-weight: bold !important;}

.img-configurator{
    width: 100%;
    max-height: 370px;
}
.home-text-desc {
    overflow-y: auto;
}
/* width */
::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.homeBanner .carousel-item {
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    height: 100%;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.slide.homeBanner .carousel-indicators li.active {background-color:#9AC31C;}
.carousel-indicators>li {
    border-radius: 50%;
    height: 10px;
    width: 10px;
}
.slide.homeBanner .carousel-infos-more-arrow {
font-size: 7px;
}
.homeBanner .carousel-caption {
    background: #EEE !important;
}
.homeBanner .carousel-caption .h5 {
    background:none!important;
    font-size:22px;
    text-transform:uppercase;
    padding:0;
    font-weight:bold;
}
.homeBanner .carousel-caption .carousel-infos-text  {
    font-size:15px;
    padding:0;
    margin:0;
}
.homeBanner .carousel-caption .carousel-infos-text p  {
    line-height: 1;
    margin:0;
}

.homeBanner .carousel-caption .carousel-infos-label span.btn {
    width: fit-content;
    height:38px;
}

.homeBanner .carousel-caption .carousel-infos-btn {
    display: flex;
    justify-content: center;
    align-self: self-end;
}
.homeBanner .carousel-caption .carousel-infos-btn button{
    display: flex;
    align-items: center;
}
.bloc-banner{
    margin-bottom: 30px;
}
.hubert-bg-primary{
    background-color: #3C4E51;
}
.bg-green{
    background-color: #9AC31C!important;
}

.btn-green, .btn-green:hover,
.btn-success, .btn-success:not(:disabled):not(.disabled):focus, .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle,
.btn-success:hover:not(:disabled):not(.disabled):focus, .btn-success:hover:not(:disabled):not(.disabled).active, .btn-success:hover:not(:disabled):not(.disabled):active, .show>.btn-success:hover.dropdown-toggle{
    background-color: #9AC31C !important;
    border-color: #9AC31C !important;
    color: #FFFFFF!important;
}

.btn-green, .btn-green:hover
{
    font-size: 16px;
    text-transform: uppercase;
    font-weight:500;
    padding: 9px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 0;
}
.btn-green-sm, .btn-green-sm:hover{
    background-color: #9AC31C;
    color: #FFFFFF!important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight:500;
    /*padding: 9px 16px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 0;
}
.btn-green.disabled, .btn-green:hover.disabled, .btn-green:disabled, .btn-green:hover:disabled,
.btn-greyblue.disabled, .btn-greyblue:hover.disabled, .btn-greyblue:disabled, .btn-greyblue:hover:disabled {
    background-color: #777
}
.text-greyblue {
    color: #3C4E51!important;
}
.btn-greyblue, .btn-greyblue:hover,.btn-load-more {
    background-color: #3C4E51;
    font-size: 16px!important;
    text-transform: uppercase!important;
    color: white!important;
    justify-content: center;
}
.btn-load-more {
    background-color: #3C4E51;
    color: #FFFFFF;
    width: 260px;
    border-radius: 0;
}
#load-more-products {
    display: flex;
    flex-wrap: wrap;
}

.btn-greyblue-sm, .btn-greyblue-sm:hover{
    background-color: #3C4E51;
    font-size: 14px!important;
    text-transform: uppercase!important;
    color: white!important;
}
.btn-configurator{
    max-height: 40px;
    width: fit-content;
    line-height:16px !important
}
.btn-configurator span{font-size:22px}

.homeBannerBlocImages{
    margin-bottom: 15px;
}
.carousel-configurator .bloc-item-image{
    max-height: 370px;
}
.carousel-configurator ul{
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.carousel-configurator li{
    width: 20px;
}
.carousel-configurator li.slick-active button{
    background-color: #9AC31C;
}
.carousel-configurator li button
{
    height: 12px;
    width: 10px;
    border: 0;
    border-radius: 50%;
    color: transparent;
    font-size:1px;
}
.home-brand{
    padding-top:16px;
    padding-bottom:16px;
    margin-top: 10px;
    background-color: #E5E5E5;
}
#footer-h2 h2{
    padding-left: 15px;
}
#main-navbar > li{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container-siteAddress{
    display: flex;
    margin-bottom: 35px;
}
footer h2{
    margin: 0;
}

.siteAddress-title{
    text-transform: uppercase;
    color: #9AC31C;
    font-weight: 600;
    font-size: 16px;
}
.siteAddress-phone{
    font-weight: 600;
    font-size: 23px;
    margin: 0;
}
#footer-infos .siteAddress-phone{
    font-size: 23px;
}
.footer-legals span {
    display: block;
}
.footer-legals a, .footer-legals a:hover, .footer-legals span {
  color: #777777!important;
    align-self: center;
}
.siteAddress-fax{
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.contactForm{
    background-color: #E5E5E5;
    padding: 20px;
    position: relative;
}
.custom-file-label{
    border-radius: 0;
}
.custom-file-input~.custom-file-label[data-browse]:after {
    background-color: #95c11f;
    color: #fff;
    border-radius: 0;
}
.contactForm #contact_message_contact_message{
    height: 200px;
}

.pixel {
    display: inline-block;
    background-color: red;
    width: 50px;
    height: 50px;
}

.filterDetail {
    font-family: "Consolas", "Menlo", "Ubuntu Mono", monospace;
}

@media(min-width: 1201px) {
    .contact {
        position: relative;
    }

    .contact-image {
        position: absolute;
        bottom: 0;
        width: calc(100% - 30px)
    }
}

.contactForm{
    font-weight: 600;
}
.contactForm .form-control{
    border: none;
}
.contactForm .btn{
    text-transform: uppercase;
}
.contactForm .btn:hover{
    color: #FFFFFF!important;
    background-color: #3C4E51;
    border-color: #3C4E51;
}
.contactForm .btn:active{
    background-color: #3C4E51;
    border-color: #3C4E51;
}
.contactForm input::placeholder,.contactForm select,.contactForm textarea::placeholder{
    font-weight: 500;
    color: #000000;
}
.white-space-no-wrap{
    white-space: nowrap;
}
#parallelogram-container{
    position: absolute;
    bottom: 0;
    right: 15%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    height: 32%;
    width: 15%;
}
#footer-infos #parallelogram-container{
    height: 120px!important;
    width: 130px!important;
}

#parallelogram-container div{
    background-color: #9AC31C;
    opacity: 0.3;
    width: 50px;
    -moz-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    -o-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
}
#parallelogram-container div:first-child {
    height: 100%;
}
#parallelogram-container div:last-child {
    height: 50%;
}
#footer-infos #parallelogram-container{
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: baseline;
    justify-content: start!important;
    height: 85%;
    width: 30%;
}

#footer-infos #parallelogram-container div:first-child{
    margin-right: 20px;
    width: 43px!important;
}
#footer-infos #parallelogram-container div:last-child{
    height: 30%;
    width: 43px!important;
}
.contact-social-network-logo{
    width: 40px;
}
.social-network-link{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000000;
    text-decoration: none;
    font-weight: 600;
}
.fill-primary {
    filter: invert(66%) sepia(64%) saturate(552%) hue-rotate(31deg) brightness(96%) contrast(90%);
    margin-bottom: 5px;
}
#obligatory-field{
    font-weight: initial;
    font-style: italic;
    font-size:13px;
}
.contact{}
.underline{
    border-bottom: 2px solid #9AC31C;
    padding-bottom: 5px;
}
.underline-4{
    border-bottom: 4px solid #9AC31C;
    padding-bottom: 5px;
}
.underline-grey{
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 5px;

}
#container-register input,#container-register select, .select2-container {
    background-color: #E5E5E5;
}
#container-register .select2-selection {
    background-color: #E5E5E5!important;
    border-radius: 0!important;
    border: none!important;
    box-shadow: none!important;
    height: calc(1.5em + .75rem + 5px)!important;
    padding: 9px 24px 6px 12px!important;
}
#container-register .select2-selection__rendered, #container-register select {
    font-size:13px;
    color: #15191B;
}
#container-register label{
    font-size: 11px;
    color: #777777;
}
#container-register i{
    margin-bottom: 5px;
    font-size: 13px;

}
#container-register .form-check label{
    font-size: 13px;
    margin-bottom: 0.5rem;
    padding-top: 0.13rem;
}
.contactForm Label{
    white-space: nowrap;
}
#header_logo_baseline_border{
    font-size: 16px;
    margin: 0;
    line-height: 22px;
}
.custom-radio{
    font-size: 13px;
    line-height: 1.75;
}
.js-formBasketSecurise .custom-radio{
    margin-bottom: 10px;
}
.header-form-search .btn-submit{
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-form-search .btn-submit span{
    font-size: 50px;
}
.form-check{
    font-size: 13px;
    font-weight: 600;
    padding-left: 24px;
}
.custom-control-label:before{
    border: 2px solid black;
}
.custom-control-input:checked~.custom-control-label:before{
    background-color: #9AC31C;
    border-color: #9AC31C;
}
.card-product{
    border: 0;
}
.card-product .card-img{
    position: relative;
    /*overflow: hidden;*/
    border: 1px solid #CCCCCC;
    border-radius: 0;
}
.home-booster{
    margin: 50px 0;
}
.home-booster-carousel .card-product .card-price {height: fit-content;}
#product-images .carousel-item {overflow:visible!important;}
.liseret-product{
    position: absolute;
    background-color: #D71A21;
    font-weight: 600;
    text-transform: uppercase;
    /*padding: 10px;*/
    /*height: 30px;*/
    max-width:fit-content;
    color: #FFFFFF;
    display: flex;
    justify-content: left;
    top:0;
}
.liseret-product .liseret-text {font-size: 16px;}
.liseret-product.text{
    top: 0;
    left: -5px;
    font-size: 16px;
    width: auto;
    transform: skew(-15deg, 0deg);
}
.liseret-product.text div{
    transform: skew(15deg, 0deg);
    padding: 15px;
}
.promo.percent{
    bottom: 0;
    right: 0;
    font-size: 20px;
    width: 25%;
}
.liseret-product {
    top:0;
    left:0;
clip-path:polygon(0% 0%, 100% 0%, 87% 100%, 0% 100%);
    width:100%;
}
.promo.liseret-percent {
    bottom:0;
    right:0;
}

.jumbotron{
    padding: 13px 20px;
    border-radius: 0;
    background-color: #E5E5E5!important;
    min-height: 80px;
    align-items: center;
}
.card-category{
    height: 390px;
}
#filterCollapse .svg-dropdown{
    height: 9px;
    margin-left: 5px;
}
#filterCollapse[aria-expanded=true] .svg-dropdown{
    transform: rotate(180deg);
}
.card-category a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-category .card-name{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    height: 46px;
}
.info-important{
    margin-top: 25px;
}
.card-price .info-important{
    margin-top: 0;
}
#filterCollapse{
    display: flex;
    justify-content: center;
}

#mobile-layout{
    width: 65px;
    height: 50px;
    justify-content: space-between;
    align-items: center;
}
#mobile-layout div{
    width: 24px;
    height: 24px;
}
#mobile-layout img{
    height: 25px;
    width: 25px;
}
.info-important{
    font-weight: 700;
}
#mobile-layout #js-one-by-one.active img{
    background-color: #9AC31C;
}
#filter .btn-group,#filter .dropdown,#filter button{
    width: 100%;
    border-radius: 0;
}
#filter button{
    background-color: #E5E5E5;
}

#filter [aria-expanded=true] .icon-arrow {
    transform: rotate(180deg);
}

/*#filter .dropdown-toggle::after{*/
/*    content: url('../../images/site/icon/Fleche_bas_sans_barre.svg');*/
/*    border-top: none;*/
/*    width: 23px;*/
/*}*/
/*#filter .dropdown-toggle[aria-expanded=true]::after{*/
/*    transform: rotate(180deg);*/
/*}*/
#filter .dropdown-toggle::after {
    display:none;
}
#filter label{
    font-size: 16px;
    width: 100%;
    font-weight: 600;
}
/*#filter form span.material-icons-round{*/
/*    position: absolute;*/
/*    left: -3px;*/
/*}*/
/*A vérifier en prépro .loopIcon + .clearIcon*/
.loopIcon{
    border: none;
    background-color: white!important;
    font-weight: bold;
    text-align: center;
    display: flex!important;
    justify-content: flex-end!important;
    align-items: center;
    padding: 0;

}
.clearIcon{
    border: none;
    width: 100%;
    background-color: white!important;
    font-weight: bold;
    display: inline-block;
    justify-content: center;
    margin-left: -10px;
    position: initial;
    top: -20px;
}
#filter form span.material-icons-round::before{
    content: 'check_box_outline_blank';
    color: black;
}
#filter form input[type="checkbox"]:checked ~ span.material-icons-round::before
{
    content: 'square';
    color: #9AC31C;
}
#filter form .nb-products
{
    color: #777777;
}


.label-content{
    padding-left: 27px;
}
.brand-filter-name {
    margin-left: 35px;
}
#select-filter{
    border: 2px solid #777777;
    color: #333333;
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    width:164px;
}
.nb-product-filter{
    font-weight: 600;
    padding-right: 10px;
}
.product-mono_referency{
    font-weight: 600;
    font-size: 15px;
}
.product_start{
    color: #777777;
}
.product_availability, .product_availability .badge{
    font-size: 13px!important;
}
.product_prices{
    padding: 20px;
}
.product_start_price{
    display: flex;
    flex-direction: column;
}
.product_start_price .promo-percent {
    margin-left:auto;
    color: #FFFFFF;
    background:#D71A21;
    padding: 5px;
}
.product_start_price .del-price {
    color: #3C4E51;
    font-size: 30px;
    font-weight: bold;
}
.product_prices .product_start_price_primary{white-space: nowrap;}
.product_prices .product_start_price_primary, #js-productReferencyInfos-price {
    color: #D71A21;
    font-weight: 600;
    text-transform: uppercase;
}
#js-productReferencyInfos-price .d-none-resume-card, .product_prices .d-none-resume-card {
    display: none!important;
}
.product_prices .product_start_price_secondary{
    font-size: 1.3rem;
    color: #777777;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}
.product_prices .referencies-stock-item img {
    display: none;
}
form.btn-referency{
    display: flex;
}
form.btn-referency .drop-basket button{
    width: 40px;
}
.js-productAddItemOrder, .js-productAddItemOrder:hover{padding:6px 12px !important}
form.btn-referency .drop-basket button{
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.drop-order .js-referencyQuantity{height:100%}
.drop-order .quantity-label{text-align:center;padding:10px;font-size:13px;width:70px;color:#333}
.drop-order .quantity-choices{background-color:#fff;display:flex;justify-content:center;align-items:center;}
.drop-order .js-validReferencyQuantity{border:none;border-radius:0;text-align:center;width:55px !important;height:40px;color:#333}
#basketQuickEntry #modal-navbar-quickBasket .drop-order .js-validReferencyQuantity{height:30px}
.drop-order .quantity_remove{color:#3C4E51}
.drop-order.drop-basket .quantity_add{color:#D71A21}
.drop-order.drop-estimate .quantity_add{color:#FFD300}
.drop-order.reduce{width:40px !important}

.drop-basket, .drop-estimate{width:100%}
.drop-basket{margin-right:10px}
.drop-basket .dropdown-menu{top:0;background-color:#CCC;border:none;border-radius:0;padding:0;width:100%;height:100%;right:1px}
.drop-estimate .dropdown-menu{top:0;background-color:#CCC;border:none;border-radius:0;padding:0;width:100%;height:100%;left:0}

#tab-referencies .drop-basket{margin-right:5px}
#tab-referencies td img.referencies-stock-icon, #tab-referencies td .referencies-stock-item{margin: auto!important;}
.drop-basket.reduce .btn-label, .js-productReferency .btn-label{display:none}

.js-productReferency .drop-order, .js-productReferency .drop-order .btn{width:40px;height:40px}
.js-productReferency .drop-order .quantity-label{display:none}
.js-productReferency .drop-order .js-referencyQuantityMinus, .js-productReferency .drop-order .js-referencyQuantityPlus{width:28px;height:28px}
.js-productReferency .drop-order .js-validReferencyQuantity{width:65px}
.js-productReferency .drop-order .quantity-choices{height:100%;background:none}
.js-productReferency .dropleft .dropdown-menu{
    left:inherit !important;
    margin:0 !important;
}
.referency-sortFilter .material-icons-round {
    display: none;
}

.js-productReferency .drop-basket .dropdown-menu, .js-productReferency .drop-estimate .dropdown-menu{background-color:#EEE;}
.table-referencies .js-productReferency .js-validReferencyQuantity, .table-referencies .js-productReferency .dropdown-menu .quantity-choices {
    background-color: #E5E5E5;
}
.table-referencies .drop-estimate .dropdown-menu {
    right: calc(100% - 57px);
}
.table-referencies .js-productReferency.disabled,.table-referencies .js-productReferency-mobile.disabled {
    pointer-events: none;
    opacity: 0.3;
}
.table-referencies th, .table-referencies th .btn {
    color: #777777;
    font-weight: 500;
    font-size: 13px;
}
.dropdown-item.disabled, .dropdown-item:disabled {
    opacity: 1;
    background: #E5E5E5 0 0;
}
#js-productReferencyInfos-btns .drop-estimate.show {
    position: relative;
}

#js-productReferencyInfos-btns .drop-estimate .dropdown-menu .btn-label {
    font-size: 12px;
}
#js-productReferencyInfos-btns form.btn-referency .drop-basket .dropdown-menu button, #js-desktop-infos form.btn-referency .drop-basket .dropdown-menu button{
    margin-right:0 !important;
    width: 70px !important;
}
.box-quantity-label{
    background-color: #E5E5E5;
}
#js-productReferencyInfos-btns .drop-basket .box-quantity-label,#js-productReferencyInfos-btns .drop-basket .btn-danger,
#js-desktop-infos .drop-basket .box-quantity-label,#js-desktop-infos .drop-basket .btn-danger, .drop-basket .quantity-label, .btn-danger{
    background-color: #D71A21;
    color: #fff;
    font-weight:410;
    margin: 0;
    width:100%;
    /*height: fit-content;*/
}
#js-productReferencyInfos-btns .drop-estimate .js-referencyQuantity,#js-productReferencyInfos-btns .drop-estimate .btn-green,
#js-desktop-infos .drop-estimate .btn-green, .drop-estimate .js-referencyQuantity, .drop-estimate .quantity-label{
    background-color: #9AC31C;
    color: #fff;
    font-weight:410;
}
#js-productReferencyInfos-btns .btn-referency {width:100%;}
.drop-estimate .btn-label {
    font-size: 12px;
    display: none;
}
.without-text{
    display: flex;
    justify-content: space-around;
}
.btn-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.btn-flex span.material-icons-outlined, .btn-flex img{
    margin-right: 5px;
}
#product-carousel-images{
    border: 1px solid #ccc;
}

#product-carousel-images .carousel-indicators .active {
    border-color: #333;
}
#product-carousel-images .carousel-indicators li {
    width: 108px;
    height: fit-content;
    border: 1px solid #ccc;
    display: block;
    border-radius: 0;
}

#tab-infos{
    margin-bottom: 30px;
}
#product-tabs{
    justify-content: space-around;
    position: sticky;
    z-index: 10;
    background: #FFFFFF;
    top: 154px;
    padding-top: 10px;
}

#product-tabs a.product-tab{
    text-decoration: none;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
}
#product-tabs a.product-tab.active{
    font-weight: 600;
}
/*#product-images .promo.liseret-text {max-height:37px;}*/
#product-images .promo.liseret-percent {display: none;}
.referencies-stock{
    display: flex;
    color: #777777;
    font-size: 11px;
    padding: 10px 0;
    font-weight:500;
}
td .d-none-td, td.d-none-td {
    display: none !important;
}
.img-referency{
    border: 1px solid #CCCCCC;
    max-width: 50px;
    max-height: 50px;
}
.align-middle > *{
    /*margin-top: 10px;*/
}
.referencies-stock-item{
    margin-right: 30px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}
.referencies-stock-item .referencies-stock-icon{
    margin-right: 10px;
}

img.stock-in{
    filter: invert(26%) sepia(58%) saturate(798%) hue-rotate(23deg) brightness(92%) contrast(80%);
}

img.stock-wait{
    filter: invert(29%) sepia(203%) saturate(916%) hue-rotate(346deg) brightness(100%) contrast(98%);
}

img.stock-order{
    filter: invert(63%) sepia(77%) saturate(1500%) hue-rotate(167deg) brightness(87%) contrast(84%);
}

img.stock-aes{
    filter: invert(80%) sepia(67%) saturate(3794%) hue-rotate(345deg) brightness(88%) contrast(103%);
}

img.stock-limited-edition{
    filter: brightness(0) saturate(100%) invert(29%) sepia(66%) saturate(5864%) hue-rotate(263deg) brightness(88%) contrast(102%);
}

.referencies-stock-label.stock-in {color:#9BB703 !important;}
.referencies-stock-label.stock-order {color:#39A1CF;}
.referencies-stock-label.stock-wait {color:#FFBF0F;}
.referencies-stock-label.stock-aes {color:#DC0C15;}
.referencies-stock-label.stock-limited-edition {color:#8A2BE2;}

.referencies-stock-item .referencies-stock-label {
    text-transform: lowercase!important;
    font-weight:500;
    font-size:13px;
}
.referencies-stock .referencies-stock-item .referencies-stock-label {
    text-transform: uppercase!important;
    color: #777777!important;
    vertical-align: sub;
}
.referencies-stock-item .referencies-stock-label:first-letter {
    text-transform: uppercase!important;
}
.container-form-nb-product{
    padding-left: 0;
}

.nav-breadcrumb {
    background-color: #E5E5E5;
}
.breadcrumb-item .btn {
    font-weight: normal;
}
#product-brand-name{
    color: #15191A;
}
.dropleft .dropdown-menu{
    right: 0;
    margin-right: 0!important;
}
#js-productReferencyInfos-btns #dropdown-add-to-basket .quantity-label{
    height: 40px;
    align-items: center;
    width:100%;
}
td[data-target='js-productReferencyInfos-dispo'] .referencies-stock-label {
    display: none;
}
.price_small_text {
    font-size: 13px;
    color: #777777;
    text-transform: uppercase;
}
#dropdown-add-to-basket .quantity-label{
    padding-right: 20px;
}
.quantity-choices{
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#dropdown-add-to-basket .js-productAddItemOrder{
    /*width: 100%;*/
    max-width: 60px;
    margin: 0;
}

.product_prices .btn-green.js-productAddItemOrder {
    padding: 0 19px;
}

#dropdown-add-to-basket, #dropdown-add-to-estimate{
    height: 40px;
    width: 100%;
    /*width: -moz-available;          !* WebKit-based browsers will ignore this. *!*/
    /*width: -webkit-fill-available;  !* Mozilla-based browsers will ignore this. *!*/
    /*width: fill-available;*/
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    right:0 !important;
    background-color: white;
}
.js-productReferencyInfos .btn-label {
    display: none;
}
#dropdown-add-to-basket > div > div > button.btn.d-flex.justify-content-center.align-items-center.js-referencyQuantityPlus > span{
    color: #D71A21;
}
#dropdown-add-to-basket > div > div > button.btn.d-flex.justify-content-center.align-items-center.js-referencyQuantityMinus > span{
    color: #3C4E51;
}
#dropdown-add-to-basket .form-control, #dropdown-add-to-estimate .form-control{
    border: 0;
    text-align: center;
    font-weight: 800;
    padding: 0;
}
#dropdown-add-to-basket .js-referencyQuantity, #dropdown-add-to-estimate .js-referencyQuantity{
    height: 40px;
    padding-right: 0;
    width: calc(100%);
}
.test{
    color: red;
}
.test *{
    border: 1px solid red;
}
.container-page .group{
    margin: 0;
}
.referencies-stock-img{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.input-box{height:40px;max-width:70px;border:1px solid #777777; text-align: center;}
.no-click{pointer-events: none!important;}

#filter .svg-dropdown{
    display: none;
}
.container-filter .dropdown-filter{
    font-weight: bold;
}
.page-bloc-contact #site-name{
    color: #9AC31C;
    font-size: 16px;
    text-transform: uppercase;
}
.page-bloc-contact h2 {
    margin: 0;
}
.page-bloc-bg_picto_shop{background-repeat:no-repeat;background-position:center right}
.js-resumeBasketItems td{
    min-height: 60px;
}
.js-resumeBasketItems td {
    vertical-align: middle;
}
.js-resumeBasketItems td.center {
    text-align: center;
}
#link-forget-password{
    color: black;
}
.modal-content{
    background-color: #E5E5E5;
}

#securityLoginLabel{
    font-weight: bold!important;
    font-size : 30px;
}
.fontCustom{
    text-transform: lowercase;
}
.fontCustom::first-letter {
    text-transform: uppercase;
}
.fontForWindows{
    font-family: "'Nunito Sans'", serif !important;
    font-size: 30px!important;
}
.form-signin .input-group-prepend label{
    background-color: #3C4E51;
    color: white;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}
.modal-content .form-signin input {
    border: 0;
}

.modal-content .liseret{
    height: 2px;
    width: 100%;
    background-color: #777777;
}
/*permet de définir une taille de modal bootstrap custom tout en la centrant*/
.modal[aria-labelledby= "securityLoginLabel"] .modal-dialog{
    display: flex;
    justify-content: center;
}
.modal[aria-labelledby= "securityLoginLabel"] .modal-content{
    max-width: 530px;
}
/*fin*/
.btn-2-line{
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1!important;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-referencies td{
    text-align: center;
    border:none;
}
.table-referencies td.js-productReferencyInfos,.table-referencies td.js-productReferencyOption{
    font-weight: bold;
}
.js-productReferency .js-productFavoriteReferencyEdit{
    padding: 0;
}
.js-productFilterOptions{
    width: 100%;
    height: 32px;
    background-color: #E5E5E5;
    position:relative;
}
#product-small-options .dropdown-toggle:after {
    display: none;
}
.table-referencies .referency-price{
    font-weight: normal;
}
.table-referencies {
    border:none;
}
button[aria-expanded="true"] .svg{
    transform: rotate(180deg);
}
button[aria-expanded="true"] .icon-arrow{
    transform: rotate(180deg);
}
.js-productFilterOptions button[aria-expanded="true"]{
    background-color: #CCCCCC!important;
}
.js-productFilterOptions button[aria-expanded="false"], td .quantity-choices{
    background-color: #E5E5E5;
}
.js-productFilterOptions .dropdown-menu {
    background-color:#E5E5E5;
    border-radius:0;
}

.js-productFilterOptions .dropdown-item {
    font-size:13px;
    line-height:13px;
    padding:5px 8px;
}

.js-productFilterOptions button {
    color: #333333;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#basket-step{
    display: flex;
    position: relative;
}
#middle-line{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    background-color: #E5E5E5;
    z-index: 1;
    height: 2px;
}
#basket-step div{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    background-color: white;
    z-index: 2;
    margin-right: 40px;
}
#basket-step div:not(:first-child){
    padding: 0 8px;
}
#basket-step div.active{
    color: #9AC31C;
}
#navbar-button-container{
    flex-wrap: nowrap;
}
#navbarToggleSiteMenu{
    box-shadow: none!important;
    transition: 0s!important;
    left: 65px;
    width: 93%;
    background-color: white;
}
.firstNavItem{
    padding-top: 0!important;
    padding-bottom: 0!important;
    /*border-right: 1px solid black;*/
}
.firstNavItem a {padding-left: 30px!important;
    color: black;
    font-weight: bold;
}
.footer-infos-child{
    height: 70px;
}

.text-footer-infos {
    text-align: center;
}
/*tu allais faire un margin auto sur les img stock du tableau*/
#product-small-options .js-productFilterOptions button{
    width: 100%;
    text-align: left;
    color: #333333;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

#js-mobile-infos, #js-desktop-infos {
    background-color: #E5E5E5;
}

.mobile-infos-referency-value{
    font-weight: bold;
    display: flex;
}
.js-productFilterOptionsReset{
    border: 0;
    background-color: #E5E5E5;
    color: #000000;
}
.js-productFilterOptionsReset span{
    font-size:22px;
    display:flex;
    justify-content:end;
    align-items:center;
}
.order_show_container .orderDeliveryMethod-date .form_control{
    border: 1px solid black;
}
.document-file-container{background:#E5E5E5}

/*#navbar-quickBasket #basket_show .form-control*/
.method-delivery p{
    font-size:12px;
    color: #15191B;
}
.orderDeliveryMethod-date, .selectOfRadio{
    width: 222px!important;
    height: 40px
}
.selectOfRadio, .basketSecuriseSelect, .add-address{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    border: none;
    background-color: #E5E5E5;
    color: #777777!important;
}
.orderDeliveryMethod-date input, .selectOfRadio, .basketSecuriseSelect{
    padding: 0 10px;
}
.orderDeliveryMethod-date{
    border: 1px solid black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
}
.input-group-addon{
    width: 22px;
}
.container-select{
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    background-color: #E5E5E5;
}
.dropdown-select {
    position: absolute;
    right: 10px;
    /*pour centrer limage*/
    top: 50%;
    transform: translateY(-50%);
    /**/
    width: 12px;
}

.js-basketAddressDelivery {
    display: flex;
    justify-content:space-between;
}

.js-basketDeliveryEditable {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}
.js-basket-delivery-address > .js-basketDeliveryEditable > *{
    width: 250px;
    font-size: 13px;
}
#order_infos_text label{
    font-size: 11px;
    color: #777777;
}
#order_infos_text input, #order_infos_text textarea{
    background-color: #E5E5E5;
}
.validCGV{
    font-size: 13px;
    font-weight: bold;
}
#order_delivery_choice{
    padding-left: 0;
}
.footerTitle-container{
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 520;
    text-transform: uppercase;
}
.footerTitle-container[aria-expanded="true"] .footerIcon-arrow{
    transform: rotate(90deg);
}
#footer-h2{
    margin-bottom: 1rem;
}
.card-title.product-name{height:45px}
/*.star-favorite {*/
/*    position: absolute;*/
/*    bottom: 30px;*/
/*}*/
.progress-products {
    width: 250px;
    height: 8px;
    background-color: #E5E5E5;
    margin:auto;
}
#load-more-products > div> div > a > span.card-title.d-block.text-black.product-name{
    min-height: 65px; /**  à changer si nom de produit avec 4 ligne */
    margin-top: 15px;
}
#load-more-products > div > div.card.card-product > a span{
    max-height: 65px;
    margin-bottom: 5px;
}
.underline-top{
    border-top : 2px solid #9AC31C;
    padding-top: 5px;
}

.toggle {
    margin: 0 -15px;
}
.multiCollapse{
    transition: none;
}
#brands-tab{
    margin: 0!important;
    display: flex;
    align-items: center;
    width: 100%;
    top: 145px!important;
    background-color: white;
}
#brands-nav .alphabetic-tab.active {color: #9AC31C;}
.alphabetic-tab{
    color: black;
}
#brand-filter .dropdown-filter {
    padding: 7px 5px;
}
#pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#container-category{
    padding: 0;
}
.carousel-inner{
    /*background-color: #777777;*/
}
.spaceTitle{
    padding-left: 14px;
}
.picto-container{
    display: flex;
    justify-content: end;
    align-items: center;
    height: 140px;
    font-weight: 700;
}
.picto-container img{
    margin-right: 15px;
}
#navbar-button-container{
    justify-content: space-evenly;
}
.footer-social .footer-area img{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
}
.footer-social .footer-area div:last-child{
    display: flex;
    justify-content: space-evenly;
}
@media(max-width: 1200px) {
    .footer-social .footer-area {
        max-width: 100%;
    }
}
#eqip{
    margin-left: 10px;
}
.footer_title{
    max-width: 225px;
    margin-bottom: 0;
}

.carousel-brands-control {
    position: absolute;
    top: 50%;
    background-color: #777777;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3;
}

#carouselBrands-previous {
    left: -25px;
}
#carouselBrands-previous img{
    transform: rotate(180deg);
}

#carouselBrands-next {
    right: -25px;
}

#btn-home-brand {
    font-size: 16px;
}
#text-visible-start > p {
    margin-bottom:0;
}

.ws-nowrap{
    white-space: nowrap;
}
.siteMenu-submenu .nav-item:hover{
    text-decoration: underline;
}
#collapse-filter .label-content{
    text-transform: capitalize;
}
.breadcrumb-item a.btn-text{
    padding-left: 0;
}
.breadcrumb span {
    color: #72787A;
    font-size: 13px;
}
.container-link:hover{
    text-decoration: none;
}
#filter #filterCollapse{
    font-weight: 600;
    font-size: 20px!important;
}
#dark-main {
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 25;
    height: 100%;
}
.breadcrumb{
background-color: #E5E5E5;
}
.card-brand{
    margin-bottom: 0!important;
}
#product-carousel-images .carousel-control{
    top: 50%;
    transform: translateY(-50%);
    height: 60px;
    width: 60px;
    background-color: #E5E5E5;
}
.table-commons{
    border-collapse: separate;
    border-spacing: 5px;
}
.table-commons tr *{
    background-color: #E5E5E5;
    padding: 6px 0 4px 12px;
}
.product-document-action{
    padding:6px 12px;
    color: black;
}
#pagination .progress-products{
    border-radius: 0;
}
#pagination #progress-products-bar{
    background: #9AC31C;
}
ul.pagination {
    justify-content:center;
    padding:15px;
}
.pagination .page-item.active .page-link {
    color: #FFFFFF;
    background: #3C4E51;
}
.pagination .page-item .page-link {
    color: #333333;
    border: none;
}
.pagination .page-item.disabled .page-link {
    color: #72787A;
}
/*region COOKIES*/
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronAllDenied2 .icon, body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPersonalize2 {
    background-color: #293135!important;
}
body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPersonalize1 {
    background-color: #72787A!important;
}
body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronAllDenied2 {
    background-color: #FFFFFF!important;
}
body #tarteaucitronRoot div#tarteaucitronMainLineOffset .tarteaucitronH2 {
    color:  #9AC31C!important;
    text-transform: uppercase;
    font-weight: bold;
}
/*endregion*/

.featuresDropdown .dropdown-toggle {
    border: #00000029 1px solid !important;
}
.featuresDropdown .icon-arrow {
    width: 11px;
}
.project-name:first-letter {
    text-transform: uppercase;
}

.page_histoire_img_facade{background-position:50% bottom}
.page_histoire_img_bg_shop{background-repeat:no-repeat;background-position:right 50%}
.user-address-favorite {display:none!important;}

/*region SERVICES*/
.header-services h1, .service-info h1 {
    font-size: 22px;
}
.service-info li {
    text-align: left;
}

.form-service-contact {
    background: linear-gradient(#CCCCCC, #E5E5E5);
    padding: 15px;
}
.form-service-contact #service_contact_contact_messages .form-group textarea {
    height: 100px !important;
}
.form-service-contact label, .custom-file-label.label-attached {
    font-size: 12px;
    color: #777777;
}
.custom-file-label.label-attached {
    font-size: 13px !important;
    color: #777777 !important;
    background-color: #FFFFFF;
}
.form-service-contact label.label-attached {
    color: #333333;
    font-size: 16px;
}
.form-service-contact .form-group {
    margin-bottom: 0.2rem !important;
}
.service-info .h2{color:#9AC31C; font-size: 20px;}
/*endregion*/

.product_prices .referencyInfoIconText {
    right: 4rem;
    background: white;
    padding: 0.2rem;
    top: 0;
}
.user-referencyInfoIcon:hover + .referencyInfoIconText {
    display: block;
}
.referencyInfoIconText {
    display: none;
    position: absolute;
    background: white;
}
td .referencyInfoIconText {
    left: 17.5rem;
}
.list-quickBasket-items .referency-values .referencyInfoIconText {
    top: 30px;
}
.referency-values .referencyInfoIconText {
    left: 14rem;
    top: 3rem;
}
td .productReferency .referencyInfoIconText {
    /*left: 15.5rem;*/
    text-transform: initial;
}

/*region pages JEU CONCOURS*/
.contest-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.form-contest .form-control {border: none;background-color:#E5E5E5;}
.contest-page-title {font-size:40px;font-weight:bold;color: #263136;}
.contest-form-title{font-size: 20px;}
.container-forms-contest{color: #707070;}
.form-contest label {font-size:15px;}
.container-forms-contest .form-group span.error {
    width: 100%;
    padding: 0;
    font-size: 80%;
    background-color: #FFFFFF;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
}
.container-forms-contest .form-group span.error.active {
    padding: 0.3em;
    border: 1px solid red;
    border-top: 0!important;
}
.container-forms-contest input.invalid {
    border: 1px solid red;
}

.container-forms-contest input:focus.invalid {
    outline: none;
}
/*endregion*/

.datepicker td.day, .datepicker td.cw {
    font-size: 11px;
}
.datepicker td.cw {
color: #9AC31C;
    font-weight:bold;
}
.datepicker tfoot {display: none;}
.datepicker table {
     border-spacing: 0!important;
}
.datepicker.dropdown-menu{padding: 10px;}

a#cookiesInfosLink {
    color: #95C11F!important;
}
a#cookiesInfosLink:hover {
    text-decoration:underline!important;
}
.referencyValue-saved {
    color: #D71A21;
}