pre{text-align:left}
input:focus::-webkit-input-placeholder{color: transparent;}

/* ************************* font pour games ****************** */
@font-face{font-family:'BarlowR'; font-weight:500; font-style:normal; src: url('Barlow-Regular.ttf') format('truetype'); }
@font-face{font-family:'BarlowM'; font-weight:500; font-style:normal; src: url('Barlow-Medium.ttf') format('truetype'); }
@font-face{font-family:'BarlowB'; font-weight:500; font-style:normal; src: url('Barlow-Bold.ttf') format('truetype'); }
/* *************  fin font pour games  ************   */

/* XXL */
@media (min-width:1366px){
.container{max-width:1366px}
.col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-xxl-first{-ms-flex-order:-1;order:-1}.order-xxl-last{-ms-flex-order:13;order:13}
.order-xxl-0{-ms-flex-order:0;order:0}.order-xxl-1{-ms-flex-order:1;order:1}.order-xxl-2{-ms-flex-order:2;order:2}.order-xxl-3{-ms-flex-order:3;order:3}.order-xxl-4{-ms-flex-order:4;order:4}.order-xxl-5{-ms-flex-order:5;order:5}.order-xxl-6{-ms-flex-order:6;order:6}.order-xxl-7{-ms-flex-order:7;order:7}.order-xxl-8{-ms-flex-order:8;order:8}.order-xxl-9{-ms-flex-order:9;order:9}.order-xxl-10{-ms-flex-order:10;order:10}.order-xxl-11{-ms-flex-order:11;order:11}.order-xxl-12{-ms-flex-order:12;order:12}
.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.333333%}.offset-xxl-2{margin-left:16.666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.333333%}.offset-xxl-5{margin-left:41.666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.333333%}.offset-xxl-8{margin-left:66.666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.333333%}.offset-xxl-11{margin-left:91.666667%}
}

/* XXXL */
@media (min-width:1680px){
.container{max-width:1680px}
.col-xxxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xxxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xxxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xxxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xxxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xxxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xxxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xxxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xxxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xxxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xxxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.order-xxxl-first{-ms-flex-order:-1;order:-1}
.order-xxxl-last{-ms-flex-order:13;order:13}
.order-xxxl-0{-ms-flex-order:0;order:0}.order-xxxl-1{-ms-flex-order:1;order:1}.order-xxxl-2{-ms-flex-order:2;order:2}.order-xxxl-3{-ms-flex-order:3;order:3}.order-xxxl-4{-ms-flex-order:4;order:4}.order-xxxl-5{-ms-flex-order:5;order:5}.order-xxxl-6{-ms-flex-order:6;order:6}.order-xxxl-7{-ms-flex-order:7;order:7}.order-xxxl-8{-ms-flex-order:8;order:8}.order-xxxl-9{-ms-flex-order:9;order:9}.order-xxxl-10{-ms-flex-order:10;order:10}.order-xxxl-11{-ms-flex-order:11;order:11}.order-xxxl-12{-ms-flex-order:12;order:12}
.offset-xxxl-0{margin-left:0}.offset-xxxl-1{margin-left:8.333333%}.offset-xxxl-2{margin-left:16.666667%}.offset-xxxl-3{margin-left:25%}.offset-xxxl-4{margin-left:33.333333%}.offset-xxxl-5{margin-left:41.666667%}.offset-xxxl-6{margin-left:50%}.offset-xxxl-7{margin-left:58.333333%}.offset-xxxl-8{margin-left:66.666667%}.offset-xxxl-9{margin-left:75%}.offset-xxxl-10{margin-left:83.333333%}.offset-xxxl-11{margin-left:91.666667%}
}

*:not(.btn) > .fa-file-pdf{color:red}



.alert-success{background:#fff;color:#333;border:none;border-bottom:1px solid #333}

.custom-control-input:checked~.custom-control-label::before{border-color:#e2001a;background-color:#e2001a}
.custom-control-input:focus~.custom-control-label::before{box-shadow:none}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important}

::selection{/* Pour les autres */background:#333 none repeat scroll 0 0;color:#fff}
.custom-file-input:focus~.custom-file-label{border:1px solid #ced4da}
.custom-file-input:focus~.custom-file-label,
*:focus{outline:none !important;box-shadow:none !important}
.btn:focus{border-color:transparent !important}
.form-control, .form-control:focus{border:1px solid #fff !important;box-shadow:none !important}
.text-primary, .text-primary2, .text-primary3{color:#333 !important}
a.text-primary, a.text-primary2, a.text-primary3{ text-decoration:none;}
 a.text-primary:hover, a.text-primary2:hover, a.text-primary3:hover{ color:#666 !important; text-decoration:none; font-weight:600;}
h5.text-primary, h5.text-primary2 { margin-top:5px; font-size:1.15rem !important;}
h5.text-primary3 { margin-top:5px; font-size:1rem !important;}
.commandeP { padding-bottom: 4px; font-size: 1rem; background-color: #efefef; }
.input-group{border:1px solid #ccc}
.input-group-text{background-color:#333;color:#fff}
.input-group-text i{color:#fff}
.badge{border-radius:0}
.btn, .modal-content, .form-control, .input-group-text,.card, .card-img-top, .breadcrumb, .dropdown-menu, .custom-file-label, .custom-file-label::after{border-radius:0}
.btn{cursor:pointer}
img[alt]{ font-size:7px; line-height:7px; }

.custom-file-input, .custom-file-label{cursor:pointer}

.form-control-input{padding:3px}
.form-check-label{padding:3px}

.card-header{font-size:16px}

.btn-white{background-color:#fff}
.btn-primary,.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{border:none;background-color:#e2001a;color:#fff !important;box-shadow:none}
.stepwizard-step .primaryBD{ font-weight: 600;}
.btn-secondary{background:#333;color:#fff}
button:focus{outline:none}
.btn.focus, .btn:focus{box-shadow:none}

.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}

.dropdown-menu{margin-top:0;border-color:#ddd}
.dropdown-item.active, .dropdown-item:active{background:#333;color:#fff}
#site_contenu{margin-bottom:10px; margin-top:15px; padding:0;min-height:350px}
.sticky #site_contenu{}
#site_contenu .brand_univers img{max-width:max-content;max-height:max-content}
#ajax_contenu{min-height:350px;background:#fff}
/*#ajax_contenu *{float:inherit !important}*/

.alert{border-radius:0;font-size:14px}
.list-group-item{border-radius:0 !important;padding:0.2rem;margin:0.2rem 0;border:none}
a.disabled{cursor:default}

.table th{font-weight:normal;text-transform:uppercase}
.table tbody th, .table tbody td{border-top:none;border-bottom:1px solid #dee2e6}

.color-qama, .color-qama:before, .color-qama:hover{color:#e2001a !important}
.colorContact, a.colorContact, .colorContact:before, .colorContact:hover{color:#e2001a !important; font-size:14px; line-height:15px; display:inline-block; }
a.colorContact { text-decoration: none; }
.background-qama{background-color:#e2001a !important;color:#fff !important}
.border-qama{border-color:#e2001a !important}

h1{font-size:2rem}
h1.color-qama{font-size:1.7rem}
h2{font-size:1.5rem}
#home_partenaires h2{ float: left; margin-right: 40px;}
.partners {float:none; min-height:45px; min-width:209px; width:100%; } 
.partners .btn a, partners .btn a:hover{color:#FFF; text-decoration:none; font-size:17px }

.btn-more_arrow{border:none;font-size:15px;margin-top:10px;text-transform:uppercase;font-weight:700;text-align:left;padding:8px !important;position:relative;display:inline-block !important;width:100%;cursor:pointer}
.btn-more_arrow i{position:absolute;top:13px;right:10px}
#basket_devis{position:relative;display:inline-block;text-align:left;width:100%}
#basket_devis i{position:absolute;top:13px;right:10px}
/*.btn-more_arrow:after{content:"";background:no-repeat top left;width:26px;height:16px;position:absolute;top:12px;right:10px;background-image:url(/v2/acbat/img/arrow_white.png)}*/
.btn-more_arrow:hover{text-decoration:none}
.btn-more_arrow:hover{color:#333}

.btn-more_arrow.black{background:#ddd}
.btn-more_arrow.black:after{background-image:url(/v2/acbat/img/arrow_black.png)}

.btn-more_arrow.white{background:#e77618;color:#fff}
.btn-more_arrow.white:after{background-image:url(/v2/acbat/img/arrow_white.png)}

.color_stock{color:#9bb702}
.color_stock:before{background:url(/v2/acbat/img/picto_stock.png) no-repeat}
.color_stock_commande{color:#239cd7}
.color_stock_commande:before{background:url(/v2/acbat/img/picto_sur_commande.png) no-repeat}
.color_stock_epuisement{color:#bc2026}
.color_stock_epuisement:before{background:url(/v2/acbat/img/picto_epuisement.png) no-repeat}
.color_stock_reappro{color:#ffbf0f}
.color_stock_reappro:before{background:url(/v2/acbat/img/picto_reappro.png) no-repeat}
.color_stock_commande_stock{color:#373737}
.color_stock_commande_stock:before{background:url(/v2/acbat/img/picto_commande_stock.png) no-repeat}

.thead{background:#333;padding:10px 0;color:#fff}
.tbody{}
.tbody .tr{border-bottom:1px solid #dee2e6;/*height:110px*/}
.tbody .tr:nth-child(odd){background:#f5f5f5}
.tbody .tr:nth-child(even){background:#fff}
/*.tbody .tr > *{display:table-cell}*/

body{position:relative;font-size:100%;font-family:'Barlow', sans-serif}
a, a:hover{color:#888;}   /* color:#333*/

.nav-link{padding:0.5rem}
.bg_grey_dark{
	background: #DDD; margin-top:10px;
}
.bg_blue{
	background:#006298;
	padding-top:15px;
	color:#FFF;
}
.bg_blue a,
.bg_blue .label{
	color:#FFF;
}
.bg_blue .btn-yellow{
	color:#333!important;
	background: #F9BD06;
}
#bg_mask_recherche{display:none;background:rgba(0,0,0,0.3);width:100%;height:calc(100% - 135px);z-index:20;position:absolute;top:120px;left:0}
#bg_mask_menu{display:none;background:rgba(0,0,0,0.3);width:100%;height:calc(100% - 230px);z-index:10;position:absolute;top:205px;left:0}
.bg_grey{background:#f5f5f5;}
.bg_grey_white{background:#f5f5f5}

#url_cat{display:none}

#header{padding:15px 0;z-index:25;width:100%;position:-webkit-sticky;position:sticky;top:0;margin-bottom:35px}
#header #header_logo{}
#header #header_txt{color:#fff;font-size:16px}
#header #header_logo #header_logo_img{position:absolute;top:-8px;left:15px;transition:all 0.3s ease;height:120px;z-index:20}
#header #header_logo .header_logo_img{position:absolute;top:-8px;left:15px;transition:all 0.3s ease;height:120px;z-index:20}

#header .container{position:relative}
#header #header_recherche{height:60px;position:initial;font-family:'Barlow Semi Condensed', sans-serif}
#header #header_recherche .input_recherche_texte{height:60px;padding:10px;border-right:0px;z-index:0;font-size:18px}
#header #header_recherche .input_recherche_texte:focus{border-color:#333}
#header #header_recherche #input_form_recherche_txt{height:60px;padding:10px;border-right:0px;z-index:0;font-size:18px}
#header #header_recherche #input_form_recherche_txt:focus{border-color:#333}

.th_commande_rapide{background:#333;color:#fff;padding:5px 0;text-transform:uppercase}
.tr_commande_rapide{vertical-align:middle;padding:5px 0;border-top:1px solid #dee2e6}
.tr_commande_rapide:nth-child(even){background: #f5f5f5}
.tr_commande_rapide input{padding:.375rem .15rem;width:100%;margin:0}
.tr_commande_rapide .rapide_infos{line-height:18px}

.btn_commande_rapide_qte{background-color:#eee;color:#333;font-weight:700;border:none;text-align:center;width:60px;height:60px;display:inline-block;padding:20px 15px	}
.referency_quantity{text-align:center;width:60px;height:60px;display:inline-block;margin-left:-3px;padding:5px}
.referencies .referency_quantity{width:55px;height:40px}
.referency_quantity, .referency_quantity:focus{color:#333;background:#fff;border:1px solid #eee !important}
td .form-control, td .form-control:focus{border:1px solid #eee !important;background:#fff !important}
#show_referencies{text-transform:uppercase}

.add_in_basket{background-color:#e2001a;color:#fff;font-weight:700;width:60px;height:60px;padding:9px 0}
.add_in_devis{background-color:#3399cc;color:#fff;font-weight:700;width:60px;height:60px;padding:9px 0}

#form_recherche .input-group-append{z-index:0}
#form_recherche #form_recherche_submit{padding:1px 9px;background:#ddd}
#header .recherche_resultats{display:none;background:#fff;box-shadow:0 0 10px #333;height:auto;padding:10px 20px}
.recherche_resultats .resultats_titre{color:#e2001a;font-size:17px;text-transform:uppercase;font-weight:700;text-align:left}
.recherche_resultats .resultats_titre .titre_infos{color:#777;font-size:11px}
.recherche_resultats #recherche_resultats_products .list-group-item a{display:table;overflow:hidden;width:100%;height:70px}
.recherche_resultats .list-group{border:none}
.recherche_resultats .list-group .list-group-item{padding:3px 2px;margin:0;border:none;border-radius:0;text-align:left;color:#666;background:none;font-size:16px}
.recherche_resultats .list-group .list-group-item.active{background:none}
.recherche_resultats .search_bold{font-family:'Barlow Condensed';font-weight:700}
.recherche_resultats > .row, .recherche_resultats > .row > *{}
/*.recherche_resultats .row .btn-more_arrow{position:absolute;bottom:0;left:15px;width:calc(100% - 30px)}*/
.recherche_resultats #recherche_commande_rapide{position:absolute;top:-75px;left:26.6%;height:60px;width:180px;z-index:2}
.recherche_resultats #recherche_commande_rapide *{vertical-align:top}
.recherche_resultats #recherche_commande_rapide .add_in_basket{margin-left:-3px}
.recherche_resultats #form_recherche_achat_rapide{padding:9px 13px}
.recherche_resultats #recherche_commande_rapide_txt{display:grid}
.recherche_marque_infos a{display:table-cell;vertical-align:middle;line-height:15px;height:60px;color:#aaa;font-style:italic}
.recherche_marque_infos a:hover{text-decoration:none;color:#333}
.recherche_marque_categories{margin-left:10px}
.recherche_vign{margin-right:10px;width:70px;height:70px;text-align:left;display:inline-block}
.recherche_vign img{width:auto;height:auto;max-width:70px;max-height:70px}
.recherche_item_label{display:table-cell;vertical-align:middle;width:100%;line-height:18px}
.recherche_vign .fa-image{font-size:70px;color:#ccc}
.delete_rapide{cursor:pointer}

.recherche_resultats .fiche_produit{text-align:left;color:rgb(119, 119, 119);font-size:15px;position:relative}
.recherche_resultats .fiche_produit_image_div{display:grid;text-align:center}
.recherche_resultats .fiche_produit_image{height:auto;width:auto;max-width:100%;margin:auto}
.recherche_resultats .fiche_produit_titre{text-align:left;text-transform:uppercase;margin-bottom:10px;width:calc(100% - 75px)}
.recherche_resultats .fiche_produit_reference{margin-bottom:10px}
.recherche_resultats .fiche_produit_marque_image{position:absolute;top:10px;right:10px;width:90px}
.recherche_resultats .fiche_produit_marque_image img{width:100%;height:auto}
.recherche_resultats .fiche_produit_options{margin-bottom:10px;max-height:220px;overflow:hidden}
.fiche_produit_options{list-style:none;padding:0}
.fiche_produit_options li{margin:0px;padding:0px}
.fiche_produit_options li::before{color:#555;content:"\25AA";margin-right:5px}
.recherche_resultats .fiche_produit_titre_nom{color:#e2001a;font-size:30px}
.recherche_resultats .fiche_produit_titre_marque{font-size:17px}
.recherche_resultats .fiche_produit_reference_infos{color:rgb(0, 0, 0);font-size:17px}
.recherche_resultats .fiche_produit_favoris{cursor:pointer;margin-top:-10px}
.recherche_resultats .fiche_produit_lien{color:rgb(0, 0, 0);text-transform:uppercase}
.recherche_resultats .fiche_produit_infos_more{position:initial}
.recherche_resultats .fiche_produit_dispo_titre, .fiche_produit_prix_titre, .fiche_produit_prix_titre{text-transform:uppercase}
.recherche_resultats .big_price{font-size:46px;line-height:14px}
.recherche_resultats .little_price{font-size:24px;line-height:14px}
.fiche_produit_dispo_infos{position:relative;padding-left:25px;margin-bottom:25px}
.fiche_produit_dispo_infos::before{width:18px;height:16px;content:"";position:absolute;top:4px;left:3px}
#referencies .fiche_produit_dispo_infos::before{top:-7px}
.recherche_resultats .fiche_produit_prix{color:#e2001a;font-size:45px;line-height:35px}
.recherche_resultats .fiche_produit_action{margin-top:35px}
.recherche_resultats .fiche_produit_action *{vertical-align:top}
.recherche_resultats .fiche_produit_action .add_in_basket{margin:0px 0.7vw}
.recherche_resultats .btn-more_arrow{/*position:absolute;bottom:0;left:0*/}

#header .recherche_resultats .surligne{color:#333;font-weight:700}

.recherche_pub{padding:15px 5px;margin-bottom:20px;background:#f5f5f5}
.recherche_pub_img{}

.zone_recherche{position:fixed;top:130px;width:100%;height:calc(100% - 150px);z-index:1090;overflow:auto;display:none}

.recherche_resultats{background:#fff;box-shadow:0 0 10px #333;height:100%;min-height:370px;padding:10px 20px;overflow:auto}

.recherche_outils{margin-top:10px;text-align:left}
.recherche_outils .resultats_titre{margin-bottom:10px}
.recherche_outils img{width:100%;max-width:max-content}

#header #header_menu_utilisateur{}
#header #header_menu_utilisateur .utilisateur_picto{text-align:center;cursor:pointer;color:#fff}
#header #header_menu_utilisateur .utilisateur_picto i{font-size:40px}
#header #header_menu_utilisateur .utilisateur_picto img{display:inline-block;text-align:center}
#header #header_menu_utilisateur .utilisateur_picto .title{color:#333;font-size:0.85rem;display:block}
#header #header_menu_utilisateur .utilisateur_picto:hover{text-decoration:none;color:#fff}

.popover_user{position:relative}
.popover_user:hover #popover_utilisateur{display:inline-block}
#popover_utilisateur{display:none;position:absolute;width:220px;top:60px;left:-20px;background:#333;border-color:#eee;text-align:left;border-radius:0;padding:0}
#popover_utilisateur a{color:#fff}
#popover_utilisateur a:hover{background:#444}
#popover_utilisateur .disconnect{background:#555;text-align:center}
#popover_utilisateur .disconnect a{color:#fff;text-transform:uppercase}

.menu_devis, .menu_panier{position:relative;display:inline-block}
.menu_devis .badge, .menu_panier .badge{position:absolute;top:-10px;right:-10px;background-color:#e2001a;color:#fff;border-radius:15px;font-size:0.8rem;padding:5px;width:25px}

#site_menu{position:-webkit-sticky;position:sticky;top:80px;z-index:20;background-color:#152831;width:100%;box-shadow: 0px 4px 8px #aaa;}
#site_menu .navbar{position:relative}
#menu_principal{font-weight:700}
#menu_principal .navbar-nav{width:100%}
#menu_principal br{content:" ";margin-right:5px}

.nav_item-univers .sous_menu{display:inline-block;border-top:4px solid;position:absolute;top:44px;left:15px;width:100%;height:0;max-height:0;background:#f5f5f5;z-index:10;visibility:hidden;opacity:0}
.nav_item-univers.show .sous_menu {visibility:visible;opacity:1;height:430px;max-height:430px;transition:0.2s ease 0.2s}

.nav_link-univers{text-align:center;text-transform:uppercase;font-weight:600;font-family:'Barlow Semi Condensed', sans-serif;color:#EEE;position:relative;padding:8px !important;font-size:19px}
.nav_link-1, .nav_link-2, .nav_link-3{font-family:'Barlow', sans-serif;color:#eee}
.nav_link-1.active, .nav_link-1:hover{font-weight:700;color:#efefef }
.nav_link-univers a, .nav_link-1.active a, .nav_link-1.active a:hover, .nav_link-univers a:hover, .nav_link a:hover{font-weight:700;color:#efefef !important }

.sticky #header{padding:10px 0;margin-bottom:0px;}
.sticky.guideo #header{padding:10px 0;margin-bottom:0px; border-bottom:1px solid #DDDDDD; height:64px;}
.sticky #header #header_logo{height:40px}
.sticky #header #header_logo #header_logo_img{height:100%;top:0;left:50px}
.sticky #header #header_logo .header_logo_img{height:100%;top:0;left:50px}
.sticky .menu_devis .badge, .sticky .menu_panier .badge{top:-5px}
.sticky .zone_recherche{top:80px}
.sticky #bg_mask_menu{top:260px}
.sticky #site_menu{} 

/******************************Drop-down menu work on hover**********************************/
#menu_principal .dropdown, #menu_principal .dropdown-menu2 li{position:static !important}
.nav_item-univers > a:before{content:"";position:absolute;bottom:0;left:0;width:30%;height:0;margin:0 35%;display:inline-block;border:none;transition:0.2s height ease}
.nav_item-univers:hover > a:before, .nav_item-univers.active > a:before{height:6px}
#mainmenu .dropdown-toggle:after{display:none !important}
#mainmenu{background:none;border:0 solid;margin:0;padding:0;min-height:30px;width:100%}

.nav_link-univers + .sous_menu > ul > li.dropdown:nth-child(3) > ul.sous_menu-2,
.nav_link-univers + .sous_menu > ul > li.dropdown:nth-child(3) > .row,.nav_link-univers + .sous_menu > ul > li.dropdown:nth-child(3) > .row ul{display:inline-block !important}
/******************************Drop-down menu work on hover**********************************/
#mainmenu .dropdown-menu2{border:none;list-style:none}
#mainmenu .collapse .sous_menu .sous_menu-1{background:#eee;border:none;height:100%;padding:10px 0 10px 20px}
#mainmenu .collapse .sous_menu .sous_menu-1 li a{color:#333;text-transform:uppercase}
#mainmenu .collapse .sous_menu .sous_menu-2{background:#f5f5f5;min-height:100%;height:auto;list-style:none;padding:10px 0 10px 20px;left:100%}
#mainmenu .collapse .sous_menu .sous_menu-2 li a{color:#000;font-size:15px}
#mainmenu .collapse .sous_menu .sous_menu-3{list-style:none;padding:10px 0 10px 10px;margin:0;float:left;left:100%}
#mainmenu .collapse .sous_menu .sous_menu-3 li a, #mainmenu .collapse .sous_menu .row .sous_menu-2 li a{padding:2px 5px;text-transform:initial}

.nav_link-univers:hover + .sous_menu > ul > li:nth-child(3) > a, .sous_menu ul > li:hover > a{background: #ddd}

#mainmenu .dropdown-menu2{border:none;list-style:none}
#mainmenu .collapse .sous_menu .sous_menu-1{background:#eee;border:none;height:100%;padding:10px 0 10px 20px}
#mainmenu .collapse .sous_menu .sous_menu-1 li a{color:#333;text-transform:uppercase}
#mainmenu .collapse .sous_menu .sous_menu-2{background:#f5f5f5;height:100%;list-style:none;padding:10px 0 10px 20px;left:100%}
#mainmenu .collapse .sous_menu .sous_menu-2 li a{color:#000;font-size:15px}
#mainmenu .collapse .sous_menu .sous_menu-3{list-style:none;padding:10px 0 10px 10px;margin:0;float:left;left:100%}
#mainmenu .collapse .sous_menu .sous_menu-3 li a, #mainmenu .collapse .sous_menu .row .sous_menu-2 li a{padding:2px 5px;text-transform:initial}

#sous_menu_10858 > a.dropdown-toggle:before{background:#127d8c}
#sous_menu_10858 > .sous_menu{border-color:#127d8c}
#sous_menu_10858 .sous_menu ul > li:hover > a,
#sous_menu_10858 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(3) > a{background:#127d8c;color:#fff !important}
#sous_menu_10858 ul.sous_menu-3 li:hover > a{color:#127d8c !important;background:none}

#sous_menu_10859 > a.dropdown-toggle:before{background:#65b445}
#sous_menu_10859 > .sous_menu{border-color:#65b445}
#sous_menu_10859 .sous_menu ul > li:hover > a,
#sous_menu_10859 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(3) > a{background:#65b445;color:#fff !important}
#sous_menu_10859 ul.sous_menu-3 li:hover > a{color:#65b445 !important;background:none}

#sous_menu_10860 > a.dropdown-toggle:before{background:#ec6472}
#sous_menu_10860 > .sous_menu{border-color:#ec6472}
#sous_menu_10860 .sous_menu ul > li:hover > a,
#sous_menu_10860 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(3) > a{background:#ec6472;color:#fff !important}
#sous_menu_10860 ul.sous_menu-3 li:hover > a{color:#ec6472 !important;background:none}

#sous_menu_10861 > a.dropdown-toggle:before{background:#aa1817}
#sous_menu_10861 > .sous_menu{border-color:#aa1817}
#sous_menu_10861 .sous_menu ul > li:hover > a,
#sous_menu_10861 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(3) > a{background:#aa1817;color:#fff !important}
#sous_menu_10861 ul.sous_menu-3 li:hover > a{color:#aa1817 !important;background:none}

#sous_menu_10862 > a.dropdown-toggle:before{background:#ef752b}
#sous_menu_10862 > .sous_menu, #sous_menu_10863 > .sous_menu{border-color:#ef752b}
#sous_menu_10862 .sous_menu ul > li:hover > a, #sous_menu_10863 .sous_menu ul > li:hover > a,
#sous_menu_10862 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(3) > a, #sous_menu_10863 > a.dropdown-toggle:before{background:#ef752b;color:#fff !important}
#sous_menu_10862 ul.sous_menu-3 li:hover > a, #sous_menu_10863 ul.sous_menu-3 li:hover > a{color:#ef752b !important;background:none}

#sous_menu_10864 > a.dropdown-toggle:before{background:#ecae00}
#sous_menu_10864 > .sous_menu{border-color:#ecae00}
#sous_menu_10864 .sous_menu ul > li:hover > a,
#sous_menu_10864 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(3) > a{background:#ecae00;color:#fff !important}
#sous_menu_10864 ul.sous_menu-3 li:hover > a{color:#ecae00 !important;background:none}

.site_accroche{height:0px;width:100%;margin:0;padding:0px;text-transform:uppercase;margin-bottom:0px;line-height:16px;background-color:#fff;}
.site_accroche h1{text-align:left;color:#333;font-size:16px;margin:0 auto}
.site_accroche.mobile{font-size:0.6rem;height:30px;padding:5px;text-align:center}
.navbar-brand img{width:110px}

.panel_left, .panel_right{margin-bottom:15px}
.compteSubTitle{font-weight:bold; color:#666; font-size:14px;}
.compteSubTitle2{font-weight:bold; color:#666; font-size:14px; margin-top:5px;}
.compteDeliTxt{ font-size:13px; line-height: 16px; margin:8px 0px 0px -30px;}

.carousel-control-prev, .carousel-control-next{width:40px;height:40px;border:1px solid #333;color:#333}
.carousel-control-prev:hover, .carousel-control-next:hover{color:#333}
.carousel-control-prev{left:inherit;right:40px;top:0}
.carousel-control-next{top:0;right:0}
.carousel-indicators{width:100%;margin:0;bottom:-5px;z-index:0;display:none}
.carousel-indicators li{background-color:#333;height:5px;width:20%;opacity:0.5}
.carousel-indicators li.active, .carousel-indicators li:hover{background-color:#333;opacity:1}

.modal .carousel-control-prev, .modal .carousel-control-next{border:none}

.modal h2{font-size:18px}
.modal .form-control{border:1px solid #dee2e6 !important}
.modal #commande_rapide_table input.form-control{height:37px}
.modal-footer .btn{font-size:13px}
.modal-footer .btn a{color:#fff;text-decoration:none;}
.modal td{padding:.1rem .75rem}
.table-striped tbody tr:nth-of-type(odd){background:#f5f5f5}
.modal .input-group-text{background:#333}
.modal .input-group-text i{color:#eee}

.modal#panierpopup{z-index:1200}

.titre{font-size:24px;line-height:17px;text-transform:uppercase;color:#333;margin:0 0 10px}
.titreFav{font-size:20px;line-height:17px;text-transform:uppercase;color:#333;margin:0 0 10px}
.panel_left .titre{padding:10px;font-size:13px;font-size:18px}
.titre_deco .titre_deco_border{background:#e2001a;border-radius:3px;height:3px;margin-top:5px}
.titre_deco .titre_deco_arrow{width:0px;height:0px;margin:auto;border-left:5px solid transparent;border-right:5px solid transparent;border-top:4px solid #e2001a}
.panel_left .titre_deco_border{background:#ccc}
.panel_left .titre_deco_arrow{border-top-color:#ccc}

/*Vignettes*/
.priceHeart{color:#fff !important;background-color:#cb4e44 !important}
.priceBest{color:#fff !important;background-color:#a03187 !important}
.priceNews{color:#333 !important;background-color:#c1c90e !important}
.priceFirst{color:#333 !important;background-color:#fba700 !important}
.priceSoldes{color:#fff;background-color:#10c3ef !important}


.carousel-indicators{width:100%;margin:0;bottom:-5px}
.carousel-indicators li{background:#e2001a;opacity:0.3}
.carousel-indicators .active{background:#e2001a;opacity:1}
.carousel-control-prev, .carousel-control-next{color:#e2001a;font-size:40px}
.carousel-control-prev:focus, .carousel-control-next:focus, .carousel-control-prev:hover, .carousel-control-next:hover{color:#e2001a;opacity:1}

/*Onglets*/
.nav-tabs .nav-link{border:1px solid #e9ecef;text-transform:uppercase;font-size:14px}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{color:#efefef;background:#666}

/*Fil d'ariane*/
/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.breadcrumb_indexation .dropdown-menu .dropdown-item:active{background:#f8f9fa}
.breadcrumb_indexation{width:100%;background:#CCC;margin-bottom:10px;position:-webkit-sticky;position:sticky;top:124px;z-index:9;border-top:9px solid #fff;border-bottom:1px solid #ddd !important} /*background:#f5f5f5;*/
.dropdown-toggle::after{border-right: .3em solid transparent !important;border-left: .3em solid transparent !important}
.btn-breadcrumb .btn.btn-default:not(:last-child):after {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid #f5f5f5;position: absolute;top: 50%;margin-top: -17px;left: 100%;z-index: 3}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {content: " ";display: block;width: 0;height: 0;border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-left: 10px solid rgb(173, 173, 173);position: absolute;top: 50%;margin-top: -17px;margin-left: 1px;left: 100%;z-index: 3}
.btn-breadcrumb .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {margin-left: 0px}
.btn-breadcrumb .btn {border:none;font-family:'Barlow Semi Condensed';font-weight:600;padding:6px 12px 6px 24px}
.btn:before, .btn:after{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px}
.btn-breadcrumb .btn:not(.btn-default):last-child {padding:0 0 0 24px;z-index:2}
.btn-breadcrumb .btn:last-child > a{padding:6px 0}
.btn-breadcrumb .btn:last-child > .dropdown-toggle{padding:0 5px;margin-left:5px;background:#999}
.btn-breadcrumb .btn:last-child > .dropdown-toggle:hover{background:#ebebeb}
.btn-breadcrumb .btn:last-child > .dropdown-menu{padding:0;max-height:150px;overflow:auto}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {border-left: 10px solid #CCC}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {border-left: 10px solid #EEE}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {border-left: 10px solid #ebebeb}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child){background:#ebebeb}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {border-left: 10px solid #adadad}
.btn-breadcrumb .btn-default a:hover{text-decoration:none !important; color:#644 !important}

/* The responsive part */
.btn-breadcrumb .btn-default span {/* With less: .text-overflow(); */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block}
.btn-breadcrumb .btn-default:not(.btn-ellipsis):nth-child(n+1), .btn-ellipsis{display:none}

/* === For phones =================================== */

@media (max-width: 500px) {
	.btn-ellipsis{display:block}
	.btn-breadcrumb .btn-default:not(.btn-ellipsis):nth-last-child(-n+2){display:block}
	.btn-breadcrumb .btn-default span {max-width: 140px}
}

@media (min-width: 501px) and (max-width: 767px) {
	.btn-ellipsis{display:block}
	.btn-breadcrumb .btn-default:not(.btn-ellipsis):nth-last-child(-n+3){display:block}
	.btn-breadcrumb .btn-default span {max-width: 140px}
}

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
	.btn-breadcrumb .btn-default:not(.btn-ellipsis):nth-last-child(-n+4) {display:block}
	.btn-breadcrumb .btn-default span {max-width: 160px}
}

/* === For desktops ================================== */
@media (min-width: 992px) {
	.btn-breadcrumb .btn-default:not(.btn-ellipsis):nth-last-child(-n+6) {display:block}
	.btn-breadcrumb .btn-default span {max-width: 180px}
}
/*FIN Fil d'ariane*/

.page-item .page-link{color:#e2001a}
.page-item.disabled .page-link{color:#333}
.page-item.active .page-link, .page-item:not(.disabled):hover .page-link{background:#e2001a;border-color:#e2001a;color:#fff}
.page-item:first-child .page-link, .page-item:last-child .page-link{border-radius:0}

.btn_to_up{cursor:pointer;font-size:13px;height:20px;margin:5px 0}
.btn_to_up *{vertical-align:middle}
.btn_to_up .fas{font-size:20px;margin-right:5px}

.left_bloc{margin-bottom:15px}
.left_bloc .list-group{max-height:150px;overflow:auto}
.left_bloc .list-group-item{border:none;padding:0;margin:0}
.left_bloc .list-group-item:not(.disabled){cursor:pointer}
.left_bloc .list-group-item.disabled{opacity:0.5}
.left_bloc .list-group-item .badge{background:none;color:#999;float:right}

.page_description{background:#f5f5f5;padding:5px 10px;margin-bottom:10px;border-top:4px solid #ddd}
.page_description h1{font-size:25px;text-align:left;display:inline-block;margin:0;padding:12px 0;color:#505050;line-height:23px;font-family:"Barlow Semi Condensed"}
.page_description h3{color:#f88729;margin-left: 20px;margin-bottom:0;font-family:'Barlow Semi Condensed', sans-serif;font-size:20px;font-weight:700}

.recherche_pub_desc{font-weight:700}

.spido_img img{width:100% !important}
.page_description h2{font-size:2em;font-family:"Barlow Semi Condensed"}
.page_description h4{font-size:1.2em;font-family:"Barlow Semi Condensed"}
.page_description .info_desc_univers{color:#000;align-self:center}

#categorie_filter_selected{background:#eaeaea}
#categorie_filter_selected .titre{font-size:14px;font-weight:600;height:40px;line-height:40px;padding:0 10px;text-align:left;text-transform:uppercase;color:#444;border-bottom:1px dashed #505050}
#categorie_filter_selected .list-group-item{padding:0 10px;background:transparent;font-size:12px}
#categorie_filter_selected .list-group-item .badge *{font-size:14px}
#categorie_filter_selected #filter_reset{border-top:1px dashed #505050;padding:10px 0;margin-top:10px}

.slider_libelle{font-size:12px}
.slider-range{margin:5px 9px;width:calc(100% - 21px);height:11px}
.slider-range, .slider-range .ui-slider-handle, #slider-price-range .ui-slider-range{border-radius:0}
.slider-range .ui-slider-handle, .slider-range .ui-slider-range{border-color:#ddd;background-color:#fafafa}
.slider-range .ui-slider-handle{cursor:pointer;width:8px;margin-left:-4px}
.slider-range .ui-slider-handle:hover{width:10px;margin-left:-5px}


/*Zone Ban Search*/
#ZoneBannSearch .btn-secondary:not(:disabled):not(.disabled).active,
#ZoneBannSearch .btn-secondary:not(:disabled):not(.disabled):active,
#ZoneBannSearch .show>.btn-secondary.dropdown-toggle{background:#fff;color:#505050;border-color:#ebebeb}
#ZoneBannSearch .dropdown-menu{padding:0;max-height:200px;overflow:auto;z-index:5}
#ZoneBannSearch .dropdown-toggle:hover{background:#f8f9fa}
#ZoneBannSearch .dropdown-item{padding:.25rem 1rem;cursor:pointer}
#ZoneBannSearch .dropdown-item.active .badge{color:#fff}
#ZoneBannSearch .dropdown-item .badge{background:none;color:#505050}

#ZoneBannSearch #listingFilter{}
#ZoneBannSearch .dropdown-filter.active .dropdown-toggle,
#ZoneBannSearch #listingFilter .dropdown-toggle{background:#333;color:#fff}
#ZoneBannSearch #listingFilter .dropdown-item i{padding-left:10px}
#ZoneBannSearch .btn-filter_reset, #ZoneBannSearch .btn-filter_reset:hover, #ZoneBannSearch .btn-filter_reset:focus{background-color:#fff;color:#333;border-color:#ebebeb}
#ZoneBannSearch .btn-filter_reset:hover{background:#f8f9fa}
#ZoneBannSearch .btn-filter_reset i{padding-left:5px}

#list_produits{margin:0 -10px}
#list_produits > div{padding:10px}
.pagination{justify-content:center;margin:10px 0}

#ZoneBannSearch{}
.dropdown-filter .btn{background:#fff;border-radius:0;border:1px solid #ebebeb;color:#505050}
.dropdown-filter .btn:focus{border:1px solid #ebebeb !important}
.dropdown-filter .btn.active, #ZoneBannSearch .btn:hover{}
.nb_products{display:block;margin:5px 0}

/* Nos marques */
#nos_marques{margin:30px 0}
.btn_anchor, .btn_anchor:hover{color:#e2001a}
.marque_bloc{padding:0}
#nos_marques h1{font-size:32px;color:#333;font-weight:600;line-height:35px;text-transform:uppercase;margin:10px 0 30px}
#nos_marques .card{height:200px;padding:10px;border:1px solid #f2f2f2}
#nos_marques .card:hover{border-color:#999}
#nos_marques .card-body{text-align:center}
#nos_marques .card-img-top{height:150px;background:none}
#nos_marques .card-img-top img{}
#nos_marques .card-link{font-size:11px;text-decoration:underline;color:#333;text-transform:uppercase}

#marques_initiale{background:#fafafa;margin-top:30px;padding:30px}
#marques_initiale .marque_initiale{color:#e2001a;font-size:15px;border-bottom:1px solid #e9e9e9;font-weight:bold;padding:10px 0}
#marques_initiale .list-group{border-top:1px solid #fff;padding-top:10px}
#marques_initiale .list-group-item{color:#666;text-decoration:none;font-size:11px;line-height:11px;border:none;padding:2px 0;background:none}
#marques_initiale .list-group-item:hover{background:none;text-decoration:underline}

/*Marque*/
.card-img-top{background:#eee;margin:0 auto; overflow:hidden;}
/* .boutique .info_title_univers,
.boutique .info_desc_univers{display:none} */
/* .boutique_hettich{background:url(/images/pub/acbat/habillage_hettich_brand.jpg) no-repeat top center;height:185px} */
/* .boutique_kessebohmer{background:url(/images/pub/acbat/habillage_kb_brand.jpg) no-repeat top center;height:185px} {display:none}*/


.panel_left .left_categorie_background{}
#categorie_rayons h3{font-size:15px;background:#333;color:#fff;padding:10px 5px}
#categorie_rayons > li{/*margin:5px 0;*/background:#f5f5f5}
.nav-item > .nav{margin:0}

.panel_left .titre, .nav-side-menu .titre{background:#333;color:#fff;font-size:15px;padding:10px;text-transform:uppercase;text-align:center}
.panel_left #listingCategories{width:100%}
.panel_left #listingCategories .titre{text-align:center;margin-bottom:0;padding:10px}
.panel_left #listingCategories a.titre{color:#fff;display:inline-block;width:100%}
.panel_left #listingCategories a.titre:hover{text-decoration:none}

.panel_left #categorie_rayons .nav-link{font-size:16px;font-family:"Barlow Semi Condensed";cursor:pointer}

.panel_left #categorie_rayons .level-0 {color:#fff}
.panel_left #categorie_rayons .level-0 > nav {margin-bottom: 10px}
.panel_left #categorie_rayons .level-0 > .nav-link .fas{color:#fff}
.panel_left #categorie_rayons .level-0 > .nav-link{text-transform:uppercase}
.panel_left #categorie_rayons .level-0.active, .panel_left #categorie_rayons .level-0:hover{color:#fff;background:#eee}
.panel_left #categorie_rayons .level-0.active .nav-link , .panel_left #categorie_rayons .level-0:hover > .nav-link{color:#e2001a}
.panel_left #categorie_rayons .level-0.active .nav-link .fas, .panel_left #categorie_rayons .nav-link:hover > .fas{color:#fff}
.panel_left #categorie_rayons .level-0.active .nav-link .fas:before{content:"\f0d7"}

.panel_left #categorie_rayons .nav-item .nav-item{}
.panel_left #categorie_rayons .nav-item .nav-item .nav-link{padding:0 0 0 10px;text-transform:initial;border:none}

.panel_left #categorie_rayons .level-1 .nav{background:#fff;margin:0px 5px 5px}
.panel_left #categorie_rayons .level-1 > .nav-link{color:#444;font-weight:600;padding:3px 10px !important}
.panel_left #categorie_rayons .level-1 > .nav-link.active, .panel_left #categorie_rayons .level-1 > .nav-link:hover{color:#e2001a;background:none}
.panel_left #categorie_rayons .level-1 > .nav-link.active{}

.panel_left #categorie_rayons .level-2 > .nav-link{color:#7c7c7c;background:none;font-weight:normal}
.panel_left #categorie_rayons .level-2 > .nav-link.active, .panel_left #categorie_rayons .level-2 > .nav-link:hover{color:#e2001a;background:none !important}
.panel_left #categorie_rayons .level-2 > .nav-link.active{text-decoration:underline}

.panel_left #categorie_rayons .level-3 > .nav-link{color:#9d9d9d;background:none}
.panel_left #categorie_rayons .level-3 > .nav-link.active, .panel_left #categorie_rayons .level-3 > .nav-link:hover{color:#e2001a;background:none !important}
.panel_left #categorie_rayons .level-3 > .nav-link.active{text-decoration:underline}
.panel_left #categorie_rayons .level-3 > .nav-link{font-weight:normal}

.panel_left #filter_active,
.panel_left #filter_option,
.panel_left #listingMarques{background:#333}

.panel_left#recherche_categorie_left .level-0,
.sub-menu.left_bloc{padding:5px}
#show_brands .filter_title{text-transform:uppercase}

.panel_left .level-0 > .nav-link,
.panel_left .level-0:hover > .nav-link,
.panel_left .level-0.active > .nav-link{color:#666 !important}
#marque_left #categorie_rayons .level-0 > .nav-link,
#marque_left #categorie_rayons .level-0.active > .nav-link,
#marque_left #categorie_rayons .level-0:hover > .nav-link{color:#666;}

.panel_left#recherche_categorie_left .level-1 .nav{background:none}
.panel_left#recherche_categorie_left .fa-times-circle{float:right}
.panel_left#recherche_categorie_left .fa-times-circle:hover{font-weight:600}
.panel_left#recherche_categorie_left .fa-times-circle:hover:before{content:"\f057"}

.vosRefCmd { font-size: 13px; color:#666; position: absolute; overflow-x:visible; margin-top:13px; text-transform:none;}

.brand{}
.brand_banner{margin:0 -15px}
.brand_banner img{width:100%;height:185px}
.title_marque:before{content:"";height:2px;position:absolute;top:12px;left:-16%;width:16%;background-color:#ccc}
.title_marque{margin:0 auto;width:75%;background:#fff;color:#333;font-weight:600;font-size:24px;text-transform:uppercase;text-align:center;position:relative}
.title_marque:after{content:"";height:2px;position:absolute;top:12px;right:-16%;width:16%;background-color:#ccc}
.brand_univers{position:relative;/*padding:5px 15px*/;margin-bottom:15px;height:calc(100% - 15px)}
.brand_univers .product_image img{height:100%}
.brand_univers h5{background:#333;opacity:0.75;font-size:14px;text-transform:uppercase;color:#fff;line-height:14px;padding:10px 0;font-weight:600;text-align:center;position:absolute;top:0;left:0;width:100%}
.brand_univers .card:hover h5{opacity:1}
.brand_univers .card-img-overlay h5{height:auto}
.brand_univers.card .card-body{padding:0}
.brand_univers p{margin:0}
.brand_univers .link{font-size:11px;line-height:23px;color:#505050;text-align:center;text-transform:uppercase;font-weight:700;text-decoration:underline}
.brand_univers:hover .link{text-decoration:none}
.brand_univers .nb_prod{font-size:12px;line-height:12px;color:gray;font-weight:400;text-align:center}

#marque_left .menuGaucheTitre{background:#ededed;border-color:#e2001a;color:#333}
#marque_left #listingCategories .titre{background:#fff;border:1px solid #f5f5f5;height:170px;display:flex}
#marque_left #listingCategories .titre > a{margin:auto}
#marque_left #listingCategories .titre img{width:100%}
#marque_left #listingCategories #show_categories{padding:5px}
.boutique #marque_left .menuGaucheTitre{background:#333;border-color:#333;color:#fff}

#marque_left #categorie_rayons .level-1.active .nav-link, #marque_left #categorie_rayons .level-1 > .nav-link:hover{color:#e2001a}
#marque_left #categorie_rayons .level-2.active .nav-link, #marque_left #categorie_rayons .level-2 > .nav-link:hover{color:#e2001a}
#marque_left #categorie_rayons .level-3.active .nav-link, #marque_left #categorie_rayons .level-3 > .nav-link:hover{color:#e2001a}

.marque_list_products .product_brand{display:none !important}

/*Categorie*/
#url_cat{display:none}
.title_categorie{font-size:25px;/*text-transform:uppercase;*/font-weight:600;line-height:25px;margin:8px 0}
.info_desc_univers{font-size:14px;color:#6c6c6c;padding-right:20px}

#menu_principal_mobile .level-0{border-left:5px solid #333}
#univers_spido .page_description{border:none}
#univers_spido .breadcrumb_indexation{border-color:#F08A36}
#univers_10858 #categorie_left .titre,
#univers_10858 .btn-last .dropdown-item.active,
.panel_left #categorie_rayons #univers_10858.level-0 > .nav-link{background-color:#127d8c}
#univers_10858 .title_categorie,
.panel_left #categorie_rayons #univers_10858 .level-1 .nav-link.active,
.panel_left #categorie_rayons #univers_10858 .level-1 .nav-link:hover,
#univers_10858 .panel_left #categorie_rayons .nav-link.active, #univers_10858 .panel_left #categorie_rayons .nav-link:hover,
#univers_10858 .info_title_univers,
#univers_10858 .btn-last .dropdown-item:hover:not(.active),
#univers_10858 .btn-breadcrumb .btn-last .dropdown-toggle{color:#127d8c}
#menu_principal_mobile .level-0#nav_10858,
#univers_10858 .page_description,
#univers_10858 .breadcrumb_indexation,
#univers_10858 .btn-last .dropdown-toggle:after,
#univers_10858 .panel_left #categorie_rayons .level-0.active, #univers_10858 .panel_left #categorie_rayons .level-0:hover{border-color:#127d8c}

#univers_10859 #categorie_left .titre,
#univers_10859 .btn-last .dropdown-item.active,
.panel_left #categorie_rayons #univers_10859.level-0 > .nav-link{background-color:#65b445}
#univers_10859 .title_categorie,
.panel_left #categorie_rayons #univers_10859 .level-1 .nav-link.active,
.panel_left #categorie_rayons #univers_10859 .level-1 .nav-link:hover,
#univers_10859 .panel_left #categorie_rayons .nav-link.active, #univers_10859 .panel_left #categorie_rayons .nav-link:hover,
#univers_10859 .info_title_univers,
#univers_10859 .btn-last .dropdown-item:hover:not(.active),
#univers_10859 .btn-breadcrumb .btn-last .dropdown-toggle{color:#65b445}
#menu_principal_mobile .level-0#nav_10859,
#univers_10859 .page_description,
#univers_10859 .breadcrumb_indexation,
#univers_10859 .btn-last .dropdown-toggle:after,
#univers_10859 .panel_left #categorie_rayons .level-0.active, #univers_10859 .panel_left #categorie_rayons .level-0:hover{border-color:#65b445}

#univers_10860 #categorie_left .titre,
#univers_10860 .btn-last .dropdown-item.active,
.panel_left #categorie_rayons #univers_10860.level-0 > .nav-link{background-color:#ec6472}
#univers_10860 .title_categorie,
.panel_left #categorie_rayons #univers_10860 .level-1 .nav-link.active,
.panel_left #categorie_rayons #univers_10860 .level-1 .nav-link:hover,
#univers_10860 .panel_left #categorie_rayons .nav-link.active, #univers_10860 .panel_left #categorie_rayons .nav-link:hover,
#univers_10860 .info_title_univers,
#univers_10860 .btn-last .dropdown-item:hover:not(.active),
#univers_10860 .btn-breadcrumb .btn-last .dropdown-toggle{color:#ec6472}
#menu_principal_mobile .level-0#nav_10860,
#univers_10860 .page_description,
#univers_10860 .breadcrumb_indexation,
#univers_10860 .btn-last .dropdown-toggle:after,
#univers_10860 .panel_left #categorie_rayons .level-0.active, #univers_10860 .panel_left #categorie_rayons .level-0:hover{border-color:#ec6472}

#univers_10861 #categorie_left .titre,
#univers_10861 .btn-last .dropdown-item.active,
.panel_left #categorie_rayons #univers_10861.level-0 > .nav-link{background-color:#aa1817}
#univers_10861 .title_categorie,
.panel_left #categorie_rayons #univers_10861 .level-1 .nav-link.active,
.panel_left #categorie_rayons #univers_10861 .level-1 .nav-link:hover,
#univers_10861 .panel_left #categorie_rayons .nav-link.active, #univers_10861 .panel_left #categorie_rayons .nav-link:hover,
#univers_10861 .info_title_univers,
#univers_10861 .btn-last .dropdown-item:hover:not(.active),
#univers_10861 .btn-breadcrumb .btn-last .dropdown-toggle{color:#aa1817}
#menu_principal_mobile .level-0#nav_10861,
#univers_10861 .page_description,
#univers_10861 .breadcrumb_indexation,
#univers_10861 .btn-last .dropdown-toggle:after,
#univers_10861 .panel_left #categorie_rayons .level-0.active, #univers_10861 .panel_left #categorie_rayons .level-0:hover{border-color:#aa1817}

#univers_10862 #categorie_left .titre,
#univers_10862 .btn-last .dropdown-item.active,
.panel_left #categorie_rayons #univers_10862.level-0 > .nav-link{background-color:#ef752b}
#univers_10862 .title_categorie,
.panel_left #categorie_rayons #univers_10862 .level-1 .nav-link.active,
.panel_left #categorie_rayons #univers_10862 .level-1 .nav-link:hover,
#univers_10862 .panel_left #categorie_rayons .nav-link.active, #univers_10862 .panel_left #categorie_rayons .nav-link:hover,
#univers_10862 .info_title_univers,
#univers_10862 .btn-last .dropdown-item:hover:not(.active),
#univers_10862 .btn-breadcrumb .btn-last .dropdown-toggle{color:#ef752b}
#menu_principal_mobile .level-0#nav_10862,
#univers_10862 .page_description,
#univers_10862 .breadcrumb_indexation,
#univers_10862 .btn-last .dropdown-toggle:after,
#univers_10862 .panel_left #categorie_rayons .level-0.active, #univers_10862 .panel_left #categorie_rayons .level-0:hover{border-color:#ef752b}

#univers_10863 #categorie_left .titre,
#univers_10863 .btn-last .dropdown-item.active,
.panel_left #categorie_rayons #univers_10863.level-0 > .nav-link{background-color:#ef752b}
#univers_10863 .title_categorie,
.panel_left #categorie_rayons #univers_10863 .level-1 .nav-link.active,
.panel_left #categorie_rayons #univers_10863 .level-1 .nav-link:hover,
#univers_10863 .panel_left #categorie_rayons .nav-link.active, #univers_10863 .panel_left #categorie_rayons .nav-link:hover,
#univers_10863 .info_title_univers,
#univers_10863 .btn-last .dropdown-item:hover:not(.active),
#univers_10863 .btn-breadcrumb .btn-last .dropdown-toggle{color:#ef752b}
#menu_principal_mobile .level-0#nav_10863,
#univers_10863 .page_description,
#univers_10863 .breadcrumb_indexation,
#univers_10863 .btn-last .dropdown-toggle:after,
#univers_10863 .panel_left #categorie_rayons .level-0.active, #univers_10863 .panel_left #categorie_rayons .level-0:hover{border-color:#ef752b}

#univers_10864 #categorie_left .titre,
#univers_10864 .btn-last .dropdown-item.active,
.panel_left #categorie_rayons #univers_10864.level-0 > .nav-link{background-color:#ecae00}
#univers_10864 .title_categorie,
.panel_left #categorie_rayons #univers_10864 .level-1 .nav-link.active,
.panel_left #categorie_rayons #univers_10864 .level-1 .nav-link:hover,
#univers_10864 .panel_left #categorie_rayons .nav-link.active, #univers_10864 .panel_left #categorie_rayons .nav-link:hover,
#univers_10864 .info_title_univers,
#univers_10864 .btn-last .dropdown-item:hover:not(.active),
#univers_10864 .btn-breadcrumb .btn-last .dropdown-toggle{color:#ecae00}
#menu_principal_mobile .level-0#nav_10864,
#univers_10864 .page_description,
#univers_10864 .breadcrumb_indexation,
#univers_10864 .btn-last .dropdown-toggle:after,
#univers_10864 .panel_left #categorie_rayons .level-0.active, #univers_10864 .panel_left #categorie_rayons .level-0:hover{border-color:#ecae00}

.menu-news{background:#e2001a;text-align:center}
.menu-news a{color:#fff;}
#menu_principal_mobile .menu-news{background:none;border-color:#e2001a}
#menu_principal_mobile .level-0#nav_menu-news,
#univers_nouveautes .page_description
{border-color:#e2001a}

#menu_principal_mobile .level-0#nav_spido
{border-color:#f88729}

.titleCat{font-size:26px;font-weight:600;text-transform:uppercase;line-height:19px}
#categorie_rayons .nav-link{padding:5px;font-size:14px;color:#333}
#categorie_rayons .nav-link .fas{color:#333;line-height:15px;margin-right:5px}
.desc_top{font-size:13px;line-height:16px;text-align:justify;margin:5px 0}
.info_supplementaire h2{font-size:14px;line-height:16px;font-weight:600;color:#e2001a;margin:10px 0 5px;padding:0}
.info_supplementaire p{font-size:12px;margin:0 0 10px;line-height:14px}
.info_supplementaire a{color:#e2001a}

/* Produit BLOC*/
.card{border-radius:0; line-height:18px;}
.card-text-right{margin-bottom:5px}
.card .card-header{color:#333;text-transform:lowercase}
.card .card-header::first-letter{text-transform:capitalize}
.card .card-body{/*background:#eee;*/padding:10px; overflow:hidden;}
.card .card-title{height:45px}
.card .card-title .product-name{line-height: 19px;}
.card .card-text1 {margin-bottom: 10px !important;}
.card:hover{ border:1px solid #ddd; } 

.produit_bloc, .categorie_rayon{display:inline-block;width:100%;text-align:center;font-size:14px;}
.produit_bloc a, .categorie_rayon a{color:#333;}
.produit_bloc .btn-produit{color:#fff;}
.produit_bloc a:hover, .categorie_rayon a:hover{text-decoration:none;}
.produit_bloc{position:relative;}
.produit_bloc:after{width:100%;height:5px;background:#e2001a;position:absolute;bottom:0;left:0;content:"";opacity:0.8;}
.produit_bloc:hover:after{opacity:1;}
.produit_bloc:hover, .categorie_rayon:hover{border-color:#aaa;}

.vignetteVideo{background:url(/images/inter/acbat/pages/vignette-video.png) no-repeat;width:29px;height:36px;position:absolute;top:0;right:5px}
.vignetteBloc{position:absolute;top:0;left:0;z-index:1;width:60px;height:59px}
.vignettePourcentage{position:absolute;top:0;right:0;width:40px;background-color:#fdd917;color:#333;font-weight:700;font-size:14px;z-index:2}
.selon_ref{font-size:12px;color:#959595;padding-left:3px;}

.nav-pills .nav-link{background:#f5f5f5;color:#333;border-radius:0}
.nav-pills .nav-link:hover{background:#ddd}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background:#333;color:#fff}

.docs_overflow{overflow:auto;max-height:500px;height:500px; }

#produit_references_infos_stock{margin:10px 0 5px}
.produit_references_infos_stock_item{margin-right:20px}
.produit_references_infos_stock_item i{font-size:17px}
.produit_references_infos_stock_libelle{margin-left:5px}

#produit_references_filtres{background:#f3f3f3;margin:5px 0 10px;padding:5px 0}
#produit_references_filtres_options{}
#produit_references_filtres_options .btn-group{margin:5px 10px}
.btn-panier_add{background:#e2001a;color:#fff}
.btn-panier_add:hover{background:#c40017}
.btn-devis_add{background:#3399cc;color:#fff}
.btn-favoris_add{background:none;color:#ccc;cursor:pointer}
.HideFilter{color:#eee}

.color_stock{color:#9eb909}
.color_stock_commande{color:#0d8cc5}
.color_stock_epuisement{color:#de4b2d}
.color_stock_reappro{color:#ffc115}
.color_stock_commande_stock{color:#373737}
.referencies_filters{width:100%;padding:3px;height:30px}
#produit_references_filtres_options .form-control{display:inline-block}
#produit_references_filtres_reset{width:28px;height:18px;display:inline-block}
#produit_references_filtres_reset .btn{display:none;color:#fff;background:#333;padding:0 5px;height:23px;vertical-align:middle}
#produit_references_filtres_reset .btn i{line-height:22px;height:22px;vertical-align:top}
.referency{}
.ref{font-weight:700}
.ref#active{color:#e2001a}
.ref .dispRefFour, .dispRefFour{font-weight:400; font-size:11px; color:#666; margin-left:-10px;}
.referency i{}
.referency td{padding:4px}
.referency td .btn-favoris_add{position:relative;top:-4px}
.referencies .add_in_basket, .referencies .add_in_devis{width:40px;height:40px;padding:0}

.brand_univers .product_image, .product_image{height:300px;/*background:url(/images/products/small/prod/no-logo.jpg) no-repeat 50%*/;background-size:cover;background-repeat:no-repeat;background-position:50%}

.product_image{display:block;display:flex}
.produit_bloc .product_image{margin:5px;background-size:contain}
.product_image img{margin:auto;/*height:100%;max-width:max-content;max-height:max-content*/}
.product_name{line-height:18px;font-size:16px;margin:0px -5px 10px -5px;height:55px;font-weight:600}
a.product_brand, .product_brand{color:#e2001a !important;text-transform:uppercase;margin-bottom:10px;height:45px !important;display:table-cell !important; vertical-align:middle}
a.product_brand img, .product_brand img{max-height:50px;width:auto;opacity:0.8}
.product_brand{height:70px !important}
.produit_bloc:hover .product_brand img{opacity:1}
.product_label{position:absolute;top:0;left:0;z-index:1}
.labelsImgPrinc { height:45px; width:90%; flex:2 0 20%; border-bottom:1px solid #eee; background-color:#fff; display:flex; }  
.labelsImgPrincSim { height:50px; width:100%; flex:2 0 20%; display:flex; margin-bottom:-40px; }  
.labelsImgPrinc .product_label, .labelsImgPrincSim .product_label{ height:40px; width:40px; position:relative; margin:0px auto 0px auto !important;} 

.product_informations{border-left:1px solid #e2001a}

.product_price{height:40px;font-weight:600}
.price_old{font-size:11px;color:#999;display:block}
.product_avis{height:25px}
.products_price{height:45px}
.products_price .price{font-weight:600}
.products_price .price_discount .price{color:#e40000}
.products_price .price_normal .price{color:#333}
.big_price{font-size:26px;line-height:14px}
.little_price{font-size:14px;line-height:14px}

.old_price{font-size:12px;color:#666;line-height:12px}
.old_price .price{text-decoration:line-through}
.conditionnement{font-size:12px;color:#666}
.info_livraison{height:45px}
.info_livraison > div{line-height:12px}

.other_like_title{font-size:14px;color:#000;font-weight:bold;margin-bottom:10px}

.produit_view_bloc{}
.produit_view_bloc.pub{border-color:#e2001a}
.produit_view_bloc .card-text-right, .produit_view_bloc .card-text-left{padding:0 15px}

.pub_mobile{background-size:cover;height:14vw}
.pub_mobile.pub_left{background-position:left top}
.pub_mobile.pub_right{background-position:right top}

.produit_view_list{}
.produit_view_list .card-text-right{padding:15px}
.produit_view_list .card-text-left{background:#f3f3f3;padding:26px 15px}
.produit_view_list .card-text-right{text-align:left}
.produit_view_list .product_name{font-weight:700;height:25px}

/*Fiche produit*/
/*Fiche produit*/
#marque_image img{width:80%;max-width:100%;max-width:max-content}
#produit_references_infos_stock{margin:10px 0}
#produit_references_infos_stock .produit_references_infos_stock_item{margin-right:20px}
#produit_references_infos_stock .produit_references_infos_stock_popAcc{margin-right:-3px}
#produit_references_infos_stock .produit_references_infos_stock_libelle{margin-left:5px}

#produit_references_filtres_libelle{padding:2px 15px}
#produit_references_filtres{background:#f3f3f3;margin:10px 0;padding:5px 0}
#produit_references_filtres_options{}
#produit_references_filtres_options .btn-group{margin:5px 10px}

#liste_references{font-size:14px;margin:10px 0}
#compte_right thead th, #compte_left .nav-side-menu{/*position:-webkit-sticky;position:sticky;top:123px;z-index:8*/}
#liste_references thead th{/*position:-webkit-sticky;position:sticky;top:164px;*/z-index:8}
thead th{background:#333;color:#fff;font-weight:600;text-transform:uppercase;line-height:15px}
tbody tr:nth-child(even){background:#f4f4f4}
td .fiche_produit_dispo_infos{text-align:center;margin:0 auto;width:20px}

#liste_references .referencies_filters{background:#333;border-color:#444 !important;color:#fff;text-transform:uppercase;font-weight:700}
.stock_txt{font-size:12px}

.small_italic{color:#aaa !important;font-size:13px;font-style:italic;}
.show-gallery, .thumbnail{cursor:zoom-in;cursor:-webkit-zoom-in;text-align:center;-webkit-align-self: center;}
#produit_image_principale{min-height:300px}

#fiche_produit{color:#666}

#fiche_produit .fiche_produit_infos{height:565px;position:relative}
#fiche_produit .fiche_produit_nom{font-size:35px;line-height:35px;color:#e2001a;text-transform:uppercase;font-family:'Barlow Condensed'}

#fiche_produit .fiche_produit_marque{text-transform:uppercase;color:#666;font-size:16px;font-family:'Barlow Condensed'}
#fiche_produit .fiche_produit_marque_image{position:absolute;top:35px;right:15px;width:110px}
#fiche_produit .fiche_produit_marque_image img{width:100%;height:auto}
#fiche_produit .fiche_produit_options{color:#333;margin-bottom:5px;overflow:hidden}
.fiche_produit_lien{}
.fiche_produit_dispo{}
#fiche_produit .fiche_produit_prix_action{position:absolute;bottom:0;width:100%;margin-top:20px}
.fiche_produit_infos_prix{margin-bottom:10px}
.fiche_produit_a_partir{text-transform:uppercase}
.fiche_produit_prix_HT span{color:#e2001a;font-weight:600}
.fiche_produit_prix_HT .big_price{font-size:58px;line-height:48px}
.fiche_produit_prix_HT .little_price{font-size:35px}
.fiche_produit_prix_TTC{}
#show_referencies{text-transform:uppercase}
.add_in_basket{width:auto;padding:9px;text-transform:uppercase}
.fiche_produit_documents{background:#eee;padding:15px;height:100%}
.fiche_produit_documents .titre{color:#666;text-transform:uppercase;font-size:15px}

.btn{border-radius:2px}
.btn-produit{font-size:20px;padding:15px;font-weight:600}
.btn-favoris{width:100%;height:60px;color:#fff;background:#f2b738;padding:11px 0;font-size:12px;font-weight:600}
.btn-favoris.disabled{background:#666}

.modal .carousel-control-prev,
.modal .carousel-control-next{top:48%}
.modal .carousel-control-prev{left:0}
.modal .carousel-control-next{right:0}
.carousel-item{text-align:center}

#fiche_produit #price{}
#fiche_produit #price .unitVente{font-size:14px}
#fiche_produit .big_price{font-size:48px;font-weight:600;line-height:48px}
#fiche_produit .little_price{font-size:32px;font-weight:600}

#fiche_produit .btn{border-radius:2px}
#fiche_produit .btn-produit{font-size:20px;padding:15px;font-weight:600}
#fiche_produit .btn-favoris{width:100%;height:60px;color:#fff;background:#f2b738;padding:11px 0;font-size:12px;font-weight:600}
#fiche_produit .btn-favoris.disabled{background:#666}

#fiche_produit .vignettePourcentage{position:initial;margin-right:20px;padding:2px 5px}

#produit_onglets{margin-top:0}
#produit_onglets .nav-tabs{margin:0 0 10px}
#produit_onglets .tab-content-data{margin-bottom:50px}
#produit_onglets .nav-tabs .nav-item{width:33.33%;border:1px solid #fff;flex:none}
#produit_onglets .nav-tabs .nav-link{background:#f5f5f5;border:none;color:#666;text-transform:uppercase;font-size:17px;border-radius:0;padding:15px}
#produit_onglets .nav-tabs .nav-item.show .nav-link, #produit_onglets .nav-tabs .nav-link.active{background:#333;color:#fff}
#produit_onglets .nav-tabs .nav-link:hover:not(.active){background:#eee;color:#333}
#produit_onglets .tab-pane{padding:10px 0}
#produit_onglets .tab-pane h2{font-size:18px;line-height:28px;font-weight:600;margin-bottom:10px}

#produit_onglets #caracteristiques .titre{font-size:25px}
#produit_onglets #caracteristiques h3{font-size:22px;color:#e2001a; margin-bottom:0px;}
#produit_onglets #caracteristiques .h3Txt{margin-bottom:0.5rem;}

#produit_onglets #caracteristiques .list-group{}
#produit_onglets #caracteristiques .list-group-item{}
#produit_onglets #liste_options li:nth-child(even){background:#f4f4f4}

.accessoires_variants{display:block;text-align:right;font-size:12px;margin-top:-5px;cursor:pointer;color:#e2001a;margin-right:40px;line-height:13px}
.accessoires_variants:hover{text-decoration:underline}

.form_commande_update .accessoires_variants{text-align:left;margin:0 0 0 5px;display:inline-block}

.price_degressifs{font-weight:600;font-size:9px;color:#1486c6;text-transform:uppercase;cursor:help}
.activate_degressif{}
.tooltip_degressif{position:relative}
.zone_price_degressif{display:none; width:175px; position: absolute; margin-left:-52px; margin-top:50px; font-size:11px;z-index:9;background:#333;padding:10px}
.zone_price_degressif .fa-times-circle{position:absolute;top:2px;right:2px;color:#fff;cursor:pointer;height:17px;width:17px;z-index:9}
.zone_price_degressif:before{border-color: transparent;border-bottom-color: #333;border-style: solid;border-width: 0 8px 10px;width: 0;height: 0;content:"";position:absolute;top:-10px;left:calc(50% - 8px)}
.zone_price_degressif .th{color:#ccc}
.zone_price_degressif .td{border-top:1px solid #ccc;text-align:center;color:#fff;padding:3px 0}
.zone_price_degressif .barre{text-decoration:line-through}

.videos{position:relative;width:100%;height:0;padding-bottom:56.25%}.video{position:absolute;top:0;left:0;width:100%;height:100%}
.liste_btns span{padding:0 2px}
.mobile_prix{font-size:32px;color:#e2001a;font-weight:600}
.mobile_unite{font-size:11px}
#liste_reference_mobile{text-align:center;background:#f7f7f7;padding:10px}
#mobile_description div{width:50%;display:inline-block}
.bandeau_ref{}
#mobile_description{text-align:left}
#mobile_reference, #mobile_stock{font-weight:700}
#mobile_stock{}
#bandeau_tarif{}
#mobile_ttc{}
#mobile_quantite{}
#mobile_action{}

/*Panier*/
.panier_strong{font-size:16px;font-weight:700}
.quick_title{padding:5px 0;margin:0}
.quick_ref{padding:7px 0}

.td_delete{}
.td_article{padding:5px}
.td_article .titre, .commandeTitre{font-size:14px;font-weight:600;padding-left:5px;}
.td_article span{padding-left:25px;}
.td_article p{margin-bottom:12px}
.td_article img{width:100% !important;height:auto !important}
.td_contre_marque{}
.td_price_ht{}
.td_quantite{}
.td_price_ttc{}
.td_price_ht, .td_price_ttc{font-size:15px}
.td_article .ecotaxBask{ height:11px; width:100%; font-size:11px; margin-top:-5px; color:#666; float:right; }
.basket_refEcotax{ font-size:11px; color:#666; margin-top:-4px; text-align:center;}
.basket_recapEcotax{ font-size:12px; color:#666; text-align:right;}
.basket_recapEcotax1{ font-size:12px; color:#666; text-align:right; margin-top:-6px; }
.product_ecotax1{ font-size:12px; color:#666; text-align:center; margin-top:-4px; }
.ecotaxCat { font-weight:400; margin-top:-5px; color:#999; }

#panier_reference td{vertical-align:middle}
#panier_reference td .fiche_produit_dispo_infos{margin:0}
#panier_reference .titre{font-size:15px}
.panier_caracteristiques{position:relative;display:inline-block}
.panier_caracteristiques_hover{cursor:default;margin-bottom:0 !important}
.panier_caracteristiques:hover .panier_caracteristiques_infos{display:inline-block}
.panier_caracteristiques_infos{display:none;position:absolute;top:20px;left:0;background:#fff;border:1px solid #dee2e6;width:500px;z-index:10;padding:10px}
.panier_unitFact { font-size:11px; line-height:0.8; display:flex; text-align:center; color:#666; padding-left:40px !important; }

.btn_import_export_basket{background:#ccc;color:#333;padding:20px 10px;cursor:pointer;margin:10px 0;font-size:14px}
.stepwizard-step p {margin-top:0px;color:#666;font-size:18px}
.stepwizard-row{}.stepwizard {display:table;width:100%;position:relative;margin:8px 0px 0px 15px;}.stepwizard-step button[disabled] {/*opacity:1 !important;filter:alpha(opacity=100) !important;*/}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {opacity:1 !important;color:#bbb}.stepwizard-row:before {top:14px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-index:0}.stepwizard-step {display:table-cell;text-align:center;position:relative}.stepwizard-step .btn-step{width:30px;height:30px;text-align:center;padding:6px 0;font-size:15px;line-height:1.2;font-weight:700;-webkit-appearance:initial}
.stepwizard-step .btn-step.disabled, .stepwizard-step .btn-step.disabled:hover{opacity:1;background:#333}
.stepwizard-step a.btn-step:hover{background:#e2001a}
.stepwizard-step span.btn-step{cursor:default !important}

#alert_comment{display:none;color:#e2001a;font-weight:600}

.reference_rapide{text-align:center}
.contre_marque_rapide{text-align:center}
.panier_reference_rapide, .panier_quantite_rapide, .td_contre_marque input, .td_quantite input, .cust_order_reference input{border:1px solid #eee !important}
.form_order_refUpdate .cust_order_reference {border:1px solid #eee !important; background-color:#fcfcfc;}

.btn-delete_products{background:transparent;padding:0}
.panier_commande_rapide{background:#f5f5f5;padding:10px 15px;margin:10px 0}
.panier_quantite_rapide,.devis_quantite_rapide{height:38px}
.btn_panier_action{margin-bottom:10px}
.baskDeliTour{font-size:13px; color:#666; height:auto; margin:0px 0px -10px 16px; line-height: 16px;}

#panier_reference thead{background:#333;color:#fff}
label .detailSup { font-size:14px;}
.custom-control-label .typeDeli { cursor: pointer;}
label sup { font-size:12px; top:-.3em; }

.style_sous_total, .style_total{padding:10px}
.style_sous_total{background:#f5f5f5}
.style_total{background:#333;color:#fff}
.style_strong{font-size:25px}
.infodeli {font-size: 12px; line-height:14px; }

#destockage .page_description{background:url(/v2/acbat/img/bann_destockage.jpg);height:100px}
#destockage .page_description .title_categorie{padding:25px 0;font-size:40px;color:#333}

/*Page Home*/
.home_line_pub{margin-bottom:20px}
.home_line_pub2{margin-bottom:0px}
.home_line_pub img,.home_line_pub2 img{width:100%}
.faCommentAlt { color:#666; margin-right:7px;}

#home_slider_bannieres{margin:0 0 20px}

#home_spido{padding:20px 0px 35px 0px;/*margin:30px 0*/}
#home_spido .bg_grey{background-color:#ccc; margin:10px 0px 10px 0px;padding:10px 0px 20px 0px;} 
#home_spido .container h2{background-color:#ccc; margin:5px 0px 5px 20px;}
#home_spido .catalTxt{padding-top:6px; color:#555;}
#home_spido #spido_logo{width:100%;max-width:max-content}
#home_spido .title{font-size:1.7rem;color:#333;padding:10px 0;font-family:"Barlow Semi Condensed"} 
#home_spido #home_spido_configurateurs{margin:20px 0}
#home_spido #home_spido_configurateurs > *{padding:0 10px !important}

#home_univers{background:url(/v2/acbat/img/home/home_univers_bg.jpg) 0 -50px;margin:20px 0}
#home_univers .container{background-position:top left;background-repeat:no-repeat}
#home_univers .card-list{margin:20px 0;padding:5px 10px;position:relative}
#home_univers .card-list:hover{text-decoration:none}
#home_univers .card-list .card-img-top{}
#home_univers .card-list .produit_image{display:flex;vertical-align:middle;height:100px;text-align:center}
#home_univers .card-list .produit_image img{width:auto;height:auto;margin:auto;max-height:100%;max-width:100%}
#home_univers .card-list .marque_image{position:absolute;top:0;right:0}
#home_univers .card-list .produit_nom{margin:20px 0px 10px 10px;font-size:20px;font-family:'Barlow Condensed';text-transform:uppercase}
#home_univers .titre{display:none;font-size:2.5vw;text-align:center;text-transform:uppercase}

.home_brand_bloc { margin-bottom: 10px;}
.homeCatalShad { box-shadow: 1px 1px 7px #555; }



/*Mon compte*/
#customers_infos_connexion .form_bloc{min-height:278px}
#customers_infos_avantages .form_bloc{min-height:205px}
.bloc_adresse p, .bloc_adresseDesact p{margin:0}
.bloc_adresseDesact p{ color:#999;}
.email_attaches{ background-color:#fff !important; height:85px; }
.adrInact{ color:#ccc; font-size:13px; }
.adrInact .tdmail{ color:#999; font-size:15px; padding-left:25px; }
.adrInact .desactTxt{padding-top:24px; padding-left:10px; }
.email_attaches .frName{ margin-left:12px; color:#999; float:right; }
.email_attaches .flNameDes, .email_attaches .flName{ color:#999; padding-top:5px; line-height:16px; padding-left:7px;font-size: 12px; }
.email_attaches .flNameDes{padding-left:0px; }
.email_attaches .modifCflName{ border:0px none; border-bottom:1px solid #9b9 !important; border-left: 1px solid #ccc; padding:0px 10px 4px 15px; margin-top:7px; margin-right:5px; color:#666; }
.validBtnAdd{ border:1px solid #A9BBA1; border-radius:5px; color:#999; }
.resetBtnAdd{ border:1px solid #D7B9A4; border-radius:5px; color:#999; }
.validBtnAdd:hover, .resetBtnAdd:hover { color:#333; background-color: #fcfcfc;}
.modifContacttPwd{ border-color:#fff !important;  background-color:#eee !important; } 
.modifContacttPwd span{ color:#666; font-size:11px; padding-left:5px;}
.email_attaches .affEmailCli { margin-left:9px;color:#555; font-size: 16px; line-height:30px; }

.affAlertContact { text-align:center; width:500px; height:auto; color:#a6a; font-weight:600; background-color:#FFF;  display:block;}

.validBtnModif, .modifBtnModif{ color:#78AB5F;}
.resetBtnModif, .desactBtnModif{ color:#D7C8A4; }
.deleteBtnModif{ color:#DBA6A6; }
.resetBtnModif, .desactBtnModif, .deleteBtnModif,.validBtnModif, .modifBtnModif{ 
    line-height:24px; margin-left:-12px; padding:.2rem; box-shadow:0px 1px 0px #ccc; margin-bottom:0.7rem; width:85px; }
.btn.cActiv{color:#888; line-height:24px; margin-left:-12px; padding:.2rem; box-shadow:0px 1px 0px #ccc; margin-bottom:0.7rem; width:85px; }
/*.btn.cActiv:hover{color:#555; background-color:#fafafa;}*/
.validBtnModif:hover, .modifBtnModif:hover, .resetBtnModif:hover, .desactBtnModif:hover, .cActiv:hover { color:#333; background-color:#efefef; }
.deleteBtnModif:hover { color:#D4696A; background-color:#efefef; } 
.deleteSupprCemail{ background-color:#774444; margin-top:25px; margin-bottom:25px; border:1px solid #eee; color:#fff; }
.deleteSupprCemail:hover { color:#FFF; background-color:#e2001a; }
.div_infos p{margin:0}
.form_bloc{border:1px solid #ccc;padding:10px;margin-bottom:15px;min-height:110px}
.form_bloc-admin{border-color:#e2001a}
.titre_right{float:right;font-size:13px;padding:8px 0}
.btn-text.text-success.nopointer{cursor:default; }
.btn-text.text-success.nopointerD{color:#999 !important; cursor:default; }
.form_bloc .form-control{border:1px solid #eee !important}
.form_bloc h2{border-bottom:1px solid #eee;padding-bottom:5px;font-size:22px;color:#e2001a}
.form_bloc h2 .small{font-size:12px;color:#666}
.form_bloc h2 .medium{font-size:16px;color:#666}
.form_bloc h3{font-size:20px;color:#000}
.form_bloc h4{font-size:16px;color:#e2001a;border-bottom:1px solid #eee; margin-bottom:.2rem;}
.form_bloc h4.desact{font-size:16px;color:#999;border-bottom:1px solid #eee; margin-bottom:.2rem;}
.form_bloc h4 .titre_right{padding:0}
.baskNoConn{font-size:16px; text-align:left; margin-bottom:5px;}
.form_menu{color:#666;border:1px solid #ccc;padding:10px;margin-bottom:20px}
.form_menu p{margin:0;padding-left:10px}.form_message{height:270px;min-height:270px;resize:vertical}.form_message_contact{height:202px;min-height:202px;resize:vertical;margin-bottom:10px}.form_message_paieSecur{height:155px;min-height:155px;resize:vertical;margin-bottom:10px}
p.color_333{color:#333}
p.contact{font-size:25px;color:#e2001a}
p.contact_infos{font-size:11px;color:#999;margin-bottom:10px}
p.devis_fax{margin-top:10px}
.addresses_border > div:nth-child(2){border-left:1px solid #eee}
#form_devis_contact #customers_address_delivery{display:none}
.infoAffretSecur { font-size:13px; }

/*Compte Pro*/
.panel_compte_pro .nav-link{position:relative}
.panel_compte_pro .nav-link .badge{position:absolute;right:10px;top:2px}
#form_creation_compte #customers_address_delivery{display:none}

#compte_right .card-body{padding:5px}
#customers_contact_others .card-title{margin-bottom:10px}
.refCmdTxt{text-align:left; padding:7px !important;}

.user_pro_contact{border-top:1px solid #fff;border-bottom:1px solid #fff;background:#f5f5f5;position:fixed;z-index:99;bottom:0;left:0;width:100%;height:75px;padding:10px 0;font-size:11px;box-shadow:0 0 20px #333}
.user_pro_contact .card-img-top{width:52px}
.pro_contact_titre{font-size:16px;text-align:right}
.pro_contact_commercial{position:relative}
.pro_contact_commercial p{margin:0}
.pro_contact_commercial .card-title{font-size:16px}
.pro_contact_commercial .card-body{background:#333;padding:5px;position:absolute;top:-4px;color:#fff}
.pro_contact_commercial .card-body a{font-size:13px;color:#fff}


#site_pre_footer{background:#f5f5f5}
#site_infos_footer{margin:10px 0;padding:26px 0}
#site_infos_footer .site_infos_text{margin-top:10px;text-transform:uppercase;font-weight:600;font-size:13px}
#site_infos_footer .site_infos_text a:hover{text-decoration:none}
#site_infos_footer > *{padding:0 5px}
#bloc_newsletter_social{position:relative}
#form_newsletter #input_newsletter_email{border:none}
#form_newsletter .input-group-append{width:30px}
#form_newsletter .btn-more_arrow{margin:0;border:none;background:#fff;z-index:0}
#bloc_newsletter{background:#eee;padding:9px 30px 10px}
#bloc_newsletter h2{font-size:16px;text-transform:uppercase}
#bloc_social{background:#fff;padding:30px 0}
#bloc_social i{font-size:235%}
.social_twitter i{color:#38A1F3}
.social_facebook i{color:#4267b2}
.social_linkedin i{color:#0077B5}
.social_pinterest i{color:#BD081C}
.social_youtube i{color:#cc181e}
.home_line_pub .txtRedInfo{text-align:center; color:#E31417; font-size:14px; }
.bottomRedInfos{color: #fff; background-color: #E31417; font-weight:600; padding: 25px; font-size: 18px;}
.mt-20 {margin-top:20px;}

#footer{background:#fff;color:#fff;padding:15px 0px 0px 0px;font-size:13px}
#footer .container{padding:0 20px}
#footer a,#footer a:hover{color:#fff} 

#footer_tel{font-size:25px}
#footer_horaire{margin-top:20px}
#footer_horaire p{margin:0}
#footer_addr { font-size: 14px; }
#footer_menu{}
#footer_accroche{max-width:250px;text-transform:uppercase;margin-top:10px;font-size:14px;margin-bottom:0;}
#footer_menu .nav-link{padding:2px 0;text-transform:uppercase;display:inline-block}
#footer_menu .nav-link:hover{text-decoration:underline}
#text-footer { margin-top: 40px; font-size: 14px; text-align: center; }
#footer_groupe{text-align:center}
#footer_groupe_txt{margin-bottom:30px;text-transform:uppercase}
#footer_groupe_img{width:100%;max-width:inherit;max-width:-moz-max-content;max-width:max-content}
#footer .FormussonFooter {font-size:12px; line-height:13px; margin:28px 0px 10px 0px; }
#footer .FormussonFooter img { margin:-10px 0px 0px 25px; width:80px; }


/* MENU DE GAUCHE EN RESPONSIVE */
.nav-side-menu {/*overflow:auto;*/}
.nav-side-menu .toggle-btn {display:none}
.nav-side-menu ul :not(collapsed) .arrow{float:right;padding-top:10px;padding-right:20px}
.nav-side-menu ul,.nav-side-menu li{list-style:none;padding:0px;margin:0px;line-height:17px}
.nav-side-menu ul .sub-menu{background:#f5f5f5}
.nav-side-menu ul .active,
.nav-side-menu li .active{/*border-left:3px solid transparent*/}
.nav-side-menu .sub-menu li a{color:#333;font-size:16px;font-family:"Barlow Semi Condensed"}
.nav-side-menu ul .sub-menu li.active, .nav-side-menu ul .sub-menu li:hover{/*background-color:#eee;*/}
/*.nav-side-menu ul .sub-menu li.active a, .nav-side-menu ul .sub-menu li:hover a{color:#e2001a !important}*/
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li{background-color:#f5f5f5;border:none;/*padding-left:10px*/}
.nav-side-menu li {border-left:3px solid transparent}
.nav-side-menu li a{text-decoration:none;color:#fff}
.nav-side-menu li a i {padding-left:10px;width:20px;padding-right:20px}
@media (max-width:990px) {
  .nav-side-menu {position:relative;width:100%;margin-bottom:10px}
  .nav-side-menu .toggle-btn {display:block;cursor:pointer;padding:8px;position:absolute;left:0;top:0;z-index:10 !important;color:#fff;font-size:20px;text-align:center}
}
@media (min-width:990px) {
  .nav-side-menu .menu-list .menu-content {display:block}
}

.panel_left .nav-side-menu li{border:none}
/* FIN MENU DE GAUCHE EN RESPONSIVE */


/* MENU COMPTE EN RESPONSIVE */
#compte_left .nav-side-menu ul, #compte_left .nav-side-menu li{background:#333}
#compte_left .nav-side-menu ul .sub-menu{background:#f5f5f5}
#compte_left .nav-side-menu ul .active,
#compte_left .nav-side-menu li .active{/*border-left:3px solid #e2001a;*/background-color:#333}
#compte_left .nav-side-menu ul .sub-menu li.active, #compte_left .nav-side-menu ul .sub-menu li:hover{background-color:#eee}
#compte_left .nav-side-menu ul .sub-menu li.active a, #compte_left .nav-side-menu ul .sub-menu li:hover a{color:#e2001a}
#compte_left .nav-side-menu ul .sub-menu li,
#compte_left .nav-side-menu li .sub-menu li {background-color:#f5f5f5;line-height:24px}
#compte_left .nav-side-menu li {border-color:#2e353d;line-height:30px}
#compte_left .nav-side-menu ul .sub-menu a{text-decoration:none;color:#333;padding:0 5px}
#compte_left .nav-side-menu .logout{margin-top:10px;border:none}
#compte_left .nav-side-menu .logout .nav-link{background:#eee;color:#e2001a !important;padding:0}
#compte_left .nav-side-menu .logout:hover{text-decoration:none}
#compte_left .nav-side-menu .logout{text-align:center}
/* FIN MENU COMPTE EN RESPONSIVE */

.spido_infos{background:#333}
.spido_infos h2{background:url(/v2/acbat/img/spido/back_title.jpg);font-size:95%;text-transform:uppercase;color:#fff;text-align:center;line-height:17px;margin:0;font-weight:600;font-family: 'Barlow Condensed', sans-serif}
.spido_infos h2 a, .spido_infos h2 a:hover{color:#fff;text-decoration:none;display:inline-block;width:100%}
.spido_infos h3{color:#fff;height:50px;text-transform:uppercase;font-size:22px}
.spido_infos p{color:#f88729;min-height:35px;line-height:16px;font-family: 'Barlow Condensed', sans-serif}
.spido_infos ul{list-style-image:url(/v2/acbat/img/spido/list_style.png);padding-left:25px}
.spido_infos li{line-height:22px;font-size:14px}
.spido_text{padding:15px 20px}

#text_tiroirs .spido_btn{margin-top:61px}
#text_facades{}

.spido_infos .btn{position:relative;font-size:80%;font-weight:600;text-transform:uppercase;text-align:center;line-height:15px;padding:8px 0;margin:10px 0;font-family: 'Barlow Semi Condensed', sans-serif}
.spido_infos_back{position:absolute;top:0;left:0}


.tab-content{padding:15px 0}
.title_categorie{color:#505050}
.info_desc_univers h2{color:#505050;font-size:25px}
.info_desc_univers h3{color:#E68B36}

#dataZonetap3 img{width:auto;height:150px !important}
.subDataEtp3_On{border: 1px solid #E08D43}
.form_bloc .form-control{border-color:#ced4da !important}

.subSubject{ font-size:12px;}
.blocHisto { line-height:20px;}
.blocHisto .lineHisto { font-size:12px; line-height:15px;}

.devisBaskBtnZone { width:100%; height:50px; }
.devisBaskBtnZone .navbar{padding: 0px !important;}
.devisBaskBtnZone .navbar-nav{width:100%;}
.devisBaskBtn1, .devisBaskBtn2{ width:47%;  border:0px none; background-color:#eee; cursor:pointer; height:50px; text-align:center; line-height:17px; padding: 7px; float:left; }
.devisBaskBtn1:hover, .devisBaskBtn2:hover{ background-color: #ddd;}
.devisBaskBtn1, .devisBaskBtn1:hover{ margin-right:3%;}
.devisBaskBtn2, .devisBaskBtn2:hover{ margin-left:3%;}
.h50px{ height: 50px;}

#commande_rapide_modal .modal-lg, #commande_rapide_modal .modal-xl { max-width: 1100px !important; } 
.statusColor_ { background-color:#fff;width:8px; height:8px; margin-top:10px; border:1px solid #ddd; float:left;}
.statusColor_blue { background-color:#8DD4FF;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_red { background-color:#FF6868;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_green { background-color:#82af27;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_green_dark { background-color:#4e6a17;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_orange { background-color:#FFA14D;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_yellow { background-color:#ffe766;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_yellow_dark { background-color:#FEF0C4;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_black { background-color:#333;width:8px; height:8px; margin-top:10px; float:left;}
.statusColor_gray { background-color:#664340;width:8px; height:8px; margin-top:10px; float:left;} 



/* ************************* debut script games ****************** */

.containerGame { margin: 0px -15px 0px -15px; }
.gameBann { width:100%; }
.gameBann img{ height:auto; }
.gameTitle { width:100%; height:70px; margin-top:50px; text-align:center; }
.gameTitle h1{ width:100%; font-family:'BarlowB'; font-size:40px; text-align:center; }
.gameImgLot { margin:auto 5px 10px auto; height:auto;}  
.gameArgu20{ width:100%; font-family:'BarlowM'; font-size:20px; text-align:center; line-height:24px; }
.gameArgu30{ width:100%; font-family:'BarlowM'; font-size:30px; text-align:center; }
.gameArgu30B{ width:100%; font-family:'BarlowB'; font-size:30px; text-align:center; }
.gameArgu30BW{ width:100%; font-family:'BarlowB'; color:#fff; font-size:26px; text-align:center; }
.gameArgu40B{ width:100%; font-family:'BarlowB'; font-size:30px; text-align:center; }
#GoToGame { margin:auto; }
.gameH40{ width:100%; height:40px; }
.gameH50{ width:100%; height:50px; }
.gameH70{ width:100%; height:70px; }
.gameBackYellow { width:100%; height:auto; margin-top:50px; text-align:center; background-color:#ffb209; padding:30px; }
.gameBackYellow .gameBtnValid, .gameBackYellow .gameBtnValid a, .validCustGame .gameBtnValid{ width:400px; height:52px; margin:22px auto auto auto; text-align:center; color:#fff; font-size:20px; line-height:50px; font-family:'barlowM'; background-color:#ea3113; cursor:pointer; border: 0px none;}
.avert {text-align:right;font-size:11px;color:#333;}

#validGame { height:auto; width:100%;}
#validConcours_modal .modal-dialog, #validConcours_fall_modal .modal-dialog { max-width:700px; }
.form_gameConf {width: 100%;}
.containerGame .form_bloc { width:100%;height:auto; border:0px none;  }
.formInptLine { width:100%;height:auto;margin-bottom:15px;margin-left:20px;}
.gameFormInpt { width:100%;height:auto;margin-bottom:5px;margin-right:5px;}
.gameFormInpt .col-form-label { font-size:15px; line-height:15px; margin-right:-25px;}
.validCustGame { height:auto; width:100%; margin:auto; text-align:center; }
.gameFormInpt .blocCheckGameTxt, .blocCheckGameTxt{ padding-left:10px; text-align:left; }
.gameMessOk { border:1px solid #999; margin:20% auto auto auto; padding:55px; font-family:'BarlowM'; font-size:20px; text-align:center; line-height:24px;}

/* ************************* fin script games ****************** */


/* ************************* debut script doofinder ****************** */
 
    .df-panel__title, .df-panel__title:hover{background-color:#CCCCCC !important;color:#333 !important;font-size:.8rem !important}
    .df-panel{background-color:#efefef !important}
    .df-icon-list{display:none !important}
    .df-header{ border-bottom: none 0px !important; }
    .df-header-title{text-align:right !important;padding-right:0 !important; }
    .df-classic .df-main { margin-right:5px; }
    /*.df-panel[data-facet="categories"]{display:none}*/
    [data-layout=grid][data-browser-support~=cssgrid] .df-results{grid-gap:15px !important;grid-template-columns: repeat(auto-fill,minmax(218px,1fr)) !important;}
    .type-Category{display:none}
    .df-link, .df-link:hover{display:block;margin-left:0}
    .df-link, .df-term{font-family:"Barlow Semi Condensed";color:#333 !important;font-size:13px}
    .df-panel .material-icons-round{font-size:11px}
    .df-embedded .df-selected-filters, .df-mobile .df-selected-filters, .df-panel { padding: 0px; margin:33px 0px 0px 0px !important; } 
    .panel-categories .df-panel__title{background:none} 
    .df-classic .df-results .df-card {border:1px solid #eee !important;}
    .df-classic .df-card>a, .df-classic .df-card>a:link, .df-classic .df-card>a:visited {border:1px solid #eee !important;}
    .df-branding { display: none !important; }
    .df-classic[data-facets=right] .df-results{padding: 5px !important;}
    .df-classic .df-term[data-selected] { background-color: #ee1e26; border-color:#ee1e26; color:#eee !important; }


/* *************************  fin doofinder   *********** ****************** */



/* *************************  **********  ***********    *********** ****************** */
/* **********************************************  @media ***************************** */
/* *************************  **********  ***********    *********** ****************** */
/* XXL */
@media only screen and (max-width:1680px){
	.nav_link-univers{font-size:18px;line-height:28px} 
}
/* XL */
@media only screen and (max-width:1365px){
	#bg_mask_menu{top:218px}
	#header .row > *{padding: 0 5px}
	#header #header_menu_utilisateur *{font-size:12px !important}
	/*#site_menu{top:40px}*/
	#fiche_produit .fiche_produit_infos{height:500px}
	#fiche_produit .fiche_produit_options{overflow:hidden}
	/*#fiche_produit #produit_images_thumbnail_gallery{width:100px}*/
	#fiche_produit #produit_images_thumbnail_gallery .thumbnail_img{width:66px;height:66px}
	#header .recherche_resultats #recherche_commande_rapide{left:19.8%}
	.nav_link-univers{font-size:15px;line-height:28px}
	.nav_link-univers{display:grid;padding:0 5px !important}
	.nav_item-univers .sous_menu{top:28px}

	.fiche_produit_titre_marque{display:none}
	.fiche_produit .fiche_produit_action .add_in_basket{margin:0 0.5vw !important}
	.brand_univers h5{padding:5px 0;height:38px}
	.breadcrumb_indexation{top:108px} 
}

/* LG */
@media only screen and (max-width:1199px){
	#fiche_produit .fiche_produit_infos{height:400px}
	#header #header_logo #header_logo_img{height:105px;padding-top:10px;}
	#site_menu{}
	#site_contenu{}
	.nav_item-univers .sous_menu{top:51px}
	.nav_link-univers{font-size:12px;line-height:28px}
	#fiche_produit .fiche_produit_nom{font-size:25px}
	#fiche_produit #produit_images_thumbnail_gallery{padding:38px 0}
	#fiche_produit #produit_images_thumbnail_gallery .thumbnail_img{width:56px;height:56px}
	.produit_images_thumbnail_nav_prev, .produit_images_thumbnail_nav_next{left:calc(50% - 15px)}
	.nav_item-univers .sous_menu{top:28px}

	.fiche_produit .btn_commande_rapide_qte{padding:20px 5px;width:40px}
	#produit_onglets .nav-tabs .nav-link {}
	.fiche_produit_image_div, .fiche_produit_infos_more{}
	.fiche_produit_titre_nom{font-size:24px !important}
	/*.fiche_produit_marque_image{width:55px !important}*/
    .brand_univers h5{font-size:10px} 
    
}
@media only screen and (min-width:992px){
	#menu_principal .navbar-nav{display:table}
	#menu_principal .navbar-nav > .nav-item{display:table-cell;width:auto !important}

	#menu_principal_mobile{display:none !important}
}

/* MD */
@media only screen and (max-width:991px){
	/*Sticky*/
	.btn-breadcrumb .btn{padding:6px 6px 6px 16px}
	.breadcrumb_indexation{top:49px;width:calc(100% + 10px);margin:0 -5px 10px}
	#liste_references thead th{top:89px}
	/*Sticky*/

	#recherche_categorie_left{margin-top:15px}
    .input_recherche_texte_off {background-color: #ee1e2e;}
	.carousel-control-prev, .carousel-control-next{width:25px;height:25px}
	.panel_left #listingCategories a.titre br{content:" ";margin-right:5px}
	.zone_recherche{top:140px}
	#home_spido{height:auto;border:none;margin:30px 0}
	#home_spido h1{font-size:3.2vw}
	#univers_spido .nav-tabs{display:block}
	#home_univers .titre{display:block}
	#home_univers .container{background-image:none !important}
	.row:not(.no-gutters){margin-left:0px;margin-right:0px}
	.container{padding-left:5px;padding-right:5px}
	.row > *{padding-left:5px;padding-right:5px}
	#list_produits{margin:-5px}
	#list_produits > div{padding:5px}
	#ZoneBannSearch{}
	#bg_mask_recherche{top:49px}
	.container{max-width:100%}
	.navbar-brand{margin:0}
	.navbar-toggler{padding:0.25rem}
	#site_menu .container{max-width:100%;padding:0;}
	.navbar-light .navbar-toggler{border:none;}
	.menu_devis .badge{font-size:10px;width:15px;padding:3px;top:-5px;}
	.menu_panier .badge{font-size:10px;width:15px;padding:3px;top:-5px;right:-5px;}
	#btn_mobile_menu:not(.collapsed) .fa-bars, #btn_mobile_menu.collapsed .fa-times{display:none;}
	#site_menu{max-width:100%;margin:0;padding:0;top:0 !important;}
	#site_menu .navbar{background-color:#fff; border-bottom:1px solid #333;}
	#site_menu .navbar .navbar-toggler i{color:#666;width:15px;}
	#site_menu .navbar .navbar-toggler img{max-width:25px;}
    #footer .FormussonFooter { margin:-12px 0px 10px 0px; /*display: none;*/ }
    #footer .FormussonFooter img { margin:-9px 0px 0px 5px; width:60px; }
    #footer_menu .footCatMob { margin:-25px 0px 0px 0px;}

	#site_contenu{}
	.stepwizard{margin-top:10px;}

	.nav-tabs .nav-link{padding:0.2rem 0;font-size:12px;}
	.nav-tabs .nav-link .num{}

	.page_description .info_title_univers img{max-height:50px !important}

	.modal-header, .modal-body{padding:5px 1rem}
	.recherche_resultats{}

	#footer .col-12{margin-top:30px}
	#footer_tel{font-size:22px}

    .navbar-nav{padding:0;position:relative}
    .navbar-nav .nav_item-univers{width:100% !important}
    .navbar-nav .nav_link-univers{display:inline-block;color:#fff}
    .nav_item-univers .sous_menu{visibility:hidden !important;transition:none !important}
    .nav_item-univers .sous_menu, .nav_item-univers .sous_menu-2, .nav_item-univers .sous_menu-3{position:absolute;top:0;left:0 !important;z-index:1}
    .menu_retour_mobile{text-transform:uppercase;padding:5px;width:100%;background:#eee}
    #mainmenu .collapse .sous_menu .sous_menu-1,
    #mainmenu .collapse .sous_menu .sous_menu-2,
    #mainmenu .collapse .sous_menu .sous_menu-3{width:100%;max-width:100%;height:auto;display:none !important;padding:15px 5px !important;background:#fff !important;/*overflow:auto*/}
    #mainmenu .collapse .sous_menu .sous_menu-3{height:100%}
    #mainmenu .collapse .sous_menu .sous_menu-3 .float-left{padding-left:0}
    #mainmenu .collapse .nav_item-univers > .show, #mainmenu .collapse .nav_item-univers > .show > *{display:inline-block !important;visibility:visible !important;opacity:1 !important}
    .nav_item-univers:hover > a.dropdown-toggle:before, .nav_item-univers.active > a.dropdown-toggle:before{display:none}
    #mainmenu .show .nav_item-univers.show .sous_menu, #mainmenu .show .dropdown .dropdown-menu2.show{display:inline-block !important}
    #mainmenu .nav_item-univers .dropdown-menu2 > li a{padding:5px;font-size:12px;display:inline-block;width:100%}
    #mainmenu .nav_item-univers .sous_menu > ul.dropdown-menu2 > li.dropdown:nth-child(2) > a{color:#333 !important;background:none !important}

	.referency_quantity{/*width:40px;height:40px;padding:5px*/}

	#fiche_produit #produit_images_thumbnail_gallery{margin:0;text-align:center}
	#fiche_produit .thumbnails_list .thumbnail_img{}
	#fiche_produit #produit_images_thumbnail_gallery .thumbnail_img{display:flex}
	.panel_left #categorie_rayons .nav-item .nav-item .nav-link{padding:5px 10px !important}

	#produit_onglets .nav-tabs .nav-link {font-size:13px;padding:8px}

	#fiche_produit .fiche_produit_nom,
	#fiche_produit .fiche_produit_marque{display:inline}
	#fiche_produit .fiche_produit_marque:before{content:" - "}
	#fiche_produit .fiche_produit_marque_image{width:80px;float:right;position:relative}
	#fiche_produit .fiche_produit_prix_action{width:100%}
	#fiche_produit .fiche_produit_prix_HT .big_price{font-size:45px}
	#fiche_produit .fiche_produit_prix_HT .little_price{font-size:25px}
	#fiche_produit .add_in_basket{padding:7px 8px}
	#fiche_produit .add_in_devis{padding:7px 13px}
	#fiche_produit .add_in_basket img, #fiche_produit .add_in_devis img{width:100% !important}
	#fiche_produit .add_in_basket, #fiche_produit .add_in_devis, #fiche_produit .referency_quantity,
	#liste_reference_mobile .add_in_basket, #liste_reference_mobile .add_in_devis, #liste_reference_mobile .referency_quantity
	{width:45px;height:45px}
	#produit_onglets #caracteristiques .titre{font-size:20px}
	.mobile_prix{font-size:24px}

	a.product_brand, .product_brand{height:50px !important;padding-bottom:6px; padding-top:18px;}
	a.product_brand img, .product_brand img{/*height:40px;width:auto*/}
	#marque_left #listingCategories .titre{background:#333;height:40px}
	#marque_left #listingCategories .titre a{color:#fff}
	.brand_univers h5{font-size:14px;height:auto}

	.recherche_resultats .fiche_produit_marque_image{position:inherit;display:inline-block}
    .gameFormInpt .blocCheckGameTxt, .blocCheckGameTxt{ padding-left:20px;}
}

@media only screen and (min-width:992px){
	#mainmenu .collapse ul li.show .sous_menu, #mainmenu .collapse ul li.show .sous_menu > ul{display:inline-block}
	#mainmenu .collapse ul ul{position:absolute;top:0;width:100%;display:none}
	/*******/
	#mainmenu .collapse .sous_menu > ul li{position:relative}
	#mainmenu .collapse .sous_menu > ul li > a{padding:5px;display:inline-block;width:100%}
	#mainmenu .collapse .sous_menu > ul li > a:hover{text-decoration:none}

	#mainmenu .collapse .sous_menu > ul > li > .row{position:absolute;top:0;left:calc(100% + 0);width:300%;display:none;z-index:1;background:#f5f5f5;height:100%}
	#mainmenu .collapse .sous_menu > ul > li > .row ul{position:initial}
	#mainmenu .collapse .sous_menu > ul > li:hover> ul, #mainmenu .collapse .sous_menu > ul > li:hover> .row, #mainmenu .collapse .sous_menu > ul > li:hover> .row ul{display:inline-block}
	/*******/
	#mainmenu .collapse .sous_menu > ul ul li{position:relative}
	#mainmenu .collapse .sous_menu > ul ul .row{position:absolute;top:0;left:100%;width:200%;display:none;z-index:1;height:100%;background:#fff}
	#mainmenu .collapse .sous_menu > ul ul .row ul{position:initial;width:100%}
	#mainmenu .collapse .sous_menu > ul ul li:hover .row, #mainmenu .collapse .sous_menu > ul ul li:hover .row ul{display:inline-block}
    
    .form-group #label_date_end { margin-right:-10px;  margin-left:-5px; }
    .form_bloc .cmdListMenu { font-size:14px;}
    .form_bloc .cmdListMenu span{ text-transform:none; line-height: 20px;}
    
}

/* SM */
@media only screen and (max-width:767px){
	.titre_right{float:inherit}
	#fiche_produit #produit_image_principale{width:calc(100% - 60px)}
	#fiche_produit #produit_images_thumbnail_gallery{width:60px}
	.recherche_resultats{height:calc(70vh - 20px);overflow:auto}
	.carousel-control-prev, .carousel-control-next{border:none;}
	.carousel-control-prev img, .carousel-control-next img{width:100%}
	.carousel-control-prev{right:24px}
	#customers_infos_connexion{order:1}
	#customers_infos_avantages{order:2}
	#customers_infos_new{order:3}
	#customers_infos_valide{order:4}
	#customers_infos_cgv{order:5}
	.brand_univers h5{font-size:14px}

	#home_univers .card-list .produit_image img{height:100%;width:auto}

	.nav-tabs .nav-link{padding:0.2rem 0;font-size:12px}
	.nav-tabs .nav-link .num{font-size:28px;margin-right:5px;padding-right:5px;line-height:25px}
	.nav-tabs .nav-link .label{font-size:11px}

	#produit_onglets .nav-tabs .nav-link {height:50px}
	#fiche_produit .fiche_produit_infos{height:230px}
	.product_image{height:150px}
	.product_image img{max-height:100%}

	.title_categorie{font-size:17px}
	.page_description h1.title_categorie{font-size:30px !important;line-height:25px !important}
	.btn-more_arrow{font-size:13px}

	.basket_products .name{position:relative;padding-right:15px}
	.basket_products .name *{font-size:16px}
	.basket_products .btn-delete_products{font-size:16px;position:absolute;top:10px;right:10px}
	.basket_products .referency,
	.basket_products .accessoires,
	.basket_products .stock,
	.basket_products .panier_caracteristiques{font-size:12px} 
    
}

/* COL */
@media only screen and (max-width:575px){
    .container{ cursor: default !important;}
    #footer .FormussonFooter img{margin:10px 0px 0px 5px; width:60px;}
    .navbar-brand img { width:auto; }
	.zone_recherche{top:120px}
    #col-form-searchbar { z-index: 1000; }
    .searchbar { box-shadow: none; order:2; } 
    .searchbar button.close {margin-right: -5px; padding-left: 5px;}
    .navbar-search { height: 40px; } 
    /* pour recherche doofinder  */
    .df-classic {top:53px !important;}
    
    .partners .btn {width:100%;}
	.referency{margin:0}
	.referency > *{/*padding:0 3px*/}
	/*.navbar-nav .show .dropdown-menu2 .dropdown-menu2 > li > a{padding:16px 15px 16px 35px}*/
	/*.navbar-nav .show .dropdown-menu2 .dropdown-menu2 .dropdown-menu2 > li > a{padding:16px 15px 16px 45px}*/
    .form-group label #label_date_end { margin-right:-5px;  margin-left:-5px; }
    .gameFormInpt .blocCheckGameTxt, .blocCheckGameTxt{ margin-left:30px; text-align:left; }
}

@media only screen and (max-width:355px){
	.navbar-brand img{width:80px}
	.navbar-toggler{padding:8px}
	.site_accroche.mobile{font-size:8px;height:25px;padding:5px 0}
	#bloc_social i{font-size:35px}
	#footer{font-size:13px}
	#footer_accroche{font-size:13px}
	#footer_tel{font-size:18px}
	#footer .row > *{padding:0 5px}  
}