@import 'app.css';

*[data-spy]{scroll-margin-top:18em}

@keyframes slidein {
    from
    {
        opacity:0;
    }
    to
    {
        bottom: 100%;
        opacity: 1;
    }
}

.form-flex .form-group{
    display: flex;
    justify-content: space-between;
}
.form-flex .form-group label{
    margin-top: auto;
    margin-bottom: auto;
}
.form-flex input{
    max-width: 70%;
}
.h-100-form-group .form-group{
    height: 100%!important;
}
.h-100-form-group label{
    margin: 0;
}

.bg-grey{
    background-color: #F5F5F5;
}
.bg-dark-grey{
    background-color: #DDDDDD;
}
.btn-grey-filter{
    background-color: #DDDDDD;
    text-transform: none;
    height: 32px;
    padding: 6px 12px;
}
/*.btn-grey-filter:hover{*/
/*    color: white !important;*/
/*}*/
button.bg-grey:hover{
    color: black;
}
.container-page a:not(.btn) {
    font-weight:700;
    color:#3B3632;
    text-decoration:underline;
}
.article-show h1 {
    background-color: inherit;
    font: normal normal normal 24px/29px Montserrat;
    color: #95C11F;
    text-align: center;
    text-transform: inherit;
}
.article-show.text,.group,.gallery{
    background-color: #F5F5F5;
}
.article-show.image{
    margin-top: 0!important;
    margin-bottom: 0!important;
    justify-content: center;
}
.group.row{
    align-items: center;
}
.article-show ,.text,.image,.group p {
    color: #3B3632;
}
.article-container:hover{
    text-decoration: none;
}
.pageBlocProduct_img{
    width: 260px;
    background-color: #FFFFFF;
    padding: 21px;
    box-shadow: 2px 2px 20px #00000033;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pageBlocProduct_text{
    min-height: 100px;
    width: 50%;
    padding-left: 10px;
    display: flex;
    align-items: center;
    z-index: 1;
    font-weight: bold;
}
.pageBlocProduct_link:hover{
    text-decoration: none;
}
.pageBlocProduct_text p {
    font-weight: bold;
    margin-top: 15px;
    text-decoration: none;
}
body{font-size:14px;font-family:"Montserrat-Regular", sans-serif}
#map{z-index:1}
:root {
    --success:#95C11F;
    --danger:#D71A21;
    --warning:#FFD300;
    --light:#EEE;
    --semidark:#DDD;
    --dark:#333;
}

@media (min-width: 1480px) {
    .modal-lg, .modal-xl {
        max-width: 1200px
    }
}

.alert{margin:0}
.btn.focus, .btn:focus{box-shadow:none}
.form-control{border-radius:0}
.form-control:focus{box-shadow:none;border-color:inherit}

.dropdown-arrow-disabled:before, .dropdown-arrow-disabled:after{display:none !important;content:"" !important}

.breadcrumb{background-color:#eee;padding:7px 0;margin:0 !important; font-weight: bolder;}
.breadcrumb-item, .breadcrumb-item *{font-size:13px;line-height:16px}
.breadcrumb-item, .breadcrumb-item a{color:#72787A;display:flex;align-items:center;justify-items:center}
.breadcrumb-item+.breadcrumb-item:before{content:">"}

.btn:focus{box-shadow:none !important}

.btn{border-radius:0;font-size:17px;font-weight: 500}
#main .btn{display:flex;justify-content:center;align-items:center}
.btn-disabled{cursor:default}
.btn-sm{font-size:13px;display:flex;align-items:center !important;width:fit-content}
.btn-secondary, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background-color:#72787A;border-color:#72787A}
.btn-warning, .btn-warning:focus, .btn-warning.focus, .btn-warning:hover, .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle{background-color:#FFD300;color:#fff;border-color:#FFD300}
.btn-danger, .btn-danger:focus, .btn-danger.focus, .btn-danger:hover, .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle{background-color:#D71A21;color:#fff;border-color:#D71A21}
.btn-light, .btn-light:focus, .btn-light.focus, .btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{background-color:#eee;color:#aaa;border-color:#eee}
.btn-semilight, .btn-semilight:focus, .btn-semilight.focus, .btn-semilight:hover, .btn-semilight:not(:disabled):not(.disabled).active, .btn-semilight:not(:disabled):not(.disabled):active, .show>.btn-semilight.dropdown-toggle{background-color:#ccc;color:#333;border-color:#ccc}
.btn-semilight-dark, .btn-semilight-dark:focus, .btn-semilight-dark.focus, .btn-semilight-dark:hover, .btn-semilight-dark:not(:disabled):not(.disabled).active, .btn-semilight-dark:not(:disabled):not(.disabled):active, .show>.btn-semilight-dark.dropdown-toggle{background-color:#eee;color:#333;border-color:#eee}
.btn-dark, .btn-dark:focus, .btn-dark.focus, .btn-dark:hover, .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle{background-color:#72787A;color:#fff;border-color:#72787A}
.btn-semidark, .btn-semidark:focus, .btn-semidark.focus, .btn-semidark:hover, .btn-semidark:not(:disabled):not(.disabled).active, .btn-semidark:not(:disabled):not(.disabled):active, .show>.btn-semidark.dropdown-toggle{background-color:#aaa;color:#fff;border-color:#aaa}

.bg-light .btn-light.btn-light, .bg-light .btn-light:focus, .bg-light .btn-light.focus, .bg-light .btn-light:hover, .bg-light .btn-light:not(:disabled):not(.disabled).active, .bg-light .btn-light:not(:disabled):not(.disabled):active, .bg-light .show>.btn-light.dropdown-toggle{background-color:#fff;color:#777;border-color:#fff}

.table-hover tbody tr:hover{background-color:#fafafa}

.text-muted{color:#777}
.btn-success-shop{
    background-color: #16A85E;
    color: white!important;
    transition: 0.5s;
}
.text-orange{
    color: #EF7B10;
}
.custom-control-input:checked ~ .custom-control-label::before{border-color:#333;background-color:#333}
.custom-checkbox .custom-control-label::before{border-radius:0}

label a{color:#333;text-decoration:underline;font-family:Montserrat-Bold, sans-serif}

.material-icons{margin:0 5px}
h1 .material-icons, .h1 .material-icons{font-size:50px}
h2 .material-icons, .h2 .material-icons{font-size:40px}
h3 .material-icons, .h3 .material-icons{font-size:30px}

.bg-secondary{background-color:#ddd !important}
.bg-light{background-color:#eee !important}
.bg-danger{background-color:#D71A21 !important}

.bg-secondary .btn-white{background-color:#fff;color:#333}

/*p{font-size:0.8rem}*/

/* TODO demander a fabrice pourquoi cette ligne*/
/*h1, .h1, h2, .h2, h3, .h3{text-transform:uppercase;display:flex;align-items:center !important;width:fit-content}*/

#shop-logo{max-height:70px}

.list-arrow-right li{position:relative;padding:5px 0 5px 25px}
.list-arrow-right li:before{font-family:'Material Icons';content:"arrow_forward";position:absolute;top:0;left:0;width:16px;height:16px;font-size:22px}

.list-bg-light li{background-color:#eee;margin:0 0 10px;padding:5px 10px}

#header_baseline{height:36px;padding:8px;background-color:#ccc}

.shop-header-btn{width:115px;height:62px;font-size:13px}
.shop-header-logo{border-radius:50% !important;width:25px;height:25px}

.univers .category-image{width:40px;height:40px}

.ecotax{display:block;font-size:10px;line-height:12px}

/* DOOFINDER */
.df-card__pricing{display:none !important}
.df-branding{display:none !important}

.homeBanner .carousel-inner{height:100%}
.homeBanner .carousel-item{background-repeat:no-repeat;background-position: right;background-size:cover;height:100%}
.homeBanner .carousel-item .banner-label{margin:0 5px;border:1px solid #fff;padding:5px 10px}
.homeBanner .carousel-caption:hover{color:#fff;text-decoration:none}
.homeBanner .carousel-caption .h5{font-size:48px;line-height:1.7rem;text-transform:uppercase;margin:0.5rem 0;display:block;line-height: normal; padding: 10px 27px;}
.homeBanner .carousel-caption p{font-size:1rem;line-height:1.1rem;margin-bottom:0.5rem}
.homeBanner .carousel-action{text-align:right;display:inline-block;width:100%}

.home .title{text-align:center}
.home .title:after{
    /*content:"";*/
    border-bottom:5px solid #D71A21;
    width:80px;
    position:absolute;
    top:100%;left:calc(50% - 40px);
}

.home-booster{padding:10px 0}

.home-brand{padding:10px 0;background-color:#eee}

#carouselBrands{height:120px}
#carouselBrands .carousel-inner, #carouselBrands .carousel-inner *{height:100%}
#carouselBrands img{width:auto}

.home-find-centralSeller{text-align:left;padding:17px 15px;display:flex;align-items:center;margin-bottom:0!important;}
.home-find-centralSeller form *{border-radius:0}
.home-find-centralSeller:active, .home-find-centralSeller:hover{text-decoration:none;color:#fff}
.home-find-centralSeller-icon{font-size:35px}
.home-find-centralSeller-title{text-transform:uppercase;font-size:16px;font-family:'Montserrat-Bold'}
.home-find-centralSeller .text{color:#fff}

@media screen and (max-width:450px) {
    .homeBanner {
        height: 50vh
    }
}
@media screen and (max-width:375px) {
    .homeBanner {
        height: 39vh
    }

    .homeBanner .carousel-item {
        background-repeat:no-repeat;
        background-position:100%;
        background-size:cover;
        height:100%;
    }
    .homeBanner .carousel-infos-text{
        font-size: 15px;
        line-height: 19px;
        margin-top: 8px;
    }

    .homeBanner .carousel-caption {
        width:100%;
        left:0;
        right:0
    }
    .homeBanner .carousel-caption h5{font-size:1.1rem;line-height:1.3rem}
    .homeBanner .carousel-caption p{font-size:0.8rem;line-height:0.8rem}

    #carouselBrands img{width:auto;height:auto !important}
}
.jumbotron {
    border-radius: 0;
    background:none;
}
.jumbotron .squareMenu {background-color:#95C11F !important;width:60px;height:60px;margin-right:15px;display:none}

.jumbotron-brand{
    height: 140px;
}
.jumbotron h1{
    font-size: 48px !important;
    color:#333;
    font-family:Montserrat-Bold, sans-serif;
}
.product-name{
    height: auto;
    max-height: 60px;
    font-size: 18px;
    line-height: 22px;
    color:#95C11F!important;
}
.min-width-card{
    min-width: 190px;
}

.card-product, .card-product:hover{
    border:none;
    border-radius: 0;
    transition: 0.5s;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}
.card-product .card-product-link{box-shadow:0 0 5px #ddd}
.card-product .card-product-link:hover{color:#333;text-decoration:none}
.card-product .card-body{display:inline-block;width:100%}

.card-product .info-important{display:inline-block;font-size:18px;line-height:22px}
/*.card-product .card-price-start span{display:none}*/
/*.card-product .card-price-start:after{content:"Dès";color:#3B3632;font-size:18px;line-height:22px}*/
.truc{
    color: black;
}
#collapse-filter-sort{margin:0 auto 10px;width:calc(100% - 25px) !important;}
#filter-nb-query{margin-left:5px}
#select-filter{
    height: 30px;
    border: 1px solid grey;
}

.filters{display:inline-block;text-align:center;margin-bottom:20px}
.filters #filterCollapse{display:inline-block;background:#DDDDDD;color:#3B3632;width:fit-content !important;margin:0 auto}
.filters #filterCollapse.active{background:#3B3632;color:#fff;}
#filter .btn-group, #filter .btn-group *{width: 100%}
#filter .text-secondary{color:#95C11F !important}
#filter hr{display:none}
.filter-button{
    width: auto;
    border: 0;
    background-color: white;
}
.filters-selected{padding:.375rem .75rem}
.filters-selected, .filter-name{font-size:14px;line-height:18px;margin:0}
.filter-border-top{border-top:1px solid #707070}
.filter-border-bottom{border-bottom:1px solid #707070}

.dropdown-filter {
    color: black;
    border-bottom:none;
    word-wrap: break-word;
    white-space: normal;
}
.frequencyQuestion .dropdown-filter, .frequencyQuestion .montserrat-regular{
    min-height: 45px;
    padding: 15px 0;
}

#filter > .h1::after{
    font-family: "Material Icons Round";
    font-size: 28px;
}
.quentin{
    color: black;
}

.list-style-type-none{
    list-style-type: none;
}
.btn-header-actions{}

.referencies-stock{display:flex;padding:10px 0}
.referencies-stock-item{display:flex;align-items:center;justify-content:center;margin-right:30px}
.referencies-stock-icon{margin-right:5px}
.referencies-stock-label{}
.stock-in{filter: invert(15%) sepia(34%) saturate(6749%) hue-rotate(27deg) brightness(93%) contrast(98%);}
.stock-order{filter: invert(54%) sepia(90%) saturate(404%) hue-rotate(157deg) brightness(88%) contrast(93%);}
.stock-wait{filter: invert(15%) sepia(40%) saturate(974%) hue-rotate(339deg) brightness(102%) contrast(105%);}
.stock-aes{filter: invert(87%) sepia(73%) saturate(4785%) hue-rotate(349deg) brightness(113%) contrast(95%);}

#product{min-height:100vh}
#product h3{font-family:Montserrat-Bold, sans-serif;font-size:20px;color:#333}
#product-infos-primary > *{display:flex;align-items:center;justify-content:space-between}
#product-title{font-weight:700;color:#95C11F}
.product-mono_referency{text-transform:uppercase;font-weight:700;font-size:13px}

#product-brand-infos{justify-content:flex-end}
#product-brand-link, #product-brand-link:hover{text-decoration:none}
#product-brand-logo{max-height:60px}
#product-brand-name{color:#777;font-size:13px}

.product-link, .product-link:hover{color:#333;font-size:16px !important;line-height:17px}

#product-images{background:#F5F5F5;padding:15px 115px}
#product-carousel-images{margin-left:100px}
#product-carousel-images .carousel-indicators{justify-content:start;top:30px;left:-100px;display:inline-block;width:98px;overflow:auto;margin:0;bottom:0;height:calc(100% - 60px)}
#product-carousel-images .carousel-indicators li{width:76px;height:76px;border:1px solid #ddd;display:block;margin:16px 0}
#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 .active{border-color:#ccc}
#product-carousel-images .carousel-indicators-image{}
#product-carousel-images .carousel-inner{}
#product-carousel-images .carousel-item{text-align:center}
#product-carousel-images .carousel-image{border:1px solid #ddd}
#product-carousel-images .carousel-control{}
#product-carousel-images .carousel-control.carousel-control-prev,
#product-carousel-images .carousel-control.carousel-control-next{top:calc(100% + 26px)}

/* start carousel product version mobile */
#productCarouselMobile .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2395c11f' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#productCarouselMobile .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2395c11f' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

/* fin carousel product version mobile */

#filter{order:1}
#products{order:0}

@media screen and (max-width:992px) {
    /*.card-product{padding: 0 15%;}*/
    #filter{order:0}
    #products{order:1}
    .jumbotron h1{font-size:30px !important}
}
@media screen and (min-width:767px) {
    #product-carousel-images .carousel-control.carousel-control-prev,
    #product-carousel-images .carousel-control.carousel-control-next {
        left: -73px;
        right: initial;
        top: 0;
    }

    #product-carousel-images .carousel-control.carousel-control-prev {
        transform: rotate(90deg)
    }

    #product-carousel-images .carousel-control.carousel-control-next {
        top: calc(100% - 26px);
        transform: rotate(90deg)
    }

    .filters .dropdown-toggle:after {
        display: none
    }
}
#filter .dropdown-toggle:after{border:none;content:"\e145";color:#95C11F;font-family:"Material Icons Round";transition:transform 0.5s ease;font-size:20px}
#filter .dropdown-toggle[aria-expanded="true"]:after{transform:rotate(45deg)}

#filter-brand{display:none}

#product-carousel-images .carousel-control.carousel-control-prev,
#product-carousel-images .carousel-control.carousel-control-next{width:26px;height:26px;background:#95C11F}
#product-carousel-images .carousel-control.carousel-control-prev:not(.disabled),
#product-carousel-images .carousel-control.carousel-control-next:not(.disabled){opacity:1}

#product-info{position:relative}
#js-product-infos-fixed{position:sticky;top:120px}
#product-referencies-action{margin-top:100px}

#product-small-options{background:#F5F5F5;margin-bottom:30px;padding-top:15px;padding-bottom:15px}
#product-small-options label{font-size:14px;line-height:18px}

.list-options{margin:0;padding-left:15px;list-style:none}
.list-options .list-option{font-size:14px;line-height:18px}
.list-options .list-option::before{content:"\2022";color:#95C11F;font-weight:bold;display:inline-block;width:1em;margin-left:-1em}

.product_prices{padding:16px 20px;background:#3B3632;font-size:14px;color:#fff;position:relative}
.product_start{color:#ccc;font-size:11px;text-transform:uppercase;padding:12px 0 11px;display:block}
.product_start_price{}
.product_start_price > *{display:block}
#js-productReferencyTotalPrice{color:#fff;font-size:24px;font-weight:700}
.product_start_price_secondary{color:#777;font-size:18px;font-weight:700}

#basketQuickEntry .product_start_price_primary{font-size:20px;line-height:20px}
#basketQuickEntry .product_start_price_secondary{font-size:15px;line-height:15px}
#basketQuickEntry .js-orderItemForm .drop-order{width:120px}
#basketQuickEntry #modal-navbar-quickBasket .drop-order{width:135px}
#basketQuickEntry .js-validReferencyQuantity{font-size:14px}
#basketQuickEntry .btn{padding:0.2rem}


.product-description, .product-description p{font-size:14px;line-height:17px;margin: 0 0 20px}

.product_prices .btn-referency{width:100%}

.btn-material-icons{display:flex;justify-content:center;align-items:center;text-transform:uppercase}
.btn-material-icons .btn-label{font-family:"Montserrat-Bold", sans-serif;font-size:16px}

#product-small-options{}

#product-small-options .js-productFilterOptions{}
#product-small-options .js-productFilterOptions .btn{width:100%;justify-content:space-between}
#product-small-options .js-productFilterOptions .btn, #product-small-options .js-productFilterOptions .dropdown-menu{background-color:var(--semidark);color:#333}
#product-small-options .js-productFilterOptions .dropdown-menu{width:calc(100% - 30px) !important;border-radius:0}

.js-referencyQuantity{height:100%}
.quantity-label{margin-right:5px}
.quantity-choices{background-color:#fff;display:flex;justify-content:center;align-items:center;max-width:163px}
.js-validReferencyQuantity{background:#3B3632;border:2px solid #EF7B10!important;border-radius:0;text-align:center;width:55px;height:30px;color:#fff}
.quantity_remove{color:#72787A}

.btn.js-referencyQuantityMinus, .btn.js-referencyQuantityPlus{display:none !important}

.drop-basket{margin-right:5px}
.drop-basket.reduce .btn-label, .js-productReferency .btn-label{display:none}

.js-productReferency .drop-order, .js-productReferency .btn{width:40px;height:40px}
.js-productReferency .quantity-label{display:none}
.js-productReferency .js-referencyQuantityMinus, .js-productReferency .js-referencyQuantityPlus{width:28px;height:28px}
.js-productReferency .js-validReferencyQuantity{width:65px}
.js-productReferency .quantity-choices{height:100%;background:none}
.js-productReferency .dropleft .dropdown-menu{right:calc(100% - 42px);left:auto !important}

.js-productReferency .drop-basket > .btn, .js-productReferency .drop-estimate > .btn{background-color:var(--light);border-color:var(--light)}
.js-productReferency .drop-basket >.btn{color:var(--danger)}
.js-productReferency .drop-estimate >.btn{color:var(--warning)}

.js-productReferency .drop-basket .dropdown-menu, .js-productReferency .drop-estimate .dropdown-menu{background-color:#EEE}
.btn-favorite, .btn-favorite:hover{color:#fff !important}

.dropdown-arrow-disabled, .js-productAddItemOrder{width:100%}
.btn.dropdown-arrow-disabled, .btn.js-productAddItemOrder{font-size:18px;padding:7px;line-height:18px}
.btn.dropdown-arrow-disabled{background:#DDDDDD !important;border-color:#DDDDDD !important}

.productReferencyInfos-btns{position:inherit !important}
#js-desktop-infos{padding:16px 20px 40px}
#js-mobile-infos{padding:16px 20px 74px}
.js-productAddItemOrder{background:#EF7B10;position:absolute;top:calc(100% - 50px);width:calc(100% - 40px)}

#product-tabs{margin:10px 0;padding:5px 0;border-bottom:1px solid #707070;position:sticky;top:190px;z-index:10;background-color:#fff}
#product-tabs .product-tab{text-transform:uppercase;font-size:16px;color:#333}
#product-tabs .product-tab.active, #product-tabs .product-tab:hover{text-decoration:none;font-family:Montserrat-Bold, sans-serif}

#product-tabs-info h2{font-size:16px;line-height:18px;font-weight:500}
#product-tabs-info h3{font-size:15px;color:#72787A}
#product-tabs-info > *{margin-bottom:50px}
.product-document-action{display:flex;align-items:center;justify-content:start;z-index:1;text-decoration:none;color:#333;width:fit-content;padding:3px}
.product-document-action:hover{text-decoration:none;color:#333;background-color:#eee}

.infos-plus{background:rgba(239,123,16,0.15);padding:10px 10px 10px 30px;position:relative}
.infos-plus h2{margin-top:0}
.infos-plus:before{width:4px;height:calc(100% - 20px);background:#EF7B10;position:absolute;top:10px;bottom:10px;left:12px;content:""}

#product-help h2{font-size:18px;line-height:22px;text-transform:uppercase}
#product-help h3{font-size:16px;line-height:18px;margin:0;text-transform:initial}
#product-help p{padding:0;font-size:14px;line-height:18px}

.js-referencyQuantity .js-validReferencyQuantity, .js-referencyQuantity .js-validReferencyQuantity:focus{border:2px solid #EF7B10;background:#3B3632;color:#fff;width:30px;height:30px;padding:0;text-align:center}
.js-resumeEstimateItems .js-validReferencyQuantity{color:#333 !important}

.js-validReferencyQuantity{font-family:Montserrat-Bold, sans-serif;font-size:16px}
.js-validReferencyQuantity::-webkit-outer-spin-button, .js-validReferencyQuantity::-webkit-inner-spin-button{-webkit-appearance: none;margin:0}
.js-validReferencyQuantity{-moz-appearance:textfield}

.row.thead{align-items:center}
.table-hover .tr:nth-child(even){background-color:#f6f6f6}
.table-hover .tr:hover{background-color:#ededed}

.table-referencies{}
.table-referencies .thead-light th, .table-referencies .thead-light .th{background-color:#ddd;color:#777;font-size:13px;vertical-align:middle;padding:10px 0;line-height:14px;font-weight:600;border:none;border-right:2px solid #fff;text-align:center}
.table-referencies .thead-light th:last-child, .table-referencies .thead-light .th:last-child{border-right:none}
.table-referencies .js-productFilterOptions{width:100%;height:100%}
.table-referencies .dropdown-toggle{justify-content:space-between !important;word-wrap: break-word; white-space: normal;line-height:13px;text-align:left}
.table-referencies th .dropdown-toggle, .table-referencies th .dropdown-menu, .table-referencies .th .dropdown-toggle, .table-referencies .th .dropdown-menu{background-color:#ddd;color:#333;font-size:13px;border-radius:0;border:none}
.table-referencies .dropdown-menu{width:auto;padding:0;box-shadow: 0 0 5px #ddd}
.table-referencies .dropdown-menu .dropdown-item:hover, .table-referencies .dropdown-menu .dropdown-item.active, .table-referencies .dropdown-menu .dropdown-item:active{background-color:#72787A !important;color:#fff}
.table-referencies .js-productReferency{align-items:center}
/*.table-referencies .js-productReferency*/
.table-referencies .js-productReferency td, .table-referencies .js-productReferency .td{padding:5px 3px;border:none}
.table-referencies .js-productReferency td:last-child, .table-referencies .js-productReferency .td:last-child{border-right:none}
.table-referencies .js-productReferency td .btn, .table-referencies .js-productReferency .td .btn{padding:3px}
.js-productReferencyOption{text-align:center}
.table-referencies .js-productReferency.disabled{opacity:0.5;background:#fff !important}
.table-referencies .js-productReferency td *, .table-referencies .js-productReferency .td *{font-size:14px;line-height:14px}
.table-referencies .js-productReferency td p, .table-referencies .js-productReferency .td p{margin:0}
.table-referencies .js-productReferency td .material-icons-round, .table-referencies .js-productReferency .td .material-icons-round{font-size:20px}
.table-referencies .js-productReferency td small, .table-referencies .js-productReferency td .badge, .table-referencies .js-productReferency .td small, .table-referencies .js-productReferency .td .badge{font-size:11px}
.table-referencies .referency-price{color:#333;font-family:Montserrat-Bold, sans-serif}

.productReferency{font-size:14px !important;font-family:Montserrat-Bold, sans-serif;color:#fff;text-transform:uppercase;margin:0}
.productReferencyMpn{font-size:11px !important;font-family:Montserrat, sans-serif;color:#fff;text-transform:uppercase;margin:0}

.table-commons th, .table-commons td{border:1px solid #fff;background:#EEE;padding:0.3rem}

.js-productFilterOptionsReset{border:none;background:none}

#tab-descriptions p{margin:0 0 15px;line-height:18px;font-size:14px}


@media screen and (min-width:992px) and (max-width:1366px) {
    #product-carousel-images{margin-left:0}
    #product-carousel-images .carousel-indicators{left:-90px;width:58px}
    #product-carousel-images .carousel-indicators li{width:56px;height:56px;margin:1px 0}
}


#filter form{position:relative;cursor:pointer;width: calc(100% - 4px);}
.product-filter {
    /*width: 18px!important;*/
    /*height: 18px;*/
    font-size: 15px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    visibility: hidden;
    height: 100%;
    width: 100%;
    content: 'check_box_outline_blank';
}
.checkmark{
    position: absolute;
    top: 0;
    right: 0;
    height: 18px;
    width: 18px;
    background-color: white;
    border: 2px solid #95C11F;
}
.social-network-link{
    min-width: 236px;
    display: flex;
    align-items: center;
    color: black;
    text-decoration: none;
}
.social-network-link p{margin:0}
.social-network-link:hover{
    color: inherit;
}
/*.checkmark:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: none;*/
/*    left: 5px;*/
/*    top: 1px;*/
/*    width: 5px;*/
/*    height: 10px;*/
/*    border: solid white;*/
/*    border-width: 0 3px 3px 0;*/
/*    -webkit-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg);*/
/*    transform: rotate(45deg)*/
/*}*/
.product-filter:checked ~ .checkmark{
    background-color: #95C11F;
}
.product-filter:checked ~ .checkmark:after{
    display: block;
}

/*
CSS custom checkbox abrivert
source :  https://juliencrego.com/astuces/personnaliser-les-boutons-radio-et-checkbox-avec-css/
*/
.custom-form-filter input[type="checkbox"].product-filter{
    display: none;
}
/*.custom-form-filter input[type="checkbox"].product-filter + label::after{*/
/*    content: '\f0c8';*/
/*    border: 1px solid #95C11F;*/
/*}*/
.custom-form-filter input[type="checkbox"].product-filter:checked + label::after{
    color: white;
    background-color: #95C11F;
}
.filter-btn-fill{
    background-color: #3B3632!important;
    color: white;
}
.filter-btn-fill:hover{
    color: white;!important
}
.product-filter:checked{
    content: 'check_box';
    color: black;
}
.product-filter ~span{
    width: 18px!important;
    height: 18px;
    position: absolute;
    top:6px;
    right: 5px;
}
.product-filter ~span:after{
    content: 'check_box_outline_blank';
    color:#95C11F;
}
.product-filter:checked ~span:after {
    content: 'check_box';
}
.max-height-360 {
    max-height: 360px;
}

/*Brand css*/
.brand-grey{
    background-color: #72787A;
    color: white;
    width: 100%;
}
.brand-grey:first-child{
    /*background-color: #8C1D82;*/
    /*background-color: #D71A21;*/
}
#brand-filters > .btn:hover{
    color: white;
}

.homeBannerBlocImagesCatalog{margin-bottom:2vh;}
.homeBannerBlocImagesCatalog a{text-decoration: none; color: #212529;}
.homeBannerBlocImagesCatalog .bloc-action{ position: absolute; bottom: 5%; left: 5%; padding: 5px 8px; color: #fff !important; }
.homeBannerBlocImagesCatalog .bloc-action a{ color: #fff !important; }
.homeBannerBlocImagesCatalog .bloc-item{height:160px}
.homeBannerBlocImagesCatalog .bloc-item-image{ background-repeat: no-repeat; background-position: right; background-size: cover; height: 100%;}
.homeBannerBlocImagesCatalog .bloc-item.marginRight{ margin-right: 3vh; }
.homeBannerBlocImagesCatalog .bloc-caption{position: absolute; z-index: 10; background-color: #ffffff; opacity: 90%; left: 0;  top: 5%; text-align: left; padding: 10px 20px;/*height: 51%;*/}
.homeBannerBlocImagesCatalog .bloc-caption .colorLine{ height:4px; width:60px; display: block; margin-bottom: 8px;}
.homeBannerBlocImagesCatalog .bloc-caption .h5{ text-transform: uppercase; font-size: 20px; line-height: 26px; text-align: left; font-weight: bold; }
.homeBannerBlocImagesCatalog .bloc-caption .description{ font-size: 14px; line-height: 19px; text-align: left; }
.homeBannerBlocImages{height:28.7vh; margin-bottom:2vh;}
.homeBannerBlocImages a{text-decoration: none; color: #212529;}
.homeBannerBlocImages .bloc-action{ position: absolute; bottom: 5%; left: 5%; padding: 5px 8px; color: #fff !important; }
.homeBannerBlocImages .bloc-action a{ color: #fff !important; }
.homeBannerBlocImages .bloc-item{height:300px}
.homeBannerBlocImages .bloc-item-image{
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width:100%;
    height:100%;
}
.homeBannerBlocImages .bloc-item.marginRight{ margin-right: 3vh; }

.homeBannerBlocImages .bloc-caption{position: absolute; z-index: 10; background-color: #ffffff; opacity: 90%; left: 0; top: 5%; text-align: left; padding: 10px 20px;/*height: 51%;*/}
.homeBannerBlocImages .bloc-caption .colorLine{ height:4px; width:60px; display: block; margin-bottom: 8px;}
.homeBannerBlocImages .bloc-caption .h5{ text-transform: uppercase; font-size: 20px; line-height: 26px; text-align: left; font-weight: bold; }
.homeBannerBlocImages .bloc-caption .description{ font-size: 14px; line-height: 19px; text-align: left; }
.homeBanner-title{
    font-size: 1.15rem;
}
/*css carroussel agency */
@media (max-width: 1680px) {
    .agency-carroussel-container{
        display: none;
    }
    .homeBannerBlocImages .bloc-item .bloc-caption br{
        display: none;
    }
}

.agency-carroussel-container{
    background-color: #DDDDDD;
    height: 218px;
    margin: 0;
    width: 100%;
    align-items: center;
}
.agency-card{
    height: calc(140px + 34px);
    color: black;
    text-align: center;
}
.agency-card:hover{
    color: black;
    text-decoration: none;
}
.agency-card-header{
    height: 140px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.agency-card-header:hover .agency-card-verso{
    bottom: 0;
    opacity: 1;
}
.agency-card-recto{
    height: 140px;
}
.agency-card-verso{
    position: absolute;
    text-align: start;
    height: calc(100% - 20%);
    width: 100%;
    bottom: -100%;
    background-color: white;
    color: black;
    opacity: 0;
    transition: 0.3s;
}
.agency-card-verso input{
    font-size: 13px;
    height: 24px;
    padding: 0;
}

.agency-card-verso div:first-child{
    height: 81px;
}
.agency-card-verso div p{
    font-size: 12px;
    height: 34px;
}
.agency-card-verso div a{
    font-size: 11px;
    height: 24px;
}

.mobile-h1{
    font-size: 1.5rem;
}

.brand-image{
    background-size: contain!important;
}

/** liip default filter **/

.liip_filter_map{
    max-height: 178px;
    width: 100%
}

/**
CSS Pagination
 */
.pagination{
    border-radius: 0;
}
.pagination .page-item.active .page-link{
    background-color: #95C11F;
    border-color: #95C11F;
    color: white !important;
}
.pagination .page-link{
    color: #fff;
}

#pagination .page-link{
    color: #333;
}

.pagination .page-item .page-link{
    border-radius: 0!important;
}
.map-container{
    width: 100%;
    background-color: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 424px;
}
.contact-image{
    padding-right: 23px;
}
#social-network{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
}
#social-network li{
    list-style: content;
}
#social-network .row p{
    margin-top: auto;
    margin-bottom: auto;
}
.fill-primary{
    filter: invert(26%) sepia(15%) saturate(3876%) hue-rotate(29deg) brightness(101%) contrast(76%);
}
#mapid{
    z-index: 1;
}
#map-area{
    width: 100%;
    height: 375px; /*a voir dans le futur des améliorations */
}
#phone{
    display: flex;
    align-items: center;
    font-size: 24px;
    height: 24px;
}
#address{
    display: flex;
    align-items: center;
    font-size: 16px;
    height: 18px;
}
.card-menu a.link-univers {
    text-decoration: none!important;
}
#collapseFilters form *{cursor:pointer}

.estimate #banner{background:url('/images/site/abrivert/estimate_valid.png') no-repeat 50%;background-size:contain}
.category-container{
    padding: 8px;
}
.category{
    height: 313px;
    width: 100%;
    padding: 24px;
    background: no-repeat 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.category:hover{
    text-decoration: none;
}
.category .category-hover{
    color: white;
    height: 100%;
    width: 100%;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.category .category-text{
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    text-decoration: none;
}
.category:hover .category-hover{
    border: 4px solid #FFFFFF;
    background: rgba(59,54,50,.5);
}
/* CSS liseret product */
.card-product-link .liseret-product {
    position: absolute;
    top: 12%;
    left: -31%;
    width: 115%;
    height: 46px;
    z-index: 1;
    transform: rotate(-32deg);
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    justify-content: center;
}

.liseret-product{
    position: absolute;
    top: 8%;
    left: -35%;
    width: 100%;
    height: 46px;
    z-index: 1;
    transform: rotate(-32deg);
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    justify-content: center;
}
.carousel-inner .liseret-product{
    top: 8%!important;
    left: -34%;
}
.carousel-inner .liseret-product .liseret-text{
    width: 36%;
}
.liseret-text{
    width: 50%;
    line-height: normal;
    overflow-wrap: normal;
}
.site-selection{
    background-color: #91B50B;
}
.new-product{
    background-color: #FFCD00;
}
.best-seller{
    background-color: #EB6300;
}
.promo{
    background-color: #D9000D;
}

@media (max-width: 576px) {
   .card-product-link .liseret-product {
        top: 12%;
        left: -34%;
    }

    .liseret-text{
        font-size: 12px !important;
    }
}

@media (max-width: 490px) {
    .carousel-inner .liseret-product{
        left: -30% !important;
    }
}

@media (max-width: 375px) {
    .card-product-link .liseret-product {
        top: 12% !important;
        left: -36% !important;
        width: 100% !important;
        height: 27px !important;
        transform: rotate(-45deg) !important;
    }

    .carousel-inner .liseret-product{
        left: -34% !important;
    }

    .liseret-text{
        font-size: 8px !important;
    }
}

/** CSS banniere wrap**/
.banner-wrap-image{
    background-size: 200%;
    background-repeat: no-repeat;
    width: 50%;
    height: 150px;
}
.image-1{
    color: black;
    background-position: left top;
}
.image-2{
    color: black;
    background-position: 100% top;
}
@media (max-width: 992px) {
    .banner-wrap-image {
        height: 120px;
    }
    .image-1{
        color: black;
        background-position: left bottom;
    }
    .image-2{
        color: black;
        background-position: 100% top;
    }
}
/** fin **/
.card-title{
    height:80px;
    /*font-weight:700;*/
    color:#333
}
.test{
    border: 1px solid red;
}

.container-page h2, .container-page h3, .container-page h4{
    font-weight: 600;
    width: 100%;

}
.page-bloc-collapse{
    background-color: #DDDDDD;
    height: 55px;
    padding:10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page-bloc-collapse-title{
    margin: 0;
    font-weight: 600;
}

.test * {
    border: 1px solid purple;
}
.card-img-top-video{
    max-height: 308px;
}
.label{
    position: relative;
}
.menu-picto{
    padding: 2px 2px;
}
.socialNetwork-footer img{
    filter: brightness(100);
    height: 30px;
}
.custom-form-filter{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.category-filter{
    border-bottom: none!important;
}
.btn-back-category{
    width: 36px;
    height: 36px;
}
.categoryDescription{
    padding: 16px 21px 40px 21px;
}
.categoryDescription a {
    color: #95C11F;
}
/*.frequencyQuestion-container .frequencyQuestion{*/
/*    border: ;*/
/*}*/
#container-faqCategory .pageBlocProduct_link{
    margin-top: 20px;
    margin-bottom: 20px;
    width:130px;
    height: 130px;
}
.product-info-link span:first-child{
    font-size:16px;
    font-weight: 600;
}
.product-info-link span:last-child{
    font-weight: 500;
}
.dropdown-toggle.dropdown-toggle-split{
    white-space: inherit;
}
.shortDescription{
    font-weight: normal;
    font-size: 14px;
}
#close-menu{
    cursor: pointer;
    padding:0;
}
#js-desktop-infos{
    height : auto;
}
#js-productAddItemOrder{
    margin-top:10px;
}
.search_query{
    height :50px;
}
.custom-control-label{
    padding-top: 0.13rem;
}
.text-black {
    color: black;
}
.link-no-decoration-hover:hover{
    text-decoration: none;
}
.shortDescription a {
    color: #95C11F;
}
.shortDescription a:hover{
    color: #95C11F;
}
.contact-social-network-logo{
    width: 36px;
    height: 36px;
    border-radius: 2px;
}
.no-interaction{
    cursor: unset!important;
}
.no-interaction:hover{
    color: #95C11F;
    background-color:white;
}
.responsive-link-navbar{
    position: absolute;
    z-index: 3;
    height: 36px;
}
.pageBlocProduct_link{
    width: -webkit-fill-available;
    width: -moz-available;
    text-decoration: none!important;
}

#account-advantage{
    background-color: #F5F5F5;
    padding: 16px;
    font-size:17px;
    font-weight:600;
}
#account-advantage li{
    margin: 16px 0;
    display: flex;
    align-items: center;

}
#account-advantage .btn-back{
    background-color: #95C11F;
    margin-right: 10px;
}
#container-register{
    font-weight: 600;
}
@media (max-width: 1533px)
{
    .my-lg-2{
        margin-top: 35px!important;
        color: black;
    }
}
.my-lg-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
@media (max-width: 1367px) {
    /*    .home-univers-card .home-univers-card-border {*/
    /*        border-color: #fff !important;*/
    /*        background: rgba(59, 54, 50, 0.5) !important;*/
    /*    }*/

    .category .category-hover {
        border: 4px solid #FFFFFF;
        background: rgba(59, 54, 50, .5);
    }
    #container-faq .card-hover span {
        border: 4px solid #FFFFFF;
        background: rgba(59, 54, 50, 0.5);
    }
    .frequencyQuestion .article-show a {
        display: inline;
        font-weight: bold;
        text-decoration: underline;
    }

    .min-w-36 {
        min-width: 36px;
    }
    .max-h-90-vh {
        max-height: 90vh;
    }

    @media (min-width: 991px) and (max-width: 1200px) {
        #site-header-menu .nav-link {
            font-size: 15px;
        }
    }
    /*.article-show.text ul{*/
    /*    padding-left: 0;*/
    /*}*/
    .modal-product-carousel-image {
        max-width: fit-content;
    }

    #carousel-modal-product .carousel-control {
        opacity: 1;
    }
    #galleryType-mobile-carousel .carousel-control {
        opacity: 1;
    }
    #carousel-modal-product .custom-modal-control {
        background-color: #95C11F;
        padding: 5px;
        width: 35px;
        height: 35px;
    }
    .article-content {
        text-align: center;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        line-height: 22px;
    }
}
#site-header-menu{
    flex-wrap: nowrap;
}

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