/****************** Global Styles OVERWRITED ******************/
#prefooter ul li span.bold {color:#1A181D; font-weight:500;}
.ribbon-devis, .ribbon-tel {border-bottom:2px solid #1A181D;}
.ribbon-devis a {color:#1A181D;}

.active-step {background:#1A181D;}
.coordonnees-title h1 {background:#1A181D; width:360px;}

.square-title h1 {
	display:block;
	margin:0 auto;
	color:#FFF;
	padding:12px 15px;
	background: #1A181D;
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	font-family:"Exo", Arial, sans-serif;
	font-weight:500;
	-webkit-transform:skewx(-25deg);
	transform:skewx(-25deg);
}
.square-title h1 span {
	display:block;
	-webkit-transform:skewx(25deg);
	transform:skewx(25deg);
}

/************** Colonne latérale / Bloc Navigation **************/
.nav-block ul li a i.fa-angle-right:before {display:none;}
.nav-block {box-shadow:0px 4px 16px rgb(0 0 0 / 10%);}
.left-column .nav-block-content {border-bottom:none; border:1px solid #CCC; background:none; border-bottom:2px solid #676767;}
.left-column ul.nav-Nv1 li {background:#F8F8F8; border-bottom:1px solid #e8e8e8; border-top:none;}
.nav-block ul li a {color:#646464; font-size:13px;}
.left-column ul.nav-Nv1 > li {border-left:3px solid #CCC;}
.left-column ul.nav-Nv1 li.active {background:none; border-left:3px solid #1A181D;}
.left-column ul.nav-Nv1 > li:hover {background:none; border-left:3px solid #7AB2E3;}
.left-column ul.nav-Nv1 li.active a {color:#000;}
.left-column ul.nav-Nv1 li.active > a, .left-column ul.nav-Nv1 > li:hover > a {color:#000; font-weight:500;}
.left-column ul.nav-Nv2 li {background:#FFF;}
.left-column ul.nav-Nv2 li:hover > a {color:#398bd2 !important;}

/************** Filtres actifs **************/
#category .selected-filters {margin-top:20px;}
#search_activefilters h2 span {color:#1A181D;}
.selected-filters ul {padding-top:10px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.value_flt {color:#1A181D;}
.selected-filters p {padding-top:10px; margin:0px;}

/**************  Liste Produits **************/
#listTable tbody .w3-data-price-unit {color:#000;}
th.w3-data-price-unit {width:90px !important;}
th.w3-data-add-basket {width:260px !important;}
th.w3-data-label {width:300px !important;}
th.w3-data-stock {width:54px !important;}

/******* Breadcrumb *******/
.ariane {margin-top:10px;}
.ariane .fa-home {font-size:20px; color:#1A181D;}
.ariane a {
    color:#FFF;
    padding:4px 12px;
    background:#7AB2E3;
	transition: all 0.3s;
}
.ariane a:last-child {background:#1A181D; color:#FFF; font-weight:500;}

.ariane a:hover {background:#398BD2; color:#FFF;}
.ariane a::before {
	content:'';
	position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0;
    transition:all 0.3s;
    border-top-width:1px;
    border-bottom-width:1px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-top-color:rgba(0,0,0,0.5);
    border-bottom-color:rgba(0,0,0,0.5);
    transform:scale(0.1, 1);
}
.ariane a:hover::before {opacity:1; transform:scale(1, 1);}
.ariane a:hover::after {
	content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    transition:all 0.3s;
    background-color:rgba(57,139,210,0.1);
}

/**************  Buttons & Links Style **************/

.fancybox_add_cart, a.w3-btn-add-basket, .call-to-contact a, a.keep-shopping, a.see-cart, a.download-pdf, a.download-xls, a.btn-cancel-order, a.btn-keep-ordering, button.btn-next-step, a.btn-save-cart, button.back-home, input.btn-blue, .login-box input[type=submit], .register-box input[type=submit], .open-account-content input.submit-form {
	border:none;
	background:#7AB2E3 !important;
	padding:8px 10px !important;
    text-align: center;
    cursor: pointer;
	color: #FFF;
    transition: all 0.3s;
    position: relative;
	font-size:11px;
	text-transform:uppercase;
}
a.download-pdf, a.download-xls, a.btn-cancel-order, a.btn-keep-ordering, button.btn-next-step, a.btn-save-cart, button.back-home, input.btn-blue, .login-box input[type=submit], .register-box input[type=submit], .open-account-content input.submit-form {font-size:13px !important; padding:10px 15px !important;}

a.keep-shopping {padding-right:20px !important;}

a.see-cart {padding-left:20px !important; background:#AFCB52 !important;}
a.see-cart:hover, button.btn-next-step:hover {background:#91B200 !important;}

a.download-pdf {background:#DB0902 !important;}
a.download-pdf:hover {background:#C00101 !important;}

a.download-xls {background:#60A93D !important;}
a.download-xls:hover {background:#008641 !important;}

a.btn-cancel-order {background:#FF686B !important;}
a.btn-cancel-order:hover {background:#E2001A !important;}

a.btn-save-cart {background:#81919B !important;}
a.btn-save-cart:hover {background:#545F66 !important;}

a.btn-keep-ordering:hover {background:#398BD2 !important;}

button.btn-next-step {background:#AFCB52 !important;}

a.keep-shopping:hover {background:#398BD2 !important;}

.fancybox_add_cart:hover, a.w3-btn-add-basket:hover, .call-to-contact a:hover, button.back-home:hover, .open-account-content input.submit-form:hover, input.btn-blue:hover {letter-spacing:1px; background:#398BD2 !important;}

.fancybox_add_cart:hover::before, a.w3-btn-add-basket:hover::before, .call-to-contact a:hover::before, a.keep-shopping:hover::before, a.see-cart:hover::before, a.download-pdf:hover::before, a.download-xls:hover::before, a.btn-cancel-order:hover::before, a.btn-keep-ordering:hover::before, button.btn-next-step:hover::before, a.btn-save-cart:hover::before, button.back-home:hover::before, input.btn-blue:hover::before, .open-account-content input.submit-form:hover::before {opacity:1; transform:scale(1, 1);}

.fancybox_add_cart::before, a.w3-btn-add-basket::before, .call-to-contact a::before, a.keep-shopping::before, a.see-cart::before, a.download-pdf::before, a.download-xls::before, a.btn-cancel-order::before, a.btn-keep-ordering::before, button.btn-next-step::before, a.btn-save-cart::before, button.back-home::before, input.btn-blue::before, .open-account-content input.submit-form::before {
    content:'';
	position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0;
    transition:all 0.3s;
    border-top-width:2px;
    border-bottom-width:2px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-top-color:rgba(0,0,0,0.5);
    border-bottom-color:rgba(0,0,0,0.5);
    transform:scale(0.1, 1);
}
.fancybox_add_cart::after, a.w3-btn-add-basket::after, .call-to-contact a::after, a.keep-shopping::after, a.see-cart::after, a.download-pdf::after, a.download-xls::after, a.btn-cancel-order::after, a.btn-keep-ordering::after, button.btn-next-step::after, a.btn-save-cart::after, button.back-home::after, input.btn-blue::after, .open-account-content input.submit-form::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    transition:all 0.3s;
    background-color:rgba(57,139,210,0.1);
}

.w3-btn-opt {
	border:none;
	background:#999999 !important;
	padding:8px 10px !important;
    text-align: center;
    cursor: pointer;
	color: #FFF;
    transition: all 0.3s;
    position: relative;
	font-size:11px;
	text-transform:uppercase;
}
.w3-btn-opt:hover {letter-spacing:1px; background:#757575 !important;}
.w3-btn-opt:hover::before {opacity:1; transform:scale(1, 1);}
.w3-btn-opt::before {
    content:'';
	position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0;
    transition:all 0.3s;
    border-top-width:2px;
    border-bottom-width:2px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-top-color:rgba(0,0,0,0.5);
    border-bottom-color:rgba(0,0,0,0.5);
    transform:scale(0.1, 1);
}
.w3-btn-opt::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    transition:all 0.3s;
    background-color:rgba(117,117,117,0.1);
}

/**************  Login & Register Boxes **************/

.login-box .form-submit, .register-box .form-submit {text-align:right;}
.login-box .form-submit input[type=submit] {padding:10px 40px!important; letter-spacing:2px;}
.register-box .form-submit input[type=submit] {padding:10px 25px!important; letter-spacing:2px;}
.login-box input[type=submit]:hover, .register-box input[type=submit]:hover {background:#398BD2 !important;}

.login-box h2 {color:#1A181D;}
.register-box h2 {background:#1A181D; padding:12px 10px;}
.register-box .form-submit {margin-top:50px;}

/**************  Labels **************/

.dt_span_new {background:#398bd2;}

/************** Popup AddtoCart **************/
.popup_add_cart {border:2px solid #1A181D;}
.popup_add_cart h1 {background:#1A181D;}

/************** Colonne latérale / Bloc Filtres **************/
.zone-filtres {box-shadow:0px 4px 16px rgb(0 0 0 / 10%);}
.filtres {background:#F8F8F8;}

/************** Pages Marques & Familles / Titre & Description **************/
.libelle_famille {margin-bottom:0px; padding:10px 5px 10px 0 !important; border:0px;}
.description-famille {padding-left:10px;}
.description-famille > br {display:none;}
.description-famille p {line-height:20px; background:#F8F8F8; padding:15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 8px rgb(0 0 0 / 10%);}
.savoir-plus-marque {padding-right:5px;}

.intro-brands {margin:0px;}
.marques-leader .square-title, .autres-marques .square-title {margin:30px 0px;}

/************** List Sous-Familles **************/
.liste-familles ul li {text-align:center; margin:10px; padding:0px; width:23.19%;}
.liste-familles ul li:nth-child(4n) {margin-right:0px;}
.liste-familles ul li:hover img {filter:none;-webkit-filter:none;}


/************** Page Produit **************/
#produit h1 {color:#1A181D;}
.product_top_left {width:440px;}
.product_top_right {
	width:770px;
	margin-left:20px;
	padding:17px;
	background:#F8F8F8;
	border-radius:5px;
	moz-border-radius:5px;
	webkit-border-radius:5px;
	box-shadow:0px 0px 8px rgb(0 0 0 / 10%);
}
.BlocInfosCommande .lineInfo .left, .BlocInfosCommande .lineOrder .left {width:42%; color:#000;}
.BlocInfosCommande .degressivites, .BlocInfosCommande .w3-degressivite-qte {background:#FFF;}
.BlocInfosCommande .prix_client_remise, .BlocInfosCommande .prix_total_ht, .BlocInfosCommande .lineCond .right, .BlocInfosCommande .lineDecoupeForm .righ, .BlocInfosCommande .lineOption h3 {color:#000;}
.BlocInfosCommande .lineMsg .info {font-size:13px;}
.art_new, .art_destock {width:auto;}
.BlocInfosCommande .lineInfo {height:44px;}
.BlocInfosCommande .stock_prod {padding:5px 12px;}
.BlocInfosCommande .degressivites thead tr th {border-width:0px 1px 1px 1px;}
.BlocInfosCommande .degressivites td {border-color:#D5D5D5;}
.w3-prod-cmd a:link, .w3-prod-cmd a:visited {color:#1A181D;}

.art_destock.art_destock_danger {background:#b4b4b4;}

.BlocInfosCommande .old_prix_unit_ht {font-size:18px;}

.BlocInfosCommande .fancybox_add_cart {font-size:14px; padding:10px!important;}
.BlocInfosCommande .fancybox_add_cart:hover {letter-spacing:2px;}

.BlocInfosCommande .enReaproTimeLimit {color:#646464;}
.lineOrder .left div div {color:#646464 !important; font-style:italic;}
.BlocInfosCommande .verif-stock-agence {padding:8px;}

.w3-prod-cmd a:link, .w3-prod-cmd a:visited {background:#FFF;}
.w3-prod-cmd a:link:hover, .w3-prod-cmd a:visited:hover {background:#E8E8E8;}

.categories-liees {border-width:0px 1px 1px 1px;}
.categories-liees li {padding:0px;}
.categories-liees li a {display:block; padding:8px 0px;}
.categories-liees li:hover a {
	color:#FFF;
	background:#7AB2E3;
	box-shadow: 0 0 5px -2px #444;
	-webkit-box-shadow: 0 0 5px -2px #444;
	-moz-box-shadow: 0 0 5px -2px #444;
}

.preview figure a:after {color:#1a181d;}
.DocTechnique {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/************** Product Thumbnails **************/
.w3-container-slider-prod-thumbnails .bx-wrapper .w3-slider-prod-thumbnails > li {margin-bottom:8px !important;}
.w3-container-slider-prod-thumbnails .bx-wrapper .bx-viewport {height:286px !important;}
.w3-container-slider-prod-thumbnails .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {top:18px;}
.w3-container-slider-prod-thumbnails .bx-wrapper .bx-controls .bx-controls-direction .bx-next {top:54%;}

/************** Product Options **************/
.BlocInfosCommande .w3-table-opt-value tbody tr th, .BlocInfosCommande .w3-table-opt-value tbody tr td {padding:3px; background:#FFF;}
.OptionValue a {display:block; padding:7px; color:#128ae7;}
.BlocInfosCommande .lineOption .OptionValue select option {zoom: 1.15}

/************** Nex & Prom & Destock **************/
.art_new {background:#398bd2; text-transform:uppercase; letter-spacing:4px;}

/************** Page Familles de Produit **************/
.entete-nv1 {border-bottom:2px solid #AAA; background:#F3F3F3;}
.entete-nv1 a {color:#1A181D; font-weight:500;}
.entete-nv1 a:hover {color:#398bd2;}
.liste-familles-nv1 > ul > li > div.famille-nv1-content {border-width:0px 1px 1px;}
.liste-familles-nv1>ul>li>div>ul {padding:8px 0px 8px 18px;}
.famille-nv1-content img {border-bottom:1px solid #AAA;}
.liste-familles-nv1 > ul > li > div > ul > li a {color:#1A181D; font-size:14px;}
.liste-familles-nv1 > ul > li > div > ul > li a::before {content:'\f0c8'; font-size:12px; color:#AAA; margin:-2px 4px 0 -6px;}
.liste-familles-nv1 > ul > li > div > ul > li a:hover {color:#398bd2;}
.liste-familles-nv1 > ul > li > div > ul > li a:hover::before {color:#398bd2;}

#category .selected-filters {padding:10px;}
.libelle_famille {color:#1A181D; padding:10px 0px 5px 0;}

.libelle-famille {background:none; border-top:1px solid #CCC;}

.liste-familles ul li a {transition:all .25s linear;}
.liste-familles ul li a:hover .libelle-famille {background:none;}
.liste-familles ul li a:hover .libelle-famille span {color:#398bd2;}
.liste-familles ul li:hover a {
	box-shadow:0 0 10px -1px #AAA;
	-webkit-box-shadow:0 0 10px -1px #AAA;
	-moz-box-shadow:0 0 10px -1px #AAA;
}

/************** View all products BTN **************/
.view-all-products {padding:20px 0px 0px 0;}
.view-all-products a.btn-blue {
	border:none;
	background:#7AB2E3 !important;
	padding:8px 10px !important;
    text-align: center;
    cursor: pointer;
	color: #FFF;
    transition: all 0.3s;
    position: relative;
	font-size:12px;
	text-transform:uppercase;
}
.view-all-products a.btn-blue:hover {letter-spacing:1px; background:#398bd2 !important;}
.view-all-products a.btn-blue:hover::before {opacity:1; transform:scale(1, 1);}
.view-all-products a.btn-blue::before {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    opacity:0;
    transition:all 0.3s;
    border-top-width:2px;
    border-bottom-width:2px;
    border-top-style:solid;
    border-bottom-style:solid;
    border-top-color:rgba(0,0,0,0.5);
    border-bottom-color:rgba(0,0,0,0.5);
    transform:scale(0.1, 1);
}

.view-all-products a.btn-blue::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    transition:all 0.3s;
    background-color:rgba(57,139,210,0.1);
}

.view-all-products a.btn-blue span::after {
    content: "\f061";
    color: #FFF;
    font-size: 14px;
    font-family: 'FontAwesome';
	margin-left:5px;
}

/************** Promos & Destockages **************/
.promotions-content h1 {margin-bottom:30px;}
.dt_span_destock {background:#b4b4b4;}

/************** Page Contact **************/
.agence-contact h3 {font-size:14px; color:#FFF; padding:10px 5px;}

/************** Personnalisation Big Menu **************/
.first-column {
	display:inline-block;
	vertical-align:top;
	width:292px;
	padding:0px 15px;
	margin-right:20px;
	background:#1A181D;
	box-shadow:5px 0px 8px rgb(0 0 0 / 20%);
	-webkit-box-shadow:5px 0px 8px rgb(0 0 0 / 20%);
}
.first-column #fam-9 .quick-tile {height:100px;}
.first-column #fam-9 .quick-title {margin-top:20px;}
.first-column #fam-9 .quick-p2 {margin-top:10px;}
.first-column #fam-9 .quick-cta-button {bottom:10px;}

.first-column ul {list-style-type:none; padding:0px;}
.first-column ul li {padding:2px 0px;}

.quick-tile {
	text-align:center;
	color:#FFF;
	position:relative;
	overflow:hidden;
	cursor:default;
	display:inline-block;
	width:260px;
	height:120px;
	margin-top:12px;
	border:1px solid #000;
}

.quick-tile:hover {
	cursor:default;
	border:1px solid #1A181D;
}
.quick-img-container {
	position:relative;
	overflow:hidden;
}
.quick-tile .quick-img-container img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.quick-img-container:before {
	content:"";
	display:block;
	padding-top:56.25%;
}
.quick-img-container:after {
	content:"";
	display:block;
	background-color:#000;
	opacity:.0;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.quick-title {
	height:30px;
	line-height:30px;
	margin-top:30px;
	text-align:left;
	position:absolute;
	width:100%;
	z-index:1;
	top:50%;
	animation-duration:.5s;
	-webkit-animation-duration:.5s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
}
.quick-content {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
	color:#000;
	background-color:#FFF;
	-webkit-animation-duration:.5s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
	opacity:0;
}
.quick-p1 {
	display:inline-block;
	vertical-align:middle;
	font-family:"Exo", Arial, sans-serif;
	font-weight:500;
	font-size:14px;
	padding:0px 10px;
	background:rgba(57,139,210,1);
}
.quick-p2 {
	margin-top:15px;
	padding:0px 5px;
}
.quick-content .quick-p2 p {
	font-family:'Rubik', sans-serif;
	font-size:14px;
	font-weight:500;
	margin:0;
	padding:0px 10px;
}

.quick-p2:before {
	height:1px;
	display:block;
	background-color:#7AB2E3;
	margin:0 40px 10px;
}
.quick-cta-button {
	position:absolute;
	bottom:15px;
	width:100%;
}
.quick-cta-button .quick-cta-btn {
	width:50%;
	display:inline-block;
	margin:0 auto;
	border:0;
	padding:0;
	margin:0;
	color:#FFF;
	font-size:12px;
	font-weight:500;
	text-transform:uppercase;
	background:#1A181D;
}
.quick-cta-button .quick-cta-btn:hover {cursor:pointer; background:#398BD2;}
.quick-cta-button .quick-cta-btn>span {
	display:inline-block;
}
.quick-cta-btn .quick-text-wrapper {
	position:relative;
	display:block;
	margin:0 auto;
	padding:7px 10px 7px 0px;
	text-align:center;
	vertical-align:middle;
}

.quick-tile:hover .quick-title{-webkit-animation-name:slide-up-quick-tile-title;animation-name:slide-up-quick-tile-title}
.quick-tile:hover .quick-content{-webkit-animation-name:fade-in-quick-tile;animation-name:fade-in-quick-tile}

.quick-cta-btn .quick-text-wrapper:after{
	content:"";
	display:block;
	width:6px;
	height:6px;
	margin-left:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-webkit-animation-duration:.25s;
	animation-duration:.25s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	right:-3px;
	top:12px;
}
.btn-arrow:hover .quick-text-wrapper:after{-webkit-animation-name:button-arrow;animation-name:button-arrow}

.quick-prom {margin-top:12px; border:1px solid #FFF;}
.quick-prom:hover {border:1px solid #1A181D;}
.quick-prom a {display:block;}

@-webkit-keyframes fade-in-quick-tile{0%{opacity:0}to{opacity:1}}
@keyframes fade-in-quick-tile{0%{opacity:0}to{opacity:1}}
@-webkit-keyframes slide-up-quick-tile-title{0%{top:50%}to{top:80%}}
@keyframes slide-up-quick-tile-title{0%{top:50%}to{top:80%}}
@-webkit-keyframes button-arrow{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:translateX(3px) rotate(45deg);transform:translateX(3px) rotate(45deg)}}
@keyframes button-arrow{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}to{-webkit-transform:translateX(3px) rotate(45deg);transform:translateX(3px) rotate(45deg)}}

/************** DEVIS PO/SOC **************/

#table-devis-listAll_wrapper a.download-pdf {padding:5px!important; font-size:12px!important; text-transform:none;}
#table-devis-listAll_wrapper a.download-pdf:hover {text-decoration:none;}

#table-devis-listAll_wrapper th:nth-child(1) {width:40px;}
#table-devis-listAll_wrapper th:nth-child(3) {width:180px;}
#table-devis-listAll_wrapper th:nth-child(5) {width:60px;}
#table-devis-listAll_wrapper th:nth-child(6) {width:60px;}