:root {
	--primary-color: black;
	--secondary-color: lightgray;
	--color-yellow: #FBBB02;
	--color-yellow-two: #FDDD49;
	--color-pink: #ED2E6B;
	--background-yellow: linear-gradient(90deg, #FDDD49 0%, #FBBB02 99.08%);
	--background-yellow-hover: linear-gradient(90deg, #FBBB02 0%, #FDDD49 0.01%);
	--background-pink: linear-gradient(90deg, #C43033 0%, #ED2E6B 99.08%);
	--primary-font: "Archivo";
	--secondary-font: "Montserrat";
}
body{
	overflow-x: hidden !important;
	padding-top: 144px;
	position:relative;
	width: 100% !important;
}
html{
	overflow-x: hidden !important;
}
.marge{
	padding-top: 144px;
}
@media only screen and (max-width: 992px) {
	body{
		padding-top: 71px;
	}
}
img#logo-retina {
	height: auto !important;
 }

/* #titrePAGE {
	display: none;
} */

/*NR ADD FOR CADDY, VERIFCOMMANDE, PAIEMENT COMMANDE*/
.reapprovisonnement {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: red;
	padding-left: 10px;
}

.reappro{
	color: red;
}

 /* ------------------ HEADER ----------------------------- */
 .header{
	position: fixed;
	width: 100%;
	top:0;
	z-index: 500;
	background-color: white;
 } 
.header .navbar{
	height: 60px;
    background-color: black;
}
.header .nav-left{
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}
.header .nav-left a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: white;
	margin-right: 40px;
	height: 100%;
	display: flex;
	align-items: center;
}
.header .nav-left a:hover{
	text-decoration: none;
}
.header .navbar-nav{
	height: 100%;
}
.header .navbar-nav li{
	margin-right: 40px;
}
.header .navbar-nav li:last-child{
	margin-right: 00px;
}
.header .navbar-nav li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: white;
	height: 100%;
	display: flex;
	align-items: center;
}

.header .navbar-nav li a:hover{
	color:white;
}
.header .dropdown-menu li a{
	color:black;
	margin-left: 5px;
}
.header .dropdown-menu li a:hover{
	color:black;
	text-decoration: none;
}
 .bar-recherche {
	display: flex;
	align-self: center;
	align-items: center;
	z-index: 201;
	background-color: white;
	padding: 4px;
	border-radius: 25px 25px 0px 0px !important;
	position: relative;
 }
 .bar-recherche form {
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 1px solid #000000;
    border-radius: 100px !important;
    height: 44px;
    overflow: hidden;
    padding: 0px 3px;
 }

 .bar-recherche form input[type=text] {
	width: 90%;
	border: none;
	outline: none;
	padding-left: 12px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: black;
 }
 .bar-recherche form input[type=text]::placeholder{
	font-family: var(--secondary-font);
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #919191;
 }

 .bar-recherche form button {
	border: none;
    font-size: 15px;
    color: black;
    border-radius: 50% !important;
    background: var(--background-yellow);
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .bar-recherche .drop-recherche{
	background-color: white;
	width: 100%!important;
	left: 0px;
	border: medium none;
	border-radius: 0px 0px 25px 25px !important;
 }
 .bar-recherche .drop-recherche .fond{
	position: relative;
 }
 .bar-recherche .drop-recherche .fond::after{
	position: absolute;
	content: "";
	width: 95%;
	height: 23px;
	background-color: white;
	bottom: 1px;
	left: 0;
	border-radius: 0px 0px 25px 25px !important;
 }

 /* .bar-recherche .drop-recherche .link-suggest ul{
	border-right: 0.5px solid #C5C5C5;
	height: 100%;
 } */
 .bar-recherche .drop-recherche .link-suggest ul li{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
 .bar-recherche .drop-recherche .link-suggest ul li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: black;
 }
 .bar-recherche .drop-recherche .product-suggest,
 .bar-recherche .drop-recherche .link-suggest ul{
	max-height: 355px;
   overflow-y: scroll;
   overflow-x: hidden;
   margin-bottom: 15px;
}

.bar-recherche .drop-recherche .link-suggest ul::-webkit-scrollbar,
.bar-recherche .drop-recherche .product-suggest::-webkit-scrollbar,
.comparateur .modal-comparateur .table-container::-webkit-scrollbar{
	width: 3px;
  }
   
  .bar-recherche .drop-recherche .link-suggest ul::-webkit-scrollbar-track,
  .bar-recherche .drop-recherche .product-suggest::-webkit-scrollbar-track,
  .comparateur .modal-comparateur .table-container::-webkit-scrollbar-track{
	background: lightgray;
  }
   
  .bar-recherche .drop-recherche .link-suggest ul::-webkit-scrollbar-thumb,
  .bar-recherche .drop-recherche .product-suggest::-webkit-scrollbar-thumb,
  .comparateur .modal-comparateur .table-container::-webkit-scrollbar-thumb{
	background: rgb(48, 44, 44); 
  }

 .bar-recherche .drop-recherche .product-suggest .titre{
	margin-bottom: 10px;
 }
 .bar-recherche .drop-recherche .product-suggest .titre span{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0px 3px;
 }
 .bar-recherche .drop-recherche .product-suggest .content .item{
	width: 100%;
	border-bottom: 0.5px solid #C5C5C5;
	padding-bottom: 15px;
	margin-bottom: 15px;
 }
 .bar-recherche .drop-recherche .product-suggest .content .new{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	color: white;
	background-color: black;
	width: fit-content;
	padding: 5px 10px;
	border-radius: 30px !important;
	margin-bottom: 13px;
 }
.bar-recherche .drop-recherche .product-suggest .content img{
	width: 60px;
	height: 50px;
	object-fit: contain;
}
.bar-recherche .drop-recherche .product-suggest .content .sous-famille{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bar-recherche .drop-recherche .product-suggest .content .ref{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bar-recherche .drop-recherche .product-suggest .content .designation{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only screen and (max-width: 600px) {
	.bar-recherche .drop-recherche .product-suggest{
		max-height: 190px;
	}
}
.header .navbar-brand{
	width: fit-content;
}
@media only screen and (max-width: 600px) {
	.header .navbar-brand img{
		width: 150px;
	}
}
@media only screen and (min-width: 600px) {
	.header .navbar-brand img{
		width: 234px;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 1000px)  {
	.bar-recherche {
		width: 275px !important
	}
}
@media only screen and (min-width: 1200px){
	.bar-recherche {
		width: 62% !important;
	}
}
#drop-recherche-mobile{
	top: 60px;
}
.product-suggest-mobile{
	max-height: 190px !important;
}

/* nos_produits */
.nos_produits .offcanvas{
	/* position: absolute !important; */
	z-index: 400 !important;
}
.nos_produits .offcanvas-backdrop{
	z-index: 399 !important;
}
.nos_produits .offcanvas,
.nos_produits .offcanvas-backdrop{
	top: 144px !important
}
.nos_produits .offcanvas{
	width: 385px !important;
}
.nos_produits .offcanvas .offcanvas-body{
	overflow-x: hidden;
}
.nos_produits .offcanvas .offcanvas-body::-webkit-scrollbar,
.nos_produits .menu-one .menu-one-sub-menu .card-body::-webkit-scrollbar{
	width: 3px;
  }
   
  .nos_produits .offcanvas .offcanvas-body::-webkit-scrollbar-track,
  .nos_produits .menu-one .menu-one-sub-menu .card-body::-webkit-scrollbar-track{
	background: lightgray;
  }
   
  .nos_produits .offcanvas .offcanvas-body::-webkit-scrollbar-thumb,
  .nos_produits .menu-one .menu-one-sub-menu .card-body::-webkit-scrollbar-thumb{
	background: rgb(48, 44, 44); 
  }
.nos_produits .offcanvas .body-content .titre,
.nos_produits .offcanvas .body-content ul li,
.nos_produits .menu-mobil li,
.nos_produits .menu-two{
	padding-left: 86px;
	padding-right: 55px;
}
.nos_produits .menu-one .menu-one-sub-menu .titre,
.nos_produits .menu-one .menu-one-sub-menu ul li{
	padding-left: 0px;
	padding-right: 0px;
}
.nos_produits .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color:black;
}

.nos_produits .menu-one li a{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.nos_produits .menu-one li a span{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color:black;
	transition: all 0.3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nos_produits .menu-one li a .arrow{
	border-radius: 50% !important;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.nos_produits .menu-one li:hover .arrow::after{
	opacity: 1;
}
.nos_produits .menu-one li:hover a span{
	color: var(--color-yellow);
	font-weight: 700;
}
.nos_produits .menu-one li a .arrow img{
	z-index: 2;
	margin-left: 2px;
}
.nos_produits .menu-one li a .arrow::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow);
	top: 0;
	left: 0;
	border-radius: 100px;
	opacity: 0;
	transition: all 0.3s;
  }
.nos_produits .menu-one .menu-one-sub-menu{
	position: absolute;
	left: 384px;
	top: 0;
	height: 100%;
	background: #F8F8F8;
}
.nos_produits .menu-one .menu-one-sub-menu .back{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration-line: underline;
	color:black
}

.nos_produits .menu-one .menu-one-sub-menu .collapse{
	height: 100%;
	background: #F8F8F8;
}
.nos_produits .menu-one .menu-one-sub-menu .card-body{
	height: 100%;
	width: 450px;
	background: #F8F8F8;
	border: none;
	overflow: auto;
}
.nos_produits .menu-one .menu-one-sub-menu a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	display: inline;
	text-align: right;
	text-decoration: underline !important;
	color: black;
	transition: all 0.3s;
}
.nos_produits .menu-one .menu-one-sub-menu a:hover{
	color: var(--color-yellow)
}
.nos_produits .menu-one .menu-one-sub-menu .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: black;
	margin-top: 30px;
}
@media only screen and (max-width: 992px) {
	.nos_produits .menu-one .menu-one-sub-menu .titre{
		margin-top: 10px;
	}
}
.nos_produits .menu-one .menu-one-sub-menu ul li{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.nos_produits .menu-one .menu-one-sub-menu ul li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: black;
	text-decoration: none !important;
}
.nos_produits .menu-one .menu-one-sub-menu .image{
	width: 100%;
	height: 222px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: end;
}
.nos_produits .menu-one .menu-one-sub-menu .image img{
	border-radius: 5px !important;
}
.nos_produits .menu-one .menu-one-sub-menu .image .titre{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: white;
}
.nos_produits .menu-one .menu-one-sub-menu .image .text{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: white;
}

.nos_produits .menu-two li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
}
#caddyAsideContainer .menu-two li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: black;
	transition: all 0.3s;
}
#caddyAsideContainer .menu-two li{
	padding: 0px 25px;
}
.nos_produits .commande-rapide:hover{
	color: var(--color-yellow);
	font-weight: 700;
}
.nos_produits .commande-rapide,
.nos_produits .favoris{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	margin-left: 86px;
	margin-right: 55px;
	transition:all 0.3s;
	display: block;
	width: 100%;
}
.nos_produits .commande-rapide img,
.nos_produits .favoris img{
	vertical-align: sub;
	margin-right: 7px;
}
#detect-scroll::-webkit-scrollbar {
    display: none;
}
@media only screen and (min-width: 992px) {
	.nos_produits .offcanvas .menu-one li .detect-screen{
		pointer-events: none;
	}
}

@media only screen and (max-width: 992px) {
	.nos_produits .offcanvas,
	.nos_produits .offcanvas-backdrop{
		top: 60px !important
	}
}

.nos_produits .menu-mobil li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
}
@media only screen and (max-width: 600px) {
	.nos_produits .offcanvas{
		width: 80% !important;
	}
	.nos_produits .offcanvas .body-content .titre,
	.nos_produits .offcanvas .body-content ul li,
	.nos_produits .menu-mobil li,
	.nos_produits .menu-two{
		padding-left: 20px;
		padding-right: 20px;
	}
	.nos_produits .commande-rapide,
	.nos_produits .favoris{
		margin-left: 20px;
		margin-right: 20px;
	}
	.nos_produits .menu-one .menu-one-sub-menu{
		background: none;
		left: 0;
	}
	.nos_produits .menu-one .menu-one-sub-menu .collapse{
		background: none;
	}
	.nos_produits .menu-one .menu-one-sub-menu .card-body{
		width: 310px !important;
		z-index: 20;
	}
}
@media only screen and (max-width: 992px) {
	.nos_produits .menu-one .menu-one-sub-menu{
		background: none;
		left: 0;
	}
	.nos_produits .menu-one .menu-one-sub-menu .card-body{
		width: 385px;
		z-index: 20;
	}
}


.panier{
	width: 500px !important;
}
.panier .titre{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: black;
	padding-left: 45px !important;
}
.panier .titre::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: var(--background-yellow-hover);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.panier .promo{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: black;
	background-color: #F8F8F8;
	padding: 16px 24px;
}
.panier .promo img{
	margin-right: 7px;
}
.panier .product .item img{
	width: 100px;
	max-height: 90px;
	object-fit: contain;
	margin-right: 20px;
}
.panier .product .item{
	display: flex;
	flex-wrap: wrap;
	border-bottom: 0.5px solid #C5C5C5;
}
.panier .product .ref{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
}
.panier .product .ref span{
	font-weight: 700;
}
.panier .product .designation{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color:black;
	max-width: 330px;
	max-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.panier .product .prix{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 30px;
	color: black;
}
.Qte, .QteCaddy{
	display: flex;
}
.qte-btn, .nbr{
	width: 40px;
	height: 40px;
	border: 1px solid #C5C5C5;
	border-radius: 5px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 400;
	font-family: var(--secondary-font);
	text-align: center;
	color: black;
  }
  .nbr{
	border: 1px solid black !important;
  }
  .qte-btn{
	cursor: pointer;
	user-select: none;
  }
  .panier .bottom .sous-total-ht{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  .panier .bottom .sous-total-ttc{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  .panier .bottom .livraison .offerte {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  .offerte{
	margin-left: 10px;
	margin-bottom: 15px;
  }
  .panier .bottom .livraison .alert,
  .page-panier .recapitulatif .alert{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #FF3D00;
	padding: 9px 10px;
	border: 1px solid #FF3D00;
	border-radius: 5px !important;
  }
  .panier .bottom .livraison .voir-panier{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
  }
  .panier .bottom .livraison .voir-panier {
	color: black;
	text-decoration: none;
	background: var(--background-yellow);
	border-radius: 5px !important;
	padding: 10px 20px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	transition: all 0.3s;
	position: relative;
	width: 100%;
	display: block;
	text-align: center;
 }
 .panier .bottom .livraison .voir-panier img{
	margin-right: 7px;
 }
 .panier .bottom .livraison .voir-panier img,
 .panier .bottom .livraison .voir-panier span{
	position: relative;
	z-index: 1;
 }
 .panier .bottom .livraison .voir-panier:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
  }
  .panier .bottom .livraison .voir-panier:hover::after{
	opacity: 1;
  }
  .panier .bottom .livraison .close{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	text-decoration-line: underline;
	color: black;
	cursor: pointer;
  }

/* log-sign */
@media (min-width: 576px){
	.log-sign .modal-dialog{
		max-width:600px;
	}
}
.log-sign  .modal-dialog{
	margin-top: 188px;
}
.log-sign .modal-header{
	border-bottom: none !important;
}
.log-sign .modal-content{
	border-radius: 5px !important;
}
.log-sign .content .navigation span{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color:black;
}
.log-sign .content .navigation .first{
	border-right: 1px solid var(--color-yellow);
}
.log-sign .content .text {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
}
.log-sign .content .navigation span.active{
	color: var(--color-yellow);
	text-decoration: underline;
	font-weight: 700;
}
.log-sign .content label,
.bord .abonnement label,
.inscription-newsletter .offre label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: black;
}
.log-sign .content a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration-line: underline !important;
	color:black;
}
.log-sign .content .input{
	height: 40px;
	border: 1px solid #000000;
	border-radius: 5px !important;
	overflow: hidden;
}
.log-sign .content .input img{
	margin-bottom: 5px;
}
.log-sign .content .input input{
	height: 100%;
	width: 90%;
	border: none !important;
	outline: none;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
}
@media only screen and (max-width: 600px) {
	.log-sign .content .input input{
		width: 85%;
	}
	#authForm .input{
		display: flex;
		justify-content: space-between;
	}
}
.log-sign .content .input input::placeholder{
	font-family: var(--secondary-font);
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #C5C5C5;
	font-style: italic;
}
.log-sign .content input[type="checkbox"],
.bord .abonnement input[type="checkbox"],
.inscription-newsletter .offre input[type="checkbox"]{
	width: 20px;
	height: 20px;
	accent-color: var(--color-yellow);
}
.log-sign .content input[type="submit"]{
	background: #C5C5C5;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: white;
	padding: 10px 15px;
	box-shadow: none;
	border: none;
	pointer-events: none;
	transition:all 0.3s;
}
.log-sign .content .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color:black;
	margin-top: 15px;
	margin-bottom: 15px;
}
.log-sign .content ul{
	padding-left: 25px;
}
.log-sign .content ul li{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #919191;
}
.log-sign .content .input select{
	width: 100%;
	height: 100%;
	background-color: white;
	border: none;
	appearance: none;
	background: url("../imageV3/chevron-bottom.svg");
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-position-y: center;
}
.log-sign .content input[type="radio"]{
	width:20px;
	height: 20px;
	accent-color: var(--color-yellow);
	margin-right: 5px;
}
.log-sign .content .sous-titre,
.bord .abonnement .sous-titre,
.inscription-newsletter .offre .sous-titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 10px;
}
.log-sign .content .offre .item,
.bord .abonnement .item,
.inscription-newsletter .offre .item{
	width: fit-content;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
}
.log-sign .content .help-text{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #A9A9A9;
}
.log-sign .content input[type="submit"].active{
	pointer-events: all;
	background: var(--background-yellow);
	color: black;
}
.log-sign .content .offre,
.bord .abonnement .offre,
.inscription-newsletter .offre{
	background: #F8F8F8;
	border-radius: 5px !important;
}
.submit-active{
	pointer-events: all !important;
	background: var(--background-yellow) !important;
	color:black !important;
}

/* promotion-header */
.promotion-header{
	background: var(--color-yellow-two);
	min-height: 45px;
	display: flex;
	align-items: center;
	padding: 5px 0px;
}
@media only screen and (max-width: 600px) {
	.promotion-header{
		margin-top: 0px !important;
	}
}
@media only screen and (max-width: 992px) {
	.promotion-header{
		margin-top: 13px;
	}
}

.promotion-header .bloc-promotion .text{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	margin: 0px 10px;
	vertical-align: middle;
}
.promotion-header .bloc-promotion{
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: center;
	
}
.promotion-header .bloc-promotion .ct{
    margin-left: 36px;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.promotion-header .bloc-promotion a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	text-decoration-line: underline !important;
	color: black;
	margin: 0px 10px;
	vertical-align: middle;
}
.promotion-header .bloc-promotion img{
	cursor: pointer;
	object-fit: none;
}
@media only screen and (max-width: 769px) {
    .promotion-header .bloc-promotion .ct{
        margin-left: 0px;
		/*margin-bottom: 5px;*/
    }
}
@media only screen and (max-width: 769px) {
	.promotion-header .bloc-promotion img{
		float: none;
	}
}
.filter-header{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.6;
	z-index: 5;
}


/* footer */
.footer-v1{
	z-index: 7;
	position: relative;
	background: white;
}
 .footer-v1 .copyright {
	background-color: black;
	padding-top: 10px;
 }
 .footer-v1 .copyright ul li{
	display:block;
	width: fit-content;
 }
 .footer-v1 .copyright ul li a {
	color: white !important;
 }

 .title-social {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	text-align: center;
 }
 .cta-container{
	background: var(--background-yellow);
	border-radius: 5px !important;
	padding: 15px 3px;
	text-align: center;
	color: black !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	text-decoration: none !important;
	position: relative;
	width: 100%;
	display: block;
 }
 .cta-container i,
 .cta-container span{
	position: relative;
	z-index: 1;
 }
 .cta-container::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
  }
  .cta-container:hover::after {
	opacity: 1;
  }
 .footer-v1 .footer ul {
	justify-content: space-around;
	list-style: none;
 }

 .footer-v1 .footer-socials {
	text-align: center !important;
 }

 .footer-v1 .footer-socials li {
	padding: 0px !important;
	width: fit-content;
 }

 .footer-v1 .footer-socials li a {
	color: black !important;
	font-size: 16px;
	background-color: white;
	width: 35px;
	height: 35px;
	border-radius: 50% !important;
	display: flex;
	justify-content: center;
	align-items: center;
 }
.menu-footer .accordion .accordion_tab .accordion_arrow img,
.arrow-footer img{
	transform: rotate(-90deg) !important;
}
.menu-footer .accordion .accordion_tab.active .accordion_arrow img,
.accordion_tab.active .arrow-footer img{
	transform: rotate(0deg) !important;
}
.menu-footer .accordion .title,
.accordion .menu-footer .title{
	font-size:16px !important;
}



 /* *********** *********** ************/
 /*                BLOC                */
 /* *********** *********** ************/

 /* ICON */
 .bloc-icon {
	display: flex;
	color: black;
	justify-content: space-around;
	flex-wrap: wrap;
 }

 .bloc-icon .item {
	text-align: center;
	cursor: pointer;
 }
 .bloc-icon .item .libelle{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: black;
 }
 .bloc-icon .item a {
	color: black;
	font-size: 20px;
	position: relative;
 }
 .bloc-icon .notification{
	color: black;
	background: var(--background-yellow);
	width: 15px;
	height: 15px;
	border-radius: 50% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 8px;
	position: absolute;
	right: -7px;
	top: -7px;
	overflow: hidden;
	font-family: var(--secondary-font);
	text-align: center;
 }
 @media only screen and (max-width: 992px) {
	.bloc-icon {
		justify-content: space-between;
	}
 }
 @media only screen and (max-width: 600px) {
	.bloc-icon .item .libelle {
	   display: none;
	}
	.bloc-icon .item img {
		width: 28px;
	  }
 }

 /* SLIDER */
 .slider .slide-container {
	height :60vh;
	/*height: 675px;*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
 }

 .slider .slide-container .filter {
	display: flex;
    align-items: center;
	width: 100%;
	height: 100%;
 }
 @media only screen and (max-width: 992px) {
	.slider .slide-container .filter .container{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		padding-left: 20px !important;
	}
 }
 
 .slider .slide-container .title {
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 54px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color:white;
 }

 .slider .slide-container .text {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: white;
 }

 .slider .slide-container .cta {
	margin-top: 30px;
 }

 .slider .slide-container .cta .button-style-one {
	color: black;
	text-decoration: none;
	background: var(--background-yellow);
	border-radius: 5px !important;
	padding: 10px 20px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	transition: all 0.3s;
	position: relative;
 }
 .slider .slide-container .cta .button-style-one img,
 .slider .slide-container .cta .button-style-one span{
	position: relative;
	z-index: 1;
 }
 .slider .slide-container .cta .button-style-one::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
  }
  .slider .slide-container .cta .button-style-one:hover::after{
	opacity: 1;
  }

 .slider .swiper-button-next,
 .slider .swiper-button-prev {
	color: black;
 }

 .slider .swiper-button-next::after,
 .slider .swiper-button-prev::after {
	font-size: 20px;
 }

 .slider .swiper-pagination-bullet {
	background: black !important;
	width: 30px;
	height: 5px;
 }


 .slider .owl-wrapper{
	display:flex !important;
 }
 .slider .owl-wrapper-outer{
	overflow: hidden;
 }

 @media only screen and (max-width: 600px) {
	.slider .slide-container {
	   /* text-align: center; */
	   height: 260px;
	}

	.slider .slide-container .container {

	}

	.slider .slide-container .filter {
	   padding-left: 0px;
	   padding-right: 0px;
	}

	.slider .slide-container .title {
	   line-height: 60px;
	}
	.slider .owl-controls{
		display: none !important;
	}
	.slider .slide-container .title {
		font-size: 28px;
		line-height: 30px;
	}
	.slider .slide-container .text {
			font-size: 14px;
			line-height: 22px;
	}
	.slider .owl-wrapper-outer{
		height: 260px;
	}
	.slider .slide-container .cta .button-style-one{
		font-size: 14px;
		line-height: 20px;
	}
 }
.slider .owl-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -50px;
	position: relative;
}
.slider .main_slider_new-owl-prev,
.slider .main_slider_new-owl-pause,
.slider .main_slider_new-owl-next{
	width: fit-content;
	cursor: pointer;
}
.main_slider_new-owl-prev{
	pointer-events: none;
}

.slider .main_slider_new-owl-prev i,
.slider .main_slider_new-owl-pause i,
.slider .main_slider_new-owl-next i{
	font-size:25px;
	color:var(--color-yellow);
}
.slider .owl-page span{
	width: 54px !important;
	height: 2px !important;
	border-radius: 0px !important;
	position: relative;
	opacity: 1 !important;
	background: white ;
	display: block;
	margin-left: 5px;
	margin-right: 5px;
}

.slider .owl-page span::before{
	content: "";
	position: absolute;
	background-color: var(--color-yellow);
	width: 0px;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 10s;
}
.owl-theme .owl-controls .owl-page span{
	border-radius: 0px !important;
}
.slider .owl-page.active span::before{
	width: 54px;
}
.saw{
	background: var(--color-yellow) !important;
}
.slider .owl-controls{
	/* display: none !important; */
}
.desuite::before{
	transition: all 0s !important;
}


 /* CATEGORIE */
 .categorie .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	color:black;
 }
 .categorie .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
 .categorie .text{
	color: black;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
 }
 .categorie .content{
	justify-content: center;
 }
 .categorie .content .item{
	display: block;
	height: 200px;
 }

 .categorie .content .item div{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: end;
	justify-content: space-between;
	color: black;
	text-decoration: none;
	font-size: 18px;
	padding: 15px 20px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px !important;
	font-family: var(--secondary-font);;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color:white;
	transition:all 0.6s;
	position:relative;
	overflow: hidden;
 }
 .categorie .content .item div .fond{
	position: absolute;
	top:0;
	left: 0;
	transition: all 0.6s;
	object-fit: cover;
 }
 .categorie .content .item div span{
	z-index:1;
	transition: all 0.6s;
	padding-bottom: 5px;
 }
 .categorie .content .item div .icon{
	color: var;
	font-size: 40px;
	z-index: 1;
	color:var(--color-yellow);
	opacity:0;
	transition: all 0.6s;
 }
.categorie .content .item:hover{
	text-decoration: none;
}
.categorie .content .item div:hover .fond{
	transform: scale(1.3);
}
.categorie .content .item div:hover span{
	color:var(--color-yellow);
}
.categorie .content .item div:hover .icon{
	opacity:1;
}
  @media only screen and (max-width: 969px) {
	.categorie .content .item{
		height: 167px;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
  }
  @media only screen and (max-width: 600px) {
	.categorie .content .item{
		width: 100% !important;
	}
  }

  /* MENU-FOOTER */
  .menu-footer .title{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
 }
 .menu-footer .menu{
	list-style: none;

 }
 .menu-footer .menu li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color:black;
 }

 /* PARALLAX */
 .parallax {
	/* background-attachment: fixed; */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
 }
 .parallax .container{
	padding: 35px 0px;
 }
 .parallax .title {
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	color:white;
	text-transform: uppercase;
 }

 .parallax .text {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color:white;
 }

 .parallax .cta {
	margin-top: 40px;
	margin-bottom: 25px;
 }

 .parallax .cta a,
 .apply-filter-mobile {
	color: black !important;
	text-decoration: none;
	background: var(--background-yellow);
	border-radius: 5px !important;
	padding: 15px;
	font-weight: 600;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color:black;
	position: relative;
	text-decoration: none !important;
 }
 .parallax .cta a span{
	position: relative;
	z-index: 1;
 }
 .parallax .cta a::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .parallax .cta a:hover::after{
	opacity: 1;
 }

 /* PRODUIT-DU-MOMENT */
 #owl-produit-du-moment .owl-wrapper{
	display:flex !important
 }

 .vente-flash .favori-bar {
	display: flex;
	justify-content: space-between;
	padding: 0px 15px;
	align-items: center;
	margin-top: 13px;
 }

.vente-flash .time{
	background-color: var(--primary-color);
	color: white;
	text-align: center;
	padding: 5px 0px;
	padding: 5px 10px;
	min-height: 34px;
	font-family: var(--secondary-font);
	font-style: italic;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	transition: all 0.3s;
 }
 .vente-flash .time span svg{
	margin-right: 10px;
 }
 .vente-flash .time .second,
 .vente-flash .time .hour,
 .vente-flash .time .minute{
	width: 20px;
	display: inline-block;
 }

 .vente-flash .reduction {
	position: absolute;
	left: 15px;
	top: 15px;
 }
 .vente-flash .reduction div{
	background-color: black;
    padding: 3px 8px;
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: white;
    border-radius: 30px !important;
	margin-bottom: 5px;
	width: fit-content;
 }

 .owl-produit-du-moment .owl-item .item{
	padding: 0px 15px;
 }
 .fa-clock::before{
   content: "\f017";
 }
 .vente-flash .ref{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	padding: 0px 15px;
	color: black;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	transition: all 0.3s;
 }
 .vente-flash .ref span{
	font-weight: 600;
 }
 .vente-flash .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	padding: 0px 15px;
	color: black;
	height: 61px;
	text-overflow: ellipsis;
	overflow: hidden;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	transition: all 0.3s;
	padding-top: 12px;
	margin-top:0px !important
 }
 .vente-flash .old-price{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	padding: 0px 15px;
	color: #919191;
	text-decoration: line-through;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  .old-price{
	text-decoration: line-through;
	color: gray;
  }

 .vente-flash .product-price{
	padding: 0px 15px;
    min-height: 25px;
	padding-bottom: 9px;
 }
 .vente-flash .title-price{
   color: black;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
 }
 .vente-flash .unite{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color:black;
 }
 .vente-flash .stock{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #4EA82E;
	padding: 0px 15px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
 }
 .vente-flash .reapprovisonnement{
	/* display: none; */
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #FF3D00;
	padding: 0px 15px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
 }
 .vente-flash .demande{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: black;
	padding: 0px 15px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
 }
 .vente-flash .button-produit{
   transition:all 0.3s;
   border-radius: 0px 0px 5px 5px !important;
   background-color:white;
   padding: 10px 15px 5px 15px;
   border: 2px solid transparent;
   box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
   transition: all 0.3s;
   border-top: none;
 }
 .vente-flash .button-produit .achat,
 .page-panier .achat,
 .page-livraison .texte .suivant,
 .verif-commande .achat,
 .bord .bord-entete .conseiller .achat,
 .bord .detail a,
 .bord .contact .link a.active,
 .bord .catalogue .btn-catalogue,
 .page-commande .voir-detail,
 .bord .donnes-perso .item .download
 {
   background: var(--background-yellow);
   text-align: center;
   width: 100%;
   color:black;
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position: relative;
	text-decoration: none !important;
 }
 .vente-flash .button-produit .achat::after,
 .page-panier .achat::after,
 .page-livraison .texte .suivant::after,
 .verif-commande .achat::after,
 .bord .bord-entete .conseiller .achat::after,
 .bord .detail a::after,
 .bord .contact .link a.active::after,
 .bord .catalogue .btn-catalogue::after,
 .page-commande .voir-detail::after,
 .bord .donnes-perso .item .download::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .vente-flash .button-produit .achat img,
 .vente-flash .button-produit .achat span,
 .vente-flash .button-produit .contact img,
 .vente-flash .button-produit .contact span,
 .vente-flash .button-produit .alert img,
 .vente-flash .button-produit .alert span,
 .fiche-produit .details-container .alert span,
 .fiche-produit .details-container .alert img,
 .fiche-produit .details-container .demo span,
 .fiche-produit .details-container .demo img,
 .fiche-produit .details-container .devis span,
 .fiche-produit .details-container .devis img,
 .modal_alert form button span,
 .modal_alert form button img,
 .page-panier .achat img,
 .page-panier .achat span,
 .page-livraison .texte .suivant span,
 .verif-commande .achat span,
 .bord .bord-entete .conseiller .achat img,
 .bord .bord-entete .conseiller .achat span,
 .bord .bord-entete .administration .contact i,
 .bord .bord-entete .administration .contact span,
 .bord .detail a span,
 .bord .contact .link a.active span,
 .bord .catalogue .btn-catalogue span,
 .page-commande .voir-detail span,
 .page-commande .voir-detail img,
 .bord .donnes-perso .item .download span,
 .bord .donnes-perso .item .download img,
 .bord .aide-contact .item .cta-2 span
 {
	position: relative;
	z-index: 1;
 }
 .vente-flash .button-produit .achat:hover::after,
 .vente-flash .button-produit .contact:hover::after,
 .vente-flash .button-produit .alert:hover::after,
 .fiche-produit .details-container .alert:hover::after,
 .fiche-produit .details-container .devis:hover::after,
 .fiche-produit .details-container .demo:hover::after,
 .modal_alert form button:hover::after,
 .page-panier .achat:hover::after,
 .page-livraison .texte .suivant:hover::after,
 .verif-commande .achat:hover::after,
 .bord .bord-entete .conseiller .achat:hover::after,
 .bord .bord-entete .administration .contact:hover::after,
 .bord .detail a:hover::after,
 .bord .contact .link a.active:hover::after,
 .bord .catalogue .btn-catalogue:hover::after,
 .page-commande .voir-detail:hover::after,
 .bord .donnes-perso .item .download:hover::after,
 .bord .aide-contact .item .cta-2:hover::after
 {
	opacity: 1;
 }
 .vente-flash .button-produit .contact,
 .fiche-produit .details-container .devis,
 .bord .bord-entete .administration .contact,
 .bord .aide-contact .item .cta-2
 {
	/* display: none !important; */
	background: linear-gradient(90deg, #000000 0%, #666666 100%);
   text-align: center;
   width: 100%;
   color:white;
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position:relative;
	text-decoration: none !important;
 }
 .vente-flash .button-produit .contact::after,
 .fiche-produit .details-container .devis::after,
 .bord .bord-entete .administration .contact::after,
 .bord .aide-contact .item .cta-2::after
 {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: black;
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .vente-flash .button-produit .alert,
 .fiche-produit .details-container .alert{
	/* display: none !important; */
	background: white;
   text-align: center;
   width: 100%;
   color:#FF3D00;
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	border:1px solid #FF3D00;
	position: relative;
	text-decoration: none !important;
 }
 .vente-flash .button-produit .alert::after,
 .fiche-produit .details-container .alert::after,
 .modal_alert form button::after
 {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: #FFF4F4;
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }

 .vente-flash .button-produit .fiche{
   text-align: center;
   width: 100%;
   color:black;
   display: block;
   /*margin-bottom: 10px;*/
   /*padding: 5px;*/
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-decoration: underline !important;
	/*min-height: 39px;*/
 }
 .vente-flash .like-icon,
 .page-panier .list-achat .fav-supp .like-icon,
 .page-commande .link .like-icon,
 .commande-rapide .list-achat .fav-supp .like-icon{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 18px;
    background-color: #F8F8F8;
    padding-top: 5px;
    border-radius: 50% !important;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	border: none;
 }

 .vente-flash{
	background-color: #F8F8F8;
 }
 .vente-flash .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	color: black;
 }
 .vente-flash .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.vente-flash .product-img{
	background-color: white;
	border-radius: 5px 5px 0px 0px !important;
    overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	transition: all 0.3s;
}
.vente-flash .product-description{
	background-color: white;
	box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.05);
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	transition: all 0.3s;
	padding-top: 7px;
}
.vente-flash .image{
	padding: 15px 15px 10px 15px;
    width: 100%;
    display: block;
	position: relative;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	transition: all 0.3s;
}
.vente-flash .image:hover{
	color:inherit
}
.vente-flash .image .comparer{
	font-size: 18px;
    position: absolute;
    right: 15px;
    background-color: #F8F8F8;
    padding: 8px;
    border-radius: 50% !important;
    top: 62px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}
.comparer.active{
	border: 1px solid var(--color-yellow);
}
.comparer.active::after {
	position: absolute;
	width: 5px;
	height: 5px;
	content: "";
	background: var(--color-yellow);
	top: 0px;
	right: 4px;
	border-radius: 50% !important;
  }
.vente-flash .owl-pagination{
	display: none;
}
.vente-flash .all-product{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-decoration: underline;
	color: black;
}
.vente-flash .owl-wrapper-outer{
	position:relative;
}
@media only screen and (max-width: 600px) {
	/* .vente-flash .owl-wrapper-outer{
		width: 85%;
	} */
	#owl-produit-du-moment .owl-wrapper .owl-item,
	#owl-produit-du-moment-2 .owl-wrapper .owl-item,
	#choix-slider .owl-wrapper .owl-item,
	.vente-flash.produit-du-moment .owl-wrapper .owl-item{
		transition:all 0.4s;
	}
	.catalogue .owl-wrapper .owl-item{
		transition:all 0.1s;
	}
	#owl-produit-du-moment .owl-wrapper .owl-item.active,
	#owl-produit-du-moment-2 .owl-wrapper .owl-item.active,
	.vente-flash.produit-du-moment .owl-wrapper .owl-item.active,
	.catalogue .owl-wrapper .owl-item.active{
		width: 300px !important;
	}
	#choix-slider .owl-wrapper .owl-item.active{
		width: 260px !important;
	}
	.catalogue .owl-wrapper .owl-item img{
		height: 400px;
	}
	.vente-flash .owl-wrapper-outer::after,
	.produit-du-moment .owl-wrapper-outer::after{
		opacity: 0 !important;
	}
	.vente-flash .owl-wrapper-outer::before,
	.produit-du-moment .owl-wrapper-outer::before{
		opacity: 1 !important;
	}
	.owl-produit-du-moment .owl-item .item{
		padding: 0px 10px !important;
	}
}
.vente-flash .owl-wrapper-outer::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100vw;
    height: 100%;
    width: 100vw;
    background-color: #F8F8F8;
    opacity: 0.6;
}
.vente-flash .owl-wrapper-outer::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    height: 100%;
    width: 100vw;
    background-color: #F8F8F8;
    opacity: 0.6;
	z-index: 1;
}
.vente-flash .item:hover .time{
	border-top: 2px solid var(--color-yellow) !important;
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.vente-flash .item:hover .image{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.vente-flash .item:hover .ref{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.vente-flash .item:hover .titre{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.vente-flash .item:hover .product-description{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.vente-flash .item:hover .button-produit{
	border-bottom: 2px solid var(--color-yellow) !important;
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.vente-flash .container{
    position:relative;
}
.vente-flash  .navigation-button {
	font-size: 30px;
	border: 2px solid #111010;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 50% !important;
	overflow: hidden;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition:all 0.3s;
  }
  .vente-flash .navigation-button i{
	transition: all 0.3s;
  }
.vente-flash .navigation-button{
	border: 3px solid var(--color-yellow);
}

.vente-flash .navigation-button .bi{
	color: var(--color-yellow);
}
.vente-flash .vente-flash-navigation-prev{
    position: absolute;
    top: 45%;
    left: -27px;
    z-index: 1;
    /* opacity: 0; */
}
.vente-flash .vente-flash-navigation-next{
    position: absolute;
    top: 45%;
    right: -27px;
    z-index: 1;
}

 /* PRODUIT-DU-MOMENT-2 */
 .produit-du-moment{
	background-color: transparent !important;
 }
 .produit-du-moment .owl-wrapper{
	display: flex !important;
 }
 .produit-du-moment .time{
	display: none;
 }
 .produit-du-moment .image{
	padding-top: 15px;
}
 .produit-du-moment .product-img{
	box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);
 }
 .produit-du-moment .product-description{
	box-shadow: 0px 16px 20px rgb(0 0 0 / 5%);
 }
 .produit-du-moment .nav ul{
 	list-style: none;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
 }
 .produit-du-moment .nav ul li{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	cursor: pointer;
	width: 250px;
	text-align: center;
	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
 }
 .produit-du-moment .nav ul .active{
	font-weight: 600 !important;
	text-decoration: underline;
 }
 .produit-du-moment .owl-wrapper-outer::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100vw;
    height: 100%;
    width: 100vw;
    background-color: white;
    opacity: 0.6;
}
.produit-du-moment .owl-wrapper-outer::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    height: 100%;
    width: 100vw;
    background-color: white;
    opacity: 0.6;
	z-index: 1;
}
.produit-du-moment .item .image{
	border-top: 2px solid transparent;
}
.produit-du-moment .item:hover .image{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
	border-top: 2px solid var(--color-yellow) !important;
}
@media only screen and (max-width: 600px) {
	.produit-du-moment .nav ul li{
		width: fit-content;
		font-size: 12px;
		line-height: 15px;
		padding: 0px 5px;
	}
}

 /* RESEAUX-SOCIAUX */
 .reseaux-sociaux{
	margin-top: 30px;
	margin-bottom: 30px;
 }
 .reseaux-sociaux .title {
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-transform: uppercase;
	color:black;
  }
.reseaux-sociaux .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
    margin-top: 20px;
}
 .reseaux-sociaux .item-container{
	display: flex;
	justify-content: space-around;
 }
 @media (min-width: 1200px){
 	.reseaux-sociaux .item-container .item{
		width: 150px !important;
 	}
}
 .reseaux-sociaux .item-container .back{
	height: 147px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
 }
 .reseaux-sociaux .item-container .back i{
	background-color: black;
	border-radius: 50% !important;
	overflow: hidden;
	height: 50px;
	width: 50px;
	text-align: center;
	color: var;
 }
 .reseaux-sociaux .item-container .back i::before{
	text-align: center;
	vertical-align: -moz-middle-with-baseline;
 }
 @media only screen and (max-width: 969px) {
	.reseaux-sociaux .item-container .back{
		height: 150px;
	}
 }

 /* SERVICE */
 .service-new .title{
	font-family: var(--primary-font);;
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	text-transform: uppercase;
	color:black;
	margin-bottom: 35px;
 }
 .service-new .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.service-new .text {
	color: black;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
  }
 .service-new .content{
	justify-content: center;
 }
 .service-new .content .left{
	text-align: center;
 }
 .service-new .content .left img{
	width: 100%;
	height: 100%;
	object-fit: contain;
 }
 .service-new .content .right ul{
	list-style: none;
	padding-left: 0;
 }
 .service-new .content .right .nav-tabs{
	border-bottom: none;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	/*margin-bottom : 20px;*/
 }


 .service-new .content .right .nav-link{
	width: 95%;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F8F8F8;
	border-radius: 5px !important;
	height: 66px;
	transition: all 0.3s;
	margin-bottom: 20px;
 }
 .service-new .content .right .nav-link.active{
	background: var(--background-yellow);
	/* border:none !important; */
 }
 .service-new .content .right .nav-link .lien {
	background-color: white;
	border-radius: 50% !important;
	overflow: hidden;
	font-size: 30px !important;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
  .service-new .content .right .nav-link .lien a{
	color: black;
  }
 .service-new .content .right .nav-link span{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
	width:90%;
 }
 .service-new .content .right ul li span{
	color:black;
	text-decoration: none;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
 }
 #nos_services-tab{
	position: absolute;
	opacity: 0;
	z-index: -999;
 }
 .service-new .content .all-services{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-decoration: underline;
 }
 .service-new .content .all-services a{
	color: black;
 }

 @media only screen and (max-width: 992px) {
	.service-new .content .right .nav-link{
		width: 100%;
	}
	.service-new .content .right .nav-tabs{
		margin-top: 20px;
	}
 }

 

 /* TEMOIGNAGE */
 .temoignage{
	 margin-top: 20px;
	 margin-bottom: 20px;
 }
 #video_player {
	 display: flex;
	 line-height: 0;
	 font-size: 0;
	 justify-content: center;
 }

 #video_player figcaption {
	 width: 29%;
	 padding-left: 10px;
	 height: 480px;
	 overflow-y: scroll;
	 display: block;
 }


 #video_player figcaption a {
	 display: flex;
	 transition: 1s opacity;
	 margin-bottom: 16px;
	 background-color: #F8F8F8;
	 align-items: center;
	 transition: all 0.3s;
 }
 #video_player figcaption a:hover {
	background: var(--background-yellow);
	text-decoration: none;
 }
 #video_player figcaption a .info-video{
	 font-size: 10px;
	 line-height: 18px;
	 color: black;
	 text-decoration: none !important;
 }
 #video_player figcaption a img{
	 width:100%;
	 margin-right: 10px;
	 height: auto;
	 border-radius: 5px !important;
 }
 @media (max-width: 700px) {

 #video_player figcaption a {
	 /* display: inline-block; */
	 /* width: 33.33%; */
 }}
 #video_player figcaption a .info-video .title-video{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
 }
 #video_player figcaption a .info-video .detail-video{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
 }

 .temoignage .title{
	color: black;
	font-family: var(--primary-font);
   font-style: normal;
   font-weight: 800;
   font-size: 35px;
   line-height: 38px;
   text-transform: uppercase;
   text-align: center;
   margin-bottom: 40px;
}
.temoignage .title::after {
   content: "";
   display: block;
   width: 70px;
   height: 5px;
   background: var(--background-yellow);
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
}
 .temoignage .text{
 text-align: center;
 font-size: 16px;
 }

 .video-container{
	 height: 100%;
	 display: block;
	 position: relative;
	 border-radius: 5px !important;
overflow: hidden;
 }
 #bgvideo, #bgvideo2{
	position: absolute;
	font-size: 200px;
	color: var(--color-yellow);
	background-color: transparent;
	border: none;
	transition: all 1s;
	opacity: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
 }
 .bgvideo--hidden{
	 opacity:0.3;
	 transition:all 0.3s;
 }
 figure video{
	 width: 100%;
	 height: 480px;
	 object-fit: cover;
 }

 @media only screen and (max-width: 969px) {
	 #video_player {
		 display: block;
		 max-height: none;
		 padding: 0px;
	 }
	 #video_player figcaption a {
		 /* width: 33.33%; */
	 }
	 #video_player figcaption{
		 overflow-y: hidden;
		 margin-top:10px;
		 width: 100%;
		 height: auto;
	 }
	 figcaption .position-relative{
	 }
 }
 @media only screen and (max-width: 600px) {
	.temoignage figure video{
		height: 207px;
	}
    #bgvideo,#bgvideo2{
        font-size: 100px;
    }
 }

 /* #cookieChoiceInfo{
	position:relative !important;
 } */

.why_us{
	background-color: #F8F8F8;
}
.why_us .section_title .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-transform: uppercase;
	color:black;
}
.why_us .section_title .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.why_us .section_title .text{
	font-family: var(--secondary-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
margin-bottom: 10px;
}
.why_us .btn-agence{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	position: relative;
	background: var(--background-yellow);
	padding:15px;
	border-radius: 5px !important;
}
 .why_us .btn-agence span{
	position: relative;
	z-index: 1;
 }
.why_us .btn-agence::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
  }
  .why_us .btn-agence:hover::after{
	opacity: 1;
  }
.why_us .content .video-container{
	height: 100%;
	width: 100%;
	display: flex;
	position: relative;
}
.why_us .content .image{
	position: relative;
}
.why_us .content .video_why_us{
background-color: black;
display: flex;
align-items: center;
border-radius: 10px !important;
}

@media only screen and (max-width: 600px) {
	.why_us .content .video_why_us{
		background-color: white;
	}
}
@media only screen and (max-width: 992px) {
	.why_us .content .video_why_us{
		height: 315px;
	}
}

/* autres-produits*/
.autres-produits .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-align: center;
	color:black;
	text-transform: uppercase;
	margin-bottom: 35px;
}
.autres-produits .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.autres-produits .content .item{
	width: fit-content;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	box-shadow: 0px 0px 10px #D3D3D3;
	border-radius: 5px !important;
	padding: 10px 12px;
	margin-left: 8px;
	margin-right: 8px;
	color: black;
	transition: all 0.3s;
	border: 1px solid transparent;
}
.autres-produits .content .item:hover{
	border: 1px solid black;
}
.autres-produits .content .item a{
	color: black;
}
@media only screen and (max-width: 600px) {
	.autres-produits .content .item{
		width: 90%;
		text-align: center;
	}
}

/* catalogue*/
.catalogue{
	background-color:#F8F8F8;
}
.catalogue .left .title,
.BFW-cms .titre h2{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	color:black;
}
.BFW-cms .titre h2{
	margin-top:30px;
}
.catalogue .left .title::after,
.BFW-cms .titre h2::after{
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	text-transform:uppercase;
}
.catalogue .left .text{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color:black;
	margin-bottom: 35px;
}
.catalogue .left .cta,
.affiche-liste #addToCaddy{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	border-radius: 5px !important;
	padding: 15px;
	background: var(--background-yellow);
	color:black;
	position: relative;
	text-decoration: none !important;
}
.catalogue .left .cta span,
.catalogue .item .btn-decouvir span,
.affiche-liste #addToCaddy span{
	position: relative;
	z-index: 1;
}
.catalogue .left .cta::after,
.catalogue .item .btn-decouvir::after,
.affiche-liste #addToCaddy::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
}
.catalogue .left .cta:hover::after,
.catalogue .item .btn-decouvir:hover::after,
.affiche-liste #addToCaddy:hover::after{
opacity: 1;
}
.catalogue  .navigation-button {
	font-size: 30px;
	border: 2px solid #111010;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 50% !important;
	overflow: hidden;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition:all 0.3s;
  }
  .catalogue .navigation-button i{
	transition: all 0.3s;
  }
.catalogue .navigation-button:hover{
	border: 2px solid var(--color-yellow);
}
.catalogue .navigation-button{
	border: 2px solid var(--color-yellow);
}
.catalogue .navigation-button:hover .bi{
	color: var(--color-yellow);
}
.catalogue .owl-wrapper-outer{
	overflow: hidden;
}
.catalogue .owl-wrapper{
	display: flex !important;
}
.catalogue .owl-controls{
	display: none !important;
}
.catalogue .item{
	position: relative;
	/* margin-right: 18px; */
}
/* @media (max-width: 600px){
	.catalogue .item{
		margin-right: 0px;
	}
} */
.catalogue .item:hover .content{
    opacity: 1;
}
.catalogue .item .content{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
    background-color: #00000085;
    transition: all 0.3s;
    opacity: 0;
}
.catalogue .item .text{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color:white;
    margin-bottom: 15px;
}
.catalogue .item .text span{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: white;
    width: 100%;
    display: block;
    margin-bottom: 12px;
}
.catalogue .item .btn-decouvir{
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    background: var(--background-yellow);
    border-radius: 5px !important;
    padding: 10px 15px;
    color: black;
	position: relative;
	text-decoration: none !important;
}


/* Confiance */
.confiance .title,
.not-found .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	text-align:center;
	color: black;
}
.confiance .title::after,
.not-found .title::after{
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.confiance img{
	width: 100%;
	object-fit: contain;
	margin: 0px auto;
}
.confiance .navigation-button {
	font-size: 30px;
	border: 2px solid #111010;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 50% !important;
	overflow: hidden;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition:all 0.3s;
  }
  .confiance .navigation-button i{
	transition: all 0.3s;
  }
.confiance .navigation-button:hover{
	border: 2px solid var(--color-yellow);
}

.confiance .navigation-button:hover .bi{
	color: var(--color-yellow);
}
.confiance .owl-wrapper{
	display:flex !important;
}
.confiance .owl-item{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.confiance .owl-carousel{
	overflow:hidden;
}
.confiance .navigation{
	width: fit-content;
	display: flex;
	align-items: center;
}
.confiance .owl-controls{
	display: none !important;
}

/* reassurance */

.reassurance{
	background: linear-gradient(180deg, #FDDD49 0%, #FBBA00 100%);
	padding-top: 40px;
	padding-bottom: 40px;
}
.reassurance .item{
	color:black;
}
.reassurance .item .icon img{
	width:40px;
}
.reassurance .item .title{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.reassurance .item .detail{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
}

/* seo */
.seo{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	padding: 50px;
	background: #F8F8F8;
	text-align: center;
}
.limited{
	max-height: 55px;
	transition: all 0.3s;
	overflow: hidden;
}
.limited.open{
	max-height: 1000px;
}
.show-more{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-decoration: underline !important;
	color: black;
	cursor: pointer;
}
@media only screen and (max-width: 600px) {
	.seo{
		padding: 25px 15px;
	}
} 

/* Underline From Left */
.hvr-underline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
  }
  .hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background: var(--color-yellow);
	height: 4px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-underline-from-left:hover{
	color: var(--color-yellow) !important;
  }
  .hvr-underline-from-left:hover:before {
	right: 0;
  }

/* contact-mobil */
.contact-mobil{
	background: var(--background-yellow);
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 5;
}

/* grid-produits > breadcrumb */
.breadcrumb {
	padding-left: 16px;
}
.breadcrumb ul li,
.breadcrumb ul li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	margin-bottom: 18px;
	margin-top: 15px;
}
.breadcrumbs, .breadcrumbs a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	margin-bottom: 18px;
	margin-top: 15px;
}
/* grid-produits > filtre */
@media (min-width: 1200px){
	.grid-produits .filtre{
		width: 292px;
		padding-right: 30px;
	}
}
.grid-produits .filtre .titre{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 17px;
	text-transform: uppercase;
	color: black;
	margin-top: 101px;
}
.grid-produits .filtre .reset-filter{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration-line: underline;
	color: black;
}
.grid-produits .filtre .reset-filter img{
	margin-right: 10px;
	vertical-align: sub;
}
.grid-produits .filtre .accordion-item{
	border: none;
	border-bottom: 1px solid #C5C5C5;
	padding-bottom: 5px;
	margin-top: 35px;
}
.grid-produits .filtre .accordion-button,
.page-panier .recapitulatif .promo .accordion-button, .page-panier .recapitulatif .cadeau .accordion-button{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 17px;
	text-transform: capitalize;
	color: black;
	background-color: transparent !important;
	padding: 0px;
	border: none;
	box-shadow:none !important;
}
.grid-produits .filtre .accordion-button:not(.collapsed)::after,
.page-panier .recapitulatif .promo .accordion-button:not(.collapsed)::after, .page-panier .recapitulatif .cadeau .accordion-button:not(.collapsed)::after{
	background-image: var(--bs-accordion-btn-icon);
}
.grid-produits .filtre .accordion-button:focus,
.page-panier .recapitulatif .promo .accordion-button:focus, .page-panier .recapitulatif .cadeau .accordion-button:focus{
	border: none;
	box-shadow: none !important;
}
.grid-produits .filtre .accordion-body{
	padding-left: 0;
	padding-right: 12px;
	padding-top: 20px;
}
.grid-produits .filtre .filtre-categorie .accordion-body div,
.grid-produits .filtre .filtre-utilisation .accordion-body div{
	display: flex;
	margin-bottom: 10px;
}
.grid-produits .filtre .filtre-categorie label,
.grid-produits .filtre .filtre-utilisation label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	max-width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.grid-produits .filtre .filtre-categorie input[type="checkbox"],
.grid-produits .filtre .filtre-utilisation input[type="checkbox"]{
	width: 20px;
	height: 20px;
	accent-color: var(--color-yellow);
	margin-right: 10px;
}
.grid-produits .filtre .filtre-prix .valeur div{
	background: #F8F8F8;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
	padding: 10px;
	padding-top: 6px;
	width: 47%;
	margin: 20px 0px;
}
.grid-produits .filtre .filtre-prix .valeur label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #919191;
	width: 100%;
	margin-bottom: 7px;
}
.grid-produits .filtre .filtre-prix .valeur input{
	width: 100%;
	outline: none;
	border: none;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
}
.grid-produits .filtre .filtre-prix .reset-price{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration-line: underline;
	color: black;
	cursor: pointer;
	width: 47%;
}
.grid-produits .filtre .filtre-prix .appliquer-price{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	text-align: right;
	color: #000000;
	box-shadow: 0px 0px 10px #D3D3D3;
	border-radius: 5px;
	padding: 10px 15px;
	cursor: pointer;
	width: 47%;
	text-align: center;
}
.grid-produits .filtre .filtre-promotion .form-check,
.grid-produits .produits .form-check{
	display: flex;
	padding: 0px;
	margin: 10px 0px;
}
.grid-produits .filtre .filtre-promotion .form-check div,
.grid-produits .produits .form-check div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	transition: all 0.3s;
}
.grid-produits .filtre .filtre-promotion .form-check .form-check-input,
.grid-produits .produits .form-check .form-check-input{
	float: none;
	margin: 0px;
	width: 50px;
	height: 30px;
	border: none;
	box-shadow: none;
	background-color: var(--color-yellow-two);
	border-radius: 100px !important	;
	margin: 0px 10px;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white' /%3e%3c/svg%3e");
}
.grid-produits .filtre .filtre-utilisation{
	border:none !important
}
.grid-produits .produits .titre,
.comparateur .titre,
.favoris-page .titre{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-transform: uppercase;
	color: black;
	text-align: center;
}
.grid-produits .produits .titre::after,
.comparateur .titre::after,
.favoris-page .titre::after{
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: var(--background-yellow-hover);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.grid-produits .produits .nbr-produits{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #919191;
}
.grid-produits .produits .label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: black;
}
.grid-produits .produits select,
.bord select{
	background-color: transparent;
	box-shadow: none;
	border: 1px solid black;
	padding: 8px 16px;
	border-radius: 5px !important;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	appearance: none;
	background: url("../imageV3/chevron-bottom.svg");
	background-repeat: no-repeat;
	background-position-x: 90%;
	background-position-y: center;
	width:200px;
}
.grid-produits .produits .mode-affichage{
	width: 188px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.grid-produits .produits .c4,
.grid-produits .produits .c3{
	cursor: pointer;
}
.pagination .item{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	border: 1px solid #C5C5C5;
	border-radius: 5px !important;
	width: 40px;
	height: 40px;
	margin: 0px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination .item.active{
	font-weight: 700;
}
.pagination .item.mob{
	border: none;
}


/* a revoir article*/
.full-width{
	width: 100%;
	height: 220px !important;
	object-fit: none !important;
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1160px;
}
}
@media (min-width: 1300px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1280px;
}
}
a{
	text-decoration: none !important;
}
#video_player figcaption::-webkit-scrollbar,
.bar-recherche .drop-recherche .product-suggest::-webkit-scrollbar-thumb,
.bar-recherche .drop-recherche .link-suggest::-webkit-scrollbar-thumb{
	width: 5px;
  }
  /* Ascenseur */
  #video_player figcaption::-webkit-scrollbar-thumb,
  .bar-recherche .drop-recherche .product-suggest::-webkit-scrollbar-thumb,
  .bar-recherche .drop-recherche .link-suggest::-webkit-scrollbar-thumb{
	background: #424040;
  }
  figcaption ,.bar-recherche .drop-recherche .product-suggest,
  .bar-recherche .drop-recherche .link-suggest{
	scrollbar-width: thin;
	scrollbar-color: #424040 transparent;
}

@media only screen and (max-width: 600px) {
	.title{
		font-size: 28px !important;
		line-height: 30px !important;
	}
	.reassurance .item .title{
		font-size: 16px !important;
		line-height: 21px !important;
	}
	.reassurance .item .detail{
		font-size: 14px;
		line-height: 22px;
	}
}







.produits-container .favori-bar {
	display: flex;
	justify-content: space-between;
	padding: 0px 15px;
	align-items: center;
	margin-top: 13px;
	
 }

 .produits-container .reduction {
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 100;
 }
 .produits-container .reduction div{
	background-color: black;
    padding: 3px 8px;
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: white;
    border-radius: 30px !important;
	width: fit-content;
	margin-bottom: 5px;
 }

 .owl-produit-du-moment .owl-item .item{
	padding: 0px 15px;
 }
 .fa-clock::before{
   content: "\f017";
 }
 .produits-container .ref{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	padding: 0px 15px;
	color: black;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	transition: all 0.3s;
 }
 .produits-container .ref span{
	font-weight: 600;
 }
 .produits-container .item{
	transition: all 0.3s;
 }
 .produits-container .item .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	padding: 0px 15px;
	color: black;
	height: 53px;
	text-overflow: ellipsis;
	overflow: hidden;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	transition: all 0.3s;
	padding-top: 7px;
	text-align: left;
	text-transform: initial;
	margin-bottom: 0px !important;
 }
 .produits-container .item .titre::after{
	display: none;
 }
 .produits-container .old-price{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	padding: 0px 0px;
	color: #919191;
	text-decoration: line-through;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
  }

 .produits-container .product-price{
	padding: 0px 0px;
    min-height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
 }
 .produits-container .title-price{
   color: black;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
 }
 .produits-container .unite{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color:black;
 }
 .produits-container .stock,
 .produits-container .reapprovisonnement,
 .produits-container .demande{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	white-space: nowrap;
 }
 .produits-container .stock{
	color: #4EA82E;
 }
 .produits-container .reapprovisonnement{
	color: #FF3D00;
 }
 .produits-container .demande{
	color:black;
 }
 .produits-container .button-produit{
   transition:all 0.3s;
   border-radius: 0px 0px 5px 5px !important;
   background-color:white;
   padding: 0px 15px 5px 15px;
   border: 2px solid transparent;
   box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
   transition: all 0.3s;
   border-top: none;
 }
 .produits-container .liste .button-produit{
	box-shadow: none !important;
	border-color: white !important;
 }
 .produits-container .button-produit .achat{
   background: var(--background-yellow);
   text-align: center;
   width: 100%;
   color:black;
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position: relative;
	text-decoration: none !important;
 }
 .produits-container .button-produit .achat::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .produits-container .button-produit .achat img,
 .produits-container .button-produit .achat span,
 .produits-container .button-produit .contact img,
 .produits-container .button-produit .contact span,
 .produits-container .button-produit .alert img,
 .produits-container .button-produit .alert span,
 .produit .alert img,
 .produit .alert span,
 .fav-supp .produit .alert img,
 .fav-supp .produit .alert span{
	position: relative;
	z-index: 1;
 }
 .produits-container .button-produit .achat:hover:after,
 .produits-container .button-produit .contact:hover:after,
 .produits-container .button-produit .alert:hover:after,
 .produit .alert:hover::after,
 .fav-supp .produit .alert:hover::after{
	opacity: 1;
 }
 .produits-container .button-produit .contact{
	/* display: none !important; */
	background: linear-gradient(90deg, #000000 0%, #666666 100%);
   text-align: center;
   width: 100%;
   color:white;
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position:relative;
	text-decoration: none !important;
 }
 .produits-container .button-produit .contact::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: black;
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .produits-container .button-produit .alert,
 .produit .alert,
 .fav-supp .produit .alert{
	/* display: none !important; */
	background: white;
   text-align: center;
   width: 100%;
   color:#FF3D00;
   display: block;
   margin-bottom: 7px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	border:1px solid #FF3D00;
	position: relative;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
 }
 .produits-container .button-produit .alert::after,
 .produit .alert::after,
 .fav-supp .produit .alert::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: #FFF4F4;
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }

 .produits-container .button-produit .fiche{
   text-align: center;
   width: 100%;
   color:black;
   display: block;
  /* margin-bottom: 10px;
   padding: 5px;*/

   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	/*line-height: 28px;*/
	text-decoration: underline;
 }
 .produits-container .like-icon{
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 18px;
    background-color: #F8F8F8;
    padding-top: 5px;
    border-radius: 50% !important;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	border: none;
 }
 .produits-container .like-icon.favoris{
	height: 36px !important;
	border-radius: 50% !important;
	padding: 0px;
	padding-top: 5px;
	z-index: 100;
 }
.produits-container .product-img{
	background-color: white;
	border-radius: 5px 5px 0px 0px !important;
    overflow: hidden;
	box-shadow: 0px -7px 20px rgb(0 0 0 / 5%);
	transition: all 0.3s;
}
.produits-container .liste .product-img{
	box-shadow:none !important;
	border: none !important;
}

.produits-container .product-description{
	background-color: white;
	box-shadow: 0px 16px 20px rgb(0 0 0 / 5%);
	border: 2px solid transparent;
	transition: all 0.3s;
	border-top: none;
	border-bottom: none;
}
.produits-container .liste .product-description{
	box-shadow: none !important;
	border-color: white !important;
}
.produits-container .image{
	/*padding: 15px 15px 10px 15px;*/
	padding: 5px;
    width: 100%;
    display: block;
	position: relative;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	transition: all 0.3s;
}
.produits-container .image:hover{
	color:inherit
}
.produits-container .image .comparer{
	font-size: 18px;
    position: absolute;
    right: 15px;
    background-color: #F8F8F8;
    padding: 8px;
    border-radius: 50% !important;
    top: 62px;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	z-index: 100;
}
.produits-container .owl-pagination{
	display: none;
}
.produits-container .all-product{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-decoration: underline;
	color: black;
}
.produits-container .owl-wrapper-outer{
	position:relative;
}
.produits-container .owl-wrapper-outer::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100vw;
    height: 100%;
    width: 100vw;
    background-color: #F8F8F8;
    opacity: 0.6;
}
.produits-container .owl-wrapper-outer::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    height: 100%;
    width: 100vw;
    background-color: #F8F8F8;
    opacity: 0.6;
	z-index: 1;
}

.produits-container .item:hover .image{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.produits-container .item.liste:hover .image{
	border-top: 2px solid transparent !important;
	border-left: 2px solid transparent !important;
	border-right: 2px solid transparent !important;
}
.produits-container .item:hover .product-description{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.produits-container .item.liste:hover .product-description{
	border: 2px solid transparent !important;
}
.produits-container .item:hover .button-produit{
	border-bottom: 2px solid var(--color-yellow) !important;
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
}
.produits-container .item.liste:hover .button-produit{
	border: 2px solid transparent !important;
}
.produits-container .container{
    position:relative;
}


 .produits-container .image{
	padding-top: 15px;
}
 .produits-container .nav ul{
 	list-style: none;
	padding: 0px;
 }
 .produits-container .nav ul li{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	cursor: pointer;
	width: 200px;
	text-align: center;
	color: black;
 }
 .produits-container .nav ul .active{
	font-weight: 600 !important;
	text-decoration: underline;
 }
 .produits-container .owl-wrapper-outer::after {
    content: "";
    position: absolute;
    top: 0;
    right: -100vw;
    height: 100%;
    width: 100vw;
    background-color: white;
    opacity: 0.6;
}
.produits-container .owl-wrapper-outer::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    height: 100%;
    width: 100vw;
    background-color: white;
    opacity: 0.6;
	z-index: 1;
}
.produits-container .item .image{
	border-top: 2px solid transparent;
}
.produits-container .item:hover .image{
	border-left: 2px solid var(--color-yellow) !important;
	border-right: 2px solid var(--color-yellow) !important;
	border-top: 2px solid var(--color-yellow) !important;
}
@media only screen and (max-width: 600px) {
	.produits-container .nav ul li{
		width: fit-content;
		font-size: 12px;
		line-height: 15px;
	}
}
.produits-container .liste{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	border: 2px solid transparent;
	transition: border 0.3s;
}
.produits-container .liste .full-width{
	height: 197px !important;
}
.produits-container .liste:hover{
	border: 2px solid var(--color-yellow);
}
.grid-produits .promotion{
	height: 200px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 70px;
	margin-bottom: 26px;
}
.grid-produits .promotion .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: white;
	margin-bottom: 7px;
}
.grid-produits .promotion .cta-promotion{
font-family: var(--secondary-font);
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #000000;
position: relative;
background: var(--background-yellow);
border-radius: 5px !important;
padding: 15px;
width: fit-content;
z-index:0;
}
.grid-produits .promotion .cta-promotion span{
z-index: 2;
position: relative;
}
.grid-produits .promotion .cta-promotion::after{
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 display: block;
	 background: var(--background-yellow-hover);
	 top: 0;
	 left: 0;
	 border-radius: 5px !important;
	 opacity: 0;
	 transition: all 0.3s;
  }
  .grid-produits .promotion .cta-promotion:hover:after{
	 opacity: 1;
  }

.grid-produits .modal-achat .btn-close{
position: absolute;
top: 20px;
right: 30px;
z-index: 10;
}
.grid-produits .modal-achat .modal-body{
	padding-bottom: 50px;
	padding-top: 25px;
	padding-right: 30px;
	position: relative;
}
.grid-produits .modal-achat .modal-content{
	border-radius: 5px !important;
}
.grid-produits .modal-achat .modal-dialog{
	max-width: 930px;
}
.grid-produits .modal-achat .new,
.grid-produits .modal-achat .reduction,
.fiche-produit .new,
.fiche-produit .reduction div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: white;
	background-color: black;
	border-radius: 30px !important;
	padding: 3px 8px;
	width: fit-content;
}
.grid-produits .modal-achat .favoris,
.fiche-produit .favoris{
position: absolute;
right: 15px;
top: 15px;
font-size: 18px;
background-color: #F8F8F8;
/* padding: 8px; */
border-radius: 50% !important;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 2;
border: none;
}
.fiche-produit .favoris{
	padding-top: 6px;
}
.grid-produits .modal-achat .favoris i,
.fiche-produit .favoris i{
	height: 25px;
}
.grid-produits .modal-achat .favoris i{
	/* padding-top: 5px; */
}
.grid-produits .modal-achat .comparer,
.fiche-produit .comparer{
font-size: 18px;
position: absolute;
right: 15px;
background-color: #F8F8F8;
padding: 8px;
border-radius: 50% !important;
top: 45px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 2;
}
.grid-produits .modal-achat #product-slider,
.fiche-produit #product-slider{
	height: 100%;
}
.fiche-produit #product-slider .owl-item .item{
	display: flex;
	align-items: center;
}
.grid-produits .modal-achat .owl-wrapper-outer,
.fiche-produit .owl-wrapper-outer{
	overflow: hidden;
	height: 100%;
}
.grid-produits .modal-achat .owl-wrapper,
.fiche-produit .owl-wrapper{
	display: flex !important;
	height: 100%;
}
.grid-produits .modal-achat .owl-wrapper .item,
.fiche-produit .owl-wrapper .item{
	height: 100%;
}
.grid-produits .modal-achat .owl-wrapper .item{
	display: flex;
	align-items: center;
	justify-content: center;
}
.grid-produits .modal-achat .owl-wrapper .item img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	max-height: 300px;
}
.grid-produits .modal-achat .owl-controls,
.fiche-produit .owl-controls{
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (min-width: 992px) {
	.fiche-produit .owl-controls{
		position: relative;
		top: -60%;
	}
}

.grid-produits .modal-achat .owl-pagination,
.grid-produits .modal-achat .product-slider-prev,
.grid-produits .modal-achat .product-slider-next,
.fiche-produit .product-slider-prev,
.fiche-produit .product-slider-next{
	width: fit-content;
}
.grid-produits .modal-achat .product-slider-prev,
.grid-produits .modal-achat .product-slider-next,
.fiche-produit .product-slider-prev,
.fiche-produit .product-slider-next{
	cursor:pointer;
	margin: 0px 15px;
}
.grid-produits .modal-achat .owl-pagination{
	display: flex;
}
.grid-produits .modal-achat .owl-pagination span{
	width: 8px;
	height: 8px;
	border-radius: 50% !important;
	background: black;
	opacity: 1;
	margin: 5px 5px;
	display: block;
}
.grid-produits .modal-achat .owl-pagination .active span,
.fiche-produit .owl-pagination .active span{
	background: var(--background-yellow);
}
.grid-produits .modal-achat .nb-historique-achat{
	margin-top: 40px;
}
.grid-produits .modal-achat .nb-historique-achat,
.fiche-produit .nb-historique-achat{
	font-family: var(--secondary-font);
font-weight: 400;
font-size: 15px;
line-height: 28px;
color: #919191;
margin-bottom: 8px;
}
.grid-produits .modal-achat .ref,
.fiche-produit .ref{
	font-family: var(--secondary-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: black;
margin-bottom: 8px;
}
.grid-produits .modal-achat .ref span,
.fiche-produit .ref span{
	font-weight: 700;
}
.grid-produits .modal-achat .designation,
.fiche-produit .designation{
	font-family: var(--secondary-font);
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 25px;
color: black;
hyphens: auto;
overflow: hidden;
text-overflow: ellipsis;
/* min-height: 56px; */
margin-bottom: 20px;
}
.fiche-produit .designation{
	font-weight: 700;
	text-align: left;
	text-transform: unset !important;
	margin-top: 0px !important;
}
.fiche-produit .designation::after,
.bord .bord-entete .message::after{
	display: none;
}
.bord .bord-entete .message{
	text-align: left;
	margin-top: 0px !important;
}
.grid-produits .modal-achat .prix,
.fiche-produit .prix{
	font-family: var(--secondary-font);
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 24px;
color: black;
}
.grid-produits .modal-achat .description,
.fiche-produit .description{
	font-family: var(--secondary-font);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 28px;
color: black;
position: relative;
width: 100%;
display: block;
margin-bottom: 25px;
max-height: 111px;
transition: all 0.3s;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
	#productContentModal{
		max-height: 100% !important;
	}	
}
#productContentModal{
	max-height: 600px;
	overflow: auto;
}
.grid-produits .modal-achat .description--open,
.fiche-produit .description--open{
	max-height: 100%;
}
.grid-produits .modal-achat  .description::after,
.fiche-produit .description::after{
	content: "Plus d'infos";
	cursor: pointer;
	font-weight: 600;
	text-decoration: underline;
	position: absolute;
	bottom: 0;
	left: 0;
	background: white;
	width: 100%;
	padding-left: 0;
  }
.grid-produits .modal-achat .critere label,
.fiche-produit .critere label{
	font-family: var(--secondary-font);
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: black;
width: 100%;
margin-bottom: 8px;
}
.grid-produits .modal-achat .critere select,
.fiche-produit .critere select{
	padding: 7px 16px;
	border: 1px solid black;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: black;
	background-color: transparent;
	width: 100%;
	appearance: none;
	background: url("../imageV3/chevron-bottom.svg");
	background-repeat: no-repeat;
	background-position-x: 90%;
	background-position-y: center;
	margin-bottom: 17px;
}
.grid-produits .modal-achat .stock,
.fiche-produit .stock{
	font-family: var(--secondary-font);
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 21px;
color: #4EA82E;
margin-bottom: 15px;
}
.grid-produits .modal-achat .achat,
.fiche-produit .achat{
	background: var(--background-yellow);
	text-align: center;
	width: 100%;
	color:black;
	display: block;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	 font-style: normal;
	 font-weight: 700;
	 font-size: 16px;
	 line-height: 21px;
	 position: relative;
	 text-decoration: none !important;
  }
  .grid-produits .modal-achat .achat::after,
  .fiche-produit .achat::after{
	 content: "";
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 display: block;
	 background: var(--background-yellow-hover);
	 top: 0;
	 left: 0;
	 border-radius: 5px !important;
	 opacity: 0;
	 transition: all 0.3s;
  }
  .grid-produits .modal-achat .achat img,
  .grid-produits .modal-achat .achat span,
  .fiche-produit .achat img,
  .fiche-produit .achat span{
	 position: relative;
	 z-index: 1;
  }
  .grid-produits .modal-achat .achat:hover:after,
  .fiche-produit .achat:hover:after{
	 opacity: 1;
  }
  .grid-produits .modal-achat .liv-exp-container,
  .fiche-produit .liv-exp-container{
	border-radius: 5px !important;
	border:1px solid var(--color-yellow-two);
	padding: 16px;
	margin-top: 17px;
  }
  .grid-produits .modal-achat .livraison,
  .fiche-produit .livraison{
	margin-bottom: 10px;
  }
  .grid-produits .modal-achat .livraison,
  .grid-produits .modal-achat .expedition,
  .fiche-produit .livraison,
  .fiche-produit .expedition{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
  }
  .grid-produits .modal-achat .livraison img,
  .grid-produits .modal-achat .expedition img,
  .fiche-produit .livraison img,
  .fiche-produit .expedition img{
	margin-right: 10px;
  }
  .grid-produits .ui-slider{
	position: relative;
	background: var(--background-yellow);
	height: 5px;
  }
  .grid-produits .ui-slider-handle{
	width: 12px;
	height: 12px;
	display: block;
	position: absolute;
	background-color: black;
	border-radius: 50% !important;
	z-index: 2;
	top: -4px;
  }
  .grid-produits .ui-slider-range{
  left: 15%;
	width: 45%;
	background: linear-gradient(90deg, #000 0%, #666 100%);
	position: absolute;
	height: 5px;
}
  @media only screen and (max-width: 600px) {
	.grid-produits .promotion{
		padding-left: 25px;
		border-radius: 5px !important;
	}
	.grid-produits .produits .titre,
	.grid-produits .promotion .title{
		font-size: 22px;
	}
	.grid-produits .produits .form-check div,
	.grid-produits .produits select,
	.produits-container .item .titre{
		font-size: 14px;
	}
	.produits-container .ref,
	.produits-container .stock,
	.produits-container .reapprovisonnement, 
	.produits-container .demande,
	.produits-container .button-produit .fiche{
		font-size: 12px;
	}
	
	.grid-produits .modal-achat .modal-body{
		padding-top: 50px;
		padding-right: 15px;
	}
	.grid-produits .modal-achat .btn-close{
		top: 10px;
		right: 20px;
	}
	.produits-container .liste .full-width{
		height: 255px !important;
	}
	.produits-container .liste .button-produit{
		padding: 0px 38px;
	}
	.produits-container .button-produit .alert{
		padding: 4px !important;
	}
}
@media only screen and (max-width: 992px) {
	.grid-produits .modal-achat .modal-dialog {
		max-width: 800px;
	}
}

/* fiche-produits */
/* .fiche-produit .vignette-navigation-container,
.product-slider-container{
	position: sticky;
	top: 150px;
	height: fit-content;
	z-index: 2;
} */
.product-slider-container .favoris{
	top: 0;
	align-items: baseline !important;
}
.fiche-produit .vignette-navigation-container{
	width: fit-content;
}
.fiche-produit .vignette-navigation{
	cursor: pointer;
	border: 2px solid #C5C5C5;
	border-radius: 5px !important;
	width: fit-content;
	transition: all 0.3s;
}
.fiche-produit .vignette-navigation.active{
	border: 2px solid var(--color-yellow);
}
.fiche-produit .vignette-navigation img{
	width: 125px;
	height: 128px;
	object-fit: contain;
}
.fiche-produit #choix-slider .owl-pagination{
	display: none;
}
.fiche-produit #choix-slider .owl-item{
	margin: 20px 0px;
}
.fiche-produit .product-slider-container .owl-pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 46px;
}
.fiche-produit .owl-pagination .owl-page {
	width: 31px;
	height: 4px;
	background: black;
	margin: 0px 5px;
	border-radius: 5px !important;
  }
  .fiche-produit .owl-pagination .owl-page.active{
	background: var(--background-yellow);
  }
.fiche-produit .owl-item{
	max-height: 550px;
}
.fiche-produit .owl-wrapper .item img{
	height: 70%;
	width: 100%;
	object-fit: contain;
}
.fiche-produit .product-slider-prev{
	position: absolute;
	top: 44%;
	left: 0px;
}
.fiche-produit .product-slider-next{
	position: absolute;
	top: 44%;
	right: 0px;
}
.fiche-produit .details-container{
	margin-bottom:20px;
}
@media only screen and (max-width: 992px) {
	.fiche-produit .details-container{
		margin-top: 50px;
	}
}
.fiche-produit .details-container .reapprovisonnement{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #FF3D00;
}
.fiche-produit .details-container .pre-commander-text{
	font-family:var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #919191;
	margin-top: 17px;
}
.fiche-produit .details-container .demo{
   text-align: center;
   width: 100%;
   color:black;
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position:relative;
	text-decoration: none !important;
	box-shadow: 0px 0px 10px #D3D3D3;
	border:1px solid transparent;
	transition: all 0.3s;
}
.fiche-produit .details-container .demo:hover{
	border:1px solid black;
}
.fiche-produit .details-container .banniere{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 167px;
	background: #F8F8F8;
}
@media (min-width: 576px){
	.modal_alert .modal-dialog{
		max-width: 530px;
	}
}
.modal_alert .modal-header{
	border: none;
}
.modal_alert .modal-title{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
	padding-left: 45px;
}
.fiche-produit .modal_alert.succes .modal-title{
	color: #4EA82E ;
}
.modal_alert input[type=text]{
	border: 1px solid black;
	border-radius: 5px !important;
	padding: 8px 16px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: black;
	width: 63%;
}
.modal_alert input[type=text]::placeholder{
	font-family: var(--secondary-font);
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #919191;
 }
.modal_alert .msg{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: black;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
.modal_alert .msg span{
	font-weight: 600;
}
.modal_alert form button{
	background: white;
	color: #FF3D00;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	line-height: 21px;
	border: 1px solid #FF3D00;
	position: relative;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px;
	font-size: 15px;
	padding-right: 15px;
	width: 36%;
}
.fiche-produit .choix{
	padding: 35px 0px;
	z-index: 2;
	position: relative;
}
.fiche-produit .choix .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	color: black;
	margin-bottom: 15px;
}
.fiche-produit .choix .item{
	height: fit-content;
	margin-left: 7px;
	margin-right: 33px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	position: relative;
	padding: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
	transition:all 0.3s;
	border: 2px solid transparent;
}
.fiche-produit .choix .item:hover{
	border: 2px solid var(--color-yellow);
}
.fiche-produit .choix .item img{
	height: 172px;
	object-fit: none;
	width: 100%;
}
.fiche-produit .choix input[type=checkbox]{
	width: 35px;
	height: 35px;
	accent-color: var(--color-yellow);
	border-radius: 4px !important;
	border: 1px solid #C5C5C5;
	position: absolute;
	top: 10px;
	right: 10px;
}
.fiche-produit .choix .ref,
.fiche-produit .choix .description{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
}
.fiche-produit .choix .ref span{
	font-weight: 700;
}
.fiche-produit .choix .description{
	font-weight: 600 !important;
	height: 43px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 29px;
}
.fiche-produit .choix .description::after{
	display: none;
}
.fiche-produit .choix .prix{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
}
.fiche-produit .choix .prix span{
	font-weight: 700;
	font-size: 16px;
}
.fiche-produit .choix .total{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	text-align: center;
}
.fiche-produit .choix .total span{
	font-weight: 700;
	font-size: 20px;
}
.fiche-produit .choix .text{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: black;
}
.fiche-produit .choix .owl-wrapper .owl-item .hide-input input{
	display: none;
}
.fiche-produit .navbar-container,
.page .navbar-container{
	background-color: #F8F8F8;
	position: -webkit-sticky;
	position: sticky;
	top: 140px;
	z-index: 3;
}
.fiche-produit .navbar,
.page .navbar{
	padding: 16px 0px;
}
.fiche-produit .nav li:last-child,
.page .nav li:last-child{
	border-right: none !important;
}
@media only screen and (min-width: 992px) {
	.fiche-produit .navbar .nav{
		position:relative;
	}
	.fiche-produit .navbar .nav::after {
		display: block;
		content: '';
		height: 100%;
		width: 5px;
		background: #f9f9f9;
		position: absolute;
		right: 0;
	  }
}

.fiche-produit .nav-item,
.page .nav-item{
	border-right: 1px solid black;
}
.fiche-produit .nav-link,
.page .nav-link{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: black;
	transition:all 0.3s;
}
.fiche-produit .nav-link.active,
.page .nav-link.active{
	font-weight: 700;
}
#detect-scroll{
	height: 84vh;
	overflow-y: scroll;
	overflow-x: hidden;
}
@media only screen and (min-width: 992px) {
	#detect-scroll{
		height: 66vh;
	}
}

/* .fiche-produit .caracteristiques-produits .scrollspy-example{
	margin-top: -900px;
	padding-top: 900px !important;
} */
/* .fiche-produit .caracteristiques-produits .title, */
.fiche-produit .caracteristiques-produits-2 .title-after{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	text-align: center;
	color:black;
	margin-bottom: 45px;
}
.fiche-produit .caracteristiques-produits-2 .owl-wrapper .item{
	margin: 0px 0px;
}
/* .fiche-produit .caracteristiques-produits .title::after, */
.fiche-produit .caracteristiques-produits-2 .title-after::after{
	content: "";
	display: block;
	width: 70px;
	height: 5px;
	background: var(--background-yellow);
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.fiche-produit .caracteristiques-produits .content .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	color: black;
	margin-bottom: 15px;
}
.fiche-produit .caracteristiques-produits .content .sous-titre{
	font-family: var(--secondary-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	letter-spacing: 0em;
	color: black;
	padding-top:20px;
}
.fiche-produit .caracteristiques-produits .content p{
	font-family: var(--secondary-font);
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0em;
	color: black;
}
.fiche-produit .caracteristiques-produits .content .group-image img{
	margin-right: 20px;
}
.fiche-produit .caracteristiques-produits .content .table-container{
	padding: 17px 12px;
}
.fiche-produit .caracteristiques-produits .content table tr:nth-child(even){
	background-color : #F8F8F8;
  }
.fiche-produit .caracteristiques-produits .content table td{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	padding: 12px 10px;
	height: 65px;
}
@media only screen and (min-width: 992px) {
	.fiche-produit .caracteristiques-produits .content table td{
		width: 50%;
	}
	.fiche-produit .product-slider-container .owl-pagination{
		display: none;
	}
}
@media only screen and (max-width: 992px) {
		.fiche-produit .caracteristiques-produits .content table td{
			height: auto;
		}
		.fiche-produit .caracteristiques-produits .content table .valeur{
			text-align: right;
		}
}
.fiche-produit .caracteristiques-produits .content table .valeur{
	font-weight: 600;
}
#description .content img{
	max-width: 125px;
}
.sticky-nav{
	position: sticky;
	top: 144px;
	z-index: 5;
	width: 100%;
}
.fiche-produit #documentation .catalogue{
	background-color: white;
}
.fiche-produit #documentation .link{
	margin: 0px 10px;
}
.bord .catalogue .item{
	margin-right: 40px;
	box-shadow: 0 0 10px #d3d3d3a3;
	position: relative;
}
.fiche-produit #documentation .item{
	margin:0px 20px;
	box-shadow: 0 0 10px #d3d3d3a3;
	position: relative;
}
.fiche-produit #documentation .item:hover .content,
.bord .catalogues .item:hover .content{
    opacity: 1;
}
.fiche-produit #documentation .item .content,
.bord .catalogues .item .content{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
    background-color: #00000085;
    transition: all 0.3s;
    opacity: 0;
}
.fiche-produit #documentation .cta{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	border-radius: 5px !important;
	padding: 15px;
	background: var(--background-yellow);
	color:black;
	position: relative;
	text-decoration: none !important;
}
.fiche-produit #caracteristique .choice-nav{
background: var(--background-yellow-hover);
border-radius: 5px !important;
}

.fiche-produit #caracteristique .choice-nav a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: black;
	transition: all 0.3s;
	margin: 8px;
}
.fiche-produit #caracteristique .choice-nav a.active{
	font-weight: 700;
}
.fiche-produit #caracteristique .choix-gros-equipement div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.fiche-produit #caracteristique .choix-gros-equipement div span{
	font-weight: 700;
	margin-right: 10px;
}
@media only screen and (min-width: 600px) {
	.fiche-produit #caracteristique .choix-gros-equipement div:nth-child(2){
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
}
.fiche-produit .cta span,
.item .btn-decouvir span{
	position: relative;
	z-index: 1;
}
.fiche-produit .left .cta::after,
.fiche-produit .item .btn-decouvir::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
}
.fiche-produit .left .cta:hover::after,
.fiche-produit .item .btn-decouvir:hover::after{
opacity: 1;
}
.fiche-produit .caracteristiques-produits .content .link a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
}
.fiche-produit .caracteristiques-produits .content .link a span{
	text-decoration: underline;
}
.fiche-produit .caracteristiques-produits .content .link div:first-child{
	margin-bottom: 40px;
}
.fiche-produit .caracteristiques-produits .button-produit img{
	width: auto !important;
	height: auto !important;
}
.fiche-produit .caracteristiques-produits .owl-item{
	max-height: fit-content !important;
}
.fiche-produit .caracteristiques-produits .ref,
.fiche-produit .caracteristiques-produits .stock{
	margin-bottom: 0px !important;
}
.fiche-produit .caracteristiques-produits .stock,
.fiche-produit .caracteristiques-produits .reapprovisonnement,
.fiche-produit .caracteristiques-produits .stock .demande{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}
.fiche-produit .caracteristiques-produits .time,
.page-panier .recomandation .time{
	display: none;
}
.fiche-produit .caracteristiques-produits .image,
.page-panier .recomandation .image{
	border-radius: 5px 5px 0px 0px !important;
	border-top: 2px solid transparent;
}
.fiche-produit .caracteristiques-produits .item:hover .image,
.page-panier .recomandation .item:hover .image{
	border-top: 2px solid var(--color-yellow) !important;
}
.fiche-produit .caracteristiques-produits .owl-wrapper-outer{
	overflow: visible !important;
}
.fiche-produit .caracteristiques-produits .achat_recent .vente-flash{
	background-color: white;
}
.fiche-produit .caracteristiques-produits .achat_recent .owl-wrapper-outer::before,
.fiche-produit .caracteristiques-produits .achat_recent .owl-wrapper-outer::after{
	background-color: white !important;
}
.fiche-produit .caracteristiques-produits #temoignages{
	background-color: #F8F8F8;
}
.fiche-produit .caracteristiques-produits #video_player figcaption a{
	background-color: white;
	border-radius: 5px !important;
}
@media only screen and (max-width: 992px) { 
	.fiche-produit .caracteristiques-produits .content .snd-table tr:nth-child(even){
		background-color : white;
	}
	.fiche-produit .caracteristiques-produits .content .snd-table tr:nth-child(odd){
		background-color : #F8F8F8;
	}
	.fiche-produit .vignette-navigation-container,
	.product-slider-container{
		position: relative;
		top:20px
	}
	.fiche-produit .product-slider-container .owl-wrapper .item img {
		height: 262px;
		width: 100%;
		object-fit: contain;
		margin-bottom: 20px;
	}
	.fiche-produit .navbar,
	.page .navbar{
		padding: 0px;
	}
	.fiche-produit .nav,
	.page .nav,
	.page .nav2{
		flex-wrap: nowrap;
		transition: all 0.3s;
		overflow-x: scroll;
	}

	.fiche-produit .nav-item,
	.page .nav-item{
		border-right: none;
	}
	.fiche-produit .nav-link,
	.page .nav-link{
		font-size: 18px;
		white-space: nowrap;
		color: white;
	}
	.fiche-produit .nav-link.active,
	.page .nav-link.active{
		color: var(--color-yellow);
	}
	.fiche-produit .navbar-container,
	.page .navbar-container{
		top: 71px;
		background: linear-gradient(90deg, #000000 0%, #666666 100%);
	}
}
@media only screen and (max-width: 600px) { 
	.fiche-produit .navbar-container,
	.page .navbar-container{
		top: 63px;
	}
}
.fiche-produit .details-container{
	position: relative;
	z-index: 2;
}
@media (min-width: 1300px){
	.fiche-produit .product-slider-container{
		width: 660px !important;
	}
	.fiche-produit .details-container{
		width: 430px;
	}
}
@media (min-width: 1200px){
	.fiche-produit .product-slider-container{
		width: 500px;
	}
	.fiche-produit .details-container{
		width: 430px;
	}
}
@media only screen and (min-width: 992px) { 
	.fiche-produit .choix .right{
		padding-left: 55px;
		padding-right: 15px;
	}
}

.fiche-produit #avantage .item{
	height: 100%;
}
.fiche-produit #avantage .item img{
	width: 100%;
	height: 225px;
	object-fit: cover;
	border-radius: 5px !important;
}
.fiche-produit #avantage .item .titre img{
	width: auto;
	height: auto;
	margin-right: 10px;
}
.fiche-produit #avantage .item .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	margin-top: 15px;
}
.fiche-produit #avantage .item .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #000000;
	margin-top: 15px;
}
.fiche-produit #avantage .logo{
	width: 170px;
	height: 60px;
	object-fit: contain;
	margin-bottom: 20px;
	margin-top: 10px;
}
#avantage .div-video{
	height: 300px;
}
#avantage .div-video div{
	/* display: none; */
	height: 100%;
}
#avantage .div-video.active div{
	/* display: block; */
} 
@media only screen and (min-width: 992px) {
	#avantage .div-video{
		height: 400px;
	}	
}
.fiche-produit #caracteristique .critere-image .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}

.w-700{
	font-weight: 700 !important;
}

#catalogue-slider-2 .owl-item{
	width: 234px !important;
}
#catalogue-slider-2 .item{
	margin-right: 30px;
}
#catalogue-slider-2 .owl-item img{
	height: 100% !important;
}
#catalogue-slider-2 .owl-wrapper{
	max-width: 500px !important;
} 
@media only screen and (min-width: 992px) { 
	#catalogue-slider-2 .owl-wrapper{
		justify-content: end;
		margin-right: 30px;
		width: fit-content !important;
	}
}


/* PANIER */
.page-panier .link-return,
.page-livraison .link-return,
.verif-commande .link-return,
.confirm-commande .link-return{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
}
.page-panier .link-return span,
.page-livraison .link-return span,
.verif-commande .link-return span,
.confirm-commande .link-return span{
	text-decoration: underline;
}
.page-panier .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
}
.page-panier .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.page-panier .fidelite{
	padding: 20px 24px;
	background: #F8F8F8;
	border-radius: 5px !important;
}
.page-panier .fidelite img{
	margin-right: 10px;
}
.page-panier .fidelite .titre,
.page-panier .fidelite .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: black;
}
.page-panier .fidelite .titre{
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}
.page-panier .fidelite .texte span{
	font-weight: 600;
}
.page-panier .liv-exp-container{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	padding: 10px 0px;
	border: 1px solid var(--color-yellow);
	border-radius: 5px !important;
	text-align: center;
}
.page-panier .liv-exp-container span:first-child{
	border-right: 1px solid #C5C5C5;
}
.page-panier .liv-exp-container span span{
	font-weight: 700;
	margin-left: 8px;
}
.page-panier .liv-exp-container .livraison,
.page-panier .liv-exp-container .expedition{
	width: fit-content;
}
.page-panier .liv-exp-container img{
	vertical-align: sub;
	margin-right: 10px;
}
@media only screen and (min-width: 1200px) {
	.page-panier .fidelite{
		width: 688px;
		margin-right: 20px;
	}
	.page-panier .liv-exp-container{
		width: 568px;
	}
}
.page-panier .list-achat table,
.verif-commande .list-achat table,
.confirm-commande .list-achat table,
.commande-rapide .list-achat table{
	width: 100%;
}
.page-panier .list-achat .en-tete,
.verif-commande .list-achat .en-tete,
.confirm-commande .list-achat .en-tete,
.page-commande .list-achat .en-tete,
.commande-rapide .list-achat .en-tete{
	background: var(--background-yellow-hover);
	border-radius: 5px !important;
}
.page-panier .list-achat tr,
.verif-commande .list-achat tr,
.confirm-commande .list-achat tr,
.page-commande .list-achat tr,
.commande-rapide .list-achat tr{
	position: relative;
}
.page-panier .list-achat th,
.verif-commande .list-achat th,
.confirm-commande .list-achat th,
.page-commande .list-achat th,
.commande-rapide .list-achat th{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: black;
	padding-bottom: 5px;
	padding-top: 5px;
}
.page-panier .list-achat .image,
.verif-commande .list-achat .image,
.confirm-commande .list-achat .image,
.page-commande .list-achat .image,
.commande-rapide .list-achat .image{
	width: 197px;
	position: relative;
}
.page-panier .list-achat .image img,
.verif-commande .list-achat .image img,
.confirm-commande .list-achat .image img,
.page-commande .list-achat .image img,
.commande-rapide .list-achat .image img{
	width: 197px;
	height: 162px;
	object-fit: contain;
}
.page-panier .list-achat .reduction,
.verif-commande .list-achat .reduction,
.confirm-commande .list-achat .reduction,
.page-commande .list-achat .reduction,
.commande-rapide .list-achat .reduction{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: white;
	background-color: black;
	border-radius: 30px !important;
	padding: 5px 10px;
	width: fit-content;	
	display: block;
	position:absolute;
	top:15px;
	left: 15px;
}
.page-panier .list-achat .ref,
.verif-commande .list-achat .ref,
.confirm-commande .list-achat .ref,
.page-commande .list-achat .ref,
.commande-rapide .list-achat .ref{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	margin-bottom: 7px;
	padding-left: 10px;
}
.page-panier .list-achat .ref span,
.verif-commande .list-achat .ref span,
.confirm-commande .list-achat .ref span,
.page-commande .list-achat .ref span,
.commande-rapide .list-achat .ref span{
	font-weight: 600;
	font-size: 18px;
}
.page-panier .list-achat .designation,
.verif-commande .list-achat .designation,
.confirm-commande .list-achat .designation,
.page-commande .list-achat .designation,
.commande-rapide .list-achat .designation{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: black;
	max-width: 258px;
	min-height: 46px;
	overflow: hidden;
	padding-left: 10px;
}
.page-panier .list-achat .stock,
.verif-commande .list-achat .stock,
.confirm-commande .list-achat .stock,
.page-commande .list-achat .stock,
.commande-rapide .list-achat .stock{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #4EA82E;
	margin-top: 14px;
	padding-left: 10px;
}
.page-panier .list-achat .Qte,
.commande-rapide .list-achat .Qte{
	margin-bottom: 72px;
}
.page-panier .list-achat .total-ht,
.page-panier .list-achat .tva,
.verif-commande .list-achat .total-ht,
.verif-commande .list-achat .tva,
.confirm-commande .list-achat .total-ht,
.confirm-commande .list-achat .tva,
.page-commande .list-achat .total-ht,
.page-commande .list-achat .tva,
.commande-rapide .list-achat .total-ht,
.commande-rapide .list-achat .tva{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
	padding-bottom: 58px;
}
.page-panier .list-achat .total-ttc,
.verif-commande .list-achat .total-ttc,
.confirm-commande .list-achat .total-ttc,
.page-commande .list-achat .total-ttc,
.commande-rapide .list-achat .total-ttc{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	padding-bottom: 56px;
}
.page-panier .list-achat .fav-supp,
.commande-rapide .list-achat .fav-supp{
	position: absolute;
	bottom: 15px;
	right: 20px;
}
.page-panier .list-achat .fav-supp span,
.commande-rapide .list-achat span{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	cursor: pointer;
}
.page-panier .list-achat .supprimer,
.page-panier .list-achat .supprimer a,
.commande-rapide .list-achat .supprimer,
.commande-rapide .list-achat .supprimer a{
	color:red !important;
	margin-left: 20px;
}
.page-panier .list-achat .supprimer img,
.commande-rapide .list-achat .supprimer img{
	margin-right: -3px;
}
.page-panier .list-achat .produit,
.verif-commande .list-achat .produit,
.confirm-commande .list-achat .produit,
.page-commande .list-achat .produit,
.commande-rapide .list-achat .produit{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	border: 1px solid transparent;
	transition: all 0.3s;
}
.page-panier .list-achat .produit:hover,
.verif-commande .list-achat .produit:hover,
.confirm-commande .list-achat .produit:hover,
.page-commande .list-achat .produit:hover,
.commande-rapide .list-achat .produit:hover{
	border: 1px solid var(--color-yellow);
}
.page-panier .list-achat .espace,
.verif-commande .list-achat .espace,
.confirm-commande .list-achat .espace,
.page-commande .list-achat .espace,
.commande-rapide .list-achat .espace{
	height: 15px;
}
.page-panier .recapitulatif .titre,
.verif-commande .recapitulatif .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: white;
	background-color: black;
	border-radius: 5px !important;
	padding: 5px 10px;
}
.page-panier .recapitulatif .sous-total .HT,
.page-panier .recapitulatif .total .HT,
.verif-commande .recapitulatif .sous-total .HT,
.verif-commande .recapitulatif .total .HT,
.confirm-commande .total .HT,
.page-commande .total .HT{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	display: flex;
	justify-content: space-between;
}
.page-panier .recapitulatif .sous-total .TTC,
.page-panier .recapitulatif .total .TTC,
.verif-commande .recapitulatif .sous-total .TTC,
.verif-commande .recapitulatif .total .TTC,
.confirm-commande .total .TTC,
.page-commande .total .TTC{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	display: flex;
	justify-content: space-between;
}
.page-panier .recapitulatif .remise .sous-titre,
.verif-commande .recapitulatif .remise .sous-titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: black;
	margin-bottom: 4px;
}
.page-panier .recapitulatif .remise .bienvenue,
.verif-commande .recapitulatif .remise .bienvenue{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	display: flex;
	justify-content: space-between;
}
.page-panier .recapitulatif .remise .livraison,
.verif-commande .recapitulatif .remise .livraison,
.confirm-commande .livraison,
.page-commande .livraison{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	display: flex;
	justify-content: space-between;
}
.page-panier .recapitulatif .remise .livraison img,
.verif-commande .recapitulatif .remise .livraison img,
.confirm-commande .livraison img,
.page-commande .livraison img{
	margin-right: 7px;
}
.page-panier .recapitulatif .remise .livraison .gr,
.verif-commande .recapitulatif .remise .livraison .gr,
.confirm-commande .livraison .gr,
.page-commande .livraison .gr{
	font-weight: 700;
}
.page-panier .recapitulatif .total .nbr-produit,
.page-panier .recapitulatif .total .tax,
.page-panier .recapitulatif .security,
.verif-commande .recapitulatif .total .nbr-produit,
.verif-commande .recapitulatif .total .tax,
.confirm-commande .total .nbr-produit,
.confirm-commande .total .tax,
.page-commande .total .nbr-produit,
.page-commande .total .tax{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: black;
}
.page-panier .recapitulatif .security span{
	vertical-align: middle;
	margin-left: 3px;
}
.page-panier .recapitulatif .promo .accordion-item, .page-panier .recapitulatif .cadeau .accordion-item{
	border:none;
}
.page-panier .recapitulatif .promo input[type=text], .page-panier .recapitulatif .cadeau input[type=text]{
	border: 1px solid black;
	border-radius: 5px !important;
	height: 40px;
	font-family: var(--secondary-font);
	font-weight: 400;
	font-size: 15px;
	color: black;
	width: 63%;
	margin-right: 3%;
}
.page-panier .recapitulatif .promo input[type=submit], .page-panier .recapitulatif .cadeau input[type=submit]{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: white;
	padding: 0px 20px;
	background: #C5C5C5;
	border-radius: 5px !important;
	border: none;
}
.page-panier .recapitulatif .remise,
.page-panier .recapitulatif .total,
.page-panier .recapitulatif .sous-total,
.verif-commande .recapitulatif .total,
.verif-commande .recapitulatif .sous-total,
.verif-commande .recapitulatif .remise,
.verif-commande .recapitulatif .exp{
	padding: 14px 10px;
	border-bottom: 1px solid #C5C5C5;
}
.page-panier .recapitulatif .promo, .page-panier .recapitulatif .cadeau{
	padding: 14px 10px 5px;
}
.page-panier .recapitulatif .validation,
.verif-commande .recapitulatif .validation{
	padding: 0px 10px;
}
.page-panier .recapitulatif .validation .achat,
.verif-commande .recapitulatif .validation .achat{
	padding: 10px 20px;
}
.page-panier .recapitulatif .alert{
	display: flex;
	align-items: flex-start;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
}
.page-panier .recapitulatif .alert img{
	margin-right: 10px;
}
.page-panier .recomandation .title{
	margin-bottom: 40px;
}
.page-panier .panier-vide{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
.page-panier .panier-vide div{
	width: fit-content;
	display: flex;
	align-items: center;
}
.page-panier .panier-vide img{
	margin-right: 15px;
}s
.page-panier .panier-vide .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #C5C5C5;
	text-align: center;
}
.page-panier .panier-vide .achat{
	padding: 10px 20px;
}
@media only screen and (max-width: 992px) {
	.page-panier .fidelite{
		justify-content: center;
	}
	.page-panier .fidelite .titre{
		font-size: 16px;
	}
	.page-panier .fidelite .texte{
		font-size: 14px;
	}
	.page-panier .liv-exp-container{
		flex-direction: column;
	}
	.page-panier .liv-exp-container span:first-child{
		border-right: none;
	}
	.page-panier .recapitulatif .promo input[type="text"], .page-panier .recapitulatif .cadeau input[type="text"]{
		width: 100%;
	}
	.list-achat .image{
		margin-right: 20px !important;
		width: fit-content !important;
	}
	.list-achat .image img{
		width: 200px !important;
		height: 250px !important;
	}
	.list-achat .reduction{
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		margin-bottom: 10px !important;
	}
	.list-achat .nbr{
		width: 70px !important;
	}
	.page-panier .list-achat .Qte,
	.commande-rapide .list-achat .Qte{
		margin-bottom: 15px !important;
	}
	.list-achat .label{
		font-family: var(--secondary-font) !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 12px !important;
		line-height: 15px !important;
		color: #919191 !important;
		margin-right: 10px !important;
		margin-left: 10px !important;
		text-align: left !important;
	}
	.list-achat .chiffre{
		font-family: var(--secondary-font) !important;
		font-style: normal !important;
		font-weight: 700 !important;
		font-size: 16px !important;
		line-height: 21px !important;
		color: #000000 !important;
		text-align: left !important;
	}
	.list-achat table{
		width: 80% !important;
	}
	.page-panier .list-achat .fav-supp{
		position: relative ;
		display: flex;
		justify-content: center;
		margin-top: 35px;
		margin-bottom: 15px;
	}
	.list-achat .produit{
		margin-bottom: 25px !important; 
	}
}
@media only screen and (max-width: 600px) {
	.list-achat .image img{
		width: 110px !important;
		height: 164px !important;
	}
	.verif-commande .list-achat .stock{
		margin-top: 0px;
	}
}

/* PAGE-LIVRAISON */
.page-livraison .etapes .item,
.verif-commande .etapes .item,
.confirm-commande .etapes .item{
	width: 115px;
}
.page-livraison .etapes .numero,
.verif-commande .etapes .numero,
.confirm-commande .etapes .numero{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	color: #C5C5C5;
	border: 1px solid #C5C5C5;
	border-radius: 100px;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	background: white;
}
.page-livraison .etapes .label,
.verif-commande .etapes .label,
.confirm-commande .etapes .label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #919191;
}
.page-livraison .etapes .ligne,
.verif-commande .etapes .ligne,
.confirm-commande .etapes .ligne{
	width: 235px;
	height: 1px;
	background: #C5C5C5;
	margin-left: -40px;
	margin-right: -40px;
	margin-top: 14px;
	z-index: -2;
  }
.page-livraison .etapes .ligne.active,
.verif-commande .etapes .ligne.active,
.confirm-commande .etapes .ligne.active{
	background: var(--color-yellow);
}
.page-livraison .etapes .label.active,
.verif-commande .etapes .label.active,
.confirm-commande .etapes .label.active{
	color: var(--color-yellow);
	font-weight: 700;
}
.page-livraison .etapes .numero.active,
.verif-commande .etapes .numero.active,
.confirm-commande .etapes .numero.active{
	color: var(--color-yellow);
	border: 1px solid var(--color-yellow);
}
.page-livraison .title,
.verif-commande .title,
.confirm-commande .title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	color:black;
 }
 .page-livraison .title::after,
 .verif-commande .title::after,
 .confirm-commande .title::after{
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: var(--background-yellow);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.page-livraison .info-client{
	padding: 16px;
	background: #F8F8F8;
	border-radius: 5px !important;
	margin-bottom: 25px;
}
.page-livraison .info-client .ref{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page-livraison .info-client .nom-entreprise{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 30px;
}
.page-livraison .info-client .addresse{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 20px;
}
.page-livraison .info-client .contact{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 14px;
}
.page-livraison .info-client .contact img{
	margin-right: 10px;
}
.page-livraison .aide{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: black;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page-livraison .aide span{
	color: var(--color-yellow) !important;
}
.page-livraison .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
}
.page-livraison .texte .suivant{
	width: 262px;
	float: right;
	margin-top: 40px;
	padding: 10px 20px;
}
@media only screen and (max-width: 992px) {
	.page-livraison .texte .suivant{
		width: 100%;
	}
} 

/* VERIF-COMMANDE */
.verif-commande .list-achat .quantite,
.confirm-commande .list-achat .quantite{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	color: black;
}
.verif-commande .recapitulatif .exp .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	background-color: transparent;
	border-radius: 0 !important;
	padding: 0;
	margin-bottom: 5px;
}
.verif-commande .recapitulatif .exp .nom-entreprise,
.verif-commande .recapitulatif .exp .adresse{
	font-family: 'Montserrat';
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #000000;
	margin-bottom: 5px;
}
.verif-commande .recapitulatif .exp .nom-entreprise{
	font-weight: 700;
}
.verif-commande .recapitulatif .cgv{
	padding: 14px 10px;
	margin-bottom: 7px;
}
.verif-commande .recapitulatif .cgv input[type="checkbox"]{
	width: 20px;
	height: 20px;
	accent-color: var(--color-yellow-two);
	margin-right: 2px;
}
.verif-commande .recapitulatif .cgv label{
	display: inline;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: black;
}
.verif-commande .recapitulatif .cgv label a{
	color: black;
	text-decoration: underline !important;
}
@media only screen and (max-width: 992px) {
	.verif-commande .list-achat .chiffre,
	.verif-commande .list-achat .label,
	.confirm-commande .list-achat .label,
	.confirm-commande .list-achat .chiffre{
		width: 50%;
		text-align: left !important;
		padding-left: 10px;
		padding-right: 10px;
	}
} 

 /* CONFIRM-COMMANDE */
.confirm-commande .message{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #4EA82E;
	margin-bottom: 20px;
}
.confirm-commande .resume{
	font-family:var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: black;
	margin-bottom: 15px;
}
.confirm-commande .resume .client-info{
	border-right: 1px solid #C5C5C5;
}
.confirm-commande .resume .content{
	padding: 20px 15px;
	border: 2px solid var(--color-yellow);
	border-radius: 5px !important;
}
.confirm-commande .nom-entreprise{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	text-align: left;
	color: black;
}
.confirm-commande .adresse{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	color: black;
	margin-left: 28px;
}
.confirm-commande .aide{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: black;
	text-align: left;
	padding-left: 38px;
}
.confirm-commande .aide div{
	color: var(--color-yellow);
}
.confirm-commande .statut{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: black;
	margin-bottom: 15px;
}
.confirm-commande .statut a{
	color: black;
	text-decoration: underline !important;
	font-weight: 600;
}
.confirm-commande .fidelite{
	background: #F8F8F8;
	border-radius: 5px !important;
	text-align: center;
	padding: 24px;
	margin-bottom: 30px;
}
.confirm-commande .fidelite .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: black;
	margin-bottom: 10px;
}
.confirm-commande .fidelite .titre img{
	width: 34px;
	height: 34px;
	object-fit: contain;
	margin-right: 10px;
}
.confirm-commande  .fidelite .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
}
.confirm-commande .fidelite .texte span{
	font-weight: 700;
}
.confirm-commande .fidelite a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
	line-height: 28px;
	color: black;
	text-decoration: underline !important;
}
.confirm-commande .top-table .name{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	margin-bottom: 10px;
}
.confirm-commande .date-commande{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.confirm-commande .date-commande span{
	font-weight: 600;
}
.confirm-commande .favori{
	display: flex;
}
.confirm-commande .favori a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	display: flex;
	align-items: center;
}
.confirm-commande .favori .icon-favoris{
	font-size: 18px;
	background-color: #F8F8F8;
	padding: 8px;
	border-radius: 50% !important;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.confirm-commande .bottom-table,
.page-commande .bottom-table{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	padding: 24px;
	margin-top: 10px;
}
.confirm-commande .livraison,
.page-commande .livraison{
	border-bottom: 1px solid #C5C5C5;
	padding-bottom: 14px;
	margin-bottom: 15px;
}
@media only screen and (max-width: 992px) {
	.confirm-commande .resume .client-info {
		border-right:none;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 18px;
	}
	.confirm-commande .resume .client-info div{
		width: fit-content;
	}
	.confirm-commande .aide{
		text-align: center;
	}
	.confirm-commande .top-table{
		flex-direction: column;
	}
	.confirm-commande .favori{
		justify-content: center;
		margin-top: 15px;
	}
}

/* TABLEAU DE BORD */
.bord .bord-entete{
	background: #F8F8F8;
	border-radius: 5px !important;
	margin-bottom: 20px;
	padding: 24px 0px 24px 24px;
	/* margin-top: -10px; */
}
.bord .bord-entete .info-client{
	padding-left: 0px;
}
.bord .bord-entete .nom{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: black;
}
.bord .bord-entete .message{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 22px;
	color: black;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.bord .bord-entete .ref,
.bord .bord-entete .societe,
.bord .bord-entete .identifiant{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
}
.bord .bord-entete .ref span,
.bord .bord-entete .societe span,
.bord .bord-entete .identifiant span{
	font-weight: 700;
}
.bord .bord-entete .conseiller .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
	margin-bottom: 20px;
}
.bord .bord-entete .conseiller .achat{
	text-align: left;
	padding: 10px 5px;
}
.bord .bord-entete .administration-container{
	display: flex;
	align-items: center;
}
.bord .bord-entete .administration{
	background: #FFFFFF;
	border-radius: 100px 0px 0px 100px;
	padding: 15px;
}
.bord .bord-entete .administration .profil{
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 50% !important;
	margin-right: 25px;
}
.bord .bord-entete .administration .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
}
.bord .bord-entete .administration .texte span{
	font-weight: 700;
}
.bord .bord-entete .administration .phone{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
}
.bord .bord-entete .administration .contact{
	padding: 15px 0px;
	margin-bottom: 0px !important;
}
@media only screen and (min-width: 1200px) {
	.bord .bord-entete .conseiller{
		padding-right: 10px;
		padding-left: 30px;
	}
	.bord .bord-entete .administration-container{
		padding-right: 0;
		padding-left: 50px;
	}
}
.bord .info,
.comparateur .info{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #FF3D00;
	text-align: center;
	border: 1px solid #FF3D00;
	border-radius: 5px !important;
	padding: 10px;
}
.bord .info span,
.comparateur .info span{
	font-weight: 700;
}
.bord .info img,
.comparateur .info img{
	margin-right: 10px;
}
.bord .navigation-container{
	padding-left: 0px;
	padding-right: 40px;
}
.bord .accordion-button.collapsed,
.bord .navigation li a,
.bord .logout a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	display: flex;
	align-items: center;
	color: black;
	padding: 10px 16px;
	transition: all 0.3s;
	border: none !important;
	margin-bottom: 7px;
	margin-top: 7px;
}
.bord .navigation li a{
	background: #F8F8F8;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.bord .navigation li a.active{
	background: var(--color-yellow-two);
}
.accordion-button:focus{
	box-shadow: none;
}
.bord .accordion-button.model-two,
.bord .navigation li a.model-two{
	font-weight: 700;
	color: var(--color-pink);
}
.bord .accordion-button img,
.bord .navigation li a img,
.bord .logout a img{
	margin-right: 15px;
}
.bord .navigation li:first-child{
	border-radius: 5px 5px 0px 0px !important;
	overflow: hidden;
}
.bord .navigation li:last-child{
	border-radius: 0px 0px 5px 5px !important;
	overflow: hidden;
}
.bord .accordion-button{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	display: flex;
	align-items: center;
	color: black;
	padding: 10px 16px;
	transition: all 0.3s;
	border: none !important;
	background-color: white;
	margin-bottom: 7px;
	margin-top: 7px;
}
.accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-icon) !important;
}
.bord .logout a{
	background-color: transparent !important;
	font-weight: 700;
}
.bord .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	margin-bottom: 15px;
}
.bord .pub{
	box-shadow: 0px 0px 10px #D3D3D3;
	border-radius: 5px !important;
	overflow: hidden;
}
.bord .pub.droite{
	flex-direction: row-reverse;
}
.bord .droite .filtre{
	background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4976190305223652) 89%, rgba(255,255,255,0.9401960613346901) 100%) !important;
}
.bord .pub .left{
	padding: 0px;
	position: relative;
}
.bord .pub .left img{
	width: 100%;
	height: 144px;
	object-fit: cover;
}
.bord .pub .left .filtre{
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4976190305223652) 89%, rgba(255,255,255,0.9401960613346901) 100%);
}
.bord .pub .right{
	text-align: center;
	margin-top: 15px;
}
.bord .pub .btn-decouvrir{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	background: var(--background-pink);
	border-radius: 5px !important;
	padding: 15px;
	position: relative;
}
.bord .pub .btn-decouvrir::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
}
.bord .pub .btn-decouvrir img,
.bord .pub .btn-decouvrir span{
	position: relative;
	z-index: 1;
 }
.bord .pub .btn-decouvrir:hover::after{
	opacity:1;
}
.bord .pub .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	margin-top: 30px;
	padding: 0px 5px;
}
.bord .commande-container .item .bottom .voir-detail{
	cursor: pointer;
}
@media only screen and (min-width: 992px) {
	.bord .pub .left{
		width: 55%;
	}
	.bord .pub .right{
		width: 45%;
	}
}
@media only screen and (max-width: 992px) {
	.bord .pub .left .filtre{
		background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.4976190305223652) 90%, rgba(255,255,255,0.9037814955083596) 100%) !important;	
	}
	.bord .droite .filtre{
		background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,0.4976190305223652) 90%, rgba(255,255,255,0.9037814955083596) 100%) !important;	
	} 
	.bord .bord-entete .administration-container{
		padding-right: 0px;
		padding-left: 0px;
		margin-top: 20px;
	}
	.bord .bord-entete .administration{
		border-radius: 0px;
		flex-direction: column;
		text-align: center;
	}
	.bord .bord-entete .administration .profil{
		margin-right: 0px;
		margin-bottom: 20px;
		margin-top: 8px;
	}
	.bord .bord-entete .administration .contact{
		width: fit-content;
		margin-right: auto;
		margin-left: auto;
		padding: 15px 15px;
		margin-top: 15px;
		margin-bottom: 10px !important;
	}
	.bord .bord-entete .conseiller .achat{
		width: 75%;
	}
	.bord .bord-entete .conseiller .texte{
		margin-top: 15px;
	}
	.bord .bord-entete .ref{
		margin-top: 18px;
	}
	.bord .info{
		text-align: justify;
		margin-top: 22px;
	}
	.bord .pub{
		margin: 0px 3px;
	}
	.points-container{
		padding-top: 25px !important;
	}
	.points-container .detail-remise{
		flex-direction: column-reverse;
	}
	.points-container .detail-montant{
		align-items: center !important;
		margin-top: 18px;
		margin-bottom: 40px;
		margin-left: 0px !important;
	}
	.points-container .detail-montant .row{
		text-align: center;
		align-items: center;
		flex-direction: column;
	}
	.points .box{
		margin-top: 0px !important;
	}
	.points-container .detail-remise .texte-small{
		margin-top: 10px;
	}
	.points-container .bottom{
		flex-direction: column;
		margin-top: -10px;
	}
	.points-container .bottom a{
		margin-bottom: 15px;
	}
	.points .box canvas{
		width: 100% !important;
		height: 100% !important;
	}
}
@media only screen and (min-width: 992px) {
	.bord .left{
		padding-left: 0px;
	}
	.bord .right{
		padding-right: 0px;
	}
}
.bord .offre .left,
.bord .offre .right{
	padding-bottom: 25px;
}
.bord .offre-anniversaire{
	background-color: var(--color-yellow-two);
	border-radius: 5px !important;
	padding: 16px;
	height: 100%;
}
.bord .offre-anniversaire .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: black;
	text-align: center;
}
.bord .offre-anniversaire .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: black;
}
.bord .offre-anniversaire .texte div{
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
}
.bord .offre-bienvenue{
	background: #F8F8F8;
	border-radius: 5px !important;
	padding: 24px;
	height: 100%;
}
.bord .offre-bienvenue .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	color: black;
	margin-bottom: 3px;
}
.bord .offre-bienvenue .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	text-align: center;
}
.bord .offre-bienvenue .texte span{
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
}
.bord .commande-favoris,
.bord .contact-catalogue{
	margin-bottom: 27px;
}
.bord .commande,
.bord .favoris{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 24px;
	height: 100%;
}
.bord .commande .titre,
.bord .favoris .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: black;
}
.bord .commande .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: black;
}
.bord .commande .texte span{
	font-weight: 700;
}
.bord .detail{
	display: flex;
	justify-content: center;
}
.bord .detail a,
.bord .catalogue .btn-catalogue{
	width: fit-content;
	padding: 10px !important;
	margin-top: 10px;
}
.bord .commande .voir-commande{
	text-align: center;
}
.bord .commande .voir-commande a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline !important;
	color: black;
}
.bord .favoris{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.bord .favoris img{
	margin-bottom: 15px;
}
.bord .favoris .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	margin-bottom: 10px;
}
.bord .contact{
	background: #F8F8F8;
	border-radius: 5px !important;
	padding: 24px;
	height: 100%;
}
.bord .contact .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: black;
	margin-bottom: 20px;
}
.bord .contact .link a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: black;
	box-shadow: 0px 0px 10px #D3D3D3;
	border-radius: 5px !important;
	border: 1px solid transparent;
	transition: all 0.3s;
	padding: 10px 15px !important;
	display: block;
	width: 100%;
	margin-bottom: 18px !important;
	text-align: center;
	background: white;
}
.bord .contact .link a:hover{
	border: 1px solid black;
}
.bord .contact .link a.active{
	border: none !important;
	box-shadow: none;
}
.bord .catalogue{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 24px;
	background-color: white;
	height: 100%;
}
.bord .catalogue .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: black;
	margin-bottom: 23px;
}
.bord .catalogue .item{
	width: 106px;
	height: 150px;
	margin-right: 20px;
}
.bord .catalogue .item img{
	width: 100%;
}
.bord .catalogue .content .text{
	font-size: 8px;
	line-height: 14px;
}
.bord .catalogue .item .btn-decouvir{
	font-size: 10px;
	line-height: 10px;
}
@media only screen and (max-width: 600px) {
	.bord .accordion-body{
		padding: 10px 10px !important;
	}
}

.points-container {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	padding: 40px 0px 20px 0px;
	margin-bottom: 30px;
}
.points-container .titre, .titre-mobile{
	font-family: var(--secondary-font) !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	line-height: 22px !important;
	text-align: center !important;
	color: black !important;
}
.points-container .titre a, .titre-mobile a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline !important;
	color: black;
	margin-left: 10px;
}
.points-container .detail-remise .titre{
	font-family: var(--secondary-font) !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 21px !important;
	text-align: right;
	color: #000000 !important;
	margin-bottom: 5px;
}
.points-container .detail-remise .texte,
#livraisonMessage{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: black;
	padding-left: 30px !important;
}
#livraisonMessage{
	text-align: left !important;
	padding-left: 0px !important;
	line-height: 22px;
	margin-bottom: 10px;
}
.points-container .detail-remise .texte-small{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
}
.points-container .detail-remise .texte span,
.points-container .detail-remise .texte-small span{
	font-weight: 700;
}
.points-container .detail-montant{
	display: flex;
	flex-direction: column;
	align-items: end;
	padding-right: 6px;
}
.points-container .reduction{
	background: #F8F8F8;
	border-radius: 5px !important;
	padding: 8px 16px;
}
.points-container .reduction.active{
	background: linear-gradient(90deg, #000000 0%, #666666 100%);
	color: white !important;
}
.points-container .reduction.active .montant,
.points-container .reduction.active .description{
	color: white !important;
}
.points-container .reduction .montant{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #C5C5C5;
	text-align: center;
} 
.points-container .reduction .description{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #C5C5C5;
}
.points-container .bottom a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline !important;
	color: #000000;
	background: #F8F8F8;
	border-radius: 5px !important;
	padding: 10px;
}
.points-container .bottom span{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
}
.points .box{
	width: 305px;
	position: relative;
	margin-top: -25px;
}
.points .box::after {
	content: "";
	width: 73px;
	height: 50px;
	background: white;
	position: absolute;
	top: 0;
	left: 130px;
  }
.points .box .final-step{
	position: absolute;
	top: -19px;
	z-index: 5;
	left: 60px;
}
.points .box .middle-step{
	position: absolute;
	bottom: -22px;
	left: 36%;
}
.points .box canvas{
	transform: rotate(25deg);
	width: 100%;
}
.points .box .nbr-points{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: black;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.points .box .nbr-points div{
	font-weight: 700;
	font-size: 40px;
	line-height: 49px;
}
#chart1 canvas,
#chart2 canvas{	
	height: 100% !important;
	width: 100% !important;
}
.bord .favoris-defaut,
.bord .top-achat{
	display:none;
}
.bord .favoris-container .titre{
	font-weight: 600 !important;
	margin-bottom: 0px !important;
}
.bord .favoris-container .item{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 20px 24px;
	transition: all 0.3s;
}
@media only screen and (max-width: 992px) {
	.bord .favoris-container .item-container .item{
		padding-top: 0px !important;
	}
}


.bord .favoris-container .item:hover{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.bord .favoris-container .item .link,
.bord .favoris-container .item .left,
.produits-bord-container .product-top .link,
.produits-bord-container .product-top .left{
	width: fit-content;
}
.bord .favoris-container .item .nom-liste,
.produits-bord-container .product-top .nom-liste{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	margin-bottom: 5px;
}
.bord .favoris-container .item .nom-liste a,
.produits-bord-container .product-top .nom-liste a{
	margin-left: 10px;
}
.bord .favoris-container .item .nbr-article,
.produits-bord-container .product-top .nbr-article{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
.bord .favoris-container .item .consulter a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-decoration: underline !important;
	color: #000000;
	padding-right: 20px;
	border-right: 1px solid #C5C5C5;
}
.bord .favoris-container .item .supprimer a,
.produits-bord-container .product-top .supprimer a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline !important;
	color: #FF3D00;
	margin-left: 20px;
}
.produits-bord-container .product-top .supprimer a img{
	margin-right: 10px;
}
.produits-bord-container .item{
	position: relative;
	margin-top: 20px;
}
.produits-bord-container .option{
	position: absolute;
	top: -32px;
	right: -6px;
}
.produits-bord-container .dropdown-menu{
	inset: auto !important;
	transform: none !important;
	top: 3px !important;
	right: 3px !important;
	width: fit-content;
	filter: drop-shadow(0px 0px 10px #D3D3D3);
	border: none;
	padding: 0px;
	overflow: hidden;
	z-index: 200 !important;
	overflow: visible;
}
.produits-bord-container .dropdown-second{
	width: 80%;
}
.produits-bord-container .dropdown-menu .dropdown-header,
.produits-bord-ontainer .dropdown-menu  .dropdown-header-second,
.produits-bord-container .modal-option .modal-header{
	padding-top: 1px;
	padding-bottom: 1px;
	background: #F8F8F8;
}
.produits-bord-container .modal-option .modal-header{
	padding: 8px 16px !important;
}
.produits-bord-container .dropdown-menu .dropdown-header img,
.produits-bord-container .dropdown-menu .dropdown-header-second img{
	cursor: pointer;
}
.produits-bord-container .dropdown-menu li a,
.produits-bord-container .dropdown-menu li span,
.produits-bord-container .modal-option .modal-title,
.produits-bord-container .modal-option .modal-body li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
.produits-bord-container .dropdown-menu li a,
.produits-bord-container .modal-option .modal-body li a{
	padding-bottom: 15px;
	padding-top: 15px;
}
.produits-bord-container .modal-option .modal-body li a img{
	margin-right: 10px;
}
.produits-bord-container .dropdown-menu li a:hover,
.produits-bord-container .modal-option .modal-body li a:hover{
	background-color: white
}
.produits-bord-container .dropdown-menu .first,
.produits-bord-container .dropdown-second li a,
.produits-bord-container .modal-option .modal-body .first{
	border-bottom: 0.5px solid #C5C5C5;
}
.produits-bord-container .dropdown-second .creation-liste,
.bord .commande-container .item .bottom .voir-detail,
.bord .info-connexion .item .modifier,
.bord .abonnement .modal-body .cta,
.bord .aide-contact .item .cta{
	background: var(--background-yellow);
	text-align: center;
	width: 100%;
	color:black;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	 font-style: normal;
	 font-weight: 700;
	 font-size: 16px;
	 line-height: 21px;
	 position: relative;
	 border-bottom: none;
}
.produits-bord-container .dropdown-second .creation-liste::after,
.bord .commande-container .item .bottom .voir-detail::after,
.bord .info-connexion .item .modifier::after,
.bord .abonnement .modal-body .cta::after,
.bord .aide-contact .item .cta::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .produits-bord-container .dropdown-second .creation-liste span,
 .bord .commande-container .item .bottom .voir-detail span,
 .bord .info-connexion .item .modifier span,
 .bord .abonnement .modal-body .cta span,
 .bord .aide-contact .item .cta span{
	position: relative;
	z-index: 1;
 }
 .produits-bord-container .dropdown-second .creation-liste:hover::after,
 .bord .commande-container .item .bottom .voir-detail:hover::after,
 .bord .info-connexion .item .modifier:hover::after,
 .bord .abonnement .modal-body .cta:hover::after,
 .bord .aide-contact .item .cta:hover::after{
	opacity: 1;
 }

 .produits-bord-container .modal-option{
	width: fit-content !important;
	margin-left: auto !important;
	margin-right: auto !important;
	filter: drop-shadow(0px 0px 10px #D3D3D3);
 }
 .produits-bord-container .modal-option .dropdown-second{
	width: 100% !important;
 }
 .produits-bord-container .toast-container{
	width: 100%;
 }
 .produits-bord-container .toast{
	width: 100%;
	border: none;
	background: linear-gradient(360deg, #7A7A7A -40.33%, rgba(0, 0, 0, 0) 72.38%);
	height: 240px;
	justify-content: center;
	align-items: end;
 }
 .produits-bord-container .toast.show{
	display: flex;
}
 .produits-bord-container .toast-body{
	background: white;
	margin-bottom: 30px;
	border-radius: 100px !important;
 }
 .produits-bord-container .toast-body .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: black;
 }
 .produits-bord-container .toast-body .texte span{
	font-weight: 600;
 }
 .produits-bord-container .toast-body a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-decoration: underline !important;
	color: black;
	vertical-align: middle;
 }
 .produits-bord-container .toast-body button{
	vertical-align: middle;
 }
@media only screen and (max-width: 992px) {
	.bord .favoris-container .item .link,
	.bord .favoris-container .item .left{
		width: 100%;
	}
	.bord .favoris-container .item .supprimer{
		margin-top: 10px;
	}
	.bord .favoris-container .item .supprimer a{
		text-decoration: none !important;
		margin-left: 0px;
		margin-top: 5px;
	}
	.bord .favoris-container .item .supprimer a img{
		margin-right: 10px;
	}
}

.input-modif-name-list{
	display: none;
}
.input-modif-name-list input{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	margin-bottom: 5px;
}
@media only screen and (max-width: 600px) {
	.produits-bord-container .product-top .supprimer a{
		margin-left: 0px;
		margin-right: 20px;
	}
	.produits-bord-container .product-top .link{
		margin-top: 10px;
	}
}
.bord .fidelite-container .historique .item{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 24px;
}
.bord .fidelite-container .historique .item .left div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.bord .fidelite-container .historique .item .left .date{
	font-size: 14px;
}
.bord .fidelite-container .historique .item .left div span{
	font-weight: 700;
}

.bord .fidelite-container .historique .item .right .points-obtn{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #000000;
	border: 1px solid #000000;
	border-radius: 8px !important;
	padding: 10px 0px;
	width: 100px;
	text-align: center;
}
.bord .fidelite-container .historique  .plus{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-decoration: underline !important;
	color: #000000;
}
.bord .commande-container select{
	width: 365px;
	background-position-x: 95% !important;
}
.bord .commande-container .item .top{
	background: #000000;
	border-radius: 5px 5px 0px 0px !important;
	padding: 8px 24px;
}
.bord .commande-container .item .top div{
	width: fit-content;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
}
.bord .commande-container .item .top div span{
	font-weight: 700;
	font-size: 16px;
}
.bord .commande-container .item .bottom div{
	width: fit-content;
}
.bord .commande-container .item .bottom{
	box-shadow: 0px 0px 10px #D3D3D3;
	border-radius: 0px 0px 5px 5px !important;
	padding: 15px 24px;
}
.bord .commande-container .item .bottom div div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	width: fit-content;
}
.bord .commande-container .item .bottom div div span{
	font-weight: 700;
}
.bord .commande-container .item .bottom .right,
.bord .commande-container .item .bottom .left{
	min-width: 290px;
}
.bord .commande-container .item .bottom .ligne{
	width: 1px;
	height: auto;
	background:  #C5C5C5;
	padding: 0;
}
.page-commande .link-return{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline !important;
	color: #000000;
}
.page-commande .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #000000;
	width: fit-content;
}
.page-commande .voir-detail{
	width: fit-content;
	padding: 8px 20px;
}
.page-commande .voir-detail img{
	margin-right: 5px;
	margin-bottom: 2px;
}
.page-commande .detail-commande{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	background: #F8F8F8;
	border-radius: 5px !important;
	padding: 16px 24px;
}
.page-commande .detail-commande span{
	font-weight: 700;
}
.page-commande .link a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline !important;
	color: #000000;
	width: fit-content;
}
.page-commande .link span{
	width: fit-content;
}
.page-commande .list-achat table{
	width: 100%;
}
.page-commande .livraison .gr{
	color:  #4EA82E;;
}
.page-commande .link .like-icon{
	width: 25px;
	height: 25px;
}
.page-commande .link .like-icon img{
	width: 15px;
}


@media only screen and (min-width: 992px) {
	.bord .commande-container select{
		margin-left: -12px;
	}
	.page-commande .link-return{
		margin-left: -20px;
	}
	.page-commande .voir-detail{
		margin-right: -12px;
	}
} 
@media only screen and (max-width: 992px) {
	.bord .commande-container select,
	.bord .commande-container .item .bottom div{
		width: 100%;
	}
	.bord .commande-container .item .top{
		padding: 16px;
	}
	.bord .commande-container .item .top div{
		width:100%;
	}
	.bord .commande-container .item .bottom .ligne{
		height: 1px;
		width: 100%;
		margin: 10px 0px;
	}
	.bord .commande-container .item .bottom div div{
		width: 100%;
	}
	.bord .commande-container .item .bottom .voir-detail{
		width: 100%;
	}
	.page-commande .titre{
		width: 100%
	}
	.page-commande .detail-commande{
		padding: 16px;
	}
	.page-commande .link a{
		display: block;
		width: 100%;
	}
	.page-commande .list-achat th{
		width: 50%;
	}
	.page-commande .voir-detail{
		width: 100%;
	}
}

.bord .info-connexion .item{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 24px;
}
.bord .info-connexion .item .titre-item{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
}
.bord .info-connexion .item div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.bord .info-connexion .item div span{
	font-weight: 700;
}
.bord .info-connexion .item .modifier,
.bord .abonnement .modal-body .cta{
	width: fit-content;
	padding: 12px 20px;
	border: none;
}
.bord .info-connexion .item input[type=password]{
	border: none;
	color: black;
	letter-spacing: 5px;
	background: none;
}
.bord .info-connexion .item .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	text-align: right;
	margin-top: -29px;
	margin-bottom: 15px;
}
.bord .info-connexion .item label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 7px;
}
.bord .info-connexion .item input[type=text]{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	border: 1px solid #000000;
	border-radius: 5px !important;
	padding: 8px 16px;
	width: 100%;
	margin-bottom: 18px;
}
.bord .info-connexion .item .annuler,
.bord .info-connexion .item .annuler2{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline !important;
	color: #000000;
	margin-right: 15px;
	width: fit-content;
}
.bord .info-connexion .inpt .modifier{
	display: inline;
}
.bord .info-connexion .item .inpt{
	display: none;
}
.bord .info-connexion .item .inpt .input,
.bord .donnes-perso .item .input{
	height: 40px;
	border: 1px solid #000000;
	border-radius: 5px !important;
	overflow: hidden;
}
.bord .info-connexion .item .inpt .input input,
.bord .donnes-perso .item .input input{
	height: 100%;
	width: 90%;
	border: none !important;
	outline: none;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
}
.bord .info-connexion .item .inpt .input input{
	margin-bottom: 5px;
}
.bord .info-connexion .item .inpt ul li {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #919191;
}
@media only screen and (max-width: 992px) {
	.bord .info-connexion .item .cta .modifier{
		width: 100%;
	}
	.bord .info-connexion .item input[type="password"]{
		width: 50%;
	}
} 
.bord .info-perso .item{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 24px;
}
.bord .info-perso .item .titre{
	font-weight: 600;
	font-size: 18px;
}
.bord .info-perso .item div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.bord .info-perso .item div span{
	font-weight: 700;
}
.bord .info-perso .aide{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}
.bord .info-perso .aide span{
	font-weight: 600;
	font-size: 18px;
	color: var(--color-yellow);
}
@media only screen and (max-width: 992px) {
	.bord .info-perso .lng{
		display: block;
		width: 100%;
		margin-top: -7px;
	}
} 
.bord .abonnement a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	text-decoration: underline !important;
	color: #919191;
}
.bord .abonnement .modal-header{
	border: none;
}
.bord .abonnement .modal-title{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #000000;
}
.bord .abonnement .modal-body .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	color: #000000;
}
.bord .abonnement .modal-body .sous-titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #000000;
}
.bord .abonnement .modal-body label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	margin-left: 5px;
	vertical-align: top;
}
.bord .abonnement .modal-body .close{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline;
	color: #000000;
	margin-right: 18px;
	margin-bottom: 10px;
}
.bord .abonnement .modal-body .cta{
	text-decoration:none !important;
}
@media only screen and (max-width: 992px) {
	.bord .abonnement .modal-body .cta{
		width: 100%;
	}
} 
.bord .donnes-perso .item{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 24px;
}
.bord .donnes-perso .item .required{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	float: right;
}
.bord .donnes-perso .item .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}
.bord .donnes-perso .item label{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	margin-bottom: 8px;
}
.bord .donnes-perso .item .input{
	width: 430px;
	max-width: 100%;
}
.bord .donnes-perso .item .input input{
	letter-spacing: 5px;
}
.bord .donnes-perso .item .download{
	width: fit-content;
	padding: 10px 15px;
}
.bord .donnes-perso .item .download img{
	margin-right: 10px;
}
.bord .donnes-perso .item .contact-us{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.bord .donnes-perso .item .contact-us span{
	font-weight: 800;
	font-size: 18px;
	text-decoration: underline;
}
.bord .aide-contact .item{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	padding: 24px;
	height: 100%;
}
.bord .aide-contact .item .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #000000;
}
.bord .aide-contact .item .titre img{
	vertical-align: sub;
}
.bord .aide-contact .item .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #000000;
}
.bord .aide-contact .item .cta,
.bord .aide-contact .item .cta-2{
	width: 250px;
	padding: 10px 0px;
}
.element-container {
	position: relative;
}

@media only screen and (min-width: 992px) {
	#accordionFlushExample {
		min-height: 590px;
	}
	.bord .accordion-button.collapsed,
	.bord .accordion-button{
		padding-right: 0;
	}
	.bord .accordion-button.collapsed{
		background-color: #F8F8F8;
		margin-bottom: 0px;
		margin-top: 0px;
		pointer-events: all;
	}
	.bord .accordion-button{
		background-color: var(--color-yellow-two);
		margin-bottom: 0px;
		margin-top: 0px;
		pointer-events: none;
	}

	.bord .element {
		position: relative;
		top: -18px;
		right: 0;
		width: 73%;
		left: 26%;
	}

	.bord .accordion-header {
		width: 22.5%;
	}

	.bord .accordion-item {
		border: none;
	}

	#bord-accordion-heading {
		position: absolute;
		top: 0px;
		border-radius: 5px 5px 0px 0px !important;
		overflow: hidden;
	}

	#promos-accordion-heading {
		position: absolute;
		top: 44px;
	}

	#flash-accordion-heading {
		position: absolute;
		top: 89px;
	}

	#favoris-accordion-heading {
		position: absolute;
		top: 134px;
	}
	#favoris-accordion-heading.flash-off {
		top: 43px !important;
	}

	#commande-accordion-heading {
		position: absolute;
		top: 178px;
	}
	#commande-accordion-heading.flash-off {
		top: 87px;
	}

	#fidelite-accordion-heading {
		position: absolute;
		top: 220px;
	}
	#fidelite-accordion-heading.flash-off {
		top: 129px;
	}

	#info-connexion-accordion-heading {
		position: absolute;
		top: 264px;
	}
	#info-connexion-accordion-heading.flash-off {
		top: 173px;
	}

	#info-pers-accordion-heading {
		position: absolute;
		top: 308px;
	}
	#info-pers-accordion-heading.flash-off {
		top: 217px;
	}

	#abonnement-accordion-heading {
		position: absolute;
		top: 352px;
	}
	#abonnement-accordion-heading.flash-off {
		top: 261px;
	}

	#donnees-pers-accordion-heading {
		position: absolute;
		top: 396px;
	}
	#donnees-pers-accordion-heading.flash-off {
		top: 305px;
	}

	#aide-accordion-heading {
		position: absolute;
		top: 396px;
		/* top: 440px; */
		border-radius: 0px 0px 5px 5px !important;
		overflow: hidden;
	}
	#aide-accordion-heading.flash-off {
		top: 305px;
		/* top: 348px; */
	}

	.bord .logout {
		position: absolute;
		top: -50px;
		/* top: 483px; */
		width: fit-content;
		padding-left: 1px;
	}
	.bord .logout.flash-off {
		top: -50px;
		/* top: 387px; */
	}
	.bord .accordion-button::after {
		display: none;
	}

	.bord .accordion-button span {
		padding-right: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}


.favoris{
	transition: all 0.3s;
}
.favoris-active{
	background: var(--background-yellow-hover) !important;
}
.favoris-detail .item{
	box-shadow: none !important;
}
.favoris-detail .item .dropdown-item{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.favoris-detail .item .dropdown-header-second {
	padding-left: 16px !important;
	padding-right: 0px !important;
	background: #F8F8F8;
  }
/* inscription-newsletter */
.inscription-newsletter .titre,
.commande-rapide .titre-prim,
.aide-contact .titre-prim,
.actualites .titre-prim{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-transform: uppercase;
	color: black;
	text-align: center;
}
.inscription-newsletter .titre::after,
.commande-rapide .titre-prim::after ,
.aide-contact .titre-prim::after,
.actualites .titre-prim::after{
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: var(--background-yellow-hover);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.inscription-newsletter .content .text{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #000000;
}
.inscription-newsletter .content .titre-2{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #000000;
	text-align: left;
}
.inscription-newsletter .content form input{
	width: 100%;
	border: 1px solid #000000;
	border-radius: 5px !important;
	padding: 8px 16px;
}
.inscription-newsletter .content form button,
.commande-rapide .form-ref button{
	width: fit-content !important;
	background: var(--background-yellow);
	text-align: center;
	width: 100%;
	color:black;
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position: relative;
	text-decoration: none !important;
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 15px;
}
.inscription-newsletter .content form button::after,
.commande-rapide .form-ref button::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .inscription-newsletter .content form button span,
 .commande-rapide .form-ref button span{
	position: relative;
	z-index: 1;
 }
 .inscription-newsletter .content form button:hover::after,
 .commande-rapide .form-ref button:hover::after{
	opacity: 1;
 }
 .inscription-newsletter .texte-desabonnement{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #A9A9A9;
 }
 .inscription-newsletter .image{
	border-radius: 5px !important;
	height: 160px;
	flex-direction: column;
	justify-content: end;
 }
 .inscription-newsletter .image .titre-3{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	color: white;
	margin-bottom: 8px;
 }
 .inscription-newsletter .image .text-2{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: white;
 }
 @media only screen and (max-width: 600px) {
	.inscription-newsletter .titre{
		font-size: 22px;
	}
 }

 /* comande-rapide */
 .commande-rapide .list-achat .supprimer{
	display: flex;
	align-items: center;
 }
 .commande-rapide .list-achat .supprimer img{
	margin-right: 8px;
 }
 .commande-rapide .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 8px;
}
.commande-rapide .form-ref{
	position: relative;
}
.commande-rapide .form-ref .texte-2{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	margin-bottom: 8px;
}
.commande-rapide .form-ref input{
	border: 1px solid #000000;
	border-radius: 5px !important;
	padding: 8px 16px;
	width: 100%;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	
}
.commande-rapide .form-ref input::placeholder{
	font-family: var(--secondary-font);
	font-style: italic;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #919191;
 }
 .commande-rapide .form-ref button{
	margin-right: 0 !important;
	margin-top: 15px;
 }
 .commande-rapide .form-ref .dropdown-menu{
	width: 100%;
	border: 1px solid #000000;
	border-radius: 0px 0px 5px 5px !important;
	border-top: none;
 }

 .commande-rapide .form-ref .dropdown-menu li a{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
 }
 .commande-rapide .catlogue{
	text-align: center;
 }
 .commande-rapide .catlogue img{
	height: 125px;
	width: 96px;
	object-fit: contain;
	filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.05));
 }
 .commande-rapide .catlogue .all{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-decoration: underline !important;
	color: #000000;
 }
 .page-panier .list-achat .fav-supp .like-icon{
	position: relative;
	top: 0;
	right: 0;
	padding-top: 4px;
	margin-right: 10px;
 }
 .commande-rapide .list-achat .fav-supp .like-icon{
	position: relative;
	top: 0;
	right: 0;
	padding-top: 5px;
	margin-right: 10px;
 }
 @media only screen and (max-width: 600px) {
	.inscription-newsletter .titre,
	.commande-rapide .titre-prim,
	.aide-contact .titre-prim{
		font-size: 22px;
		line-height: 24px;
	}
 }

 /* aide-contact */
 .aide-contact .nav {
	border-radius: 5px;
	overflow: hidden;
 }
 .aide-contact .nav li button{
	width: 100%;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	background: #F8F8F8;
	transition: all 0.3s;
	padding: 10px;
	border: none;
	position: relative;
 }
 .aide-contact .nav li button::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.3s;
 }
 .aide-contact .nav li button span{
	position: relative;
	z-index: 1;
 }
 .aide-contact .nav li .active:after{
	opacity: 1;
 }
 .aide-contact .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
 }
 .aide-contact .theme .item{
	background: #F8F8F8;
	border-radius: 5px;
	height: 100%;
 }
 .aide-contact .theme .item a{
	display: block;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
 }
 .aide-contact .theme .item a img{
	margin-bottom: 10px;
 }
 @media only screen and (min-width: 1200px) {
	/* .aide-contact .theme .item-container{
		width: fit-content !important;
	} */
	.aide-contact .theme .item{
		padding: 20px;
	}
 }
 @media only screen and (max-width: 600px) {
	.aide-contact .nav li button{
		font-size: 16px;
		line-height: 21px;
		height: 100%;
	}
 }
 @media only screen and (min-width: 992px) {
	#ADV{
		padding-top: 160px;
		margin-top: -160px;
	}
 }
 
 .aide-contact .titre-categorie{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #000000;
	padding-top: 180px !important;
	margin-top: -144px !important;
 }
 .accordion{
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    transition: height 0.3s ease;
    margin-bottom: 20px;
}

.accordion .accordion_tab{
	cursor: pointer;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	position: relative;
	padding: 15px 0px;
	display: flex;
	justify-content: space-between;
	transition: all 0.3s;
}
.accordion .accordion_tab.active{
	font-weight: 700;
}

.accordion .accordion_tab .accordion_arrow{
  transition: all 0.3s ease;
}

.accordion .accordion_tab .accordion_arrow img{
  width: 100%;
  height: 100%;
}

.accordion .accordion_tab.active .accordion_arrow{
  transform: rotate(180deg);
}

.accordion.active{
  height: auto;
}

.accordion .accordion_content{
	border-top: 1px solid #C5C5C5;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	height: 0px;
	transition: all 0.3s;
}
.accordion .accordion_content.active{
	height: auto;
	padding: 20px 10px;
}
.aide-contact .link-connect{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-decoration: underline !important;
	color: #000000;
}

.aide-contact #message label{
	width: 100%;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	margin-bottom: 8px;
}
.aide-contact #message input{
	width: 100%;
	border: 1px solid #000000;
	border-radius: 5px !important;
	padding: 8px 16px;
	margin-bottom: 15px;
}
.aide-contact #message select{
	width: 100%;
	background-color: white;
	appearance: none;
	background: url("../imageV3/chevron-bottom.svg");
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-position-y: center;
	border: 1px solid #000000;
	border-radius: 5px !important;
	padding: 8px 16px;
	margin-bottom: 15px;
}
.aide-contact #message textarea{
	width: 100%;
	height: 167px;
	border: 1px solid #000000;
	border-radius: 5px !important;
	padding: 8px 16px;
	margin-bottom: 15px;
}
.aide-contact #message button,
.comparateur .offcanva-comparateur .cta button:first-child{
   background: var(--background-yellow);
   text-align: center;
   width: 100%;
   color:black;
   display: block;
   margin-bottom: 10px;
   padding: 5px;
   border-radius: 5px !important;
   font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position: relative;
	text-decoration: none !important;
	border:none;
	padding: 10px;
}
.aide-contact #message button::after,
.comparateur .offcanva-comparateur .cta button:first-child::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .aide-contact #message button span,
 .comparateur .offcanva-comparateur .cta button:first-child span{ 
	position: relative;
	z-index: 1;
 }
 .aide-contact #message button:hover::after,
 .comparateur .offcanva-comparateur .cta button:first-child:hover::after{
	opacity: 1;
 }
 .aide-contact .titre-1{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	text-align: center;
 }
 .aide-contact .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	text-align: center;
	margin: 10px 0px;
 }
 .aide-contact .nav li div{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
 }
 .aide-contact .nav li div .checked{
	display: none;
 }
 .aide-contact .nav li div .not-checked{
	display: inline;
 }
 .aide-contact .nav li div.active .checked{
	display: inline;
 }
 .aide-contact .nav li div.active .not-checked{
	display: none;
 }
 .aide-contact .accordion_content .texte{
	text-align: left;
 }
 .aide-contact .accordion_content .texte div .item{
	border-right: 1px solid #C5C5C5;
 }
 .aide-contact .accordion_content .texte div .item:last-child{
	border-right: none;
 }
 .aide-contact .accordion_content .texte p{
	margin-bottom: 2px;
 }
 @media only screen and (max-width: 992px) {
	.aide-contact .accordion_content .texte div .item{
		border-right: none;
	 }
}



 /* comparateur */
 .comparateur-mobile .btn-container{
	width: 100%;
	background: var(--background-yellow);
	position: fixed;
	bottom: 0;
	padding: 16px 0px;
	z-index: 6;
 }
 .comparateur-mobile .offcanva-comparateur-btn-mob{
	/* width: 100%; */
	background: transparent;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #000000;
 }
 .comparateur .offcanva-comparateur-btn{
	width: 100%;
	background: var(--background-yellow);
	position: fixed;
	bottom: 0;
	padding: 16px 0px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #000000;
	z-index: 6;
 }
 .comparateur .offcanva-comparateur-btn.close{
	position: relative;
 }
 .comparateur .offcanva-comparateur-btn.close img{
	transform: rotate(180deg);
 }
 .comparateur .offcanva-comparateur{
	height: fit-content !important;
 }
 .comparateur .offcanva-comparateur .item{
	background: #C5C5C5;
	border-radius: 5px !important;
	height: 224px;
	width: 160px;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	filter: drop-shadow(0px 0px 10px #D3D3D3);
	padding: 0px;
	position: relative;
 }
 .comparateur .offcanva-comparateur .item .image{
	background: white;
 }
 .comparateur .offcanva-comparateur .item img{
	width: 100%;
	height: 140px;
	object-fit: contain;
 }
 .comparateur .offcanva-comparateur .item .detail{
	background: white;
	height: 84px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	color: #000000;	
	padding: 8px;
 }
 .comparateur .offcanva-comparateur .item .detail .ref{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
 }
 .comparateur .offcanva-comparateur .item .detail span{
	font-weight: 700;
	font-size: 14px;
 }
 .comparateur .offcanva-comparateur .item .btn{
	position: absolute;
	height: 38px;
	width: 38px;
	padding: 0px;
	top: 5px;
	right: 5px;
 }
 .comparateur .offcanva-comparateur .item .btn img{
	height: 100%;
 }
 .comparateur .offcanva-comparateur .cta button:last-child{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	text-decoration: underline;
	color: #FF3D00;
	background: transparent;
	border: none;
 }
 .comparateur .offcanva-comparateur .cta button{
	width: fit-content !important;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 33px !important;
 }
 .comparateur .offcanva-comparateur .cta button img{
	margin-right: 8px;
 }
 .comparateur .offcanva-comparateur .cta{
	display: flex;
	flex-direction: column;
	justify-content: center;
 }
 .comparateur .info{
	width: fit-content;
	margin: 0px auto;
	padding-right: 35px;
	padding-left: 35px;
 }
.comparateur .modal-comparateur .top{
	position: relative;
}
.comparateur .modal-comparateur .top button{
	position: absolute;
	top: 25px;
	right: 20px;
}
.comparateur .modal-comparateur table{
    width: 100%;
    display: block;
    position: relative;
}
.comparateur .modal-comparateur table th{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	padding: 15px;
}
.comparateur .modal-comparateur table th span{
	font-weight: 600;
	font-size: 18px;
}
.comparateur .modal-comparateur table .yellow{
	background: var(--background-yellow);
}
.comparateur .modal-comparateur table .black{
	background: linear-gradient(90deg, #000000 0%, #666666 100%);
}
.comparateur .modal-comparateur table .black th{
	color: white;
}
.comparateur .modal-comparateur table tr th img{
	max-width: 100%;
	object-fit: contain;
	max-height: 110px;
}
.comparateur .modal-comparateur table tr th,
.comparateur .modal-comparateur table tr td{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.comparateur .modal-comparateur table tr th{
	padding-top: 10px;
	padding-bottom: 10px;
}
.comparateur .modal-comparateur table tr:first-child th{
	padding-top: 0px;
}
#comparateur-mobile table tr td{
	white-space: normal !important;
	text-overflow: unset !important;
}
.fs-25 {
	font-size: 25px;
	color:#23d923;
}
/* .comparateur .modal-comparateur table tr td{
	width: 100%;
}
.comparateur .modal-comparateur table tr th{
	width: 100%;
} */
.comparateur .modal-comparateur table tr th:last-child,
.comparateur .modal-comparateur table tr td:last-child{
	border-right: 1px solid transparent !important;
}
.comparateur .modal-comparateur table tr th:first-child,
.comparateur .modal-comparateur table tr td:first-child{
	text-align: left;
}
.comparateur .modal-comparateur table td{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	padding: 13px;
	border-right: 1px solid #C5C5C5 !important;
	border:none;
}
.comparateur .modal-comparateur table td:first-child,
.comparateur .modal-comparateur table td:last-child {
	border: none;
  }
.comparateur .modal-comparateur table td span{
	font-weight: 600;
}
.comparateur .modal-comparateur table tbody tr:nth-child(odd){
	background: #F8F8F8;
}
.comparateur .modal-comparateur table tbody{
	/* max-height: 250px; */
	/* overflow-y: scroll;
	overflow-x: hidden; */
	width: 100%;
    display: block;
    overflow: hidden;
}
.comparateur .modal-comparateur .table-container{
	max-height: 82vh;
	overflow: scroll;
	padding: 0px 15px;
	overflow-x: auto;
}
.comparateur .modal-comparateur thead{
	position: sticky;
	top: 0;
	background: white;
	width: 100%;
    display: block;
}
.comparateur .modal-comparateur thead tr,
.comparateur .modal-comparateur tbody tr{
	width: 100%;
    display: flex;
}
.comparateur .modal-comparateur .modal-body{
	padding-bottom: 0px;
	padding-top: 0px;
}
/* .comparateur .modal-comparateur .table-container::-webkit-scrollbar{
	width: 5px;
  }
.comparateur .modal-comparateur .table-container::-webkit-scrollbar-thumb{
	background: #424040;
  }
.comparateur .modal-comparateur .table-container{
	scrollbar-width: thin;
	scrollbar-color: #424040 transparent;
}
.comparateur .modal-comparateur .table-container::webkit-scrollbar-track {
	background: var(--color-yellow-two);
}  */

/* .comparateur .modal-comparateur .table-container::-webkit-scrollbar {
	width: 10px;
	background-color: var(--color-yellow);
  }
  
  .comparateur .modal-comparateur .table-container::-webkit-scrollbar-thumb {
	background-color: white;
	border-radius: 5px;
  }
  
  .comparateur .modal-comparateur .table-container {
	scrollbar-color: white var(--color-yellow);;
	scrollbar-width: thin;
  } */

  .comparateur-mobile .titre{
	font-size: 22px;
	line-height: 24px;
	width: 90%;
	padding-left: 20px;
	margin-top: 2px;
  }
  .comparateur-mobile .en-tete img{
	width: 100%;
	height: 115px;
	object-fit: contain;
  }
  .comparateur-mobile .en-tete{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #000000;
	position: sticky;
	top: 0;
	background: white;
	z-index: 5;
  }
  .comparateur-mobile .en-tete span{
	font-size: 14px;
  }
  .comparateur-mobile .en-tete .bg-yellow{
	background: var(--background-yellow);
	padding: 10px 5px;
	border-radius: 5px 5px 0px 0px;
  }
  .comparateur-mobile .en-tete .bg-black{
	background: linear-gradient(90deg, #000000 0%, #666666 100%);
	color:white;
	padding: 10px 5px;
	border-radius: 0px 0px 5px 5px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 0px;
}
  .comparateur-mobile .en-tete .image{
	border-radius: 5px;
  }
  .comparateur-mobile .en-tete .item{
	min-width: 30%;
  }
  .comparateur-mobile table{
	border-collapse: unset;
  }
  .comparateur-mobile .item .caracteristique{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #000000;
	margin: 10px 0;
  }
  .comparateur-mobile table td{
	font-family: var(--secondary-font) !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: center !important;
	color: #000000 !important;
	border: none !important;
  }
@media (min-width: 1200px){
.modal-xl {
	--bs-modal-width: 1350px !important;
  }
}
@media (min-width: 992px){
.modal-lg, .modal-xl {
	--bs-modal-width: 800px;
  }
}

/* page */
.page .content h1,
.page .content h2,
.page .content h3,
.page .content h4,
.page .content h5,
.page .content h6{ 
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: #000000;
}
.page .content h1::after,
.page .content h2::after,
.page .content h3::after,
.page .content h4::after,
.page .content h5::after,
.page .content h6::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
	background: var(--background-yellow);
	margin-top: 20px;
	margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
	.page .first-title h1,
	.page .first-title h2,
	.page .first-title h3,
	.page .first-title h4,
	.page .first-title h5,
	.page .first-title h6{ 
		margin-top: -20px !important;
	}
}

.page .content p{
	font-family: var(--secondary-font);
	line-height: 28px;
	color: #000000;
	font-weight: 400;
	font-size: 16px;
}
.page .content .texte img{
	width: 100%;
	object-fit: cover;
	border-radius:5px !important
}
@media only screen and (max-width: 600px) {
	.first-img img{
		height: 150px !important;
	}
}
.page .content .avantage,
.page .content .information{
	border: 2px solid var(--color-yellow-two);
	border-radius: 5px !important;
	padding: 15px 27px 0px 27px;
	position: relative;
	margin: 36px 0px 0px 15px;
}
.page .content .avantage::before {
	content: "+";
	background: var(--color-yellow-two);
	display: flex !important;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	color: white;
	font-size: 32px;
	align-items: center;
	justify-content: center;
	padding: 0;
	top: -21px;
	left: -19px;
	z-index: 2;
	position: absolute;
}
.page .content .information::before {
	content: "i";
	background: var(--color-yellow-two);
	display: flex !important;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	color: white;
	font-size: 20px;
	align-items: center;
	justify-content: center;
	padding: 0;
	top: -21px;
	left: -19px;
	z-index: 2;
	position: absolute;
}
.page .content .avantage strong,
.page .content .information strong{
	position: absolute;
	top: -17px;
	background: white;
	padding: 0px 30px 15px 30px;
	left: -3px;
	font-size: 18px;
}
.page .w-background .avantage strong,
.page .w-background .information strong{
	background: #F8F8F8 !important;
}
.page .w-background{
	background: #F8F8F8;
}
.page .garantie img{
	object-fit: contain !important;
}
.page .ext p{
	line-height: initial;
}
.page .installation img,
.page .iso img{
	object-fit: contain !important;
}
.page .title-center{
	text-align: center;
}
.page .title-center h1::after,
.page .title-center h2::after,
.page .title-center h3::after,
.page .title-center h4::after,
.page .title-center h5::after,
.page .title-center h6::after{
	margin-left: auto;
	margin-right: auto;
}
.page .pac .texte img{
	width: auto !important;
}
@media only screen and (min-width: 992px) {
	.page .pac .image .texte{
		text-align: right;
	}
}
.page .pac .texte p{
	line-height: 20px;
}
@media only screen and (max-width: 600px) {
	.page .banner img{
		height: 200px;
	}
}
@media only screen and (min-width: 992px) {
	.page .two-column .texte{
		column-count: 2;
	}	
	.page .garantie img{
		width: fit-content !important;
		margin-right: 20px;
	}
	.page .ext{
		display: flex;
		justify-content: center;
	}
	.page .ext img{
		margin-right: 10px;
	}
	.page .ext p{
		margin: 0px 15px;
	}
	.page .iso img{
		margin-left: 35px;
	}
}
.page .three-column .texte img{
	min-height: 50px;
	object-fit: none !important;
	width: revert-layer !important;
}
.page .img-full p{
	margin-bottom: 0px;
}
.page .img-full .container{
	padding: 0px;
}

/* conteur anime */
.compteur{
	background: var(--background-yellow);
}
.compteur .counter,
.compteur .before-after{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	line-height: 54px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
} 
.compteur .compteur-texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
	color: #000000;
}
.compteur .active-counter{
	pointer-events: none;
}
@media only screen and (max-width: 600px) {
	.compteur .counter{
		font-size: 35px;
		line-height: 38px;
	}
	.compteur .compteur-texte{
		font-size: 14px;
		line-height: 20px;
	}
}

.spinner-border{
	border-color: var(--color-yellow-two) !important; 
	border-right-color: transparent !important;
}

/* bloc-pac */
.bloc-pac{
	background: linear-gradient(90deg, #000000 0%, #666666 100%);
	padding: 40px 0px;
}
.bloc-pac .pac-titre{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}
.bloc-pac .pac-texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
}
.bloc-pac .pac-texte span{
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
}

/* valeur */
.valeur .valeur-titre{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 35px;
	line-height: 38px;
	text-transform: uppercase;
	color: #000000;
}
.valeur .valeur-texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	color: #000000;
}
@media only screen and (min-width: 992px) {
	.valeur .image{
		height: 90px;
	}
}
.metier-container .item{
	min-height: 328px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius:5px;
}
.metier-container .item .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 27px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.metier-container .item .cta,
.offres-container .item .cta,
.actualite-page .share,
.espace-presse .cta{
	background: var(--background-yellow);
	text-align: center;
	color:black;
	display: block;
	margin-bottom: 10px;
	padding: 10px 15px;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	 font-style: normal;
	 font-weight: 700;
	 font-size: 16px;
	 line-height: 21px;
	 position: relative;
	 text-decoration: none !important;
	 width: fit-content;
  }
  .metier-container .item .cta::after,
  .offres-container .item .cta::after,
  .actualite-page .share::after,
  .espace-presse .cta::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .metier-container .item .cta span,
 .offres-container .item .cta span,
 .actualite-page .share span,
 .actualite-page .share img,
 .espace-presse .cta span{
	position: relative;
	z-index: 1;
 }
 .metier-container .item .cta:hover::after,
 .offres-container .item .cta:hover::after,
 .actualite-page .share:hover::after,
 .espace-presse .cta:hover::after {
	opacity: 1;
 }
 .metier-container .modal h2,
 .offres-container .modal h2{
	font-size: 22px !important;
	line-height: 25px;
 }
 .metier-container .modal .modal-header,
 .offres-container .modal .modal-header{
	border: none !important;
 }
 .metier-container .modal img{
	width: 100px;
	height: 100px;
	object-fit: cover;
	border-radius: 50% !important;
	margin-right: 25px;
 }
 .metier-container .modal .modal-dialog{
	width: 630px;
	max-width: 95%;
 }
 .offres-container .item{
	background: #F8F8F8;
	box-shadow: 0px 0px 10px #D3D3D3;
	border-radius: 5px !important;
	height: 100%;
 }
 .offres-container .type{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	color: #FFFFFF;
	background: linear-gradient(90deg, #000000 0%, #666666 100%);
	border-radius: 5px !important;
	padding: 10px 15px;
	width: fit-content;
	margin: 0px auto;
 }
 .offres-container .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
 }
 .offres-container .lieu{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
 }
 .offres-container .item .cta,
 .actualite-page .share{
	margin-left: auto;
 }
 .offres-container .modal .modal-dialog{
	width: 800px;
	max-width: 95%;
 }

 /* actualites */
 .actualites .item{
	background: #F8F8F8;
	border-radius: 5px !important;
	overflow: hidden;
	height: 100%;
	display: block;
 }
 .actualites .item img{
	width: 100%;
	height: 218px;
	object-fit: cover;
 }
 .actualites .item .detail{
	padding: 32px;
}
 .actualites .item .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
 }
 .actualites .item .resume{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
 }
 .actualite-page .link-return{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-decoration: underline;
	color: #000000;
 }
 .actualite-page .vignette{
	height: 280px;
	width: 100%;
	object-fit: cover;
 }
 .actualite-page .share{
	width: 230px;
 }
 .actualite-page .share img{
	margin-right: 10px;
 }
 .actualite-page .owl-wrapper{
	display: flex !important;
 }
 @media only screen and (min-width: 992px) {
	.actualite-page .article-body{
		margin-top: -50px;
	}
 }
 @media only screen and (max-width: 992px) {
	.actualite-page .share{
		width:100% !important
	}
	.actualite-page .page .content h1,
	.actualite-page .page .content h2,
	.actualite-page .page .content h3,
	.actualite-page .page .content h4,
	.actualite-page .page .content h5,
	.actualite-page .page .content h6{
		font-size: 22px !important;
	}
	.titre-prim{
		font-size: 22px !important;
		line-height: 24px !important;
	}
 }
 
/* espace-presse */
.espace-presse .cta{
	width: 100% !important;
	margin-top: 20px;
}


/* page-libre */
/* .contenuLarge {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
  }
  
  @media (max-width: 992px) {
	.contenuLarge {
	  max-width: 960px;
	}
  }
  
  @media (max-width: 768px) {
	.contenuLarge {
	  max-width: 720px;
	}
  }
  
  @media (max-width: 576px) {
	.contenuLarge {
	  max-width: 540px;
	  padding-left: 10px;
	  padding-right: 10px;
	}
  } */

  /* .contenuLarge{
	margin-top: 30px;
  } */
  .contenuLarge .texte h1,
  .contenuLarge h1,
  .contenuLarge .free-title{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: black;
	/* padding-left: 45px !important; */
	text-align: center;
	}
	.contenuLarge h1{
		margin-top: 25px;
	}
.contenuLarge .texte h1::after,
.contenuLarge h1::after,
.contenuLarge .free-title::after{
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: var(--background-yellow-hover);
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.contenuLarge .texte,
.contenuLarge .texte p,
.contenuLarge .texte ul li,
.contenuLarge .texte p span
{
	font-family: var(--secondary-font);
	line-height: 28px;
	color: #000000;
	font-weight: 400;
	font-size: 16px;
}
.contenuLarge .texte a,
.contenuLarge .texte a font{
	font-family: var(--secondary-font);
	line-height: 28px;
	color: #000000;
	font-weight: 700;
	font-size: 16px;
	text-decoration: underline;
}
#produits_similaires .vente-flash .demande{
	margin-top: 10px;
}
.fiche-produit .owl-wrapper .item{
	margin: 0px 10px;
}
.fiche-produit .favoris{
	align-items: initial !important;
}

/* -------- */
.no-shadow .item{
	box-shadow: none !important;
}
.commande-detail-container{
	display: none;
}
/* -------- */

/* banner-agence  */
.banner-agence{
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
	margin-bottom: 30px;
} 
.banner-agence .titre{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 22px;
	line-height: 24px;
	text-transform: uppercase;
	color: #FFFFFF;
}
.banner-agence .user{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 24px;
	/* text-transform: uppercase; */
	color: #FFFFFF;
}
@media only screen and (min-width: 992px) {
	.banner-agence img{
		margin-right: 25px;
	}
}

/* choix-agence */
@media only screen and (max-width: 992px) {
	.choix-agence .choix .filtre-container{
		overflow-x: scroll;
	}
	.choix-agence .choix .filtre-container .row{
		flex-wrap: nowrap !important;
		margin: 0px !important;
	}	
}
.choix-agence .choix .item{
	width: fit-content;
}
.choix-agence .choix .item a{
	border: none;
	border: 1px solid #000000;
	border-radius: 5px !important;
	padding: 10px 20px;
	background: white;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #000000;
	transition: all 0.3s;
	white-space: nowrap;
	text-transform: uppercase;
}
.choix-agence .choix .item a.disabled{
	border-color: #C5C5C5 !important;
	color: #C5C5C5;
	pointer-events: none;
	background: transparent !important;
}
.choix-agence .choix .item a.active{
	background: var(--color-yellow-two);
	border-color: var(--color-yellow-two);
}
.choix-agence .content .titre-agence,
.choix-agence .input-container .titre-agence{
	font-family: var(--primary-font);
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
}
.choix-agence .content .item{
	background: #F8F8F8;
	border-radius: 5px !important;
	padding: 32px 40px;
	padding-bottom: 21px;
	height: 100%;
}
.choix-agence .content .item .titre,
.choix-agence .input-container .item .titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
}
.choix-agence .content .item .lieu,
.choix-agence .input-container .item .lieu{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
}
.choix-agence .content .item button,
.choix-agence .submit,
.header-agence .btn-choice{
	background: var(--background-yellow);
	text-align: center;
	width: fit-content;
	color:black;
	display: block;
	margin-bottom: 10px;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 21px;
	position: relative;
	text-decoration: none !important;
	padding: 9px 15px;
	margin-left: auto;
	margin-right: auto;
	border:none;
}
.choix-agence .content .item button::after,
.choix-agence .submit::after,
.header-agence .btn-choice::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--background-yellow-hover);
	top: 0;
	left: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s;
 }
 .choix-agence .content .item button span,
 .choix-agence .submit span,
 .header-agence .btn-choice span{
	position: relative;
	z-index: 1;
 }
 .choix-agence .content .item button:hover::after,
 .choix-agence .submit:hover::after,
 .header-agence .btn-choice:hover::after {
	opacity: 1;
 }
 .choix-agence .input-container .item .input input{
	border: 1px solid #000000;
	border-radius: 5px !important;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	margin-right: 5px;
	padding: 10px;
	width: 222px;
 }
 .choix-agence .input-container .item .input{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
 }
 .choix-agence .input-container .item .type a{
	display: block;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	border: 1px solid #000000;
	border-radius: 100px;
	padding: 10px 20px;
	width: fit-content;
	transition: all 0.3s;
	cursor: pointer;
 }
 .choix-agence .input-container .item .type a.active{
	font-weight: 700;
	padding: 10px 20px;
	background: var(--color-yellow-two);
	border: none;
 }
 .choix-agence .input-container .item{
	background: #F8F8F8;
	border-radius: 5px !important;
	padding: 32px 40px;
 }
 .header-agence .ref{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #000000;
	text-align: center;
 }
 .header-agence .ref span{
	font-weight: 700;
 }

 /* agence-bord */
 .agence-bord .banner-agence .user{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
 }
 .agence-bord .banner-agence .titre{
	font-weight: 800;
	font-size: 22px;
	line-height: 23px;
	color: #FFFFFF;
 }
 .agence-bord .bord .bord-entete{
	background: white !important;
 }
 .agence-bord .bord .bord-entete .administration{
	background: #F8F8F8 !important;
 }
 @media only screen and (max-width: 992px) {
	.agence-bord .bord .bord-entete{
		padding: 0px 15px;
	}
	.agence-bord .bord .bord-entete .administration{
		background: white !important;
	}
	.agence-bord .bord .bord-entete .info-client{
		padding-left: inherit !important;
	}
 }
 .agence-bord .liste-article{
	background: #F8F8F8;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px !important;
	border: 2px solid var(--color-yellow-two);
 }
 .agence-bord .liste-article .content-titre{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
 }
 .agence-bord .liste-article .content-texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
 }
 .agence-bord .liste-article .detail a{
	margin-bottom: 0px;
 }
 .agence-bord .liste-article .list-content{
	display: none;
 }
 .agence-bord .liste-article .list-content .close-list{
	cursor: pointer;
 }
 @media only screen and (min-width: 992px){
	.agence-bord #favoris-accordion-heading {
		top: 88px;
	}
	.agence-bord #commande-accordion-heading{
		top: 132px;
	}
	.agence-bord #fidelite-accordion-heading {
		top: 174px;
	}
	.agence-bord #info-connexion-accordion-heading {
		top: 220px;
	}
	.agence-bord #info-pers-accordion-heading {
		top: 264px;
	}
	.agence-bord #abonnement-accordion-heading {
		top: 308px;
	}
	.agence-bord .logout {
		top: 348px;
	}
 }
 .agence-bord .nav li button{
	font-weight: 600;
	font-size: 18px;
 }
 .agence-bord .liste-articles .filtre-container .item:hover {
	box-shadow: none !important;
 }
 .agence-bord .liste-articles .name{
	background: #F8F8F8 !important;
 }
 .agence-bord .liste-articles .categorie .item{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	white-space: nowrap;
 }
 .agence-bord .liste-articles .categorie .item img{
	margin-right: 10px;
 }
 .agence-bord .liste-articles .categorie .item span{
	text-decoration: underline;
 }
 .minisite #drop-recherche{
	top:50px;
 }

 /*  liste-articles */
 .liste-articles .top .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;	
	color: #000000;
 }
 .liste-articles .top .texte div{
	font-weight: 600;
	font-size: 18px;
 }
 .liste-articles .categorie .name{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	background: var(--color-yellow-two);
	border-radius: 5px;
	padding: 10px;
	text-transform: uppercase;
 }
 .liste-articles .page-panier .list-achat .Qte{
	margin-bottom: 0px;
 }
 .liste-articles .page-panier .list-achat .reapprovisonnement,
 #generiqueContainer .produit .reapprovisonnement{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: red;
	margin-top: 14px;
 }
 #generiqueContainer .liste-articles .page-panier .list-achat .reapprovisonnement,
 #generiqueContainer .produit .reapprovisonnement{
	padding-left: 10px;
 }
 #generiqueContainer .designation{
	min-width: 258px;
 }
 #generiqueContainer .total-ht{
	min-width: 140px;
 }
 @media only screen and (min-width: 992px) {
	#generiqueContainer .total-ht span{
		width: 95%;
		display: block;
	 }
	 #generiqueContainer .quantite{
		min-width: 130px;
	 }
 }

 .liste-articles .alert{
	margin-left: auto;
	margin-right: auto;
 }
 .liste-articles .reapro{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: #FF3D00;;
	margin-top: 14px;
	padding-left: 10px;
 }
 .liste-articles .page-panier .list-achat .like-icon{
	padding-top: 4px !important;
 }
 .liste-articles .page-panier .list-achat .total-ht{
	padding-bottom: 0px;
 }
 .liste-articles .page-panier .list-achat .favoris{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: black;
	cursor: pointer;
	display: flex !important;
	justify-content: center;
 }
 .liste-articles .page-panier .list-achat .favoris .like-icon,
 .liste-articles .page-panier .list-achat .like-icon{
	font-size: 18px;
	background-color: #F8F8F8;
	padding-top: 6px;
	border-radius: 50% !important;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
 }
 .liste-articles .page-panier .list-achat .total-ht span{
	font-weight: 400;
	margin-left:5px;
 }
 .agence-bord .liste-articles .categorie .pdf{
	overflow: hidden;
	text-overflow: ellipsis;
 }
 .agence-bord .link::after{
	transform: rotate(-90deg);
 }
 @media only screen and (max-width: 600px) {
	.agence-bord .aide-contact .nav li button{
		font-size: 18px !important;
		line-height: 22px !important;
		text-align: left;
		height: 100%;
	}
 }
 
 /* gallerie */
 .item-container-gallerie .gallerie-small {
	height: 207px;
	display: block;
}
.item-container-gallerie .gallerie-large {
	height: 416px;
	display: block;
}
.item-container-gallerie img{
	width: 100%;
	height: 100%;
	border-radius: 10px !important;
	object-fit: cover;
}
.lightbox .carousel-control{
	height: 44px !important;
	background: white;
	color: black;
	width: 44px !important;
	opacity: 1;
	border-radius: 50%;
	top: auto;
	bottom: 25px;
}
@media only screen and (max-width: 992px) {
	.lightbox .carousel-control{
		height: 30px !important;
		width: 30px !important;
		padding-top: 5px;
	}
	.carousel-control-next-icon::before, .carousel-control-prev-icon::before{
		font-size: 28px !important;
	}
}
@media only screen and (max-width: 600px) {
	.lightbox .carousel-control-next{
		right: 40% !important;
	}
	.lightbox .carousel-control-prev{
		left: 40% !important;
	}
	/* .lightbox .carousel-control{
		height: 20px !important;
		width: 20px !important;
		padding-top: 11px;
		bottom: 10px;
	}
	.carousel-control-next-icon::before, .carousel-control-prev-icon::before{
		font-size: 20px !important;
	} */
}
.lightbox .btn-close{
	background: white !important;
	opacity: 1;
	border-radius: 500%; 
	margin-top: 15px;
	margin-right: 15px;
}
.lightbox .btn-close svg path{
	fill: black
}
.lightbox .carousel-control-next{
	right: 43%;
}
.lightbox .carousel-control-prev{
	left: 43%;
}
.carousel-control-next-icon::before { 
	content: "\f135";
}
.carousel-control-prev-icon::before { 
	content: "\f12c"; 
}
.carousel-control-next-icon::before, .carousel-control-prev-icon::before{
	display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 33px;
}
@media (min-width: 1200px){
	.lightbox .modal-xl {
		--bs-modal-width: 800px !important;
	}
}
.bi-check.green{
	color:#4EA82E;
	font-size: 25px;
	vertical-align: middle;
}
.mask-title{
	margin-top: -40px;
}
.mask-title .confiance .title{
	display:none;
}

/*
.texte, .pageDyn {
	padding: 40px;
margin-bottom: 100px;

}

.contenuLarge .titre {
	margin-top: 40px;
} */


.total .tax {
	display: none;
}
.modal-backdrop.fade.show {
	background-color: black !important;
  }
.dialogue-cookie-bouton div:first-child{
	display: flex;
	align-items: center;;
}
.dialogue-cookie-bouton  .dialogue-cookie-message{
	padding-top: 7px !important;
}

.bbdynapage {
	margin: 40px 80px;
	font-family: 'montserrat';
	font-size: 16px;
	line-height: 28px;
}
.calameo{
	margin-bottom: 20px;
}
.calameo a {
	color: black;
	transition: all 0.3s;
}
.calameo a:hover{
	color: var(--color-yellow);
}
.btn-filtre-mobile{
	background: var(--background-yellow);
	color: black;
	font-size: 23px;
	border: none;
	position: fixed;
	top: 140px;
	border-radius: 0px 5px 5px 0px;
	z-index: 5;
	left: 0;
}
.unit{
	font-weight: 600;
}
.disabled {
	pointer-events: none !important;
}
.disabled span,
.disabled img{
	opacity: 0.3;
}
.apply-filter-mobile {
	margin: 0px auto;
	display: table;
}
@media only screen and (min-width: 992px) {
	.bd-container{
		margin-top: 44px;
	}
	.bd-container-2{
		margin-top:-31px
	}
}
.affiche-liste .voir-detail{
	display: none;
}
.affiche-liste #addToCaddy{
	border: none;
	margin-bottom: 40px;
	margin-top: 15px;
}
.affiche-liste .texte{
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
	/* text-align: center; */
	margin-bottom: 10px;
}
@media only screen and (max-width: 992px) {
	#totalPanier.right{
		margin-top:20px
	}
}

@media only screen and (max-width: 600px) {
	.produits-container .item-container .item .product-img .image .full-width{
		object-fit: contain !important;
	}
}
@media only screen and (min-width: 992px) {
	.agence-bord-container{
		top: 60px;
	}
	.agence-bord-container .logout{
		top: -52px
	}
	.agence-bord-container #accordionFlushExample{
		overflow: visible;
	}
	.agence-bord-container .element{
		top: -50px !important;
	}
}
@media only screen and (max-width: 600px) {
	#modal_alert form input{
		width: 100%;
	}
	#modal_alert form button{
		width: auto !important;
		margin: 10px auto;
		display: block;
	}
}
.produit .action{
	max-width: 183px;
}
.produit .alert{
	width: 80%;
	margin-top: 15px;
}
.fav-supp .produit{
	border:none !important;
	margin-bottom: 0px !important;
}
.fav-supp .produit .alert{
	margin-top: 0px;
}
.fav-supp .produit .alert span{
	color: #FF3D00;
}
.fav-supp .produit{
	margin-right: 10px;
}
@media only screen and (min-width: 992px) {
	.img-200 .img-responsive {
		width: 200% !important;
		margin: 20px 0;
	  }
}
@media only screen and (max-width: 992px) {
	#commande-accordion{
		padding-top: 60px;
		margin-top: -60px;
	}
	.commande-accordion-pro{
		padding-top: 0px !important;
		margin-top: 0px !important;
	}
	#favoris-accordion, #fidelite-accordion{
		padding-top: 70px;
		margin-top: -70px;
	}
	#favoris-accordion .accordion-body{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.bord .favoris-container .item .consulter a{
		border: none;
	}
}
.logout-mobile,
.logout-mobile-pro a{
	padding-left: 0px !important;
}
.logout-mobile-pro{
	padding-left: 15px !important;
}
#btnLastCmd.disabled{
	background: transparent !important;
}
@media only screen and (max-width: 992px) {
	.produit:hover{
		border-color: transparent !important;
	}
}

.item-mobil-commande{
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px !important;
    border: 1px solid transparent;
	padding: 15px;
}

#piedCaddyAside .sous-total-ttc span{
	width: 113px;
}
#piedCaddyAside .sous-total-ttc #sousTotalPrixTTC{
	width: fit-content !important;
}

.dialogue-cookie-mini {
	display:none !important;
}

span.reduction{
/*
	background-color: black;
		padding: 3px 8px;
		font-family: var(--secondary-font);
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		line-height: 20px;
		color: white;
		border-radius: 30px !important;
		width: fit-content;
		margin-bottom: 5px;*/
}

@media only screen and (max-width: 400px) {
	span.unitMobile{
		font-weight: bold;
		display: block;
	}
	span.unit.prod{
		display: none;
	}
	
}


@media only screen and (min-width: 400px) {
	span.unitMobile{
		display: none;
	}
	span.unit.prod{
		display: inline-block;
	}
	
}


.aslabel {
	font-family : "Montserrat";
	font-size : 12px;
}

.dialogue-cookie-filtre{
	height: fit-content !important;
}


/* Début modification */

@media only screen and (max-width: 400px) {
	#bloc-promotion--close{
		height: 25px;
		width: 25px;
		border-radius: 50%;
	}

	.ct span{
		font-size:10px!important;
	}
	.ct a{
		display: none;
	}

	
	.button-container{
		font-size:11px;
		flex-direction: row!important;
	}
	.button-container button{
		font-size:11px;
	}
	.dialogue-cookie{
		padding :10px;
	}
}

.overable{
	cursor: pointer;
}

.unit-bg-dark{
	/*background-color: rgba(0, 0, 0, 0.1);*/
	padding: 0px 7px 0px 7px;
	border : 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
}
.unit{
	padding: 0px 7px 0px 7px;
}

/*.owl-wrapper{
	display: flex;
	flex-direction: row ;
}*/

.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after{
	height: 50px;
	width: 50px;
	color: #7A7A7A;
}
/*
.custom-navigation {
    cursor: pointer;
    color: #fff;
    background: rgba(0, 0, 0, 0.05);
    padding: 5px 7px 5px 6px;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
	position: absolute;
	top: 40%;
	z-index: 2000;
  }

  .custom-navigation:hover{
	background: rgba(0, 0, 0, 0.1);
  }

  #custom-next{
	left: 0;
  }
  #custom-prev{
	right: 0;
  }
*/
.imgClassNav {
	height:15px;
	width:20px;
}

/* PANIER */
.recapitulatif .livraison{
	padding: 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

#promoMessage{
	display: block;
	color: #FF3D00;
	padding-top: 10px;
	padding-bottom: 10px;
}

#promoMessage span.error{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	color: white;
	background-color: #970000;
	padding: 5px;
	border-radius: 5px;
}
  

#promoMessage span.success{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	color: white;
	background-color: #4EA82E;
	padding: 5px;
	border-radius: 5px;
}


@media only screen and (max-width: 400px) {
    span.unitMobile {
        font-weight: bold;
        display: inline-block;
        width: auto;
    }
}

/*Catalogue.htm*/
.catalogue a.cta{
	display: none;
}

.fiche-produit .choix .item.itemOrange{
	border: orange solid 2px;
}

.selectGenerique{
	border: 1px solid rgba(0, 0, 0, 0.2)!important;
    border-radius: 5px!important;
    font-size: 14px!important;
    font-weight: bold!important;
    padding: 2px!important;
	color : var(--bs-body-color)!important;
}

.title-price>.selectGenerique{
	width : auto !important;
	line-height: 1.5!important;
	padding-left: 10px!important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	padding-right: 10px!important;
	background-position-x: 95%!important;
}

.btnMessagePopUp.achat{
	background: var(--background-yellow);
    text-align: center;
    width: 100%;
    color: black;
    display: block;
    margin-bottom: 10px;
    padding: 7px;
    border-radius: 5px !important;
    font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    position: relative;
    text-decoration: none !important;
	border : 0px;
}

.zero-result{
	padding-top : 20px;
	font-family: var(--secondary-font);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #919191;
}

.zeroProductLink{
	color : #000;
	font-weight: bold;
	
}
.zeroProductLink.notButton{
	text-decoration: underline!important;
}
.zeroProductLink:hover{
	color:#444;
	font-weight: bold;
}


.strongmsg{
	font-weight: bold;
}

.lite-youtube-fallback {
	aspect-ratio: 16 / 9; /* matches YouTube player */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 1em;
	padding: 1em;
	background-color: #000;
	color: #fff;
	text-decoration: none;
}


.lite-youtube-fallback::before {
	display: block;
	content: '';
	border: solid transparent;
	border-width: 2em 0 2em 3em;
	border-left-color: red;
}

.lite-youtube-fallback:hover::before {
	border-left-color: #fff;
}

.lite-youtube-fallback:focus {
	outline: 2px solid red;
}

.content-center{
	justify-content: center;
}

@media only screen and (max-width: 600px) {
	.content-center{
		justify-content: left!important;
		margin-bottom: 5px;
	}

	#caddyAsideContainer .description{
		padding-left: 25px;
	}
}

.sliderHeightLoad{
	height: 300px!important;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.dotloader {
	width: 15px;
	aspect-ratio: 1;
	border-radius: 50%;
	animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
	0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
	33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
	66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
	100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}


@media only screen and (max-width: 992px) {
    .list-achat .reduction {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-bottom: 10px !important;
        padding-bottom: 2px !important;
        font-size: 10px !important;
		margin : 5px;
    }
	#nos_produits {
		margin-top: 60px;
	}
}

/*Nouvelle notification*/
.notify-text-container:hover{
	color : #2d2d2d;
}
#notification {
	padding:0px!important;
}

.d-flex-p-center{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.d-flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}

.imgContainerFlex{
	display: flex!important;
	justify-content: center;
	align-items: center;
	height:220px!important;
}

.deee{
	font-size: 12px;
    font-style: italic;
	/*letter-spacing: 0.5px;*/
	/*padding-left: 10px;*/
	font-weight: bold;
	color: #919191;
}    

@media only screen and (min-width: 992px) {
	.conseiller.col-lg-3.px-0.px-lg-3>a{
		position:relative; 
		/*top : 70px;*/
	}
	.conseiller.col-lg-3.px-0.px-lg-3{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
 }

#searchSuiveur{
	display: none;
}

.modal.fade.log-sign.show{
	/*overflow: hidden;*/
}

.underline{
	text-decoration: underline!important;
}

@media only screen and (max-width: 400px) {
    .bloc-icon {
		justify-content: flex-end;
	}
	.bloc-icon .item{
		padding-left:7px;
		padding-right:7px;
	}
	#btn-demande-devis{
		margin-top: 20px;
		max-width: 90%;
		font-size:14px;
	}
	#btn-demande-devis>span{
		display: flex;
		/*justify-content: center;*/
		align-self: center;
		padding-left: 5px;
		width:95%;
	}
	.promotion-header .bloc-promotion{
		overflow-x: hidden;
		width: 95%;
	}
	.promotion-header .bloc-promotion a {
		display: block;
		font-family: var(--secondary-font);
		font-style: normal;
		font-weight: 700;
		font-size: 9px!important;
		text-decoration-line: underline !important;
		color: black;
		margin: 0px; 
		overflow-x: hidden;
	}
}

@media only screen and (max-width: 370px) {
	.bloc-icon .item{
		padding-left:2px;
		padding-right:2px;
	}

	#btn-demande-devis{
		width: 95%;
		font-size:14px;
	}

	.product-img>.image {
		padding:0px!important;
	}

	
}

#versBtnPaiement:hover{
	color: #000!important;
	cursor: pointer;
}

#versBtnPaiement a:hover{
	color: #000!important;
}

.swiper-lazy-preloader-white{
	--swiper-preloader-color:transparent!important;
}


/* Etiquettes */

.etiquette-container-absolute{
	position: absolute;
	left : 5px;
	top: 5px;
	z-index:100;
}

.etiquette-container{
	display:flex;
	flex-direction: column;
}

.stick{
	display:inline-block;
	border-radius : 30px;
	background : red;
	color : white;
	padding: 3px 8px!important;
    font-family: var(--secondary-font)!important;
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 14px!important;
    line-height: 20px!important;
	margin-bottom: 5px!important;
	width: fit-content;
	text-transform : uppercase;
}

.stick.stick-nouveaute{
	background: black!important;
	color : white!important;
}

@media only screen and (max-width: 400px) {
	.stick {
		font-size:10px!important;
	}
}

.stick.stick-occasion{
	color:black!important;
	background-color: var(--color-yellow)!important;
}

@media only screen and (max-width: 400px) {
	.header{
		top : -3px;
	}
	/* .nos_produits .menu-one li a {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	} */
}

.hs-input {
	background-color: white !important;
	border: 1px solid #000000 !important;
}