/** Produits Recommandés **/
.container-list-prod .container-prod {
	display:block;
	float:left;
    -webkit-transition: all .5s ease;
    position: relative;
	width: 250px;
	text-align:center;
	background-color: #fff;
	box-sizing:border-box;
	height:410px;
	cursor:pointer;
	box-sizing:border-box;
	border:0px solid #efefef;
	margin-right:15px;
	overflow:hidden;
	margin-bottom:25px;
	transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
	border-radius:5px;
}
.container-list-prod .container-prod:hover {
	/*background-color:#efefef;*/
}
.container-list-prod .container-prod:nth-child(3n) {
	margin-right:0;
}
.container-list-prod .container-prod:nth-child(3n+1) {
	clear:left !important;
}
.container-list-prod .container-prod .nom {
	display: block;
    max-height: 46px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
    margin: 10px 0 0;
    height: 52px;
    font-weight: 600;
    text-decoration: none;
    line-height: 15px;
}
.container-list-prod .container-prod img {
	display:block;
	margin:0px auto;
	width:230px;
	height:184px;
	mix-blend-mode: multiply;
	margin:10px;
}
.container-list-prod .container-image {
	position:relative;
}
.container-list-prod .container-desc {
	display:block;
	margin:0 10px;
}
.container-list-prod .container-prod .product-sticker {
	position:absolute;
	top:10px;
	right:10px;
	display: block;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    background-color: rgba(0,178,46,.8);
	border-radius: 1px;
    font-size: 12px;
	white-space: nowrap;
	text-align: center;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
.container-list-prod .container-prod .product-sticker.flash-sale {
	background-color: rgba(230,31,31,.8);
}
.container-list-prod .container-prod .container-image {
	height:auto;
	display:block;
	overflow:hidden;
	background-color:#efefef;
	border-radius:5px;
}
.container-list-prod .container-prod .buy {
	/*display:block;*/
	padding-top:10px;
}
.container-list-prod .container-prod .prix-wrap {
    /*display: block;
    width: 115px;
    float: left;
    text-align: left;*/
}
.container-list-prod .container-prod .prix-wrap.notvisible {
	display:none;
}
.container-list-prod .container-prod .prix-barre {
    display: inline-block;
    position: relative;
    padding: 0 3px;
    font-size: 15px;
	text-align:left;
	box-sizing:border-box;
}
.container-list-prod .container-prod .prix-barre:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #323232;
    width: 100%;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.container-list-prod .container-prod .prix-origine {
	display: block;
    font-weight: 700;
    font-size: 22px;
    vertical-align: middle;
    box-sizing: border-box;
	/*color: #0A3782;*/
}
.container-list-prod .container-prod sup {
    top: -0.5em;
    position: relative;
    font-size: 60%;
    line-height: 0;
    vertical-align: baseline;
}
.container-list-prod .container-prod .texte {
	display:none;
}
.container-list-prod .container-prod .prix-wrap.no-strike .prix-barre {
	display:none;
}
.container-list-prod .container-prod .prix-wrap.no-strike .prix-origine {
	/*padding-top:10px;*/
}
.container-list-prod .container-prod .buy-button {
	background-color: #2bb04a;
	border-color: #2bb04a;
	margin: 0;
	padding: 8px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	float:right;
	box-sizing:border-box;
	border-radius:5px;
	position:relative;
	transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
	margin: 5px 5px 0 0;
}
.container-list-prod .container-prod .buy-button svg {
	width: 25px;
    height: 26px;
    fill: #fff;
}
.container-list-prod .container-prod .buy-button:after {
    content: "+";
    position: absolute;
    width: 10px;
    height: 10px;
    left: 18px;
    top: -15px;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
	color:#fff;
	font-weight:600;
}
.container-list-prod .container-prod .buy-button:hover:after {
	top: -1px;
	opacity: 1;
}
.container-list-prod .container-prod .buy-button:hover {
	background-color:#44c260 ; 
	border-color:#44c260 ;
}
.container-prod.not-available .prix-nfois , .container-prod.not-available .delivery , .container-prod.no-nxcb .prix-nfois  {
	display:none;
}
.container-prod.not-available .prix-origine , .container-prod.no-nxcb .prix-origine{
	padding-top: 10px !important;
}
.container-prod.not-available .buy-button {
	opacity:0.5;
	cursor:not-allowed;
}
.container-prod.not-available .buy-button:after{
	display:none;
}

.container-list-prod .owl-dots {
	display:none;
}
.container-list-prod .owl-carousel .nav-button {
	top: 95px !important;
}
.container-list-prod .owl-carousel .owl-next {
    right: 0px;
}
.container-list-prod .owl-carousel .owl-prev {
    left: 0px;
}

.cat-container {
	display:block;
	width:1000px;
	position:relative;
	background-color:#fff;
}
.cat-filter {
	display:block;
	width:190px;
	float:left;
	background-color:#fff;
	min-height:400px;
}
.container-list-prod {
	display:block;
	width:780px;
	float:right;
	padding-right:5px;
	padding-left:5px;
	background-color:#fff;
}

.container-brand {
	display:block;
	margin:10px 0 5px;
}
.container-brand .marque {
	display: block;
    float: left;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}
.container-brand .note {
	display:flex;
	float:right;
    justify-content: center;
    align-items: center;
}
.container-brand .note .rating_stars {
	width:58px;
	position:relative;
	height:15px;
}
.container-brand .note .nbr_rating {
	margin-left:4px;
	font-size:12px;
}
.container-brand .note .rating_stars .svg_rating svg {
	fill: #e8e8e8;
	width: 58px;
	height:15px
}
.container-brand .note .rating_stars .rate.svg_rating svg {
	fill: #fbc02d;
}


.container-brand .note .rating_stars .rate {
	position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.container-available {
	display:block;
	margin:12px 0 4px;
	font-size:12px;
	color:#234f62;
	font-weight: 600;
}
.container-available .dispo {
	display:block;
	float:left;
	position:relative;
	text-transform:uppercase;
}
.container-available .dispo.avail, .container-available .dispo.stock {
	color:#2bb04a;
	padding-left:18px;
}
.container-available .dispo.avail:before , .container-available .dispo.stock:before {
	fill: #2bb04a;
	position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 14px;
    height: 14px;
    background-image: url(data:image/svg+xml;content=utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiMyYmIwNGEiIGQ9Ik0yMzMgMWMtNDkuNCA0LjgtOTUgMjMtMTM1IDUzLjhDNzguNSA2OS44IDUzLjIgOTggMzguNiAxMjFjLTYuMyA5LjktMTguNiAzNS4xLTIzIDQ3LjEtNC45IDEzLjQtMTAuMiAzNC0xMi44IDQ5LjktMy4xIDE5LjUtMy4xIDU2LjUgMCA3NiA0LjUgMjcuNiAxMS42IDQ5LjggMjMuNyA3NC41IDEzLjIgMjYuOSAyNi45IDQ2IDQ4LjkgNjguMSAyMi4xIDIyIDQxLjIgMzUuNyA2OC4xIDQ4LjkgMjQuNyAxMi4xIDQ2LjkgMTkuMiA3NC41IDIzLjcgMTkuNSAzLjEgNTYuNSAzLjEgNzYgMCAyNy42LTQuNSA0OS44LTExLjYgNzQuNS0yMy43IDI2LjktMTMuMiA0Ni0yNi45IDY4LjEtNDguOSAyMi0yMi4xIDM1LjctNDEuMiA0OC45LTY4LjEgOC44LTE3LjkgMTMuMi0yOS42IDE4LTQ3LjYgNi4zLTI0IDcuOC0zNy4xIDcuOC02NC45IDAtMjcuOC0xLjUtNDAuOS03LjgtNjQuOS00LjgtMTgtOS4yLTI5LjctMTgtNDcuNi0xMy4yLTI2LjktMjYuOS00Ni00OC45LTY4LjEtMjIuMS0yMi00MS4yLTM1LjctNjguMS00OC45LTI0LjYtMTIuMS00Ny40LTE5LjMtNzQtMjMuNUMyNzkuOC43IDI0Ny0uNCAyMzMgMXptNTAuOCA0Ny41YzcwLjcgOS45IDEzMC45IDU0IDE2MS40IDExOC4zIDEzLjcgMjguOCAxOS44IDU2LjQgMTkuOCA4OS4yIDAgMTkuMS0xLjYgMzIuOS01LjkgNTAuNi0xOC4yIDc0LjEtNzguNCAxMzQuMy0xNTIuNSAxNTIuNS0xNy43IDQuMy0zMS41IDUuOS01MC42IDUuOXMtMzIuOS0xLjYtNTAuNi01LjljLTc0LjEtMTguMi0xMzQuMy03OC40LTE1Mi41LTE1Mi41LTQuMy0xNy43LTUuOS0zMS41LTUuOS01MC42czEuNi0zMi45IDUuOS01MC42QzcxLjEgMTMxLjIgMTMxLjMgNzEgMjA1LjYgNTIuOWM2LjctMS42IDE2LjQtMy42IDIxLjUtNC4zIDEzLjEtMS45IDQzLjItMiA1Ni43LS4xeiIvPjxwYXRoIGZpbGw9IiMyYmIwNGEiIGQ9Ik0zNjEuNiAxNTkuN2MtMS4xLjMtMy42IDEuNi01LjUgMi44LTIgMS4zLTMzLjMgMzIuMS02OS42IDY4LjRsLTY2IDY2LjEtMzEuNS0zMS40Yy0xNy4zLTE3LjItMzIuOS0zMi4xLTM0LjUtMzIuOS0xMy45LTctMzAuMy45LTMzLjYgMTYuMi0uOSA0LjEtLjggNi4xLjYgMTAuOCAxLjYgNS43IDIuNSA2LjYgNDIuOCA0Ny4xIDIyLjcgMjIuNyA0Mi43IDQyLjIgNDQuNSA0My4zIDEuOSAxLjIgNS44IDIuMyA5LjIgMi42IDEyLjEgMS4xIDcuNCA1LjIgOTEuMy03OC42IDQxLjctNDEuNiA3Ni44LTc3LjIgNzguMi03OS4xIDUuNC03LjggNS4yLTE5LS41LTI2LjgtNS4xLTcuMS0xNi4zLTEwLjgtMjUuNC04LjV6Ii8+PC9zdmc+);
}
.container-available .dispo.rupture {
	padding-left:15px;
	color:#919191;
}
.container-available .dispo.rupture:before {
	fill: #919191;
	position: absolute;
    top: 2px;
    left: 0px;
    content: '';
    width: 10px;
    height: 10px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9JyM5MTkxOTEnIGQ9Ik0zOS41IDQuNEMyMi41IDguNSA3LjkgMjMuMiA0IDQwYy0yLjggMTItLjcgMjYuMSA1LjQgMzYuNCAxLjQgMi4zIDQxLjkgNDMuNSA5MCA5MS42bDg3LjYgODcuNS04OC44IDg5Yy05NS42IDk1LjgtOTMgOTIuOS05Ni43IDEwNy0yLjkgMTEuNS0xLjMgMjMuNCA0LjcgMzQuNyA5LjQgMTcuNyAzMS41IDI2LjMgNTQuOSAyMS40IDE0LTMgMTAuMy4zIDEwNS40LTk0LjcgNDguNC00OC4zIDg4LjUtODcuOSA4OS04Ny45czQwLjYgMzkuNSA4OSA4Ny45YzgxLjYgODEuNSA4OC41IDg4LjEgOTQuNSA5MC45IDIwLjcgOS42IDQ1LjcgNS43IDYwLTkuNCAxMy41LTE0LjIgMTYuNi0zNiA3LjgtNTQuMy0yLjktNi4xLTkuOS0xMy4zLTkyLjctOTUuOGwtODkuNi04OS4xIDg3LjEtODcuNGM1NC4zLTU0LjQgODguMS04OSA4OS43LTkxLjggNC40LTcuOCA2LTE1LjIgNS41LTI1LjktLjYtMTEuNS0zLTE4LjUtOS4zLTI2LjktMTIuMy0xNi4zLTM0LjYtMjMuMi01NC0xNi42LTExLjEgMy43LTE2LjEgOC40LTEwMi45IDk1LjNsLTg1IDg1LTg3LjUtODcuMkM3NCA2LjEgNzYuMyA4LjEgNjIuNSA0LjVjLTYuOS0xLjgtMTYtMS44LTIzLS4xeiIvPjwvc3ZnPg==);
}
.container-available .delivery {
	display:block;
	float:right;
	color:#999;
}
.no_btn .prix-nfois {
    padding-top: 12px;
    display: block;
	font-size:13px;
}
.ok_btn .prix-nfois {
    font-size: 13px;
    margin-left: 2px;
}
.ok_btn .prix-origine {
	line-height:28px;
}
.container-intro {
	display:block;
	padding:10px 0 15px 0;
	background-color:#fff;
	position:relative;
	font-size:14px;
	font-weight:300;
	line-height:18px;
}

.container-intro h1 {
    font-weight: 600 !important;
    font-size: 24px !important;
    position: relative;
    line-height: 25px !important;
    color: #000;
	padding-bottom:16px;
	text-transform: none !important;

	/*text-transform: none !important;
    font-weight: 600 !important;
    font-size: 21px !important;
    position: relative;
    line-height: normal !important;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 20px;*/
}



/* SLIDER */
.slider-wrapper {
	display:block;
	width:185px;
}
.noUi-target {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-color: #efefef;
	height: 5px;
    margin: 15px auto 15px;
    width: 80%;

}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.noUi-target .noUi-origin:first-of-type {
    background-image: -webkit-gradient(linear,0% top,100% top,from(#6cfaea),to(#2ab49f));
    background-image: -webkit-linear-gradient(left,color-stop(#6cfaea 0),color-stop(#2ab49f 100%));
    background-image: -moz-linear-gradient(left,#6cfaea 0,#2ab49f 100%);
    background-image: linear-gradient(to right,#6cfaea 0,#2ab49f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6CFAEA',endColorstr='#FF2AB49F',GradientType=1);
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 2px;
	height: 8px;
	top: -3px;
	background-color: #f9f8f8;
}
.noUi-connect {
    background-color: #232323;
}
.noUi-target .noUi-origin:first-of-type .noUi-handle {
    left: 0;
}
.noUi-horizontal .noUi-handle {
    top: -3px;
}
.noUi-target .noUi-origin .noUi-handle {
    right: -10px!important;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 500;
    background-color: #232323;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	cursor:pointer;
}
.noUi-handle:after, .noUi-handle:before, .noUi-handle:after, .noUi-handle:after {
    display: none !important;
}
.noUi-target ~ .bracketValue {
    display: block;
    float: left;
    font-size: 13px;
    color: #232323;
    margin: 0 0 10px 0;
	font-weight:600;
}
.noUi-target ~ .bracketValue + .bracketValue {
    float: right;
    margin: 0 0 10px 0;
}


/* FILTRES TRI */
.container-filter {
	display:block;
	/*border-top:1px solid #efefef;*/
	padding:12px 0px ;
	font-size:13px;
}
.container-filter .titre {
	position: relative;
    width: 190px;
    background-color: #f5f5f5;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
	font-size:14px;
	box-sizing:border-box;
	margin-bottom:12px;
}
.cat-filter .search-titre {
	position: relative;
    width: 190px;
    font-weight: 300;
    border-radius: 5px;
	font-size:15px;
	box-sizing:border-box;
}

.slider-wrapper.searchbox {
    display: flex; 
    width: 190px; 
    gap: 5px; 
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #efefef;
	margin-top:6px !important;
}

.slider-wrapper.searchbox .form-control {
    flex-grow: 1; 
    height: 35px; 
    background-color: #f5f5f5; 
    font-size: 12px; 
    border-radius: 5px; 
    padding-left: 10px; 
    border: none; 
    outline: none; 
	max-width:135px;
}

.slider-wrapper.searchbox .form-control-btn {
	width: 35px;
    height: 35px;
    background-color: #232323;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
	opacity:0.65;
}

.slider-wrapper.searchbox .form-control-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

.container-filter .titre-off:before {
    display: block;
    content: '';
    position: absolute;
    border-left: 7px solid #01b5f4;
    width: 20px;
    height: 32px;
    left: -10px;0
    box-sizing: border-box;
    top: -8px;
}
.filter-item , .filter-item-url {
    display: flex;
    align-items: flex-start;
    padding-bottom: 5px;
    cursor: pointer;
    max-width: 178px;
}
.filter-item .count {
	font-size:10px;
	padding-left:3px;
}
.filter-item input {
    top: 9px;
    left: 6px;
    opacity: 0;
}
.filter-checkbox {
    flex-shrink: 0; 
    margin-top: 2px;
}
.filter-item label ,.filter-item-url  a {
    display: inline; 
    margin: 0px 0 0 8px; 
    cursor: pointer;
    max-width: calc(100% - 30px); 
    position: relative; 
	text-decoration:none;
}
.filter-item-url  a {
	margin-left:28px;
	line-height:15px;
	padding-top:1px;
}
.filter-item-url {
	margin-bottom:2px;
}
.filter-item input:checked~label:before, .filter-item-url a:hover:before {
    border-color: #01b5f4;
    background-color: #01b5f4;
}
.filter-item label:before, .filter-item-url a:before {
    background: #fff;
    border: 1px solid #6b6b6b;
    border-radius: 2px;
    transition: all .3s;
    content: "";
    width: 14px;
    height: 14px;
    position: absolute; 
    left: -22px; 
    top: 1px; 
}
.filter-item input:checked~label:after {
	position: absolute;
    content: "";
    opacity: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik00NDcuMyA1OGMtMTIuNiAyLjYtNS4xLTQuMy0xNDIuMyAxMzIuNkwxNzcuNSAzMThsLTQ4LTQ4Yy01MS44LTUxLjgtNTIuOS01Mi43LTY1LjctNTUuMS01LjEtLjktNy45LS45LTEyLjQtLjEtMTEuMyAyLjMtMTUuOCA1LjMtMzAuNiAyMC0xMS40IDExLjUtMTQuMiAxNC45LTE3IDIwLjctMyA2LjQtMy4zIDcuOC0zLjMgMTYuNSAwIDguMy40IDEwLjMgMi45IDE2IDIuOCA2LjEgNy43IDExLjMgNzkuOSA4My43IDU1LjYgNTUuNyA3OC40IDc3LjkgODIuMSA4MCA3LjEgMy45IDE2LjggMy45IDI0LjEuMSAzLjgtMiA0My4yLTQwLjkgMTYwLjYtMTU4LjVDNDk4LjIgMTQ1IDUwNS44IDEzNy4yIDUwOC42IDEzMWMyLjUtNS43IDIuOS03LjcgMi45LTE2IDAtMTMuNy0yLjctMTkuMS0xNy42LTM0LjUtMTIuNi0xMy0xOC43LTE3LjktMjUuNy0yMC41LTUuOS0yLjItMTUuNC0zLjEtMjAuOS0yeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) ;
	background-repeat: no-repeat;
    background-size: 20px 10px;
    left: -24px;
    top: 3px;
    width: 20px;
    height: 20px;
}
.filter-item-url a:hover:after {
	position: absolute;
    content: "";
    opacity: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik00NDcuMyA1OGMtMTIuNiAyLjYtNS4xLTQuMy0xNDIuMyAxMzIuNkwxNzcuNSAzMThsLTQ4LTQ4Yy01MS44LTUxLjgtNTIuOS01Mi43LTY1LjctNTUuMS01LjEtLjktNy45LS45LTEyLjQtLjEtMTEuMyAyLjMtMTUuOCA1LjMtMzAuNiAyMC0xMS40IDExLjUtMTQuMiAxNC45LTE3IDIwLjctMyA2LjQtMy4zIDcuOC0zLjMgMTYuNSAwIDguMy40IDEwLjMgMi45IDE2IDIuOCA2LjEgNy43IDExLjMgNzkuOSA4My43IDU1LjYgNTUuNyA3OC40IDc3LjkgODIuMSA4MCA3LjEgMy45IDE2LjggMy45IDI0LjEuMSAzLjgtMiA0My4yLTQwLjkgMTYwLjYtMTU4LjVDNDk4LjIgMTQ1IDUwNS44IDEzNy4yIDUwOC42IDEzMWMyLjUtNS43IDIuOS03LjcgMi45LTE2IDAtMTMuNy0yLjctMTkuMS0xNy42LTM0LjUtMTIuNi0xMy0xOC43LTE3LjktMjUuNy0yMC41LTUuOS0yLjItMTUuNC0zLjEtMjAuOS0yeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) ;
	background-repeat: no-repeat;
    background-size: 20px 10px;
    left: -24px;
    top: 3px;
    width: 20px;
    height: 20px;
}
.filter-item label:after, .filter-item-url a:after {
    text-align: center;
    background: none;
    position: absolute;
    left: 10px;
    top: 11px;
    width: 8px;
    height: 8px;
    line-height: 11px;
    opacity: 0;
    text-indent: -2px;
    color: #fff;
    font-size: 0;
    content: "";
}
.filter-item label:after, .filter-item-url a:after {
    -webkit-transition: all,.3s;
    transition: all,.3s;
}

.container-filtre-prix .main-title {
	display: block;
    font-size: 24px;
    position: relative;
    font-weight: 700;
    color: #373737;
    position: relative;
    width: 190px;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
	padding-top:6px
}
.slider-wrapper {
	margin-top:15px;
}
.container-result-filter {
	/*display:none;*/
}
.container-filtre-prix .titre {
	position: relative;
    width: 190px;
    background-color: #f5f5f5;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
	font-size:14px;
	box-sizing:border-box;
	margin-bottom:20px;
}
.sort-list-prod {
	display:block;
	text-align:right;
	vertical-align: middle;
	height:34px;
	margin:0 0 12px 0;
}
.sort-list-prod label {
	display:inline-block;
	vertical-align: top;
	margin-right:10px;
	padding-top:10px;
	font-size:14px;
}
#selectProductSort {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 34px;
    border: 0;
    margin: 0;
    padding: 5px 30px 5px 8px;
    border-radius: 0;
    color: #495057;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    width: 100%;
    background-color: #fff !important;
    cursor: pointer;
	outline: none;
}
.select-container {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: #dadada 2px solid;
    border-radius: 3px;
	width: 150px;
	display:inline-block;
	outline: none;
}
 .select-container:after {
	content: "";
	display:block;
	position:absolute;
	width: 12px; 
	height:12px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0yNy43IDExMS4xQzE3LjQgMTEzLjUgOCAxMjEuNCAzLjMgMTMxLjUgMSAxMzYuNi41IDEzOC44LjYgMTQ2YzAgMTYtOS42IDUuMiAxMTkuMiAxMzQuMiA3Ny43IDc3LjggMTE2IDExNS41IDExOS4xIDExNy4yIDcuMyAzLjkgMTUuOCA1LjMgMjMuNCAzLjcgMy40LS43IDguMy0yLjQgMTAuOC0zLjcgMy4xLTEuNyA0MS40LTM5LjQgMTE5LjEtMTE3LjJDNTIxIDE1MS4yIDUxMS40IDE2MiA1MTEuNCAxNDZjMC03LjItLjQtOS40LTIuOC0xNC43LTguNC0xOC40LTMwLjgtMjYuMi00OS4xLTE3LjEtMi42IDEuMy0zOC44IDM2LjgtMTAzLjcgMTAxLjZMMjU2IDMxNS41bC05OS44LTk5LjdDOTEgMTUwLjcgNTUuMSAxMTUuNSA1Mi41IDExNC4yYy03LjYtMy43LTE3LTQuOS0yNC44LTMuMXoiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: center;
	top:12px;
	right:12px;
	opacity:0.5;
	  -webkit-transition: all,.3s;
	transition: all,.3s;
}

/* SEO */
.container-seo {
	display: block;
    font-size: 14px;
    text-align: justify;
    color: #626262;
    width: 780px;
    margin-left: auto;
}
.container-seo h2, .container-seo h3, .container-seo h4, .container-seo h5 {
	display:block;
	margin-top:30px;
	line-height:30px;
	font-weight:600;
	font-size:18px;
	color:#373737;
}
.container-seo p {
	margin-bottom:20px;
}
.container-seo li {
	display:block;
	position:relative;
	padding:0 0 10px 18px;
}
.container-seo li:after {
	content: "";
	display:block;
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #666;
	left:3px;
	top:3px;
}


.active-filter-list {
	display:none;
	width:720px;
	box-sizing:border-box;
	padding-top:20px;
	float: right;
}
.active-filter-list li {
	display:block;
	float:left;
	padding:6px 30px 6px 20px;
	background-color: #efefef;
	border-radius:5px;
	position:relative;
	font-size:14px;
	cursor:pointer;
	margin-right:20px;
	margin-bottom:10px;
}
.active-filter-list li:after {
	content: "X";
	display:block;
	position:absolute;
	width: 10px; 
	height:10px;	
	font-weight:600;
	font-size:12px;
	top:8px;
	right:8px;
}
.active-filter-list .noresult {
	display:block;
	font-size:24px;
	font-weight:800;
	padding-bottom:20px;
	display:none;
	text-align:center;
	color: #373737;
}
.active-filter-list .noresult-img {
	display:none;
	width: 400px; 
	height:400px;
	margin:0px 0 0 100px;

}
.liste-top-ventes {
	display:none;
	font-size: 20px;
    font-weight: 600;
	padding:50px 0 20px;
	text-align:center;
}
#liste-navigation {
	display:block;
	text-align:center;
}
#liste-navigation li {
	display:inline-block;
	margin:15px 5px 40px 5px;
}
#liste-navigation a:hover {
	text-decoration:none;
}
#liste-navigation .nav-btn {
	display:block;
	padding:10px 15px;
	font-size:15px;
	font-weight:500;
	/*background-color:#efefef;*/
	position:relative;
	box-sizing:border-box;
	-webkit-transition: all,.3s;
	transition: all,.3s;
	color: #919191;
	cursor:pointer;
}
#liste-navigation li.active .nav-btn {
	/*border:1px solid #01b5f4;*/
	font-weight:600;
	color: #232323;
}
#liste-navigation li:not(.active):hover .nav-btn {
	color: #000;
	/*background-color:#dee2e6;*/
}
#liste-navigation li .next {
	padding-right:30px;
}
#liste-navigation li .prev {
	padding-left:30px;
}
#liste-navigation li .next .arrow {
	content: "";
	display:block;
	position:absolute;
	width: 12px; 
	height:12px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwNSAzMDUiPjxwYXRoIGQ9Ik04MS4xIDYuNWMtNS4xIDIuOS02LjUgNC40LTkuMSAxMC0yLjUgNS4yLTIuNSAxMS44LjEgMTcuNSAxLjUgMy40IDE1LjYgMTguMiA1OS4yIDYxLjhsNTcuMiA1Ny4yLTU2LjcgNTYuOEM4OC41IDI1MyA3NC42IDI2Ny42IDczLjEgMjcxYy04LjMgMTguMyAxMC41IDM2LjUgMjguNSAyNy41IDYuNi0zLjMgMTM0LjUtMTMxLjEgMTM2LjktMTM2LjcgMi4xLTUuMiAxLjktMTMuMy0uNS0xOC4yQzIzNS4yIDEzNy44IDEwNC45IDcuNyA5OS44IDUuNWMtNS44LTIuMy0xMy41LTEuOS0xOC43IDF6Ii8+PC9zdmc+);
	background-repeat: no-repeat;
	background-position: center;
	top:15px;
	right:12px;
	opacity:0.50;
}
#liste-navigation li .prev .arrow {
	content: "";
	display:block;
	position:absolute;
	width: 12px; 
	height:12px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwNSAzMDUiPjxwYXRoIGQ9Ik0yMDMuNCA2LjVDMTk2LjggOS44IDY4LjkgMTM3LjYgNjYuNSAxNDMuMmMtMS45IDQuOC0xLjkgMTIuOCAwIDE3LjYgMi4yIDUuMSAxMzIuMyAxMzUuNCAxMzguMSAxMzguMiAyLjQgMS4yIDYuMSAyIDkuMyAyIDE1LjQgMCAyNS41LTE1LjggMTktMzAtMS41LTMuNC0xNS42LTE4LjItNTkuMi02MS44TDExNi41IDE1Mmw1Ni43LTU2LjhDMjE2LjUgNTIgMjMwLjQgMzcuNCAyMzEuOSAzNGM4LjMtMTguMy0xMC41LTM2LjUtMjguNS0yNy41eiIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: center;
	top:15px;
	left:12px;
	opacity:0.50;
}

/* Promos */
.container-prod .offer-promo {
	margin-top:8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     gap: 5px;
     font-size: 13px;
     font-weight: 600;
     color: #ef3240;
}
.container-prod .offer-promo .offer-icon {
     font-size: 1.188rem;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     max-width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
.container-prod .offer-promo svg {
     display: inline-block;
     height: 1em;
     overflow: visible;
     vertical-align: -0.125em;
     box-sizing: content-box;
     fill: #ef3240;
}
.container-prod .offer-promo .offer-text {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 
.container-prod .buy {
    display: flex;
    align-items: center; /* Centre verticalement les enfants */
    justify-content: flex-start; /* Alignement horizontal au début */
}

.container-prod .dispo-wrap {
    align-self: flex-start; /* Aligner cet élément enfant spécifique en haut */
    margin-right: auto; /* Garde cet ajustement si vous souhaitez toujours pousser les autres éléments à droite */
	margin-top:5px;
	font-weight:600;
	color:#373737;
}
.container-prod .dispo-wrap .dispo {
	font-weight:700;
}
.container-prod .dispo-wrap .chevron {
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  width: 5px;
  border-bottom: 3px solid #373737;
  border-right: 3px solid #373737;
  margin-right:5px;

}
.container-prod.not-available .dispo-wrap {
	margin-top: 14px;
	color:#6D6D6D;
}
.container-prod .prix-nfois {
	color:#373737;
}
.container-prod .dispo-wrap .dispo.stock, .dispo-wrap .dispo.avail {
	color:#12bcb1;
}

.container-prod .alt-nxcb .prix-flex {
	display: flex;
    align-items: center;
}
.container-prod .alt-nxcb .prix-nfois {
	font-size:14px;
}
.container-prod .alt-nxcb .prix-barre {
    display: inline-block;
    position: relative;
    padding: 0 3px;
    font-size: 13px;
    text-align: left;
    box-sizing: border-box;
    margin-right: 6px;
    opacity: 0.7;
}
.container-prod .prod-text {
	margin-top:3px;
	text-align:left;
	font-size:12px;
	font-weight:300;
	opacity:0.75;
	display: -webkit-box;
    -webkit-line-clamp: 2; /* Nombre de lignes à afficher */
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis; /* Ajoute des points de suspension à la fin */
    white-space: normal; /* Assure que le texte occupe plusieurs lignes */
    line-height: 15px; /* Hauteur de ligne, ajustez selon le design */
    height: 30px; /* Double de la hauteur de ligne pour 2 lignes */
	letter-spacing: -0.5px;
}


/* RECOS */
#reco-prod-new {
	position:relative;
	display: block;
    width: 1000px;
}
#reco-prod-new .pack-prod {
	background-color:#F5F5F5;
	border-radius:5px;
	padding:10px;
	display:block;
	max-width: 250px;
	height: 325px;
	cursor:pointer;
}
#reco-prod-new .pack-prod:hover a.nom { 
 color:#0A3782;
}
#reco-prod-new .pack-prod:hover img { 
 opacity:0.8;
}
#reco-prod-new .pack-prod img {
    max-width: 100%;
    height: auto;
}
#reco-prod-new .pack-prod .container-available {
	display:none;
}
#reco-prod-new .container-image {
    display: block;
    height: 167px;
}
.blog-produit .owl-nav , 
.top-categorie .owl-nav, 
.reco-produit .owl-nav,
.reco-brand .owl-nav {
	z-index: 1000;
    position: absolute;
    top: -55px;
    right: -15px;
    margin: 0;
}
.blog-produit ul, .nav-top-categorie {
	position:relative;
}
.blog-produit .owl-next, .blog-produit .owl-prev, 
.top-categorie .owl-next, .top-categorie .owl-prev, 
.reco-produit .owl-next, .reco-produit .owl-prev,
.reco-brand .owl-next, .reco-brand .owl-prev {
	background: transparent !important;
}
.blog-produit .owl-dots, 
.top-categorie .owl-dots,
.reco-produit .owl-dots,
.reco-brand .owl-dots  {
	display:none !important;
}

/* MARQUES */
section.home-brand  {
	display:block;
    width: 780px;
    margin-left: auto;
	position:relative;
}
section.home-brand .big-titre {
    font-weight: 600;
    font-size: 24px;
    color: #373737;
    max-width: 680px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
section.home-brand .brands-carousel-item {
	position: relative;
    text-align: left;
    box-sizing: border-box;
    height: auto;
    cursor: pointer;
	overflow:hidden;
	background-color: #F5F5F5;
	padding:10px;
	border-radius:5px;
	z-index:1
}
section.home-brand .brands-carousel-item img {
	z-index:2;
    width: 124px !important;
    display: block;
    height: 65px  !important;
    /*filter: grayscale(100%);*/
    margin: 5px auto;
    transition: all 0.3s ease 0s;
}
section.home-brand .brands-carousel-item a:hover img {
	filter: grayscale(0);
}
section.home-brand .brands-carousel-item span {
	position:absolute;
	z-index:-2;
	top:50%;
	left:50%;
	opacity:0;
}
section.home-brand .brands-carousel-item img {
    mix-blend-mode: multiply;
}

/* List Loader */
.wrap-cssload-loader {
	display:block;
	position:relative;
	margin:80px 0;
	height:100px;
	width:100%;
}
.cssload-loader {
	width: 80px;
	height: 80px;
	position: absolute;left: 50%;transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);perspective: 1200;-o-perspective: 1200;-ms-perspective: 1200;-webkit-perspective: 1200;-moz-perspective: 1200;
}
.cssload-flipper{position:relative;display:block;height:inherit;width:inherit;animation:1.2s ease-in-out infinite cssload-flip;-o-animation:1.2s ease-in-out infinite cssload-flip;-ms-animation:cssload-flip 1.2s infinite ease-in-out;-webkit-animation:1.2s ease-in-out infinite cssload-flip;-moz-animation:1.2s ease-in-out infinite cssload-flip;transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d}.cssload-back,.cssload-front{position:absolute;top:0;left:0;display:block;background-color:#00bef3;height:100%;width:100%;backface-visibility:hidden}.cssload-back{background-color:#505050;z-index:800;transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg)}@keyframes cssload-flip{0%{transform:perspective(165px) rotateX(0) rotateY(0)}50%{transform:perspective(165px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(165px) rotateX(-180deg) rotateY(-179.9deg)}}@-o-keyframes cssload-flip{0%{-o-transform:perspective(165px) rotateX(0) rotateY(0)}50%{-o-transform:perspective(165px) rotateX(-180.1deg) rotateY(0)}100%{-o-transform:perspective(165px) rotateX(-180deg) rotateY(-179.9deg)}}@-ms-keyframes cssload-flip{0%{-ms-transform:perspective(165px) rotateX(0) rotateY(0)}50%{-ms-transform:perspective(165px) rotateX(-180.1deg) rotateY(0)}100%{-ms-transform:perspective(165px) rotateX(-180deg) rotateY(-179.9deg)}}@-webkit-keyframes cssload-flip{0%{-webkit-transform:perspective(165px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(165px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(165px) rotateX(-180deg) rotateY(-179.9deg)}}@-moz-keyframes cssload-flip{0%{-moz-transform:perspective(165px) rotateX(0) rotateY(0)}50%{-moz-transform:perspective(165px) rotateX(-180.1deg) rotateY(0)}100%{-moz-transform:perspective(165px) rotateX(-180deg) rotateY(-179.9deg)}}

.container-seo {
	/* Wrapper (optionnel) pour le scroll horizontal sur mobile */
	.compare-wrap{overflow-x:auto}

	/* Table de comparaison */
	table{
	  width:100%;
	  border-collapse:separate;
	  border-spacing:0;
	  table-layout:fixed;
	  font-size:14px;
	  line-height:1.45;
	  background:#fff;
	  border:1px solid #e5e7eb;
	  border-radius:8px;
	}

	/* Cellules */
	table th,
	table td{
	  padding:12px 14px;
	  border-right:1px solid #e5e7eb;
	  border-bottom:1px solid #e5e7eb;
	  vertical-align:middle;
	  word-break:break-word;
	  white-space:normal;
	}

	/* Coins arrondis */
	table thead th:first-child{border-top-left-radius:8px}
	table thead th:last-child{border-top-right-radius:8px}
	table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}
	table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}

	/* En-têtes */
	table thead th{
	  background:#f6f7f9;
	  text-align:center;
	  font-weight:700;
	}

	/* Colonne critères (1ère) */
	table thead th:first-child,
	table tbody td:first-child{
	  text-align:left;
	  font-weight:600;
	  width:40%;
	  background:#fafafa;
	}

	/* Colonnes marques (2+3+4) */
	table thead th:nth-child(n+2),
	table tbody td:nth-child(n+2){
	  text-align:center;
	}

	/* Zébrage léger */
	table tbody tr:nth-child(even) td:first-child{background:#fbfbfb}

	/* États ✔ ✘ (si utilisés) */
	table .ok{color:#16a34a;font-weight:700}
	table .no{color:#dc2626;font-weight:700}

}