pre{text-align:left} input:focus::-webkit-input-placeholder{color: transparent;} /* 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} ::-moz-selection{/* Pour firefox */background:#333 none repeat scroll 0 0;color:#fff} ::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, a.text-primary:hover{color:#333 !important} .text-primary-ctrm, a.text-primary-ctrm:hover{color:#333 !important; font-size:85%;} p.titleCommande {line-height: 1.1rem;} .input-group{border:none} .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} .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} .btn-secondary{background:#333;color:#fff} button:focus{outline:none} .btn.focus, .btn:focus{box-shadow:none} .dropdown-menu{margin-top:0;border-color:#ddd} .dropdown-item.active, .dropdown-item:active{background:#333;color:#fff} #site_contenu{margin-bottom:10px;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} .background-qama{background-color:#e2001a !important;color:#fff !important} .border-qama{border-color:#e2001a !important} .h1_header, .h1, .h1.container, h1{font-size:2rem} h2{font-size:1.5rem} .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} .btn-more_alertadr{border:none;font-size:15px;margin-top:10px;font-weight:400;text-align:left;padding:8px !important;position:relative;display:inline-block !important;width:100%;cursor:pointer} .btn-more_alertadr 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/qamafr/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/qamafr/img/arrow_black.png)} .btn-more_arrow.white{background:#e77618;color:#fff} .btn-more_arrow.white:after{background-image:url(/v2/qamafr/img/arrow_white.png)} .color_stock{color:#9bb702} .color_stock:before{background:url(/v2/qamafr/img/picto_stock.png) no-repeat} .color_stock_commande{color:#239cd7} .color_stock_commande:before{background:url(/v2/qamafr/img/picto_sur_commande.png) no-repeat} .color_stock_epuisement{color:#bc2026} .color_stock_epuisement:before{background:url(/v2/qamafr/img/picto_epuisement.png) no-repeat} .color_stock_reappro{color:#ffbf0f} .color_stock_reappro:before{background:url(/v2/qamafr/img/picto_reappro.png) no-repeat} .color_stock_commande_stock{color:#373737} .color_stock_commande_stock:before{background:url(/v2/qamafr/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:#333} .nav-link{padding:0.5rem} #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:230px;left:0} .bg_grey{background:#333} .bg_grey_white{background:#f5f5f5} #url_cat{display:none} #matomo-opt-out label {margin-left:10px;} #header{padding:15px 0;z-index:25;width:100%;position:-webkit-sticky;position:sticky;top:0;margin-bottom:60px} #header #header_logo{} #header #header_txt{color:#fff;font-size:16px} #header #header_logo #header_logo_img{position:absolute;top:-20px;left:15px;transition:all 0.3s ease;height:157px;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_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:#fff;font-size:0.75rem;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:58px;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:#fff;width:100%} #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:455px;max-height:470px;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:#000;position:relative;padding:8px !important;font-size:19px} .nav_link-1, .nav_link-2, .nav_link-3{font-family:'Barlow', sans-serif;color:#333} .nav_link-1.active, .nav_link-1:hover{font-weight:700;color:#fff} .sticky #header{padding:10px 0;margin-bottom:65px} .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%;border:none;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:20px;width:100%} .sous_menu > ul > li:nth-child(4) > ul.sous_menu-2, .sous_menu > ul > li:nth-child(4) > .row, .sous_menu > ul > li:nth-child(4) > .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(4) > a, .sous_menu ul > li:hover > .dropdown-toggle{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;font-weight:600} #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 ul > li > .dropdown-toggle{display:inline-block} .sous_menu .dropdown:hover > .dropdown-toggle > a{color:#fff !important} #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 > .dropdown-toggle, #sous_menu_10858 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > 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 > .dropdown-toggle, #sous_menu_10859 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > 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 > .dropdown-toggle, #sous_menu_10860 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > 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 > .dropdown-toggle, #sous_menu_10861 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > 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, #sous_menu_10863 > 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 > .dropdown-toggle, #sous_menu_10863 .sous_menu ul > li:hover > .dropdown-toggle, #sous_menu_10862 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a, #sous_menu_10863 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a {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_85000 > a.dropdown-toggle:before{background:#F6965B} #sous_menu_85000 > .sous_menu{border-color:#F6965B} #sous_menu_85000 .sous_menu ul > li:hover > .dropdown-toggle, #sous_menu_85000 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a{background:#F6965B;color:#fff !important} #sous_menu_85000 ul.sous_menu-3 li:hover > a{color:#F6965B !important;background:none} #sous_menu_10864 > a.dropdown-toggle:before, #sous_menu_85392 > a.dropdown-toggle:before {background:#ecae00} #sous_menu_10864 > .sous_menu, #sous_menu_85392 > .sous_menu {border-color:#ecae00} #sous_menu_10864 .sous_menu ul > li:hover > .dropdown-toggle, #sous_menu_85392 .sous_menu ul > li:hover > .dropdown-toggle, #sous_menu_10864 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a, #sous_menu_85392 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a {background:#ecae00;color:#fff !important} #sous_menu_10864 ul.sous_menu-3 li:hover > a, #sous_menu_85392 ul.sous_menu-3 li:hover > a {color:#ecae00 !important;background:none} #sous_menu_85093 > a.dropdown-toggle:before{background:#AED44A} #sous_menu_85093 > .sous_menu{border-color:#AED44A} #sous_menu_85093 .sous_menu ul > li:hover > .dropdown-toggle, #sous_menu_85093 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a{background:#AED44A;color:#fff !important} #sous_menu_85093 ul.sous_menu-3 li:hover > a{color:#AED44A !important;background:none} #sous_menu_85485 > a.dropdown-toggle:before{background:#46D7D9} #sous_menu_85485 > .sous_menu{border-color:#46D7D9} #sous_menu_85485 .sous_menu ul > li:hover > .dropdown-toggle, #sous_menu_85485 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a{background:#46D7D9;color:#fff !important} #sous_menu_85485 ul.sous_menu-3 li:hover > a{color:#46D7D9 !important;background:none} #sous_menu_85516 > a.dropdown-toggle:before{background:#F5E300} #sous_menu_85516 > .sous_menu{border-color:#F5E300} #sous_menu_85516 .sous_menu ul > li:hover > .dropdown-toggle, #sous_menu_85516 .nav_link-univers:hover + .sous_menu > ul > li:nth-child(4) > a{background:#F5E300;color:#fff !important} #sous_menu_85516 ul.sous_menu-3 li:hover > a{color:#F5E300 !important;background:none} .site_accroche{height:40px;width:100%;margin:0;padding:10px;text-transform:uppercase;line-height:16px;} .site_accroche .h1, .site_accroche .h1_header, .site_accroche h1{text-align:left;color:#fff;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} .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 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} .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:#fff;background:#333} /*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:#f5f5f5;margin-bottom:10px;position:-webkit-sticky;position:sticky;top:124px;z-index:9;border-top:4px solid #ddd;border-bottom:1px solid #ddd !important} .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:#f5f5f5} .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 #f5f5f5} .btn-breadcrumb .btn.btn-default:not(:last-child):before {border-left: 10px solid #ccc} .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} /* 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} .page_description .info_desc_univers.light{font-size:12px;} #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} /* .boutique .info_title_univers, .boutique .info_desc_univers{display:none} */ /* .boutique_hettich{background:url(/images/pub/qamafr/habillage_hettich_brand.jpg) no-repeat top center;height:185px} */ /* .boutique_kessebohmer{background:url(/images/pub/qamafr/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:#fff !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:#fff} .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"} .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_85000 #categorie_left .titre, #univers_10863 .btn-last .dropdown-item.active, #univers_85000 .btn-last .dropdown-item.active, .panel_left #categorie_rayons #univers_10863.level-0 > .nav-link, .panel_left #categorie_rayons #univers_85000.level-0 > .nav-link{background-color:#ef752b} #univers_10863 .title_categorie, #univers_85000 .title_categorie, .panel_left #categorie_rayons #univers_10863 .level-1 .nav-link.active, .panel_left #categorie_rayons #univers_85000 .level-1 .nav-link.active, .panel_left #categorie_rayons #univers_10863 .level-1 .nav-link:hover, .panel_left #categorie_rayons #univers_85000 .level-1 .nav-link:hover, #univers_10863 .panel_left #categorie_rayons .nav-link.active, #univers_10863 .panel_left #categorie_rayons .nav-link:hover, #univers_85000 .panel_left #categorie_rayons .nav-link.active, #univers_85000 .panel_left #categorie_rayons .nav-link:hover, #univers_10863 .info_title_univers, #univers_85000 .info_title_univers, #univers_10863 .btn-last .dropdown-item:hover:not(.active), #univers_85000 .btn-last .dropdown-item:hover:not(.active), #univers_10863 .btn-breadcrumb .btn-last .dropdown-toggle, #univers_85000 .btn-breadcrumb .btn-last .dropdown-toggle {color:#ef752b} #menu_principal_mobile .level-0#nav_10863, #menu_principal_mobile .level-0#nav_85000, #univers_10863 .page_description, #univers_85000 .page_description, #univers_10863 .breadcrumb_indexation, #univers_85000 .breadcrumb_indexation, #univers_10863 .btn-last .dropdown-toggle:after, #univers_85000 .btn-last .dropdown-toggle:after, #univers_10863 .panel_left #categorie_rayons .level-0.active, #univers_85000 .panel_left #categorie_rayons .level-0.active, #univers_10863 .panel_left #categorie_rayons .level-0:hover, #univers_85000 .panel_left #categorie_rayons .level-0:hover{border-color:#ef752b} #univers_10864 #categorie_left .titre, #univers_85392 #categorie_left .titre, #univers_10864 .btn-last .dropdown-item.active, #univers_85392 .btn-last .dropdown-item.active, .panel_left #categorie_rayons #univers_10864.level-0 > .nav-link, .panel_left #categorie_rayons #univers_85392.level-0 > .nav-link {background-color:#ecae00} #univers_10864 .title_categorie,#univers_85392 .title_categorie, .panel_left #categorie_rayons #univers_10864 .level-1 .nav-link.active, .panel_left #categorie_rayons #univers_85392 .level-1 .nav-link.active, .panel_left #categorie_rayons #univers_10864 .level-1 .nav-link:hover, .panel_left #categorie_rayons #univers_85392 .level-1 .nav-link:hover, #univers_10864 .panel_left #categorie_rayons .nav-link.active, #univers_85392 .panel_left #categorie_rayons .nav-link.active, #univers_10864 .panel_left #categorie_rayons .nav-link:hover, #univers_85392 .panel_left #categorie_rayons .nav-link:hover, #univers_10864 .info_title_univers, #univers_85392 .info_title_univers, #univers_10864 .btn-last .dropdown-item:hover:not(.active), #univers_85392 .btn-last .dropdown-item:hover:not(.active), #univers_10864 .btn-breadcrumb .btn-last .dropdown-toggle, #univers_85392 .btn-breadcrumb .btn-last .dropdown-toggle {color:#ecae00} #menu_principal_mobile .level-0#nav_10864, #menu_principal_mobile .level-0#nav_85392, #univers_10864 .page_description, #univers_85392 .page_description, #univers_10864 .breadcrumb_indexation, #univers_85392 .breadcrumb_indexation, #univers_10864 .btn-last .dropdown-toggle:after, #univers_85392 .btn-last .dropdown-toggle:after, #univers_10864 .panel_left #categorie_rayons .level-0.active, #univers_85392 .panel_left #categorie_rayons .level-0.active, #univers_10864 .panel_left #categorie_rayons .level-0:hover, #univers_85392 .panel_left #categorie_rayons .level-0:hover{border-color:#ecae00} #univers_85485 #categorie_left .titre, #univers_85485 .btn-last .dropdown-item.active, .panel_left #categorie_rayons #univers_85485.level-0 > .nav-link{background-color:#46D7D9} #univers_85485 .title_categorie, .panel_left #categorie_rayons #univers_85485 .level-1 .nav-link.active, .panel_left #categorie_rayons #univers_85485 .level-1 .nav-link:hover, #univers_85485 .panel_left #categorie_rayons .nav-link.active, #univers_85485 .panel_left #categorie_rayons .nav-link:hover, #univers_85485 .info_title_univers, #univers_85485 .btn-last .dropdown-item:hover:not(.active), #univers_85485 .btn-breadcrumb .btn-last .dropdown-toggle{color:#46D7D9} #menu_principal_mobile .level-0#nav_85485, #univers_85485 .page_description, #univers_85485 .breadcrumb_indexation, #univers_85485 .btn-last .dropdown-toggle:after, #univers_85485 .panel_left #categorie_rayons .level-0.active, #univers_85485 .panel_left #categorie_rayons .level-0:hover{border-color:#46D7D9} #univers_85093 #categorie_left .titre, #univers_85093 .btn-last .dropdown-item.active, .panel_left #categorie_rayons #univers_85093.level-0 > .nav-link{background-color:#AED44A} #univers_85093 .title_categorie, .panel_left #categorie_rayons #univers_85093 .level-1 .nav-link.active, .panel_left #categorie_rayons #univers_85093 .level-1 .nav-link:hover, #univers_85093 .panel_left #categorie_rayons .nav-link.active, #univers_85093 .panel_left #categorie_rayons .nav-link:hover, #univers_85093 .info_title_univers, #univers_85093 .btn-last .dropdown-item:hover:not(.active), #univers_85093 .btn-breadcrumb .btn-last .dropdown-toggle{color:#AED44A} #menu_principal_mobile .level-0#nav_85093, #univers_85093 .page_description, #univers_85093 .breadcrumb_indexation, #univers_85093 .btn-last .dropdown-toggle:after, #univers_85093 .panel_left #categorie_rayons .level-0.active, #univers_85093 .panel_left #categorie_rayons .level-0:hover{border-color:#AED44A} #univers_85516 #categorie_left .titre, #univers_85516 .btn-last .dropdown-item.active, .panel_left #categorie_rayons #univers_85516.level-0 > .nav-link{background-color:#F5E300} #univers_85516 .title_categorie, .panel_left #categorie_rayons #univers_85516 .level-1 .nav-link.active, .panel_left #categorie_rayons #univers_85516 .level-1 .nav-link:hover, #univers_85516 .panel_left #categorie_rayons .nav-link.active, #univers_85516 .panel_left #categorie_rayons .nav-link:hover, #univers_85516 .info_title_univers, #univers_85516 .btn-last .dropdown-item:hover:not(.active), #univers_85516 .btn-breadcrumb .btn-last .dropdown-toggle{color:#F5E300} #menu_principal_mobile .level-0#nav_85516, #univers_85516 .page_description, #univers_85516 .breadcrumb_indexation, #univers_85516 .btn-last .dropdown-toggle:after, #univers_85516 .panel_left #categorie_rayons .level-0.active, #univers_85516 .panel_left #categorie_rayons .level-0:hover{border-color:#F5E300} .menu-news{background:#e2001a} .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} #menu_principal_mobile .menuHMobileDirectLink { color:#fff; border-color:#aa1817; border-left:5px solid #333; position:relative; list-style:none; box-sizing:border-box; padding:5px 10px; } #menu_principal_mobile .menuHMobileDirectLink a{ color:#fff; text-decoration:none; } #menu_principal_mobile .menuHMobileDirectLink :hover{ background-color:#ccc;} .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} .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} .card .card-title{height:45px; line-height:16px;} .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(/assets/inter/qamafr/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} .vignetteBlocNew{ background : url(/assets/inter/qamafr/pages/vignette-nouveau.jpg) no-repeat; position:absolute;top:0;left:0;z-index:1;width:100px;height:35px} .product_label{position:absolute;top:0;left:0;z-index:1} .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:10px} .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} .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(/data/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:20px;font-size:16px;margin-bottom:10px;height:55px;font-weight:600} a.product_brand, .product_brand{color:#e2001a !important;text-transform:uppercase;margin-bottom:10px;height:45px !important;vertical-align:middle} a.product_brand img, .product_brand img{max-height:60px;width:auto;opacity:0.8} .product_brand{height:70px !important} .produit_bloc:hover .product_brand img{opacity:1} .product_informations{border-left:1px solid #e2001a} .price_old{font-size:16px;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} .discount_no_logge{font-size:12px;line-height:14px; color:#d90000;} .discount_no_logge:hover{cursor:pointer;} .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:10px} #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} .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 .connectPrice2{ font-size:14px; text-align:center;} #fiche_produit .connectPrice2 img{ background-color:#71c154; width:6%; margin-right:5px; border-radius:8px;} #fiche_produit .vignettePourcentage{position:initial;margin-right:20px;padding:2px 5px} #produit_onglets{margin-top:0; color:#666;} #produit_onglets h2, .h2_fp, #produit_onglets h3, .h3_fp{color:#e2001a; font-size:22px} #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%;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:22px} #produit_onglets #caracteristiques h3{font-size:22px;color:#e2001a} #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{ font-size:16px; color:#666;} /* .td_article .titre{ font-size:20px;} */ .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} .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}.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{border:1px solid #eee !important} .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} #panier_reference thead{background:#333;color:#fff} .style_sous_total, .style_total{padding:10px} .style_sous_total{background:#f5f5f5} .style_total{background:#333;color:#fff} .style_strong{font-size:25px} #destockage .page_description{background:url(/v2/qamafr/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_pub img{width:100%} #home_slider_bannieres{margin:0 0 20px} #home_spido{padding:20px 0;/*margin:30px 0*/} #home_spido #spido_logo{width:100%;max-width:max-content} #home_spido .title{font-size:2vw;color:#fff;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/qamafr/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} /*Page Home*/ /*Mon compte*/ #customers_infos_connexion .form_bloc{min-height:278px} #customers_infos_avantages .form_bloc{min-height:205px} .bloc_adresse p{margin:0} .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} .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 h3{font-size:20px;color:#000} .form_bloc h4{font-size:16px;color:#e2001a;border-bottom:1px solid #eee} .form_bloc h4 .titre_right{padding:0} .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} 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} /*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} .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} ul .giftBtnZone { background-color: #f5f5f5; margin-top: 15px !important; height:40px; text-align:center; } .giftBtnZone .giftBtn { color:#fff; text-align:center; width:100%; height:35px; } .giftBtnZone .giftBtn .btn-primary:hover{ background-color:#ED001A; } #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} .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} #footer{background:#333;color:#fff;padding:20px 0 40px;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_menu{} #footer_accroche{text-transform:uppercase;margin-top:30px;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} #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} .paddingTopBottom{ padding:15px 0px; } /* 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/qamafr/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/qamafr/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} .eqipFooter{ text-align:left; margin-top:40px ;margin-left:2%;} .btn_filter{ background: #f5f5f5; color: #333; font-weight: 500; padding:6px 15px; margin-right:10px; } .btn_filter.active{ font-weight: 600; color:#fff; } .btn_filter.active.bg_10858{ background: #127d8c !important; } .btn_filter.active.bg_10859{ background: #65b445 !important; } .btn_filter.active.bg_10860{ background: #ec6472 !important; } .btn_filter.active.bg_10861{ background: #aa1817 !important; } .btn_filter.active.bg_10862{ background: #ef752b !important; } .btn_filter.active.bg_10863{ background: #ef752b !important; } .btn_filter.active.bg_85000{ background: #ef752b !important; } .btn_filter.active.bg_10864{ background: #ecae00 !important; } .btn_filter.active.bg_85392{ background: #ecae00 !important; } .btn_filter.active.bg_85093{ background: #B148E7 !important; } .btn_filter.active.bg_85485{ background: #46D7D9 !important; } .btn_filter.active.bg_85516{ background: #F5E300 !important; } li.new_univers{ padding-bottom:10px; } li.new_univers a{ /*position: absolute; bottom :0;*/ } #sous_menu_10858 .sous_menu ul > li.color_10858:hover > a.dropdown-toggle, li.color_10858 a{ color:#127d8c !important; } #sous_menu_10858 .sous_menu ul > li.color_10859:hover > a.dropdown-toggle, li.color_10859 a{ color:#65b445 !important; } #sous_menu_10858 .sous_menu ul > li.color_10860:hover > a.dropdown-toggle, li.color_10860 a{ color:#ec6472 !important; } #sous_menu_10858 .sous_menu ul > li.color_10861:hover > a.dropdown-toggle, li.color_10861 a{ color:#aa1817 !important; } #sous_menu_10858 .sous_menu ul > li.color_10862:hover > a.dropdown-toggle, li.color_10862 a{ color:#ef752b !important; } #sous_menu_10858 .sous_menu ul > li.color_10863:hover > a.dropdown-toggle, li.color_10863 a{ color:#ef752b !important; } #sous_menu_10858 .sous_menu ul > li.color_10864:hover > a.dropdown-toggle, li.color_10864 a{ color:#ecae00 !important; } #sous_menu_10858 .sous_menu ul > li.color_85392:hover > a.dropdown-toggle, li.color_85392 a{ color:#ecae00 !important; } #sous_menu_10858 .sous_menu ul > li.color_85093:hover > a.dropdown-toggle, li.color_85093 a{ color:#B148E7 !important; } #sous_menu_10858 .sous_menu ul > li.color_85485:hover > a.dropdown-toggle, li.color_85485 a{ color:#46D7D9 !important; } #sous_menu_10858 .sous_menu ul > li.color_85516:hover > a.dropdown-toggle, li.color_85516 a{ color:#F5E300 !important; } #sous_menu_10858 .sous_menu ul > li.new_univers:hover > a.dropdown-toggle{ color:#FFF !important; } .ZoneFilters{ height: 40px; text-align: center; } .ZoneFilters .button_filter { background:#f5f5f5; font-weight:bold; font-size:13px; padding:5px 10px; border-radius:3px; margin-right:8px; display:inline; } .ZoneFilters .button_filter a { color:#333; } .ZoneFilters .button_filter:hover { background: #666; color:#fff; } .ZoneFilters .button_filter:hover a { color:#fff; } .ZoneFilters .button_filter.active { background: #e2001a; color:#fff; } .ZoneFilters .button_filter.active a{ color:#fff; } .ZoneFilters .button_filter.active:hover a{ text-decoration: none; color:#fff; } .other_catalogue_lie{ color:#FFF; text-align: center; background: #e2001a; margin-bottom: 10px; line-height: 30px; font-size: 15px; height:30px; text-transform: uppercase; } .other_catalogue_lie a{ color:#FFF; font-weight: 600; } /* ************************* 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; font-size:14px; } .df-classic:not([data-facets="right"]) .df-header { padding: 0px !important; } .df-classic .df-main { margin-right:5px;} .df-classic { border:0px #fff !important;} .df-classic .df-aside__content { top:0px !important; } .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; } .df-classic[data-facets="left"] .df-aside{ border-right: 0px none #fff !important; background-color: #fff !important;} .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} /* ************************* fin doofinder *********** ****************** */ /* 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:141px} #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} .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:#333} #site_menu .navbar .navbar-toggler i{color:#fff;width:15px} #site_menu .navbar .navbar-toggler img{max-width:25px} #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:70px !important;padding-bottom:10px} 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} } @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 > .dropdown-toggle{padding:5px;display:inline-block;width:100%} #mainmenu .collapse .sous_menu > ul li > .dropdown-toggle 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} } /* 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){ .zone_recherche{top:120px} .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}*/ } @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} } /*Doofinder*/ .df-branding{display:none !important} .df-card__pricing {display: none!important} .df-icon-list{display:none !important}