h2{font-size:20px;font-weight:600}
#ctnf #all_flt_b{margin: 0 0 35px;font-size: 25px;z-index:20}
.bg_beige{background:#f5f3ee;padding:10px 0 5px}
#col-l{width:285px;float:left;margin:0 15px 0 0}
#col-r{width:calc( 100% - 300px );float: left;}

.s_filter {position:relative;float:right;width:49%;margin:0 0 0 1%}
.s_filter select {
	border:2px solid #23395b;
	width:100%;
	padding: 10px 10px;
	color: #000;
	cursor: pointer;
	outline: 0;
	border-radius: 5px;
	background: #FFF;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.s_filter select:hover{background:#f6f6f6}
.s_filter span{position:absolute;top:15px;right:15px;width:0px;height:0px;border:solid #666;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}

#nbads{font-size:15px}
#nbads a{all:unset;border-bottom:1px solid #000;cursor:pointer}

.slider_links {clear:both;width:100%;margin:0 0 30px}
.slider_links ul {width:100%;padding:0;list-style:none;white-space: nowrap;overflow-x: scroll}
.slider_links .child{display:inline-flex;vertical-align:top;margin:5px 12px 2px 4px}
.slider_links .slider_product_img{display:flex;align-content:center;min-width:125px;align-items:center;}

.slider_links .child a{
	text-align:center;
	font-size:13px;
	border:1px solid #ddd;
	border-radius:10px;
	background:#fff;
	margin: 0 0 25px;
	overflow: hidden;
}

.slider_links .child a:hover{box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.2)}

.slider_links .child img {
	margin-right: 5px;
	text-align: center;
	margin: 0 auto;
	height: 110px;
	width:auto;
	transform:scale(1);
}

.slider_links .child span {display:flex;margin:auto;font-size:16px;width:100%;background:#fff;padding:15px}

.slider_links .child .cat_brand {background-color:#fff}
.slider_links .child .cat_brand div {width:120px;height:80px;}
.slider_links .child .cat_brand img {height:auto;filter:none;max-width:100%;}

.all_classifieds {clear:both;display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 25px 8px;}
			
.product {
	position: relative;
	background: #fff;
	font-family: Poppins;
	padding: 6px;
	border-radius: 10px;
}

.product .atts{margin:0}

.slider_links ul::-webkit-scrollbar,
.slick-track::-webkit-scrollbar
{
    -webkit-appearance: none;
	height:11px;
}

.slider_links ul::-webkit-scrollbar-thumb,
.slick-track::-webkit-scrollbar-thumb
{
    background-color: #ccc;
    border-radius: 10px;
}
.slider_links ul::-webkit-scrollbar-track,
.slick-track::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #eee;
}

.product:hover {z-index:2;/*box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.2);*/}

.product .p_sponsor{background:#23395b;color:#fff;margin:0;padding:3px 8px;position:absolute;top:2px;left:2px;z-index:1;font-size:0.8em;border-top-left-radius:5px;border-bottom-right-radius:5px}

.product div.prod_img {position:relative;height:385px;cursor:pointer}

.product img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.product.used_product img {
	width: 100%;
	object-fit: cover;
	height: 100%;
	text-align: center;
	max-width: 100%;
	max-height: 100%;
}

.ttipprice {
	color: #bbb;
	font-size: 11px !important;
	margin-left: 3px;
	border: 1px solid #bbb;
	border-radius: 15px;
	cursor: pointer;
	font-weight: 700;
	display: inline-flex;
	top: -6px;
	width: 20px;
	height: 20px;
	z-index: 1;
	font-family: "Open Sans", sans-serif;
	align-items: center;
	justify-content: center;
}

#suggestion_products_results .product div.prod_img {height:250px}
#suggestion_products_results .product img {max-height:250px}

@media (max-width: 767px){
	.product div.prod_img {position:relative;height:250px;cursor:pointer}
	.product img {max-height:250px;max-width:100%;}
}
			
.product div.prod_img {border-radius:6px;overflow:hidden}
.product div.prod_details {padding:2px 2px 0 5px}

.product .title{font-size:15px;color:#3F3F3F;height:auto;line-height:21px;overflow:hidden;display:block;font-weight:600;margin:0 0 5px}
.product .brand{display: inline-block;
  font-size: .8em;
  border: 0;
  margin: 5px 0 9px;
  border-radius: 6px;
  padding: 2px 10px 4px;
  background: #eee;}

.product .price{display:inline-block;font-weight:600;font-size:18px;color:#23395b;margin:8px 0}

.product .pricepc{background:#fff;font-size:14px;color:#23395b;padding:2px 5px;border-radius:6px;position:absolute;left:8px;top:226px;border:1px solid #23395b;font-weight:600;transition:color 0.1s ease, background 0.1s ease}
.product:hover .pricepc{color:#fff;background:#23395b}

.product .atfav{position:absolute;right:10px;top:20px;opacity:0;transition:all 0.12s ease;background:#FFF;border:1px solid #ccc;color:#000;border-radius:20px;width:35px;height:35px;align-items:center;display:flex;justify-content:center}
.product:hover .atfav{opacity:1;top:10px}
.product .atfav:hover {border:1px solid #fff;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.17)}
				
.rev{font-size:12px;height:14px}

.star-ratings-css-block {
  color:#c5c5c5;
  font-size:var(--size);
  height:var(--size);
  width:max-content;
  margin:-8px 0;
  position:relative;
  display:inline-block;
} 
.star-ratings-css-block::before { 
  content:'★★★★★';
  opacity:.3;
}

.star-ratings-css-block::after {
  color:#ffa41c;
  content:'★★★★★';
  position:absolute;
  z-index:1;
  display:block;
  left:0;
  top:0;
  overflow:hidden;
}

.star-ratings-css-block::after {width:var(--score)}

.freeshipping {
	font-size: 11px;
	display: block;
	background: #D4E9D7;
	padding: 3px 6px;
	font-weight: bold;
	border-radius: 16px;
	margin:0 0 7px;
	width: max-content;
}

.product .s4adok {
	/* color: #fff; */
	background: #e7fbe6;
	border-color: #e7fbe6;
	opacity: 1;
	top: 10px;
}

.textebarre{margin-left:12px;padding:0 2px;top:-1px;font-size:16px;position:relative;font-weight:400}
.textebarre::before {content:"";position:absolute;left:0;top:50%;right:0;border-top:1px solid #909090;border-color:inherit;-webkit-transform:-16deg;
    -moz-transform: -16deg;
    -ms-transform: -16deg;
    transform: -16deg;
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}

.a_article{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;text-align:center;cursor:pointer;overflow:hidden;}
.a_pos_article{position:absolute;bottom:20px;left:6%;right:6%}
.a_article .p_sponsor{position:relative;width:max-content;margin:0 0 10px}
.a_article .title{height:auto;text-align:left;background:rgba(255,255,255,0.8);padding:5px;border-radius:5px}
.a_article img{max-width:100%;max-height:100%;object-fit:cover;width:100%;height:100%}

.pagination{text-align:center;padding:0;font-size:.9em;margin:0 0 40px}
.pagination li{display:inline-block;border:1px solid #aaa;cursor:pointer;border-radius:25px;padding:24px 24px;margin-right:5px;background:#FFF}
.pagination li.active {background:#23395b;border-color:#23395b}
.pagination li.next-page{padding:26px 60px}
.pagination li a {position:absolute;transform:translate(-50%,-50%);padding:20px}
.pagination li.active a {color:#FFF;font-weight:700}
.pagination li:last-child{background:#23395b;border:0;font-weight:700;margin:10px 0 0}
.pagination li:last-child a{color:#FFF}
.pagination li:not(:last-child):not(.previous-page):hover {background:#23395b;border:0;padding: 25px 25px}
.pagination li:not(.previous-page):hover a {color:#FFF}

#page_short_desc, #page_long_desc {font-size:14px;line-height:22px;font-family:"Poppins";transition: all 0.8s ease;}
#page_long_desc h2 {margin:0 0 20px}
#page_short_desc a,#page_long_desc a{color:#23395b;padding:0 2px 0px;border-bottom:1px solid #23395b}
#view_more {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 140px 0 7px 0;
	background-image: linear-gradient(to bottom,transparent,#fff);
}
.bg_beige #view_more{background-image: linear-gradient(to bottom,transparent,#f5f3ee);}
#page_short_desc *, #page_long_desc * {line-height:24px}
#view_more button{
cursor:pointer;
background: #23395b;
padding-right: 30px;
padding-left: 30px;
text-decoration: none;
color: #fff;
border: 0;
border-radius: 28px;
height: 30px;
margin: 15px;}
	
/*brand*/
.title_long_desc {font-size:32px;font-weight:bold;}
.title_brand_center {font-size:32px;font-weight:bold;text-align:center;width:100%;}
.brand_links p{text-align:center;font-weight:bold;margin:0;}
.brand_links {margin: 0 10px 20px 10px;text-align:center;
	font-family:"Poppins";
	font-weight:600;
}
.brand_links img{mix-blend-mode: multiply;}		/* Fond blanc transparent	*/

.flex-col {display:flex;flex-flow:column wrap;justify-content:space-between}
.flex-row {display:flex;flex-flow:row wrap;justify-content:center}
.brand_links {/*width: 180px;*/display: inline-block;/*flex-basis:18%*/}
.brand_name {display:flex;flex-flow:row;align-items:center}
.brand_name img {height:75px;margin-right:20px;mix-blend-mode: multiply;}
.flex-row .social{flex-basis:50%;}
.long_desc h2{margin:25px 0 18px}
.long_desc p{margin:0 0 10px}

figure{margin:0;background:#fff;border:1px solid #E8E8E8;border-radius:7px;padding:5px 0 12px}
figure > picture {width:120px;height:120px;display:inline-flex}

#les_occasions{margin-top:20px}
#les_occasions .slick-slider{bottom:38px}
#les_occasions .header {
color: #fff;
margin: 15px 0 30px;
font-size: 30px;
font-weight: 700;
font-family: Segoe UI,Helvetica,Arial,sans-serif;
padding: 20px;
border-radius: 8px;
}

#les_occasions .btn {
display: inline-block;
padding: 15px 30px;
font-size: 20px;
background: #f9f6c3;
color: #4cbe83;
}

.product .p_sponsor.p_o{background:#4cbe83}

#les_occasions .product{min-height:360px;border-radius:5px}

#les_occasions .btn{position:absolute;top:15px;right:15px;transition:all 0.1s ease}
#les_occasions .btn:hover{box-shadow:inset 0px 0px 5px 0px #666}

.used_products {background: transparent;box-shadow: none;border: 0;padding:0;}
.used_products .h_prod {display: flex;min-height:175px;padding: 8px;}
.used_products .h_prod div.prod_details {position:relative;width: 60%;}
.used_products .h_prod .title {height:auto}
.used_products .h_prod .atts {height:auto;font-size:11px;}
.used_products .h_prod .rev {margin:1px 0 5px}
.used_products .h_prod div.prod_img{width:40%;height:auto;overflow: hidden;}
.used_products .h_prod .pricepc{top:auto;bottom:-6px;right:15px}
.used_products .h_prod .freeshipping{position: absolute;bottom: 0;left: -4px;}

.used_products .see_used_products {
margin: 20px auto 0;
display: flex;
padding: 8px 20px;
border:1px solid #4cbe83;
background: #4cbe83;
color:#FFF;
border-radius: 41px;
text-align: center;
width: max-content;
font-size: 0.9em;
transition:all 0.15s ease-in-out;
}

.used_products .see_used_products:hover {background:#fff;color:#4cbe83;}

@media (min-width: 992px){
	.all_classifieds {
		grid-template-columns:  repeat(3, minmax(0, 1fr));
		grid-gap: 50px 10px;
	}
}

@media (min-width: 1200px){
	.all_classifieds {
		grid-template-columns:  repeat(4, minmax(0, 1fr));
		grid-gap: 35px 15px;
	}
	
	.all_classifieds_3 {
		grid-template-columns:  repeat(3, minmax(0, 1fr));
		grid-gap: 15px 7px;
	}
}

@media (min-width: 600px){
	.s_filter{width:200px}
	.freeshipping{display:inline-block;vertical-align: text-top;margin:0 0 0 10px}
	.product .pricepc{left:10px;top:347px;font-size:16px;padding:6px 9px}
	#suggestion_products_results .product .pricepc {top: 185px}
}

/* XXXS */
@media (max-width: 375px){
	.textebarre{font-size:14px}
}

/* s */
@media (max-width: 900px){
	#les_occasions .header{padding-top:105px}
	#les_occasions .btn
	{
		left:15px;right:15px;	
	}
}

/* xs */
@media (max-width: 767px){
	.brand_name img {height:55px;margin-right:10px;width:auto}
	.product .atfav{opacity:1;top:5px;right:5px}
	
	#page_short_desc{
	  border-radius: 0 0 15px 15px;
	  position: relative;
	  overflow: hidden;
	  max-height: 170px;
	  display: block;
	}
}


.second_life_icon{position:absolute;left:10px;top:10px;transition:all 0.12s ease;background:#FFF;border-radius:20px;width:fit-content;height:24px;align-items:center;display:flex;justify-content:center;padding:0 8px 0 5px;z-index:1;font-size:13px;}

.h_offers {
	width:100%;
	clear:both;
	float:left;
	border-radius:5px;
	position:relative;
	padding:15px;
	display:flex;
}

.glider-slide.product{text-align:left;margin:0 10px 0 0 !important;background:#fff;border-radius:5px;overflow:hidden;}

.glider-slide {min-width:inherit}
.h_offers.glider{padding:5px 0 5px 5px}
.h_offers .lc{width:320px;min-width:320px;padding:10px 5px 20px 20px;flex:0 0 320px}
.h_offers .lc div{color:#fff;margin-top:15px;font-size:30px;font-weight: 700;font-family:Segoe UI,Helvetica,Arial,sans-serif;}
.h_offers .panel-body{display:inline-flex;border-radius:5px;padding: 0 0 5px 5px;}
.h_offers ul{list-style:none;color:#FFF;padding: 0 0 0 10px}
.h_offers ul li{margin: 0 0 5px}
.h_offers .btn{padding:15px 30px;width:fit-content;}

.glider-next.disabled, .h_offers .glider-prev.disabled{opacity:0.1}
.yellow{color:#f9f6c3;margin: 6px 0 3px;}

/* SM */
@media (max-width: 1280px){
	.h_offers {width:100%}
}

/* XS */
@media (max-width: 767px){
	.h_offers {width:100%;border-radius:0}
	.h_offers {display:block;padding:15px 0 15px 15px}
	.h_offers .panel-body{display:block;}
	.h_offers .lc {width: 100%;min-width: 100%;padding: 0px 0 0 0;}
	.yellow {
		color: #f9f6c3;
		margin: 6px 0 3px;
	}
	.h_offers ul{padding:0}
	.h_offers ul li{margin:0 0 5px;display:inline-block;width:50%;vertical-align:top;font-size:12px}
	.h_offers .lc div{color:#fff;margin-top:8px;font-size:25px}
}