.clear{float:none;clear:both;width:0;height:0;} 
#header ul, .header-body ul, footer ul, .panier-wrapper ul,.ongle-logging ul, .conteneur-categ  ul {margin:0;padding:0;}
		#header ul li,footer ul li, .form-prestation ul li, .panier-wrapper ul li, .ongle-logging ul li ,.header-body li,.conteneur-categ li {list-style:none;margin:0;padding:0;}
a{border:none;outline:none;text-decoration:none;color:inherit;}
a:focus, a:hover{text-decoration:none;outline:none;color: #fe3f51}
.stretched-link:after{position: absolute;left: 0;top:0;bottom: 0;right: 0;z-index: 9}
button:focus, select:focus, input:focus{outline:none;}
img{border:none;max-width:100%;}
strong{font-weight:700}
body{font-family:"sofia-pro", Arial;color:#333333;font-size:13px;line-height: 1.2;}
	.big-wrapper{background:#ffffff;overflow-x: hidden;}
		.bg-blanc{background-color:#ffffff;}
select{-webkit-appearance:none; -moz-appearance:none;appearance:none;-ms-appearance:none;-o-appearance:none;cursor:pointer}
/**remove select apparence IE****/
select::-ms-expand {display: none;}
.montserrat {font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;font-weight: 400;
  }
.opacity-hover:hover{
	filter:brightness(110%);
	-moz-filter:brightness(110%);
	-webkit-filter:brightness(110%);
	-ms-filter:brightness(110%);
	-o-filter:brightness(110%);
	}
.color-vert{color:#8dc63f!important}     
.color-white{color:#ffffff!important}
.color-bleu{color:#0070BA!important}
.color-rouge{color:#fe3f51!important}
.color-primary-s, .color-pink-s{color:#fe3f51!important} 
.color-dore{color:#b78741!important}
.text-grey{color:#828282!important}
.bg-white{background:#ffffff!important}
.color-black-s{color: #282828!important;}
.bg-primary-s{background-color: #fe3f51!important;}  
.bg-black-s{background-color: #282828!important;}
.bg-green-s{background-color: #81C15B!important;}
.btn-link.bg-green-s:hover {background-color: #a6ee7c!important;}
.btn-panier.bg-green-s:hover{background-color: #333!important;}

.font-13{font-size: 0.688rem;}
.font-14{font-size: 0.875rem;}
.font-15{font-size: 0.825rem;}
.font-16{font-size: 0.875rem;}
.font-18{font-size: 1rem;}
.font-19{font-size: 1.063rem;}
.font-20{font-size: 1.15rem;}
.font-21{font-size: 1.2rem;}
.font-22{font-size: 1.325rem;} 
.font-23{font-size: 1.35rem;}
.font-24{font-size: 1.25rem;}
.font-26{font-size:1.425rem;}
.font-28{font-size: 1.625rem;}
.font-29{font-size: 1.725rem;}
.font-black{font-weight: 900!important}
.font-medium{font-weight: 500!important;}
.font-regular{font-weight: 400!important;}
.font-semi-bold {font-weight: 600!important;}
.menu-mob-overlay{background:rgba(26,26,26,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99; display:none}
.menu-overlay{background:rgba(0,0,0,0.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99;}
.line-through,.line_through {text-decoration:line-through}
	.visible-980{display:none}
	.visible-992{display:none}	
.clear-float::after{content:""; display:block; clear:both}
.pi-uppercase{text-transform:uppercase}
.h1-index{position: absolute;font-size: 0;height: 0;width: 0;overflow: hidden;}
.transition-bgcolor,button , .btn-link{ -webkit-transition: background-color 0.5s ease-out;-moz-transition: background-color 0.5s ease-out;-o-transition: background-color 0.5s ease-out;transition: background-color 0.5s ease-out; -spec-transition: background-color 0.5s ease-out;}
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1400px;}
.stat, .stat img, .opti, .opti img {position: absolute;left: 0;height: 0;top: -9000px;} 	
.p-nomargin p{margin: 0;}
.just-one .swiper-pagination span, .just-one .swiper-pagination{display:none!important}
 .just-one .swiper-wrapper {transform: none!important;}
 /* Bandeau Admin */
 #bandeauAdmin{position:fixed;z-index:99999;width:100%;padding:0 10px;color:#FFFFFF;top:0;background:#fe3f51; font:13px "Montserrat"}
 div#bandeauAdmin.bandeauAdminV1 {background: #000;}
 #bandeauAdmin.bandeauAdminV2{background-color:#fe3f51} 
 #bandeauAdmin a{color:#ffffff;}
	 .bandeauAdminLeft{float:left;}
		 .bandeauAdminLogo{float:left;}
		 .bandeauAdminHello{float:left;margin:12px 25px 0 25px;font-size:14px;}
			 .bandeauAdminHello strong{font-size:14px}
	 .bandeauAdminRight{float:right;}
		 .bandeauAdminR{float:left;margin:10px 0 0 25px;}
		 .bandeauAdminVersion{position:relative;float:left;}
			 .bandeauAdminVersion > a{display:block;padding:10px;font-weight:700;}
			 .bandeauAdminM{position:absolute;top:100%;left:0;background-color:#fe3f51 ;width:160px;border-top:1px solid #fff;list-style: none;}
				 .bandeauAdminM a{display:block;padding:10px;}
 @media only screen and (min-width:520px) {
	 .bandeauAdminR { width:220px}
 }				
 @media only screen and (max-width:860px) {
	 .bandeauAdminLogo{display:none;}
	 .bandeauAdminHello{margin:7px 0 0;}  
 }
 @media only screen and (max-width:767px) {
	 .bandeauAdminLeft{display:none;}
	 .bandeauAdminRight{width:100%;}
		 .bandeauAdminR{float:right;}
 }
 @media only screen and (max-width:520px) {
	 .bandeauAdminR a i{font-size:20px;}
	 .bandeauAdminR a span{display:none;}
	 .bandeauAdminR{margin-top:5px}
} 
.texte_header_swiper .swiper-slide:not(.swiper-slide-active) {opacity: 0!important;}

/*=====================================
 				COMMUN
 =======================================*/
.header-sticky {background-color: #282828;}
.header-body {position:relative;z-index:10;}

	.admin-index {padding: 9px 0;max-height: 36px;overflow: hidden;}
.admin-index p{margin:0}
#header{padding: 2px 0;position: relative;
	transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
	
	.logo{text-align: center;padding: 10px 0;}
	.visible-mobile{display:none}
	.visible-mobile-767{display:none}
		.logo img{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;}
	.text-perso-header{font:14px "sofia-pro"; height:14px}

		.li-m980{display:none}
		.other-link-top li{float: left;padding: 0 10px!important; width:33.333%; text-align:center}
		.other-link-top a.link-other {display: block;margin:0;height: 38px;width: 40px;text-align: center;font-size:12px; color:#333333}
		
			.compte-link {background:url("template-ico_compte.svg") no-repeat scroll center ;filter: brightness(3000%);-ms-filter: brightness(3000%);-webkit-filter: brightness(3000%);}
			.favoris-link {background:url("template-ico_favoris.svg") no-repeat scroll center;filter: brightness(3000%);-ms-filter: brightness(3000%);-webkit-filter: brightness(3000%);}
			.searchF-link {background:url("template-ico_searchF.svg") no-repeat scroll center;filter: brightness(3000%);-ms-filter: brightness(3000%);-webkit-filter: brightness(3000%);}
			.panier-link{position: relative;}
			.panier-link span {background:url("template-ico_cart.svg") no-repeat scroll center ;position:relative;filter: brightness(3000%);-ms-filter: brightness(3000%);-webkit-filter: brightness(3000%);display: block;height: 100%;}

			.other-link-top a.link-other:hover,.other-link-top a.link-other.panier-link:hover span {filter: brightness(100%);-ms-filter: brightness(100%);-webkit-filter: brightness(100%);}
			.nbre-panier {background-color: #E5385D;border-radius: 100%;color: #ffffff;font: 12px "sofia-pro";height: 19px;margin-top: -20px;padding-top: 0px;position: absolute;right: -5px;top: 50%;width: 19px;/*display: none;*/}

			
				.search-top {position: relative;max-width: 675px;margin: auto;}
				.s-text{width:100%;border:none;padding:0 10px 0 45px;color:#1C1C1B;font:15px 'sofia-pro';height:45px;background-color:#fff; border-radius: 24px;}
					.s-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #1C1C1B;opacity:1; }
					.s-text::-moz-placeholder  { /* Firefox 19+ */color: #1C1C1B;opacity:1;}
					.s-text:-ms-input-placeholder { /* IE 10+ */color:  #1C1C1B;opacity:1;}
					.s-text:-moz-placeholder { /* Firefox 18- */color:  #1C1C1B;opacity:1;}
						.s-submit{position:absolute;top:0;left:0;height:45px;width:45px;border:none;background:url('template-ico_search.svg') no-repeat center;z-index:1;}
						

		
	.texte-perso-s{ font:12px "sofia-pro";text-align:center}

	
.menu-mobile {float: right;width: 30%;display:none; margin-top:10px}
	.menu-mobile > div {float: left;text-align: center;width: 50%;}
		.menu-mobile-bloc a {display: inline-block;position: relative;max-width:52px; text-align:center}
		.menu-mobile-bloc span {margin-top: 2px;font:700 13px "Montserrat";text-transform: uppercase;color: #ffffff;}

		
.menu-mobile-bloc {position: absolute;left: 0;   top: 50%;transform: translate(0, -50%);z-index: 9;display: none;}
	.close-menu-mob {display: none;position: absolute;color: #fff;font-size: 27px;right: -35px;top: -2px;z-index: 1;}
.span-menu-mob {display: none;position: absolute;font: 12px "sofia-pro";left: 0;top: 0;z-index: 1;text-transform: uppercase;width: 100%;padding: 10px 15px;border-bottom: 1px solid #010101;}
	span.span-menu-mob i {display: block;font-size: 19px;}

	/***********panier deroulant *********/
	.panier-deroulant {position: absolute;right: 0;width: 410px;transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;visibility:hidden;padding-top: 23px;    z-index: 9;text-align: left;}
	.focus .panier-deroulant {opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

	.livraison-offert-panier {padding: 10px 0;color: #8DC63F;text-align: center;font: 16px "sofia-pro";line-height: 20px;}
	
	.prix-der-tot {font: 15px "sofia-pro";color: #fe3f51;}
	.tot-lib-der{text-transform:uppercase; font-size:11px}
	.panier-der-bit {min-height: 67px;}
	.menu-top {position: relative;z-index: 99;}
	.max-200{max-height:216px; overflow-x:hidden!important; overflow-y:hidden}
	.max-100{max-height:100px; overflow-x:hidden!important; overflow-y:hidden}
	
	.content-panier-deroulant{background-color: #fff;color: #000;padding:15px;top: 100%;z-index: 99; -webkit-box-shadow: 2px 5px 8px 4px rgba(0,0,0,0.15);-moz-box-shadow: 2px 5px 8px 4px rgba(0,0,0,0.15);box-shadow: 2px 5px 8px 4px rgba(0,0,0,0.15);}
	.content-panier-der {max-height: 290px;overflow:hidden}
		.deroulant-panierBit {border-bottom: 1px solid #E5E5E5;padding: 15px 0;position: relative;}
		
			.image-panier-der {display: inline-block;width: 84px;padding-right:8px}

				.detail-panierBit {display: inline-block;vertical-align: middle;width: 280px;padding-left: 15px;}
					.detail-panierBit > a {display: block;font: 13px "sofia-pro";max-width: 93%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:left; text-transform:uppercase; color: #333}
					.detail-bottom {margin-top: 15px;}
				
					.px-deroulant-panier {display: block;float: right;font: 14px "sofia-pro";color: #fe3f51}
					.delete-derbit {background: #333  ;border: none;color: #fff ;display: block;padding: 2px 0;position: absolute;right: 0;text-align: center;top: 9px;width: 20px;z-index: 99;font-size: 21px;line-height: 20px}
					.delete-derbit:hover {background: #fe3f51 }
			.panier-bottom {padding: 10px 0;}
			.autre-frais {margin: 8px 0;}
				.autre-frais > span {display: block;float: left;}
				.autre-frais > strong {display: block;float: right;font: 13px "sofia-pro";}
				.autre-frais > .total-panier-der {color: #fe3f51  ;font: 16px  "sofia-pro";}
			.commander-btn-panier {background: #81C15B; color: #fff!important;display: block;font:600 0.875rem "montserrat"; margin: 0 auto 10px;padding: 13px 10px;text-transform: uppercase;text-align:center; border:none}
			.commander-btn-panier:hover{background:#90df63; filter:none; -webkit-filter:none} /* meme survol que le bouton Commander du panier (.valid-cde-btn) - 08/10/2026 */
			
/*****IIE STYLE*******/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) , (-ms-high-contrast: black-on-white) {
	.av-box > a{min-width:200px}
	.av-4 > a{min-width:230px}	
}
@media only screen and (min-width:1250px) {
	.search-top{margin-left: 25%;}

}
/*=================================
			NAVIGATION
==================================*/
.lien-nouv{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);z-index: 9; padding: 5px 0; font-size: 11px; text-transform: uppercase;display: inline-block;}
.lien-instit-nav{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);display: inline-block;z-index: 9; padding: 5px 0; font-size: 11px; }
.navigation{background-color:#fff;position:relative; z-index:1;border-bottom: 1px solid #b3b3b3; }
.navigation >.container{position: relative;}
		li.navItem {padding: 0 15px}
			
			
				a.navLink{display:block;color:#333333;font:700 1rem "sofia-pro";padding: 19px 5px;position:relative; z-index:999; text-transform:uppercase;}
				li.navItem:hover >a.navLink{color:#fe3f51!important;}
			
				
		.subMenu{position:absolute;background-color:#ffffff;width:100%;top:100%;left:0;z-index:9999;padding:30px;border-top:1px solid #e5e5e5;display:none; text-align: left;border-bottom:1px solid #e5e5e5}
		li.navItem:hover .subMenu{display:block}
			
			.sub-cat-lib{margin-bottom:20px;}
				.sub-cat-lib span{color:#4a79c6;font:20px 'sofia-pro';text-transform:uppercase;}
				.sub-cat-lib em{color:#333333;font:12px 'sofia-pro';}
			.sous-menu-cat >ul{padding-bottom:20px; position:relative; z-index:1}
				.content-btn-sub {position: absolute;width: calc(100% - 30px);bottom: 0;left: 15px;}
				
				.sous-menu-cat-lib{color:#E21414;font:15px "sofia-pro";text-transform:uppercase;margin-bottom:10px;}
				.sous-menu-catBit > ul >li{margin-bottom: 10px}
				.sous-menu-catBit >ul> li a.ss-link{color:#333333;font:11px "sofia-pro"; text-transform:uppercase}
					.sous-menu-cat ul li a:hover{color:#fe3f51;}
					
					.ss-menu2 {margin-left:15px; margin-top:5px}
						.ss-menu2 li a{font:11px "sofia-pro"; color:#6e727f; display:inline-block; padding:3px 0;}
				.sous-menu-catBit{float:left; width:33.3333%; padding-right:15px}
			.submenu-lientop{margin-top:8px}
			.lien-top-sub{display:inline-block; min-width:225px; text-align:center; font:14px "Montserrat"; text-transform:uppercase; color:#ffffff; padding:12px 10px; background-color:#b78741; vertical-align:middle; margin-left:5px}
			.menu-promo{position:absolute; right:10px; bottom:20px}
				.article-menu .article-prix {width: 100%;text-align: left;}
					.article-menu .article-prixpromo {display: inline-block;vertical-align:middle}
					.prix-magasin {color: #808080;padding-left: 5px;display: inline-block;vertical-align: middle;}
					.article-menu  .article-pictopromo strong {padding: 12px 5px;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;width: 60px;height: 60px;position:relative; z-index:9}
					.article-menu .article-pictopromo {max-width: 65px;background: none;padding-right: 0;}
				.article-pictopromo.menu-promo::before {content: "";background-color: #3CC7A8;width: 23px;height: 29px;position: absolute;bottom: 0;z-index: 1;left: 0px;}

.ul-list li{margin-bottom:5px}
.ul-list li a{color:#1C1C1B; font:400 13px "Montserrat"}
.ul-list li a:hover{color: #fe3f51;}
.menu-overlay {background: rgba(45, 45, 44, 0.5);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9;}

	
.page-content {position: relative;z-index: 1;}
.page-index .texte-promo{display:block}
.page-index .texte-promo.visible-mobile,.page-index .hidden-index {display:none!important}
.titre-ss-menu{font:600 22px "Montserrat"; padding-bottom:15px; text-transform:uppercase; color: #fe3f51;}
.nav-fixed{display:none}
.visible-panier-fixed{display:none}
@media only screen and (min-width:992px) {	
.ss-menu-categ {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
	.ssmenu-Bit {-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;border-right: 1px solid #ccc;padding: 0 15px;}
	.ssmenu-Bit:last-child {border-right: none;}	
	.ssmenu-Bit:nth-last-child(2) {border-right: none;padding-bottom: 10px;position: relative;}	
	.ssmenu-Bit ul {margin-bottom: 31px;}
	.navLink::before {content: "";width: 100%;height: 100%;position: fixed;background: rgba(51,51,51,0.3);left: 0;z-index: 9;display:none; top:210px}

			a.navLink::after {height: 3px;content: "";background: rgba(0,0,0,0);position: absolute;left: 0;bottom: 0px;width: 100%;}
			li.navItem:hover a.navLink::after{background:#fe3f51}
			.subMenu.nosub-hide {display: none !important;} 
} 

/*****header clone******/
@keyframes slide-down-rotated {
    0% {
        transform: translateX(-20px) translateY(-120%) rotate(-7deg);
        transform-origin: left top
    }

    to {
        transform: translateY(0);
        transform-origin: left top
    }
}

@keyframes slide-down-rotated-right {
    0% {
        transform: translateY(0);
        transform-origin: right top;
        animation-timing-function: ease-in
    }

    50% {
        transform: translateY(-50%) rotate(2deg);
        transform-origin: right top;
        animation-timing-function: ease-out
    }

    to {
        transform: translateY(-120%) rotate(0deg);
        transform-origin: right top;
        animation-timing-function: ease-out
    }
}
.header-clone{display: none;}
@media only screen and (min-width:1250px) {
	.header-clone{display: block;}
	.header-clone .header-sticky, [class^=page-cde-old] .header-clone .header-sticky,.page-article-old .header-clone{position:fixed;width:100%;left:0;top:0;z-index:20;border-bottom: 1px solid #E5E5E5;     transform: translateY(-120%);-webkit-transform: translateY(-120%);-ms-transform: translateY(-120%);transition: all 0.7s ease;}

		.headerFixed .header-sticky{animation: slide-down-rotated 0.7s ease forwards;}

	.header-clone.header--unstick .header-sticky {animation: slide-down-rotated-right 0.3s ease forwards;		}
	.admin_connexion .header-clone.headerFixed, [class^=page-cde-old].admin_connexion .header-clone ,.page-article-old.admin_connexion .header-clone  {top:35px}
	.header-clone.header-top,  [class^=page-cde-old] .header-top , .page-article-old  .header-top {
		/*display: none!important;*/height: 0px;overflow: hidden;padding-top: 0px;padding-bottom: 0px;padding-top: 0 !important;padding-bottom: 0 !important;}
		.header-clone .logo, [class^=page-cde-old] .logo ,  .page-article-old .logo {text-align: left;}
				.header-clone  .logo img, [class^=page-cde-old]  .logo img , .page-article-old .header-clone .logo img {max-width:200px;transition:width 0.5s ease;-webkit-transition:width 0.5s ease;-moz-transition:width 0.5s ease;-o-transition:width 0.5s ease;-ms-transition:width 0.5s ease;}
			.header-clone #header, [class^=page-cde-old]  #header, .page-article-old #header   {
			transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;padding-top: 3px;padding-bottom: 3px;}
		.header-clone .navigation,  [class^=page-cde-old] .header-clone	.navigation, .page-article-old .header-clone  .navigation{position: relative!important;opacity: 0; width: 100%;max-width: 100%;visibility: hidden;height: 0;}	
		[class^=page-cde-old] .navigation.open-mob, .headerFixed .navigation.open-mob , .page-article-old .navigation.open-mob {opacity: 1;height: auto;visibility: visible;}
		[class^=page-cde-old] .left-search,.header-clone .left-search , .page-article-old .left-search {position: absolute;right: 0;top: 100%;transform: translateY(20px);-webkit-transform: translateY(20px);-ms-transform: translateY(20px);visibility:hidden;padding: 15px;background-color: #282828;border-top: 2px solid #e6e6e6;width: 0;height: 0;}
 
		[class^=page-cde-old] .left-search.open-sticky,.header-clone .left-search.open-sticky,  .page-article-old  .left-search.open-sticky{opacity: 1;visibility:visible;transform: translateY(0);-webkit-transform: translateY(0);max-width: 400px;width: 100%;height: auto;}
			[class^=page-cde-old] .left-search.open-sticky 	.search-top,.header-clone .left-search.open-sticky 	.search-top, .page-article-old .left-search.open-sticky 	.search-top {margin-left: 0%;}
		[class^=page-cde-old] .left-logo,.header-clone .left-logo, .page-article-old .left-logo  {flex: 0 0 70%;}
		[class^=page-cde-old]  .other-link-top li, .header-clone  .other-link-top li, .page-article-old .other-link-top li {width: 25%;padding: 0 5px!important;}
		[class^=page-cde-old]  .other-link-top a.link-other,.header-clone  .other-link-top a.link-other, .page-article-old .other-link-top a.link-other, .headerFixed  .other-link-top a.link-other.panier-link span, .page-article-old .other-link-top a.link-other.panier-link span{background-size: 30px;} 
		[class^=page-cde-old] .font-fixed-change,.header-clone .font-fixed-change, .page-article-old .font-fixed-change  {font-size: 16px;}
		[class^=page-cde-old] .menu-mobile-bloc,  .header-clone .menu-mobile-bloc, .page-article-old .menu-mobile-bloc  {display: block;left: 300px;}
		.pr-pro{padding-right: 3rem!important;        margin-left: -0.875rem !important;}
		
		.header-clone .visible-panier-fixed, [class^=page-cde-old] .visible-panier-fixed,  .page-article-old .visible-panier-fixed {display: block;}  
		.sub-menu-top .container {max-width: 1610px;margin-left: auto;margin-right: 0;padding-right: 2rem !important;}
	} 
@media only screen and (min-width:1800px) {
	.pr-pro{padding-right: 8rem!important;margin-left: -3rem !important;}    
	}
@media only screen and (min-width:1024px) {
	.navigation{display:block!important;transition: all 0.7s ease;}
	.old .padding-body, [class^=page-cde-old] .big-wrapper, .page-article-old .big-wrapper  {padding-top:58px}
	.liste-article .pi-row {margin: 0 -8px;}
	
}
@media only screen and (min-width:993px) {
	.ssmenu-Bit ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 5px;}   
	/*.grid-categorie-index .px-lg-perso:nth-child(n+9) {display: none;}*/
}
.pr-pro a:hover{color: #fe3f51!important;}
.texteperso-index {background: #000;padding: 8px;}

/*====================================
			SLIDER
======================================*/
.conteneur-slider{position:relative; z-index:1; text-align:center}
.conteneur-slider .abs-pagination {transform: translateX(-50%);}
.slide-texte-perso {position: absolute;height: 100%;width: 100%;max-width: 428px;top: 0;z-index: 1;color: #ffffff;font-size: 27px;text-transform: uppercase;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;flex-direction: column;-ms-flex-direction: column;justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;  -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;align-items: center; -webkit-box-align: center;-ms-flex-align: center; left:30px}

.conteneur-slider .swiper-pagination {padding: 10px 0;position: relative;bottom: 0!important;}
	.conteneur-slider  .container{position:static} 
.content-ab {position: absolute;top: 50%;width: 100%;left: 0;text-align: center;transform: translate(0,-50%);}
	.description-carou {font:700 2rem "sofia-pro";width: 80%; max-width: 980px;padding: 0;text-align: center;margin:0 auto; padding-left:10px}
	.description-carou p{margin:0 0  10px 0;text-transform:uppercase;color: #000;}
		.btn-link{display: block; background-color: #282828; font:400 1rem  "Montserrat";color: #fff;text-align: center; padding:1rem 10px; text-transform: uppercase;max-width: max-content;margin: auto;-webkit-transition: background-color 0.5s ease-out;
			-moz-transition: background-color 0.5s ease-out;
			-o-transition: background-color 0.5s ease-out;
			transition: background-color 0.5s ease-out; -spec-transition: background-color 0.5s ease-out; }
		.description-carou a{display: block; background-color: #282828; font:400 1rem  "Montserrat";color: #fff;text-align: center; padding:1.25rem 10px; text-transform: uppercase;max-width: 42%;margin: auto;-webkit-transition: background-color 0.5s ease-out;
			-moz-transition: background-color 0.5s ease-out;
			-o-transition: background-color 0.5s ease-out;
			transition: background-color 0.5s ease-out; -spec-transition: background-color 0.5s ease-out; }
			.max-btn-sm{max-width: 200px!important;width: 100%;}
			.min-btn-sm{min-width: 200px!important;}
			.max-wbig{max-width: 390px!important;font-weight: 400;}
			.btn-link.bg-white-opacity{background-color: rgba(255,255,255,0.5);color:#282828}
		.btn-link:hover,.btn-link:focus,.description-carou a:hover,.description-carou a:focus {background-color: #fe3f51;color:#ffffff; text-decoration: none!important;}
		.btn-link.bg-white-opacity:hover,.btn-link.bg-white-opacity:focus {background-color: #fe3f51;color:#ffffff!important;}
		.btn-link.py-btn{padding-top:1.063rem;padding-bottom:1.063rem;}
	.table-carou {display: table;height: 100%;width: 100%;}
			.tablecell-carou {display: table-cell;vertical-align:middle}
			.contenu-decs-bg {background: rgba(255, 255, 255, 0.5);padding: 3.75rem 1.25rem;}
			.bg-white-opac{background-color: rgba(255,255,255,0.7);width: 80%;height: 70%;}
			.description-carou a{margin-top:-20px}
@media only screen and (min-width:993px) {
	.description-carou a{min-width: 250px;}
	.slider-item.swiper-slide.swiper-slide-visible.swiper-slide-active img {transform: scale(1);opacity: 1;} 
	
	.conteneur-slider img {transform: scale(1.25);transition: all ease 0.85s;opacity: 0;}
	.px-lg-perso{padding-left: 8px!important;padding-right: 8px!important;}
	.mx-lg-perso{margin-left: -8px!important;margin-right: -8px!important;} 

}
@media only screen and (min-width:1080px) {
	.px-lg-perso{padding-left: 10px!important;padding-right: 10px!important;}
	.mx-lg-perso{margin-left: -10px!important;margin-right: -10px!important;} 

}
.abs-pagination {position: absolute;left: 50%;width: max-content;bottom: 15px;z-index: 99;}
	.abs-pagination .swiper-pagination {position: relative;bottom: 0;}
.btn-slide-prev {width:21px; height:24px;; font-size:0; z-index:9; border:none;background: url('template-prev_btnmob2.svg') no-repeat center top;left:-20px; cursor:pointer ; }

.btn-slide-next { width:21px;  height:24px;; font-size:0; z-index:9; border:none;background:url('template-next_btnmob2.svg') no-repeat center top;right:-20px; cursor:pointer;}
.btn-slide-prev:hover,.btn-slide-next:hover {background-position:center bottom}
.max-container-5{max-width: 1630px;margin: auto;}
.ssimage-Bit {
    max-width: 400px;
}
/*==================================== 
			CATALoGUE INDEX 
=====================================*/
.categorie-index {padding:10px 0 0 0;margin-top:15px}
		.categorie-i-bit {margin-bottom: 15px;position:relative; z-index:1;  overflow:hidden}
		.max-w100{max-width: 100%!important;}
			.categ-lib-i {position: absolute;left: 50%;bottom: 1.5rem;transform: translate(-50%,0%);font: 600 0.875rem "montserrat";;color: #000;margin: 0;z-index: 1;width: 100%;text-align: center;padding: 12px 10px;max-width: 67%;background: rgba(255,255,255,0.7);text-transform: uppercase;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s;}
			.categorie-i-bit a {display: block;}
			.categorie-i-bit .bg-hover {background-color: rgba(0,0,0,0);transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease; position:absolute; width:100%; height:100%; left:0; top:0; z-index:1}
			.categorie-i-bit img {transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1); width: 100%;}	
		.lien-txt-categ:hover .categ-lib-i{transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s;}
		.categorie-i-bit img{transform-origin: center;transition: scale 8s cubic-bezier(.25,.46,.45,.94);background: #f9f9f9;}
	
		.categorie-i-bit .bg-hover:hover  + a img,.categorie-i-bit .bg-hover:hover  + .lien-txt-categ img, .categorie-i-bit  a:hover img {scale: 1.2;}
		.categorie-i-bit .bg-hover:hover a .categ-lib-i{z-index:9}
.lien-txt-categ-content{position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%,-50%);}
@media only screen and (min-width:992px) {	
	.categorie-i-bit .bg-hover:hover,.categorie-i-bit:hover + .bg-hover {background-color:rgba(0,0,0,0.3);transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease}
	.seo-txt{column-count: 2;-webkit-column-count: 2;-ms-column-count: 2;column-gap: 48px;-webkit-column-gap: 48px;-ms-column-gap: 48px;}
.expand-me-mobile .summary{display: none!important;}
.expand-me-mobile .read-less{display: none!important;}
.expand-me-mobile .details{display: block!important;}
.ss-categ-list .categ-lib-i{max-width: 70%;font-size: 1.25rem;}
.ss-categ-list .categorie-i-bit {margin-bottom: 2rem;}
}
.seo-txt *{text-align: left!important;}



.wrapper-article-h .swiper-slide {
    height: auto !important;
}
.categorie-index  .stretched-link img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.categorie-index .stretched-link {
    padding-top: 55%;
    position: relative;
}
.content-categorie-i .bg-hover:hover + .lien-txt-categ, .content-categorie-i .bg-hover:hover + .lien-txt-categ * , .categorie-i-bit:hover *{color: #fe3f51!important;}
/*====================================
			TOP
=====================================*/
.top-index-tab .tab-content>.tab-pane {display: block!important;height: 0;overflow: hidden;opacity: 0;}
.top-index-tab .tab-content>.active {height: auto;opacity: 1;}
/******PRODUIT PHARE******/
.etiquette{position:absolute; left:0; bottom:10px;z-index:9 ; display: none;}

.btn2-slide-prev {position:absolute; top:50%; margin-top:-40px; width:80px; height:80px; font-size:0; z-index:9; background:#fff url('template-prevbtn.svg') no-repeat center top ;left:0; cursor:pointer; border: 1px solid #B2B2B2;border-radius: 100%;margin-top: -170px; }
.btn2-slide-next  {position:absolute; top:50%; margin-top:-40px; width:80px; height:80px; font-size:0; z-index:9;background:#fff url('template-nextbtn.svg') no-repeat center top ;right:0; cursor:pointer ; border: 1px solid #B2B2B2;border-radius: 100%;margin-top: -170px;}
.btn2-slide-prev:hover,.btn2-slide-next:hover {background-color:#fe3f51; background-position: center bottom;}

.swiper-button-disabled{opacity:0; cursor:not-allowed!important}
.bloc-top {padding:5px 0;background-color: #ffffff;}
	.bloc-top-content {padding: 10px 0;margin-top:0}
		.titre-top-content {padding: 15px 0;position: relative;text-align: center;}
		.titre-top-content::after{position: absolute;content: ""; width: 100%; height: 2px; background-color: #E5E5E5; top: 50%; left: 0} 
		
		.titre-top-content > strong {color:#333333;display: inline-block;font:18px "sofia-pro";padding:5px 45px;position: relative;z-index: 99;background-color: #ffffff; position: relative;z-index: 1; text-transform: uppercase;}

	.contenu-art-top {margin-top: 10px;position:relative; z-index:1}
	.top-index-tab li {padding: 0 2.188rem}
.top-index-tab .nav-link{color: #282828;font: 900 1.725rem "sofia-pro" ;text-transform: uppercase;border: none ;border-bottom: 1px solid #fff;padding: 5px 0}
.top-index-tab .nav-link.active{border-bottom-color: #fe3f51;color: #282828;}
.top-index-tab .nav-link:hover{color: #fe3f51}
	/******articlebit**************/
	.articleBit{background-color:#ffffff;position:relative;padding:1px;margin:0 auto 5px;}
			.bg-art-w {background: rgba(237,72,115,0.04) ;padding-bottom: 18px;}
				.picto-promo {background: #fe3f51;color: #ffffff;left: 0;padding:9px 5px;position: absolute;text-align: center;bottom: 0;width: 53px;z-index: 9;font:16px "Montserrat"}
				.picto-promo strong{font:16px "Montserrat" }
				.picto-promo span{font-size:11px; display:block}
				.articleBit-ima{position:relative;text-align:center;background-color: #e6e6e6;overflow: hidden;}
				.articleBit-ima img{display: block;width: 100%;transition: opacity 0.3s ease;}
				.articleBit-ima .img-hover {
				  position: absolute;
				  top: 0;
				  left: 0;
				  height: 100%;
				  object-fit: cover;
				  opacity: 0;
				}

				.articleBit-ima:hover .img-hover {
				  opacity: 1;
				}

				.articleBit-ima:has(.img-hover):hover .img-principal {
				  opacity: 0;
				}
					.etiquette {position: absolute;right: 0;top: 0;z-index: 9;}
					.eti-2{background:#f7941e; padding:5px 10px 9px 10px ; text-align:center; width:100%; bottom:0; top:auto; font:20px "journal"; color:#fff}
					
				h3.articleBit-lib{padding:10px 0 8px 0;margin:0; font-size:12px}

					h3.articleBit-lib a{font:700 1.125rem 'sofia-pro';display:block; color:#1C1C1B;line-height: 1.2;/*white-space: nowrap;text-overflow: ellipsis;overflow: hidden;*/}
					
						h3.articleBit-lib a:hover{color:#fe3f51;}
				
				.articleBit-bottom{margin: 10px 0 0 0;height: 34px; overflow:hidden; display:table; width:100%}
				.topBit-caracts {padding: 0 10px;}	
						
					.articleBit-prix {text-align: center;  color:#333; font:400 0.875rem "sofia-pro"; margin-bottom:5px; padding: 0 15px;}
					.meter{font-style: normal;    font-size: 120%;margin-left:  4px;display: inline-block;}
						.prix-old{text-decoration:line-through;display:inline-block; margin-left:14px; }
						.prix-promo em{font-style: normal;}
						.prix-promo{font:700 1.25rem 'Montserrat';display:inline-block;color:#fe3f51; margin-left:5px;line-height: 1; }
						
						.picto-value{font:600 1rem 'Montserrat';padding: 5px 15px; background-color:#fe3f51;color:#fff; margin-left: 10px; display: inline-block;line-height: 1;}
/*.eti-fav.categ-fav {position: absolute;right: 15px;bottom: 15px;}*/
.eti-fav.categ-fav a {height: 1.6rem;width: 1.8rem;background:url('template-fav_icon.svg') no-repeat center;display: block;background-size: cover;}
.eti-fav.categ-fav a.suppr-fav, .eti-fav.categ-fav a.myfavoris {background-image: url('template-fav_iconH.svg') ;}
.eti-fav  form{margin-bottom: 0;}
	@keyframes anim1 {
	 0% {
		transform: scale(0.5);
		visibility: visible;
	  }
	
	  100% {
		transform:
		  translate(24px, 22px)
		  scale(0.5);
		opacity: 0;
	  } }
@-webkit-keyframes anim1 {
	 0% {
		-webkit-transform: scale(0.5);
		visibility: visible;
	  }
	
	  100% {
		-webkit-transform:
		  translate(24px, 22px)
		  scale(0.5);
		opacity: 0;
	  } 
	 }	
	 
@-ms-keyframes anim1 {
	 0% {
		-ms-transform: scale(0.5);
		visibility: visible;
	  }
	
	  100% {
		-ms-transform:
		  translate(24px, 22px)
		  scale(0.5);
		-ms-opacity: 0;
	  } 
	 }	
	 	 
@-webkit-keyframes float2 {
  0% {
	-webkit-transform: scale(0.8);
	visibility: visible;
  }

  100% {
	-webkit-transform:
	  translate(8px, 31px)
	  scale(0.5);
	opacity: 0;
  }
}	
@-ms-keyframes float2 {
  0% {
	-ms-transform: scale(0.8);
	visibility: visible;
  }

  100% {
	-ms-transform:
	  translate(8px, 31px)
	  scale(0.5);
	opacity: 0;
  }
}    
@keyframes float2 {
  0% {
	transform: scale(0.8);
	visibility: visible;
  }

  100% {
	transform:
	  translate(8px, 31px)
	  scale(0.5);
	opacity: 0;
  }
}
span.c1-a {position: absolute;left: 0;top: 0;visibility: hidden;}
span.c2-a {position: absolute;left: 0;top: 0;visibility: hidden;}
.animate1-me{ -webkit-animation-name: anim1;-webkit-animation-duration:2s;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-name: anim1;animation-duration:2s;animation-iteration-count: 1;animation-timing-function: ease;-ms-animation-name: anim1;-ms-animation-duration:2s;-ms-animation-iteration-count: 1;-ms-animation-timing-function: ease; }
.animate2-me{-webkit-animation-name: float2;-webkit-animation-duration:2s;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-name: float2;animation-duration:2s;animation-iteration-count: 1;animation-timing-function: ease; -ms-animation-name: float2;-ms-animation-duration:2s;-ms-animation-iteration-count: 1;-ms-animation-timing-function: ease;}
 
 
.titreperso-bit{font: 15px "sofia-pro"; margin: 15px 0; text-align: center!important;}
.texte-perso-bit {text-align: center;padding-bottom: 30px;max-width: 980px; margin:auto;}

@media only screen and (min-width: 767px){
	.top-index-tab .swiper-slide{max-width: 50%;}
	.border-bottom-md {border-bottom: 1px solid #dee2e6 !important;}
}
@media only screen and (min-width: 1080px){
	.top-index-tab .swiper-slide{max-width: 33.3333%;}
}
/*===============================
		FOOTER
================================*/	
.footer-bottom {padding-top: 77px;}
footer {background: #282828;color: #ffffff;padding-bottom: 30px;font: 400 0.875rem "montserrat"}
.goToTop {bottom: 13px;cursor: pointer;display: none;position: fixed;right: 30px;text-align: center;width:70px;z-index: 9999;padding:5px;background: #1C1C1B;border: 1px solid #747D88;}
.goToTop:hover{background-color: #fe3f51;}

.max-reinsurance{max-width: 1020px; margin:auto;}
.reinsurance-footer{border-top: 1px solid #fff;}
.box-av{font: 500 1.125rem "sofia-pro"; cursor: pointer;text-transform: uppercase;}
.box-av strong{transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;display: block;}
.box-av span{line-height: normal;padding-top: 0.5rem!important;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;}
.box-av em{font-weight: 300; font-size:0.875rem;font-style: normal;font-family: 'Montserrat'; text-transform: none;color: #282828;display: block;}
@media only screen and (min-width: 576px){
	.reinsurance-bloc .box-av:hover strong{margin-bottom: -5px;padding-bottom: 5px!important; }
	.reinsurance-bloc .box-av:hover span{color: #fe3f51; margin-top: -8px!important;padding-bottom: 2px!important; }
	.reinsurance-bloc .box-av:hover   img{  filter: brightness(120%);-ms-filter: brightness(120%);-o-filter: brightness(120%);}
	.reinsurance-bloc .box-av:hover em{color: #fe3f51;}
	}
.padding-reinsurance{padding:0.725rem 0 0.625rem 0;}
.mp-0 p{margin-bottom: 0}
/*****RESEAU SOCIO**********/


.relative-99{z-index: 10; position: relative;}
.bg-fixed-reseau::after{position: absolute;width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.1); z-index: 9; top: 0; left: 0}
.reseau-footer a{display: inline-block; margin: 0 0.625rem; border: 1px solid #fff;background-color: transparent;max-width: 40px;}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse img{
  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);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover img, .hvr-pulse:focus img, .hvr-pulse:active  img{
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.paymethod-hover {position: relative;border-color: #747D88!important;} 
.visible-hover{position: absolute;left: 50%; top: 0;z-index:9 ; opacity: 0;-webkit-opacity: 0;-ms-opacity: 0;-o-opacity: 0;visibility: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);width: 100%;}
.ico-reseau{position: relative;}
		.paymethod-hover:hover .visible-hover, .ico-reseau:hover .visible-hover{opacity: 1;-webkit-opacity: 1;-ms-opacity: 1;-o-opacity: 1;visibility: visible;}
		.paymethod-hover:hover{border-color: #2DB8E8!important;}
		.paymethod-hover:hover .hidden-hover,.ico-reseau:hover .hidden-hover{opacity: 0.2;-webkit-opacity: 0.2;-ms-opacity: 0.2;-o-opacity: 0.2;}
.font-ctc-footer{font-size: 1.525rem ;}
.btn-link.bg-white-link {background: none;border: 1px solid #fff;font-size: 1rem;font-weight: 400;}
.btn-link.bg-white-link:hover{background-color: #fe3f51;color: #ffffff!important;border: 1px solid #fe3f51;}
/********NEWSLETTER**********/
.line-h-100{line-height: 100%;}
.py-perso-news{padding-top: 1.875rem; padding-bottom: 2.188rem;}
.form-newsletter {position: relative;max-width: 440px;margin: 0.825rem 0;}
	.adresse-newsletter {height: 45px;border:none;background: #fff;width: 100%;padding-left: 22px;padding-right: 40px;font: 400 0.875rem "montserrat";color: #1C1C1B; border-radius: 30px;-webkit-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;}
	.news-button {position: absolute;	top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-spec-transform: translateY(-50%);border: none;background: none;font: 400 20px  "sofia-pro";text-transform: uppercase;right: 0;padding: 0;color: #1A203A;height: 40px}
	
	.news-button span {display: block;border-left: 1px solid hsla(0,0%,80%,.75);padding: 0 12px;line-height: 25px}
	.copy-text{font: 400  0.875rem 'sofia-pro';}
	.news-button:hover{color: #fe3f51;}
.adresse-newsletter::-webkit-input-placeholder{color: #1C1C1B;opacity:1;}
  .adresse-newsletter::-moz-placeholder { /* Firefox 19+ */color: #1C1C1B;opacity:1;}
  .adresse-newsletter:-ms-input-placeholder{ /* IE 10+ */color:  #1C1C1B;opacity:1;}
  .adresse-newsletter:-moz-placeholder { /* Firefox 18- */color:  #1C1C1B;opacity:1;}

.newsletter-msg {text-align: left; background-color: #DCDCDC; padding: 5px 10px;}
.newsletter-msg.error {color: #FF0000;}

/********MENU**********/
.text-underline {text-decoration: underline;}
.title-menu-t {font :900 1.125rem "sofia-pro";  padding-bottom: 10px; margin-bottom: 0; color: #ffffff;text-transform: uppercase;}
	ul.toggle-m-c li {margin-bottom: 5px ;padding-top: 1px; font-size: 0.875rem;}
	.border-left-w-menu{border-left: 1px solid #E6E6E6;} 
	.border-left-w-menu .menu-content,.border-left-w-menu .bloc-other-m {padding-left: 15px;}
	.copy-text a {text-decoration: underline;}
.paiement-footer {font: 15px "sofia-pro";margin-bottom:40px}
		.paiement-f-content {padding:5px 0 5px 22px;background: url("template-ico_paiement.png") no-repeat left 0px;margin-bottom:10px}
		.paiement-f-content img {transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
				.paiement-f-content a:hover img {transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transform: scale(0.9);-webkit-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);}
				
	.livr-footer {font: 15px "sofia-pro";margin-bottom:40px}
		.livr-footer a{display:table}
		.livr-f-content {padding:0px 0 10px 40px;background: url("template-livr_ar.png") no-repeat left top;margin-bottom:10px}
			.livr-footer a>img {width: 68px;}
			.livr-footer a>span {padding-left: 15px;font-size: 13px;color: #ed7829;}
.livr-footer a>* {display: table-cell;vertical-align: middle;}	
/*******AVANTAGE*************/
.avantage-bit {text-align: center;}

.avantage-bit a{font: 14px "sofia-pro";}
.avantage-bit::after{content: ""; position: absolute; right:0; top: 50%; transform: translate(0,-50%);height: 30px; width: 1px; background-color: #E5E5E5 }
	.avantage-bit.last-child::after{display: none;}
	.avantage-swiper{ width:auto!important; padding:0;}	
@media only screen and (min-width:1080px) {
	.px-btn-swiper{padding-left: 110px;padding-right: 110px;}
}

@media only screen and (min-width:1280px) {
.avantage-swiper{margin:0 -40px 0 -65px}
	.av-box{width:14.28%!important}
	.border-left-w-menu .menu-content,.border-left-w-menu .bloc-other-m {padding-left: 25px;}
}	
/********REASSURANCE*******/
.max-reinsurance{max-width: 1020px; margin:auto;}
.box-av{font: 500 1rem "sofia-pro"; cursor: pointer;text-transform: uppercase;}
.box-av strong{transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;display: block;}
.box-av span{line-height: normal;padding-top: 0.5rem!important;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;}
.box-av em{font-weight: 400; font-size:0.875rem;font-style: normal;font-family: 'Montserrat'; text-transform: none;color: #282828;display: block;}

/*=============================
			CATEGORIE
===============================*/	
.ariane-box {font:400 0.875rem 'Montserrat';color: #282828;padding: 8px 0}
 .ariane-box *{font-size: 0.875rem;}
 .ariane-box .breadcrumb-item.active{font-weight: 700;color: #282828;}
	.categ-bio {text-align: center;font-size: 12px;padding:0 15px 15px 15px;margin-bottom: 10px;}
		.titre-categ {font:700 2rem "montserrat";padding-bottom: 10px;margin: 0;letter-spacing: 2.5px;}
		.desc-expand{-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;}
		.descr-categ{max-width: 680px; margin: auto}
		.lib-f-c{display:none}
		.categ-bottom{padding:20px 0; }
				.lib-f-c {margin-bottom: 10px;}
				.content-fitre-categ {margin: 0 -15px;}
				.content-fitre-categ::after{display:block; content:""; clear:both}
				.filtre-c-bit {float: left;width:50%;padding: 0 15px;}
					.filtre-c-bit select, .select-caract-style select  {width: 100%;height: 35px;border: 1px solid rgba(28,28,27,0.3);background: #fff url('template-f_select.png') no-repeat center right 10px;padding: 0 30px 0 15px;display: block;font: 13px "montserrat";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
					.filtre-c-bit:nth-child(1) select{margin-left: auto;}
			.dropdown-select{background: #fff url('template-arrow_down_select.svg') no-repeat center right 10px;padding: 0 20px 0 15px;border: none;}
.border-bottom-black{border-bottom: 2px solid #1C1C1B;}
		.categorie-filtre {display: table;width: 100%;margin-top: 25px; margin-bottom: 10px}
		.vide-categ{width: 25%}
			.pagination-right {width: 300px;}
			.categorie-filtre>div {display: table-cell;vertical-align: middle;}	
	.sscateg-bit {width: 20%;margin: 0px -2px;padding: 0 20px;}
		.sscateg-bit a {display: block;background: #000;font: 12px "sofia-pro";color: #fff;padding: 9px 10px;text-align: center;margin-bottom: 15px;text-transform: uppercase;}
		.sscateg-bit a:hover{background-color: #298FBA; }
	.listes-articles {margin-top: 30px;}	
		.row-article{margin:0 -18px}
			.col-20-top{padding:0 18px; float:left; width:25%; margin-bottom:20px}
		.titre-top-content.titre-filtre-categ::after{margin-top:0}
		
			.categorie-page-nav {padding: 0 0 0 10px;text-align: right;width: 300px;margin-left: auto;}
				.categorie-page-nav ul {padding-left: 0;    margin: 0;}
					.categorie-page-nav li {color: #333333;display: inline-block;font:14px "sofia-pro";padding: 1px 2px;vertical-align:middle}
					.nbre-article{font:14px "sofia-pro"}
					
					.categorie-page-nav li a {display: block;padding: 6px;	}
						.categorie-page-nav li a.f-nav {background-color: #000;padding-left: 8px; padding-right: 8px ;border:1px solid #E5E5E5;}
						.categorie-page-nav li a.f-nav:hover {background-color: #fe3f51;}
						.en-cours {background-color: #000;display: block;padding:10px;color: #fff;line-height: 10px;border:1px solid #E5E5E5;}
						.categorie-page-nav li a:hover{color: #fe3f51;}
						.f-nav i {font-size: 21px;line-height: 9px;}
					.categorie-page-nav li .f-nav:hover {color: #fff;background:#000}
					.pagination-bottom .nbre-article{display: none;}
					.pagination {background: #282828;color: #fff;}
					.prev-nav {background: #fff;color: #111;padding:1rem  1.875rem 0.875rem 3rem;display: inline-block;border-radius: 30px 0 0 30px;font-weight: 700;margin-right: 3rem;position: relative}
					.prev-nav i{left: 0.5rem;}	
					.next-nav {background: #fff;color: #111;padding: 1rem  3rem 0.875rem 1.875rem;display: inline-block;border-radius:0 30px  30px 0;font-weight: 700;margin-left: 3rem;position: relative;}	
					.next-nav i{right: 0.5rem;}	
					.pagination i{font-size:1.5rem;vertical-align: middle;position: absolute;top: 50%;transform: translateY(-50%);}
					.container.text-left.seo-categ h1 {font-size: 1.25rem;font-weight: 700;}
/*=============================
			ARTICLE
===============================*/ 
.title-black{font: 900 2rem "sofia-pro";}
.caract-value .sod_select select {-webkit-appearance: menulist-button;appearance: menulist-button;position: absolute;top: 0;left: 0;display: block !important;height: 0;width: 100%;opacity: 0;z-index: 1;padding: 0} 
.sod_select.touch.focus .sod_list_wrapper {display: block;}
.visible-767{display:none}
	.titre-article-art {margin: 0;padding:0 ;font: 18px "sofia-pro";color:#333333}
	

		.lien-souligner {color: #D62B69;text-decoration: underline;display: inline-block;margin-left: 2px;vertical-align: middle;}
.art-detail{position:relative; z-index:1; margin:0 auto; padding:20px 50px;}
	.article-left {width: 50%;text-align: center;padding:0 0 0; align-self: start;}
	
		.content-image-supp {padding: 5px 0;position:relative;z-index:1;margin: 15px 0 0 0 ;}
			.big-img img{width:100%; }
		
			.little-imag-art::after{content:""; display:block; clear:both}
				.img-bit-art a {display: block; padding:0}
			
				#contenuArticle.flip_h .big_img_, #contenuArticle.flip_h .big_img_jcrop img{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);-ms-transform: scaleY(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
				#canvas{display:none}
				#contenuArticle #bloc_canvas{display:none}
				#contenuArticle.flip_h #bloc_canvas{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);-ms-transform: scaleY(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
				#contenuArticle.show-canvas #bloc_canvas{display:block}
				#contenuArticle .big_img{display:block}
				#contenuArticle.show-canvas .big_img{display:none}
			
			.gallery-bit-article .cursor-pointer, .thumbs-img-art .img-bit-article a {height: 100%;display: block;cursor: pointer;padding: 0;}
			.gallery-bit-article .cursor-pointer img, .thumbs-img-art .img-bit-article a img {height: 100%;object-fit: cover;-webkit-object-fit: cover;-ms-object-fit: cover;object-position: top center;}
			

			.suppdesk-prev {position: absolute;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);-spec-transform: translate(-50%, 0);background: url('template-arrow_up.svg') no-repeat center ;width: 60px;height: 25px;top: 0;z-index: 9;cursor: pointer;margin-left: -15px;}
			.suppdesk-next {position: absolute;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);-spec-transform: translate(-50%, 0);background: url('template-arrow_down.svg') no-repeat center ;width: 60px;height: 25px;bottom: 0;z-index: 9;cursor: pointer;margin-left: -15px;}
			
			
	.article-right {width: 50%;padding:0 0 0 35px}

			.title-article-art{font:600 1.625rem "montserrat";}
			.art-qte {margin: 15px 0;min-width: 220px;}
			.art-qte label {display: inline-block;font:600 0.875rem "sofia-pro";margin-bottom: 0;vertical-align: middle;text-transform: uppercase;}
			.content-btn-panier::after{display: block; content: ""; clear: both;}
				.contenu-qte-art {display: inline-block;text-align: left;vertical-align: middle;width: 100px;}
				.quantite-art {float: left;width:220px}
					.qte-panier {position: relative;z-index: 1;}
						.qte-panier img {}

					.qte-panier a {background-color: #E5E5E5;height: 15px;text-align: center;width: 35px;z-index: 1;display: inline-block;vertical-align: middle;position: absolute;border: none;height: 100%;padding: 10px 0 0;}	
						a.qte-moins {top: 0;left: 0;}
						a.qte-plus {right: 0;top: 0}

					.inputqte {background-color: #ffffff;border: 1px solid rgba(28, 28, 27, 0.135);font-size:15px;height:35px;padding:0;width:100px;text-align:center;vertical-align: middle;}
					.qte-panier a:hover{background-color:#fe3f51}
					.qte-panier a:hover img{filter: brightness(3000%);}
				.fav-article {float: right;margin-top: 15px;}
				.caracteristique-art {margin-top: 15px;}
				.head-caract-tab {border-radius: 15px 15px 0 0;color: #fff;background: #282828;padding: 15px;text-align: center;font: 600 0.875rem montserrat;text-transform: uppercase;}
				.head-caract-tab.rounded-total{border-radius: 15px;}
				.caract-value.rounded-total {border-radius: 0 0 15px 15px;}
				.caract-sel.rounded-total {border-radius: 0 0 15px 15px;}
				.title-caract-config{font: 600 1.125rem "montserrat";background: #f8f8f8;text-align: left;color:#1c1c1b}
				.content-caract-tab {border: none;border-radius: 0 0 15px 15px;background-color: #f8f8f8;padding: 1.35rem;}
				
				.max-content-caract-tab {max-width: 460px;margin: auto;}
				.div-input {border: 1px solid #1b1b1b;background: #fff;padding:1px 10px ;}
					.input-caract {height: 40px;border: none;background: url(template-bg_input.svg) no-repeat center left;font: 500 0.875rem "montserrat";padding-left: 25px!important;}
					.input-caract#hauteur_papier{background-image: url(template-bg_input2.svg);}
						.input-caract::-moz-placeholder  { /* Firefox 19+ */color: #828282;opacity:1;}
						.input-caract:-ms-input-placeholder { /* IE 10+ */color:  #828282;opacity:1;}
						.input-caract:-moz-placeholder { /* Firefox 18- */color:  #828282;opacity:1;}
						.max-img-av img	{max-width: 30px;margin: auto;}
						.av-article {max-width: 600px;margin:auto}
					.color_info {display: none;}
					.caract-bit {padding: 10px 0;text-align:left}
					.article-left .caract-bit {text-align: center;}	
					.article-left  .caract-bit .colorBit{ margin:5px}
						.article-left  .caract-value.facette-couleur{max-width:330px; margin:5px auto 0 auto}
						.article-left  .caract-bit .colorBit .colorBit_content {width:15px; height:15px}
					.caract-value{display:inline-block;}	
					.bg-grey-s{background-color: #f8f8f8;}
					.caract-sel	.caract-value{display:block; max-width:850px}	
						.caract-bit select {background: #ffffff url("template-arrow_down.png") no-repeat scroll 96% 50%;border: 1px solid #c6c6c6;height: 40px;padding:2px 40px 2px 10px;width: 100%;font-size:14px}
						
						.caract-bit .lab-caract{font:500 0.875rem "sofia-pro"; margin-bottom:10px ;color:#333; text-transform: uppercase; }
						.caract-sel .caract-bit .lab-caract{display: block;}
						.caract-bit .lab-caract.color-choix {font:500 0.875rem "sofia-pro";color:#333333; text-transform: uppercase;}
						.caract-value.facette-couleur {margin: 0 -8px;}
						.caract-bit .colorBit{display: inline-block;vertical-align: middle;margin:10px 8px}
							.caract-bit .colorBit .colorBit_content {display: inline-block;width: 25px;height: 25px;position:relative; vertical-align:middle;    overflow: hidden;border:#c6c6c6 1px solid}
							 .lib-color{display:none;font: 14px "sofia-pro"; vertical-align:middle; padding-left:15px}
							 .value-selected{display:none}
							 	.colorBit_content span {display: none;}
								.colorBit_content img {vertical-align: top;}
							.caract-bit .colorBit-selected.colorBit_content::before{content:""; width:12px; height:19px; background: url("template-check_color.png") no-repeat center; display:block; font-family:"fontello"; color:#fff; position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); z-index:9}
								.article-left .caract-bit .colorBit-selected.colorBit_content::before { background-size:10px;}
					
			.lien-panier-art {padding: 10px 0;width: 100%;}
				.top-art {display: table-cell;vertical-align: middle;width: auto;}
				.px-article {display: table-cell;vertical-align: middle;text-align: right;}
				.price-content {border-radius: 15px;background:#f8f8f8;font: 500 1.325rem "montserrat";}
							.article-promo {font: 1.625rem "sofia-pro";display:inline-block; color:#fe3f51;}
							.article-normal {margin-left: 15px;}
					
						
				.font-montserrat{font-family: "montserrat"}
				.fw-semibold{font-weight: 600}
				.fsc-content {font-size: 15px;}
				 .sofinco {float: right;width: 25%;margin-top: 5px;}	
					.sofinco a {color: #fe3f51;text-decoration: underline;padding-top: 5px;display: block;}
					.sofinco a:hover{text-decoration:none}
				.font-small {font-size: 11px;}
			.other-art-carat div > strong {display: inline-block;font: 13px "sofia-pro";padding: 5px 0 ;}
			
				.en-stock.span-etat {color: #000000;text-transform: uppercase;}
				.plusque {font: 14px "sofia-pro";}

				
				.other-art-carat div > strong.en-stock {background: url('template-ico_checkd.png') no-repeat  center left;padding-left:25px}
				
				
				.livr-gratuite-art {background: url('template-ico_livr_art.png') no-repeat left center}	
		
					.btn-panier {padding:18px 0.825rem 19px 0.825rem;font:600 1.5rem "montserrat";text-transform: uppercase;border: none;color: #ffffff;background-color: #282828;border-radius:10px;display: block;width: 100%;margin: auto; text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;max-width: 600px;margin: auto;}
					.btn-contact-panier{background-color:#8a1434}
						.rounded-s{border-radius: 23px;}
		
					.btn-add-panier:hover{background-color:#FF5288;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.fb-partage {font-size: 15px;}
			.art-retour {border: 1px solid #BBBBBB;border-radius: 20px;padding: 7px 15px;}
			.art-retour:hover{background-color: #BBBBBB;}
		.content-toggle-tab {display: none;font:400 0.875rem "Montserrat"; }	
		
.ongle-caractr ul{max-width: 1180px;margin: auto;}
.content-tab-art {margin: 20px 0 0 0;}

					.tab-art-bit{padding: 16px;border: 2px solid #EBEBED;border-radius: 15px;margin-bottom: 10px;}
				.tab-mobile{cursor:pointer;background-color: #fff;color: #282828;padding:7px 0; text-transform:uppercase; position:relative;font:600 1rem "montserrat";text-align:left;position: relative;}
				.tab-mobile:hover{color: #fe3f51;}
				.tab-mobile.active{color: #fe3f51;}
				.tab-mobile::after{content:'+'; font-weight: 600;display:block; position:absolute; right:1px; top:50%; font-size:30px; transform: translate(0,-50%);}
				.tab-mobile.active::after{    content: "";width: 15px;height: 3px;background: #fe3f51; }
	.column-two{column-count: 2;-webkit-column-count: 2;-ms-column-count: 2;column-gap: 48px;-webkit-column-gap: 48px;-ms-column-gap: 48px;}
		.avis-bit-art {margin-bottom: 20px;}

			.non-avis-exp {font: 14px "sofia-pro";}
				.avis-article >* {vertical-align: middle;display: inline-block;margin: 0 5px;}
					a.lien-avis span {text-decoration: underline;}
			.btn-add-comment {background-color: #b78741;font: 18px "Montserrat";color: #fff;padding: 14px 35px;margin: 15px auto 0 auto;display: inline-block;}
			.btn-add-comment:hover{background-color: #96be0d}
/******table caracterisitque BO*******/
.caract-art-content table td {padding: 15px 5px;width: 33%;font-size:14px}
.caract-art-content table ul li{margin:15px 0; text-align:left}

@media only screen and (min-width:1201px) {
	.gallery-thumbs-art {height: calc(100% - 5px);width: 100%; position: relative; }
	.gallery-thumbs-art .swiper-wrapper{position: absolute;width: 100%; height: 100%}
	.big-img {position: relative;width: calc(100% - 20px);}
	.thumbs-img-art {max-width: 27%;padding-right: 2rem; width: 100%; padding-top: 25px;padding-bottom: 25px;}
	.max-art-desc {max-width: 1500px;margin-left:auto}
	.article-left {position: sticky;top: 100px; align-self: start;}
	.box-edit.min-w-box {min-width: 260px;}
}
@media only screen and (min-width:767px) {
	.price-product.font-22 span.d-inline-block {display: block !important;font-size: 80%;}		
}
/******AVIS*******/
.content-avis-art {border: 1px solid #dddddd;padding: 3rem 15px;}
	.max-avis{margin:auto; max-width:1180px; padding:15px}
		.titre-avis-art>* {vertical-align: text-bottom;line-height: 23px;margin-right: 5px;display: inline-block;}
		.titre-avis-art strong{font:16px "sofia-pro"; color:#fe3f51}
		.avis-list {margin: 0 -20px;}
		 .monavis{margin:1em 0}
		 .monavis p{margin:0}
		 
/***********ART COMPLEMENTAIRE*********/
.bloc-art-comp {margin-top: 39px;}
.article-bottom {padding: 15px 0 30px 0}
.bloc-art-collection {margin: 20px 0;}
	.content-complementaire {position: relative;padding: 10px 0 20px 0;}

.titre-top-content.produit-complement::after{margin-top:0}
.coll-prev {position:absolute; top:50%; margin-top:-16px; width:25px; height:27px; font-size:0; z-index:9; border:none;background:url('template-supp_prev.png') no-repeat center top;left:-40px; cursor:pointer }
.coll-next  {position:absolute; top:50%; margin-top:-16px; width:25px; height:27px; font-size:0; z-index:9; border:none;background:url('template-supp_next.png') no-repeat center top;right:-40px; cursor:pointer }
.coll-prev:hover,.coll-next:hover {background-position:center bottom}

	@media only screen and (min-width: 640px){	
	.img-bit-art img {max-width: 100px;width:100%}
	.art-img-content  .swiper-pagination, .art-collection  .swiper-pagination{display:none}
        		
	}
	@media only screen and (min-width: 992px){
		.price-content .picto-value {margin-left: 15px;font-size:1.35rem; width: 6.25rem;text-align: center; padding-top: 7px;padding-bottom: 8px;}
		.head-caract-tab br{display: none;}
		.title-nobr-desk br{display: none;}
		.price-content {min-width: 40%;}
		.title-article-art{    margin-top: -7px;}
	}
	@media only screen and (min-width: 1400px){
		.minw-select select{min-width: 320px}
	}
/*******article2*********/
.caract_matiere_item, .caract_finition_item{padding:0 0 0 48px;margin-bottom: 20px;cursor:pointer;position: relative;border-radius: 15px;background-color:#fff;font:400 0.875rem "montserrat";    background-size: 33px;display: block;}

.input_matiere:checked+label, .input_finition:checked+label{background: #fff url("template-radio2_on.svg?v=20261016")no-repeat top 58% left 7px;    background-size: 1.6rem 1.6rem;} /* 16/10/2026 : SVG carre + 2 dimensions (le SVG 32.5x36.7 avec une seule dimension sortait ovale sur mobile) */
.title-caract-s{font:700 0.875rem "montserrat";margin-bottom: 5px;display: flex;flex-wrap: nowrap;/*justify-content: space-between;*/}
.star-product {vertical-align: text-bottom;margin-left: 15px;display: inline-block;min-width: 62px;}
.star-product img {display: inline-block;vertical-align: baseline;}
.font-prix {font:700 1.5rem "montserrat";}
.font-prix em{font-style: normal;font-weight: normal;font-size: 1rem;color: #282828;}
.etiquette-product{background-color: #fe3f51;border-radius: 5px;color: #fff;font:600 9px "montserrat";text-transform: uppercase;margin-left: 5px;display: inline-block;vertical-align: middle;padding:1px 5px;max-width: 60px;text-align: center;}
.total-product{font:600 1.8rem "montserrat";min-width: 300px}
.total-product s {font-weight: 400;}
.total-product .color-primary-s{font:700 2rem "montserrat";}
.caract_matiere_item div, .caract_finition_item div {
    float: right;
    width: 100%;
}

/*******modif page article 2026********/
.btn-zoom{border-radius: 10px;background-color: rgba(255,255,255,0.75);padding: 0;position: absolute;right: 20px; top: 20px;z-index: 9;cursor: pointer;border:none}
	button.btn-zoom img {border: none;}
.caract_matiere_item  span.row.no-gutters.w-100, .caract-value  span.row.no-gutters.w-100 {background: #f8f8f8;flex-wrap: nowrap;}

.caract_matiere_item .title-caract-s, .caract_finition_item .title-caract-s {margin-left: -48px;padding: 15px;background: #fff;border-radius: 15px 15px 0 0;margin-bottom: 0;text-transform: uppercase;}
.input_matiere:checked+label.caract_matiere_item .title-caract-s, .input_finition:checked+label.caract_matiere_item .title-caract-s, .input_finition:checked+label.caract_finition_item .title-caract-s, .input_matiere:checked+label.caract_finition_item .title-caract-s {background: #000;color: #fff;}
.caract-value p {display: block;margin-left: -48px;padding: 20px 4.5rem 20px 3.5rem;border: 2px solid #fff;border-radius: 0 0 15px 15px;margin-bottom: 0;}
 .caract-value .input_matiere:checked+label p ,  .caract-value .input_finition:checked+label p {border-color:  #000;}
 .picto-caract {position: absolute;right: 0;top: 100%;padding: 5px 10px;background: #fe3f51;color: #fff;font-weight: 600;font-size: 1.25rem;}
.right-span-caract {padding-top: 10px;}

.photo-article-prev {position:absolute; top:50%;  width:57px; height:57px; font-size:0; z-index:9; background:rgba(255,255,255,0.75) url('template-fleche_gauche.svg') no-repeat center ;left:15px; cursor:pointer; border-radius: 100%;transform: translate(0,-50%);}
.photo-article-next  {position:absolute; top:50%; ; width:57px; height:57px; font-size:0; z-index:9;background:rgba(255,255,255,0.75) url('template-fleche_droite.svg') no-repeat center  ;right:15px; cursor:pointer ; ;border-radius: 100%;transform: translate(0,-50%);}
.photo-article-prev:hover,.photo-article-next:hover {background-color:#fff}
.picto-promo-article{position: absolute;right: 0;top: -20px;padding: 5px 15px;background: #fe3f51;color: #fff;font-weight: 600;font-size: 1.5rem;}
.max-w-row{max-width: 395px;}
@media only screen and (min-width: 1201px){
.max-w-row{margin-left: auto;}
.page-article .big-wrapper{overflow-x: inherit;}
.price-product .prix-promo{font-size: 1.75rem;}
.articleBit-prix.d-flex span:not(.picto-value) {
    white-space: nowrap;
}
}
@media only screen and (max-width: 1400px){
.fsc-content {font-size: 1.1cqw;}
.fsc-icons img{max-width: 4cqw;}
}
@media only screen and (max-width: 992px){
	    .fsc-icons img {max-width: 7cqw;}
		.picto-caract{font-size: 1.15rem;} /* 16/10/2026 : 1rem -> 1.15rem */
		span.btn-zoom img {max-width: 5cqw;}

}
@media only screen and (max-width: 767px){
	.fsc-content {font-size:14px;}
	  .fsc-icons img {max-width: 10cqw;}
}
.icon-info.bg-black-s {width: 30px;height: 30px;font-size: 14px;padding-top: 7px;}
.wrap-prev-img {max-width: 870px;}
.caract-value.pt-1.bg-grey-s {
    max-width: 100%;
}
@media only screen and (max-width: 575px){
	 
		span.btn-zoom img {max-width: 8cqw;}

}
@media screen and (min-width: 1200px) and (max-width: 1600px){ 
    .row-cols-xl-5>*{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}}
/*=================================
		PANIER
==================================*/

	.content-cart{background-color:#EDEDED;position:relative}
	
		.step-cart {background: #ffffff;background: -moz-linear-gradient(left, #ffffff 0%, #ededed 30%, #ededed 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(30%, #ededed), color-stop(100%, #ededed));background: -webkit-linear-gradient(left, #ffffff 0%, #ededed 30%, #ededed 100%);background: -o-linear-gradient(left, #ffffff 0%, #ededed 30%, #ededed 100%);background: -ms-linear-gradient(left, #ffffff 0%, #ededed 30%, #ededed 100%);background: linear-gradient(to right, #ffffff 0%, #ededed 30%, #ededed 100%);padding: 0 65px 0 5%;}
		.step-cart-bit {padding: 7px 30px!important;font: 400 1rem "Montserrat";letter-spacing: 2px;color: #878787;}
		.step-cart-bit.active-step{background: #ffffff;background: -moz-linear-gradient(left, #ffffff 0%, #b2b2b2 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(100%, #b2b2b2));background: -webkit-linear-gradient(left, #ffffff 0%, #b2b2b2 100%);background: -o-linear-gradient(left, #ffffff 0%, #b2b2b2 100%);background: -ms-linear-gradient(left, #ffffff 0%, #b2b2b2 100%);background: linear-gradient(to right, #ffffff 0%, #b2b2b2 100%);color: #1C1C1B;font-weight: 600;}
		.step-cart-bit.completed{background: -moz-linear-gradient(left, #ffffff 0%, #dbdbdb 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(100%, #dbdbdb));
			background: -webkit-linear-gradient(left, #ffffff 0%, #dbdbdb 100%);
			background: -o-linear-gradient(left, #ffffff 0%, #dbdbdb 100%);
			background: -ms-linear-gradient(left, #ffffff 0%, #dbdbdb 100%);
			background: linear-gradient(to right, #ffffff 0%, #dbdbdb 100%);color: #1C1C1B;font-weight: 600;}
				.step-cart-bit.completed +.step-cart-bit.active-step, .completed2{background: #dbdbdb;background: -moz-linear-gradient(left, #dbdbdb 0%, #dbdbdb 57%, #b2b2b2 100%);background: -webkit-gradient(left top, right top, color-stop(0%, #dbdbdb), color-stop(57%, #dbdbdb), color-stop(100%, #b2b2b2));background: -webkit-linear-gradient(left, #dbdbdb 0%, #dbdbdb 57%, #b2b2b2 100%);background: -o-linear-gradient(left, #dbdbdb 0%, #dbdbdb 57%, #b2b2b2 100%);background: -ms-linear-gradient(left, #dbdbdb 0%, #dbdbdb 57%, #b2b2b2 100%);background: linear-gradient(to right, #dbdbdb 0%, #dbdbdb 57%, #b2b2b2 100%);color: #1C1C1B;font-weight: 600;} 
		.cancel-cart-personnalisation {background: #fff;border-radius: 100%;color: #000;border: 1px solid #BBBBBB;font-size: 20px;padding: 2px 4px;margin: 4px 0;}
		.completed2 + .active-step{background: #b2b2b2;
			background: -moz-linear-gradient(left, #b2b2b2 0%, #bbbbbb 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, #b2b2b2), color-stop(100%, #bbbbbb));
			background: -webkit-linear-gradient(left, #b2b2b2 0%, #bbbbbb 100%);
			background: -o-linear-gradient(left, #b2b2b2 0%, #bbbbbb 100%);
			background: -ms-linear-gradient(left, #b2b2b2 0%, #bbbbbb 100%);
			background: linear-gradient(to right, #b2b2b2 0%, #bbbbbb 100%);}
			.step-cart-bit strong{font-weight: 400;}
			.step-cart-bit.active-step strong,.step-cart-bit.completed strong {font-weight: 600;}
			.step-cart-bit.active-step::after {width: 0px;height: 0px;border-style: solid;border-width: 30px 0 30px 30px;border-color: transparent transparent transparent #B2B2B2;transform: rotate(0deg);position: absolute;right: -30px;top: 0;content: '';}
			.completed2 + .step-cart-bit.active-step::after{border-color: transparent transparent transparent #bbbbbb;}
			.active-step.step-pay-img img{filter: brightness(0);}
			 .border-cart {padding: 20px;border: 1px solid #BBBBBB;border-radius: 15px;background: #DADADA;}	
			 .bg-img-cart {border: 1px solid #BBBBBB;background: #fff;padding: 20px;border-radius: 15px;height: 100%;}	
			 .bg-img-cart img{width: 100%;} 
			 .box-summary-cart {background: #fff;border-radius: 15px;border: 1px solid #BBBBBB;}
		.erreur-message{color:#fe3f51;font-size:14px;text-align:center;padding:10px 0;}
		.aucun_point {color:#fe3f51;font-size:14px;text-align:center;padding:10px 0;}
		.erreur-message:empty,.aucun_point:empty{padding:0;margin:0}
				.completed2.step-cart-bit strong{font-weight: 600;}
		.border-box-cart {border: 1px solid #BBBBBB;background: #fff;    border-radius: 15px; -webkit-border-radius: 15px;}
		/** CDE 1 **/
		.tablecde-head{width:100%;}
			.tdheadcde{padding:12px 0;color:#ffffff;text-transform:uppercase;text-align:center;font-size:13px;background:#333333;position:relative; letter-spacing:1px}
			.tdheadcde::after{content:""; display:block; height:15px; width:1px; position:absolute; background-color:rgba(255,255,255,0.5);right:0; top:50% ;margin-top:-7px}
			.col-designation{width:535px;}
			.col-qte{width:123px;}
			.col-PU{width:144px;}
			.col-total{width:155px;}
				.col-total::after{display:none}
		.panierBit{position:relative;margin-bottom: 1.2rem;}
		.panierBit:last-child{margin-bottom: 0!important;}
			.tdCell{border-bottom:1pt solid rgba(35,31,32,0.25);padding:10px 0;}
			.cell-designation{width:658px;}
				.panierBit-ima{width:11%;text-align:center;}
				.panierBit-lib{width:89%;padding-left:15px;}
					.panierBit-libContent{float:left;}
						.panierBit-libContent a{font-size:13px;text-transform:uppercase;color:#333333;margin-top: 7px;display:inline-block}
					.qteBloc{position:relative;width:68px;float:right;margin-right:25px;}
						.qteBloc .inputqte {background-color: #fff;border-color: rgba(105,107,103,0.5);height: 38px;color:#333333; font-size:12px}
						.qtePlus{position:absolute;right:0;top:0;}
						.qtePlusMobile{position:absolute;right:0;top:4px;display:none;}
						.qteMoins{position:absolute;right:0;bottom:0;}
						.qteMoinsMobile{position:absolute;left:0;top:4px;display:none;}
			.cell-PU{width:144px;text-align:center;}
				.prix-unit{color:#fe3f51;font:16px "sofia-pro";}
				.prix-old-cde1{font-size:12px;text-decoration: line-through;}
			.cell-total{width:155px;text-align:center;}
				.prix-total{color:#fe3f51;font:16px "sofia-pro";}
				.del-cart{position:absolute;top:50%;right:0;margin-top:-6px;}
		.codeBox{padding-top:12px;padding-bottom:12px;background-color:#333333;border-radius: 30px;color:#ffffff}
				
				.codeBox-form{padding-right:5px}
					.input-codepromo{border:none;width: 100%; max-width:400px;height:31px;background-color:#ffffff;text-align:center;color:#333333;font:400 1rem "Montserrat"; padding: 5px 10px;}
					.codeBox-form a{display:block;width:25px;height:25px;text-align:center;color:#ffffff;padding-top: 4px;padding-left: 7px;font: 600 18px "Montserrat";}
					.codeBox-form a:hover{color:#fe3f51}
		.erreurCadeau{color:#fe3f51;font-size:13px;text-align:center;padding:10px 0;}
		.texteperso1-panier{padding:10px 0;border-bottom:1pt solid rgba(35,31,32,0.25);text-align:center;text-transform:uppercase;font:12px "sofia-pro";letter-spacing:1px}
			.texteperso1-panier strong{color:#fe3f51;font:12px "sofia-pro";}
			.cde1ajax .texteperso-article{padding-top:10px}
		.commande-livraison-box{width:520px;float:left;}
			.select-livraison-cde{padding:20px 0;border-bottom:1pt solid rgba(35,31,32,0.25);margin-bottom:20px;}
				.select-livraison-lib{margin-bottom:10px;text-transform:uppercase;font-size:13px;font-weight: 600;}
				.select-livraison-select select{width:270px;border:1pt solid rgba(35,31,32,0.25);height:35px; background:#fff url('template-arrow_select2.png') no-repeat 95% center;padding:5px 20px 5px 35px}
		
				.modelivraison-lib{margin-bottom:30px;text-transform:uppercase;font-size:13px;font-weight: 600;}
				.modelivraisonBit{position:relative;padding:0 0 30px 0;}
					
			
						.modelivraisonBit-nom{text-transform:uppercase;font-size:13px;}
						.modelivraisonBit-desc{color:#a7a9ac;font-size:13px;}
					
		.column-right-cde{width:280px;float:right;margin-right:15px;padding-top:20px;}
			.gift-cde{padding:0 0 0 45px;background:url('template-gift_ico.png') no-repeat left center;line-height:15px;margin-bottom:10px;font:600 14px "Montserrat"}
				.gift-cde strong{display:block;}
			.frais-gratuit-cde{padding:2px 0 0 45px;background:url('template-truck_ico.png') no-repeat left center;color:#fe3f51;margin-bottom:10px;line-height:15px;font:600 0.825rem "Montserrat"}
			.table-total-cde{border-top:1pt solid rgba(35,31,32,0.25);padding-top:20px;}
				.table-total-cde table td.tot-lib{width:60%;font:600 0.875rem "Montserrat";padding-top: 5px;padding-bottom: 5px;}
				.table-total-cde table td.tot-val{width:40%;text-align:right;color:#1C1C1B;font:600 1rem "Montserrat";padding-top: 5px;padding-bottom: 5px;}
			.montant-total-cde{margin:20px 0;padding:18px 0;border-top:1pt solid #DADADA;border-bottom:1pt solid #DADADA;}
				.montant-total-lib{font:600 1rem "Montserrat";}
				.montant-total-val{color:#fe3f51;font:700 1.525rem "Montserrat";}
			.divcgv{position:relative;font-size:13px;line-height:15px;}
				.divcgv input{position:absolute;top:0;left:0;margin:0;}
				.divcgv a{color:#333333;text-decoration:underline;}
			.valid-cde-btn{margin-bottom:8px;}
				.valid-cde-btn a{position:relative;width:100%;background:#81C15B ;color:#ffffff;font:600 18px "Montserrat";padding:21px 0 19px 0;text-transform:uppercase;display:block;text-align:center;max-width: 400px;margin: auto;}
				
				.valid-cde-btn a:focus, .valid-cde-btn a:hover{background-color:#90df63;}
			.livraison-prevu{text-align:center;font-size:13px;margin-bottom:15px;}
				.livraison-prevu span{color:#fe3f51;}

				ul.cde-other-btn li{margin-bottom:8px;}
					ul.cde-other-btn li a{display:block;padding:10px 0;text-align:center;text-transform:uppercase;background-color:#333333;color:#fff;font-size:13px;}
					ul.cde-other-btn li a:hover{background-color:#000000;}
	/********inout design********/  
		.input-abs,.input_abs {position: absolute;z-index: 1;width: 100%;left: 0;top: 0;height: 100%;cursor: pointer;opacity: 0;}
		.input-rel,.input_rel {position:relative; z-index:1; margin:0 5px 10px 0}
		.input-abs + .texte-abs,.input_abs + .texte_abs, .input-abs + div + .texte-abs{display:inline-block; background:url("template-radio_off.svg") no-repeat  left center; padding:4px 0 4px 23px;}
		.input-abs:checked + .texte-abs,.input_abs:checked + .texte_abs{background-image:url("template-radio_on.svg")}
		.check-rel .input-abs + .texte-abs,.check_rel .input_abs + .texte_abs , .check-rel .input-abs + div + .texte-abs {background-image:url("template-check_off.svg"); white-space: nowrap;min-width: 170px;background-position: left center;padding-left: 30px;padding-top: 4px;}
.check-rel .input-abs:checked + .texte-abs,.check_rel .input_abs:checked + .texte_abs , .check-rel .input-abs:checked + div + .texte-abs {background-image:url("template-check_on.svg")}
			.paiement-footer-cde {padding:15px ;text-align: center;background-color: #fff;border-top:1pt solid rgba(35,31,32,0.25); margin-bottom:5px}	
		.checkbox-label	{display:inline-block; background:url("template-off_check.svg") no-repeat  left top; padding:8px 0 8px 75px;font: 400 14px "Montserrat";margin-bottom: 0;    background-size: 58px;}
		.input-abs:checked + .checkbox-label{background-image:url("template-on_check.svg")}


.image-logo-mode img{max-width: 110px;}
@media only screen and (min-width: 1200px){
.box-summary-cart {width: 325px;}
}
/** CDE 3 **/
.etapescde3-divers{padding: 0;}
.cde3Print{max-width:300px;margin-top:20px;min-height: 92px;}
	.cde3Print a{position:relative;width:100%;background-color:#474949;color:#ffffff;font-size:14px;padding:10px 0;text-transform:uppercase;display:block;text-align:center;}
	
	.cde3Print a:focus, .cde3Print a:hover{background-color:#333333;}
.cde3Moyen{}
	
	#contenuCde3 .montant-total-cde{border-bottom:none;margin-bottom: 0;}
	#contenuCde3 .table-total-cde{border-bottom:none;padding-bottom: 0;}
	.cde3MoyenBit{padding:20px;}
	.moyenOdd.cde3MoyenBit{background-color:#ffffff;}
		.cde3MoyenBit-lib{text-transform:uppercase;font:600 1rem "Montserrat" ;margin:5px;border-top: 1px solid #DADADA;border-bottom: 1px solid #DADADA;text-align: center;padding: 11px 0;}
		.cde3MoyenBit-desc{font-size:12px;}
			.cde3MoyenBit-desc p {margin: 0;font:400 0.825rem "Montserrat";padding: 15px;line-height:1.25; color: #000000;}
		.cde3MoyenBit-btn{padding:10px;width:100%}
		.valid-paiement{position:relative;width:100%;background-color:#81C15B;color:#ffffff;font:600 1.125rem  "Montserrat";padding:15px 10px;text-transform:uppercase;display:block;border:none;max-width: 320px;margin: auto;}
			.valid-paiement:hover{background-color:#90df63}
			
			.modelivraisonBit-lib .hover-desc * {color: initial !important;font-weight: normal !important;}
		
			.moyen-logo {padding-bottom: 5px;text-align: center;}     
/*====================================
			INSTIT
======================================*/
.contenu-instit {max-width: 1120px;margin: auto;}

.instit_wrapper_p1.instit_wrapper .institform {background: #fff;padding: 0;border: none;margin-bottom: 0;margin-top: 0;}
.instit_p1 > .titre-top {display: none;}
.texte_instit {font-size: 0.825rem;}
.formBox {margin-bottom: 5px;}
.institform_content  input[type="text"] {    width: 100%;padding: 5px 15px;background: #ffffff;border: 1px solid #BBBBBB;height: 44px;border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px;font: 400 0.935rem "Montserrat";color: #575756;}
.institform_content  textarea  {height: 80px;width: 100%;padding: 5px 15px;background: #ffffff;border: 1px solid #BBBBBB;font:400 0.935rem "Montserrat";color: #333333;border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px}

.formBox.input_ste input ,.formBox.input_ndecommande input  {background-image: url("template-cmd.svg");background-repeat: no-repeat;background-position: 10px center;    padding-left: 33px;}

	.formBox.input_nom input ,.formBox.input_prenom input ,.formBox.input_prnom input   {background-image: url("template-ico_user.png");background-repeat: no-repeat;background-position: 12px 13px;    padding-left: 33px;}
	.formBox.input_email input ,.formBox.input_expediteur input  {background-image: url("template-ico_mail2.svg");background-repeat: no-repeat;background-position: 10px 13px;    padding-left: 33px;}
	.formBox.input_telephone input,.formBox.input_tlphone input ,  .formBox.input_numrodetelephone input {background-image: url("template-ico_phonei.png");background-repeat: no-repeat;background-position: 12px 7px;    padding-left: 33px;}
	
	.ico_map {margin-top: 7px;padding: 2px 0 2px 23px;background: url("template-map_i.png") no-repeat center left;background-size: 16px;}
	
		.formBox.input_message textarea,.formBox.input_info textarea,.formBox.input_sujet input  {background-image: url("template-ico_pencil.png");background-repeat: no-repeat;background-position: 15px 12px;    padding-left: 45px;}
		.upload-btn-wrapper {position: relative;overflow: hidden;display: inline-block;}

	.upload-btn-wrapper input[type=file] {font-size: 11px;position: absolute;left: 0;top: 0;opacity: 0;height:100% }
	
		.button-valid, .button_valid{background-color:#81C15B; border:none; color:#fff; color:#fff; text-transform:uppercase; font:400 12px "Montserrat"; padding:5px 10px}
			.button-valid span, .button_valid span{display:inline-block; padding:8px 0 8px 30px ; background:url("template-ico_send.png") no-repeat  center left}
			.button-valid:hover,.button_valid:hover{background-color:#90df63}
			
	.titre-top {position: relative;font:900 2rem "sofia-pro";padding: 15px 10px;margin-bottom: 10px;text-align:center; text-transform: uppercase;}
	.recopie_txt {display: block;padding-top: 15px;}
		.bloc_ins.modif_form_client .formBox{margin-bottom:1.25rem} 
/*******nouv contact**********/
	
.instit_wrapper_p1.instit_wrapper, .instit_wrapper.has_formulaire {background:#fff;padding:0 ;border: none;margin-bottom:0; margin-top:0}
	
.instit_wrapper.has_formulaire  .institform {background:#fff;padding:0 ;border: none;margin-bottom:0; margin-top:0}
 .instit_wrapper_p1.instit_wrapper .institform {background:#fff;padding:0 ;border: none;margin-bottom:0; margin-top:0}
.instit_wrapper_p1.instit_wrapper .instit_texte{max-width:1140px;margin:auto; padding: 30px 15px}
 
	.instit_wrapper.has_formulaire .contenu_instit, .instit_wrapper_p1.instit_wrapper .contenu_instit{background: none;border: none;padding:0;max-width: 100%}
		.instit_wrapper.has_formulaire .titre_top.lib_instit,.instit_wrapper_p1.instit_wrapper  .titre_top.lib_instit  {color: #212121;}
		
			.contenu_instit.instit_p1 >.texte_instit ,.instit_wrapper.has_formulaire .contenu_instit >.texte_instit  {display: none;}
			.instit_wrapper.has_formulaire .institform_content input[type="text"],.instit_wrapper_p1.instit_wrapper  .institform_content input[type="text"] {background-color:rgba(255,255,255,0.95);    padding-left: 45px; }
			.instit_wrapper.has_formulaire .inputBox, .instit_wrapper_p1.instit_wrapper  .inputBox{margin-bottom:10px}
			.instit_wrapper.has_formulaire .formBox.input_message textarea,.instit_wrapper.instit_wrapper_p1 .formBox textarea,.instit_wrapper.has_formulaire  .formBox.input_sujet input{background-color:rgba(255,255,255,0.95) }
			.instit_wrapper.has_formulaire .container.p-xl-0, .instit_wrapper_p1.instit_wrapper  .container.p-xl-0{max-width:100%; padding:0}
			
				.instit_wrapper_p1.instit_wrapper .institform_content form,  .has_formulaire.instit_wrapper .institform_content form{max-width:1020px; margin-left:auto; margin-right:auto;padding:0 15px}
			.instit_wrapper.has_formulaire  select{background:rgba(255,255,255,0.95)  url("template-arrow_down.png") no-repeat 98% center; background-size:12px auto; width:100%; border:none ; padding-left:20px}
			.visible_contact{display:none}
			.instit_wrapper_p1.instit_wrapper .visible_contact{display:block}
				.instit_wrapper_p1.instit_wrapper .institform> .titre_top.lib_instit{display:none}
	  .instit_wrapper_p1.instit_wrapper .institform_content ,	  .has_formulaire.instit_wrapper .institform_content  {background:#e6e6e6 url("template-bg_contact_reverse.jpg") no-repeat top center;background-size: cover;padding:25px 0 35px 0;border: none;margin-bottom:0; margin-top:0; max-width:100%}
	  .texteperso_contact.visible_contact {max-width: 1160px;margin: auto;padding: 30px 15px;text-align:center}
	  .container.wrap_p1.p-xl-0.visible_contact .max_instit {border-bottom: 1px solid #e6e6e6;}
	  .texteperso_contact.visible_contact, .texteperso_contact.visible_contact * {font-size: 16px;}
	  .has_formulaire.instit_wrapper  .titre_top.lib_instit.visible_contact{display:block}
.map-contact {display: none;}
.etoile{color: #fe3f51;font-weight:700}
/*==================================== 
			COMMUN_LOGGING CDE
======================================*/
.fb-iframe-widget {
    display: none!important;
}
div#contenuCde2 .connecte {background: #fff;padding: 30px 15px;text-align: center;max-width:630px; margin:auto;border: 1px solid #ccc;}
.content-commun-logging { max-width: 625px;margin:0  auto;padding:0;    width: 95%;}	
.content-commun-cde2 { max-width: 800px;margin:0  auto;padding:0;    width: 98%;}	
body.page-client.not-connected .big-wrapper .page-content,body.page-client.not-connected , body.page-client.not-connected .big-wrapper  {background: #f4f4f4;}

 .input-txt,.input_txt  {width: 100%;padding: 5px 15px;background: #ffffff;  border:1px solid #BBBBBB; height:44px;  border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px;font:400 0.935rem "Montserrat"; color: #575756;}
  .textarea-txt  {height: 80px;width: 100%;padding: 5px 15px;background: #ffffff;border: 1px solid #BBBBBB;font:400 0.935rem "Montserrat";color: #333333;border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px}
		.labelform{ font:11px "Montserrat"; margin-bottom:10px;text-align:left; display:block}

		.selectBox select,.selcct_pays select {height: 44px;width: 100%;padding: 5px 40px 5px 15px;background: #ffffff  url("template-arrow_down.png") no-repeat center right 10px; border: 1px solid #BBBBBB;font:400 0.935rem "Montserrat";color: #333333;border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px}
		.mini-select.selectBox select {background-position: 95% center;}
		.submitForm{text-align:right; margin-top:15px}	
		.mdp-lost{text-align:right}
			.mdp-lost a{text-decoration:underline;color:#fe3f51 }
		.mdp-lost2{text-align:center}
			.mdp-lost2 a{text-decoration:underline;color:#fe3f51 }
			
		.formulaireBlocContent 	.form-et{display:block}
		label.errorForm{display:block; text-align:right;color:#fe3f51;font:11px "Sofia-pro";margin-top:2px} 
		
		.nb-champs {font-style: italic;font-family: Sofia-pro;}
	.formulaireBlocContent {margin-top: 15px;}	
		.champoblig{text-align:right}
		.choiceBox.pi-text-left {min-height: 40px;padding-top: 10px;}
.form-recap {margin: 0;text-align: left;}
	.btn-cd {text-align: left;margin-top: 15px;}
		.btn-create {background: #666666;border: none;color: #fff;font: 13px "Sofia-pro";text-transform: uppercase;padding:12px 8px;text-align: center;}
		.submitForm.pi-text-left {text-align: left;margin-top: 0;}
		
	/***********nouv commun logging********/
.ongle-logging {padding-bottom: 20px;}
.tab-content {padding: 10px 0;} 
	.ongle-logging .pi-tabs-navigation li {width: 50%;text-align: center;background:#fff;border: 0;position: relative;}
	.pi-tabs-navigation li .onglt-log {text-transform: uppercase;display: block;font:600 0.938rem "Montserrat";padding:13px 0 11px 0;letter-spacing: 1px;background:#F6F6F6;}
		.ongle-logging .pi-tabs-navigation li .onglt-log.nav-link.active {    color: #fff;background:#282828;}

#inscription .has-border-l{border-left:1px solid #e6e6e6}
	.input-content {margin-bottom: 10px;}
		.pi-tabs-navigation li .onglt-log:hover {color: #fe3f51 ;}
		.tab-logging #inscription .formulaireBlocContent {padding-top: 15px;}
		.tab-logging .formBox,.tab-livraison .formBox  {margin-bottom: 15px;position: relative;padding-bottom: 10px;}
			.tab-logging .labelform, .tab-livraison .labelform, .tab-livraison .form-et{color:#333; font:13px "Montserrat";   margin-bottom: 15px;}
			.tab-logging .form-et{color:#333; font:13px "Montserrat";   margin-bottom: 15px;display: none;}
			.tab-logging .texte-abs{font: 400 13px "Montserrat";}
			.tab-logging label.errorForm ,.tab-livraison	label.errorForm  {display: block;text-align: right;color: #fe3f51;font: 11px "Sofia-pro";margin-top: 2px;position: absolute;bottom: -12px;left: 0;width: 100%;}
			.tab-logging .input-txt, .tab-livraison .input-txt{border:1px solid #BBBBBB; height:44px; background:#fff; border-radius: 10px;font:400 13px "Montserrat"; color: #575756;}
			.tab-logging .selectBox select,.tab-livraison .selectBox select {border:1px solid #BBBBBB; height:44px; background-color:#fff;background-size: 12px auto; border-radius: 10px;font:400 13px "Montserrat"; color: #575756;}
			.tab-logging .selectBox .miniSelect select,.tab-livraison .selectBox .miniSelect select{background-position:92% 50%}
			.note-champs{padding-top:6px; font:11px "Montserrat"; color:#999; display:block}
		.logo-client{text-align:center; padding:5px 0 25px 0}
			.logo-client .logo{margin-top:0; padding-top:15px}	
		.text-new-client { padding: 0 15px;}
		.text-perso-client {text-align: center;font-size: 15px ;margin: 15px 0; padding:0 15px}
		.input-txt.errorForm {border-color: #fe3f51!important;}
		.submitc{margin:15px 0;}
		
		.button-validnou {display: block;background: #81C15B ;color: #fff;width: 100%;max-width: 320px;margin: auto;text-transform: uppercase;border: none;font:600 1.125rem  "Montserrat";transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;padding:15px 10px;text-align:center }
		a.button-validnou:not([href]):not([tabindex]) {color: #fff;cursor:pointer}
		.button-validnou:hover{background-color:#90df63;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
		.tab-logging .button-validnou:hover{background-color:#90df63;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
		.pass-perdu{margin-top:22px; text-align:center}
		.pass-perdu a{color:#81C15B ; font-size:13px; text-decoration:underline}
		.pass-perdu a:hover,.pass-perdu a:focus {text-decoration:none; color:#90df63}
		.tab-logging form input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;-webkit-text-fill-color: #474949 !important;}
			.hr-texte {padding: 15px 0;text-align: center;position: relative;font: 15px "Montserrat";text-transform: uppercase;}
				.hr-texte span {position: relative;z-index: 2;background: #fff;padding: 0 15px;display: inline-block;letter-spacing: 2px;}
				.hr-texte::after {content: "";height: 1px;width: 100%;position: absolute;background: #eee;left: 0;top: 50%;z-index: 1;}
		
		.terms-log{color:#666;padding: 15px;text-align: center;line-height: 1.25;font:400 12px "Montserrat";}	
		.terms-log a{padding-bottom:1px; border-bottom:1px solid #666;display:inline-block}	
		.terms-log a:hover{opacity:0.65;-webkit-opacity:0.65;-ms-opacity:0.65;-o-opacity:0.65; color:#fe3f51 ; border-bottom-color:#fe3f51 }
		.row-mini{margin:0 -5px}
		.row-mini::after{content:""; display:block; clear:both}
		.miniSelect{float:left; padding:0 5px; width:33.333%}
	.client-connected .hidden-conncted{display:none!important}
		.client-connected .stepBox{width:33.3333%; max-width:100%}
.login-cdeb 	.sod-select .sod-label{border:none;border-bottom: 2px solid #333;} 
.rounded-box-cart {border-radius: 15px; -webkit-border-radius: 15px;-md-border-radius: 15px;}
div#articleajaxperso .input_txt {max-width: 430px;}
.caract-sel .selectPerso {max-width: 100%;} /* 15/10/2026 : 500px coupait le libelle de la taille ; meme largeur que les blocs matiere */
.caract-sel  .sod_label{display: block!important;}
/*====================================
			CLIENT  REFONTE 
======================================*/
.client_wrapper {margin-bottom: 20px;background: #fff;    border-radius: 15px;-webkit-border-radius: 15px}
.max_400.formBox_content{max-width:420px}
.page-client.not_connected .page-content  {background: #EDEDED;padding-bottom:30px}
.page-client .page-content {background: #EDEDED;padding-bottom:30px}
.menu_client {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.menu_client.lemenu{background: #fff;}
	.menuclient_left {width: 33.333%;padding: 0 10px;}
		.nom_client_p {padding: 40px 16px 40px 0;margin-bottom: 10px;}
			.icone-inline {display: inline-block;width: 88px;text-align: center;background: #282828 ;border-radius: 100%;color: #fff;letter-spacing: 2px;text-transform: uppercase;height: 88px;vertical-align:middle; font-size:0}
			
.icone-inline span {font-size: 0;display: inline-block;line-height: 0;text-align: center;letter-spacing: 0;width: 24px;}
.icone-inline span:first-letter {font:700 30px "Montserrat";line-height: 88px;}
			.nom-user {display: inline-block;padding-left: 10px;width: 60%;font-size: 14px;vertical-align:middle}
				.nom-user strong {font:700 21px "Montserrat";display: block;padding-top: 6px;word-wrap: break-word;line-height: 2.5rem;text-transform: capitalize;}
	.content_menuclient {width: 66.66667%;padding: 0 10px;}
	.lemenu .content_menuclient {position:relative}
	
		.menu_profil {display: table;height: 100%;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: left top;}
		.lemenu .menu_profil{ position:absolute; display:block; left:0; top:0;    overflow: hidden;}
		.image_bienvenu img {position: absolute;left: 0;top: 0;    width: auto;height: auto;}
		.image_bienvenu h1 {position: absolute;top: 50%;left: 15px;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 99;text-transform: uppercase;margin: 0;}
		.image_bienvenu h1 >span{display:block;    margin-top: 5px;}
			.txt_bienvenu {background-color: #fe3f51;color: #fff;text-transform: uppercase;font: 1.25rem "Montserrat";line-height: 2;letter-spacing: .2rem;padding: 8px 12px;display:inline-block}
			.image_bienvenu {position: relative;height: 100%;display: table;width: 100%;background-color: #e6e6e6;}
				.menu_lien {font: 0.875rem "Montserrat";display: block;overflow: hidden;position: relative;padding: 16px 20px 16px 68px;line-height: 2.4rem;letter-spacing: .05rem;color:#333333!important}
				.active_menu .menu_lien {font-family: "Montserrat";    background: #EDEDED; font-weight: 600;}
				.active_menu .menu_lien::after,.bactive_menu .menu_lien::after {display:none}
				.menu_lien:hover{text-decoration:underline}
				.menu_lien.menul_info {background-image: url('template-ico_info.svg');background-repeat: no-repeat;background-position: 24px 50%;}
				.menu_lien.menul_email {background-image: url('template-ico_mail2.svg');background-repeat: no-repeat;background-position: 24px 50%;}
				.menu_lien.menul_mdp {background-image: url('template-ico_mdp.svg');background-repeat: no-repeat;background-position: 24px 50%;}
				.menu_lien.menul_carnet {background-image: url('template-ico_adresse.svg');background-repeat: no-repeat;background-position: 24px 50%;}
				.menu_lien.menul_sav {background-image: url('template-ico_paie.svg');background-repeat: no-repeat;background-position: 24px 50%;}
				.menu_lien.menul_cmd {background-image: url('template-cmd.svg');background-repeat: no-repeat;background-position: 24px 50%;}
				.menu_lien.menul_deconnex {background-image: url('template-ico_deconnex.svg');background-repeat: no-repeat;background-position: 24px 50%;}
					a.menu_lien::after {content: "";bottom: 0;left: 68px;width: 100%;border-top: 1px solid #cccccc;position: absolute;}
					.menubit_pi:last-child a.menu_lien::after {display: none;}
					.input_content {position: relative;}
		a.ico-modif-c {position: absolute;right: 10px;top: 50%;z-index: 99;text-decoration: underline;transform: translate(0,-50%);}
		a.ico-modif-c i {text-decoration: underline;}			
					.active_menu a.menu_lien:before {border-right: 4px solid #fe3f51 ;bottom: 0;content: "";left: 0px;position: absolute;top: 0;}
	.titre_info_perso {font:700 1.6rem "Montserrat";text-transform: uppercase;margin-bottom: 8px;padding: 45px 0 0 0;background: url(template-ico_info.svg) no-repeat top left;background-size: auto 25px;margin-top: 40px;}	
	.titre_info_perso.change_mdp{background-image: url('template-ico_mdp.svg')}
	.titre_info_perso.change_adresse{background-image: url('template-ico_adresse.svg')}
	.titre_info_perso.change_mode{background-image: url('template-ico_paie.svg')}
	.titre_info_perso.change_cmd{background-image: url('template-cmd.svg')}
	.titre_info_perso.change_email{background-image: url('template-ico_mail2.svg')}
	.titre_info_perso.change_sav{background-image: url('template-ico_paie.svg')}
.texte_menu_profil {line-height: 2rem;max-width: 550px;text-align: left;padding: 15px 0;letter-spacing:0px}	
.hidden_champ{height: 0!important;width: 0!important;overflow: hidden!important;margin:0!important; padding:0!important}	
.not_connected .menu_client{display:none}
.titre_info_perso.change_sav + .pageWrapper .titre_info_perso.change_sav {display: none;}
.formBox_table {display: table;width: 100%;margin: 0 -5px;}	
	.formBox_table >div {display: table-cell;padding: 0 5px;vertical-align:middle}
	.formBox_table >div>* {display: block;width: 100%;}
	.texte_menu_profil >span {width: 21px;height: 21px;border: 1px solid #333333;border-radius: 100%;-webkit-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;display: inline-block;text-align: center;font-size: 11px;line-height: 18px;margin-right:10px}
	
/**********Mode client**********/	
.mode_clientBit {margin: 5px auto;max-width: 350px;text-align: center;}
	.mode_clientBit a {display: block;padding: 12px 15px;text-align: center;font: 15px "Montserrat";text-transform: uppercase;border: 2px solid #ddd;}
	.mode_clientBit.imode_carte a, .mode_clientBit.imode_1 a{background-image: url('template-ico_paie.svg'); background-repeat: no-repeat ; background-position: 15px 50%;background-size:25px}
	.mode_clientBit.imode_paypal a, .mode_clientBit.imode_6 a,.mode_clientBit.imode_34 a {background-image: url('template-paypal.png'); background-repeat: no-repeat ; background-position: 15px 50%;background-size:35px}
	.mode_clientBit.imode_2 a {background-image: url('template-cheque.jpg'); background-repeat: no-repeat ; background-position: 15px 50%;background-size:45px}
	.mode_clientBit a:hover{color:#777; border-color:#777}
	
/*******TELECHARGER**********/	
.liste_telech {max-width: 500px;margin: 25px auto;}
	.telech_bit {display: table;width: 100%;}
		.telech_bit >div {display: table-cell;padding: 10px 3px;vertical-align:middle}
		.lien_telec {width: 110px;color: #fe3f51 ;}
		.lien_telec  a:hover{text-decoration:underline}

/**********ADREESSE LIVRAISON*******/
.client_adresse_ .has_bord {border: 1px solid rgba(147,149,152,0.5);border-top:none}
.client_adresse_ .title_form +.pi-row  .pi-col-sm-6 .formBox_content  {border: 1px solid rgba(147,149,152,0.5);}
.adresse_livr_fac_c .adresse_fact .pi-col-md-6{border:none; background-color:#fff;padding-left: 0;}
.adresse_livr_fac_c .adresse_liv .pi-row_{margin:0 -10px}
.adresse_livr_fac_c .adresse_liv .pi-col-md-6{border:none; background-color:#fff;padding-left: 0;   }
.adresse_livr_fac_c .adresse_liv .pi-col-md-6:nth-child(2n+1){border-left:none}
.adresse_liv, .adresse_fact{text-align:left; margin:0 0 30px 0}
	.title_livraison {color: #242626;margin: 5px 0;padding-bottom: 5px;text-transform: uppercase;font-weight:bold;font-size: 13px;}
	.adresse_txt {display: block;margin: 5px 0;}
	 .adresse_txt:first-letter{text-transform: capitalize;}
		.adresse_txt i {margin-right: 5px;}	
.adresse_btn {border-radius: 3px;-webkit-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;color: #ffffff;display: inline-block;margin-right: 5px;padding: 10px;}
	.adresse_btn:nth-child(2) {background-color: #d63261;}
	.adresse_btn:nth-child(1) {background-color: #1b1b1b;}
	.adresse_action {padding:15px 0 10px 0}
	.adresse_action .btn_client{font-size:18px; min-width:50px; margin-top:0; padding: 11px 15px;vertical-align:middle; text-align:center; border:1px solid #333333;background:#fff; width:50px; color:#333333;}

	.adresse_action .btn_retour{font-size:18px; min-width:50px; margin-top:0; padding: 11px 15px;vertical-align:middle;  text-align:center;border:#fe3f51 1px solid;background:#fff; width:50px; color:#fe3f51 }
	.adresse_action .btn_retour:hover{background:#81C15B; color:#fff}
	.adresse_action .btn_client:hover{background:#333333; color:#fff}
	.content_adresse_c .btn_client{ margin-top:0;vertical-align:middle}
	.form_modif{}
	.client_adresse_ .pi-col-md-6 .formBox_content{box-shadow:none!important;  border-right: 1px solid #ccc;margin-bottom: 15px!important; }
	.client_adresse_ .pi-col-md-6:nth-child(2n) .formBox_content{border:none}
/**************COMMANDE************/
.table_commande{margin:15px auto}

.content_cmd table .cmdbit td {padding: 5px;background-color: #ffffff;border-bottom: 1px solid #ccc;vertical-align: middle;}
.content_cmd table .cmdbit:nth-child(odd) td {background-color:#fff}
.btn_oth_c {color: #333333;display:block;margin-right: 5px;padding:10px 15px;text-transform:uppercase; border:2px solid #ddd; font:600 0.825rem "Montserrat"; max-width:180px; text-align:center; margin:2px auto}
.ttc_cmd_c {display: block;font: 600 0.725rem "Montserrat";padding-top: 5px;text-transform: uppercase;color:#fe3f51}
	.etat_cmd_c {display: block;padding-top: 5px;}
	.btn_oth_c:hover{color:#fe3f51 ; border-color:#fe3f51 }
	.bg_red{background-color:#D73161!important}
	.content_cmd table .cmdbit:last-child td{border-bottom:none}
	  
	.coord_fact .pi-col-md-6:nth-child(2) .formBox_content {margin-right: 0;}
	.max_ad{max-width:200px; margin:auto; text-align:left}
	.content_menuclient .title_form{font: 600 0.875rem "Montserrat";padding: 12px 15px 12px 0;margin-bottom: 15px!important;text-transform:uppercase; border-bottom:1px solid #fe3f51 ; color:#fe3f51 }
	
.bull_client {display: inline-block;margin-left: 2%;vertical-align: middle;position:relative}
		.content_infobull{background:#1b1b1e none repeat scroll 0 0;color:#fff;display:none;width:220px;left:-95px;margin-top:20px;overflow:hidden;padding:5px 10px 5px 10px;position:absolute;top:50%;z-index: 10}
		.form_ajout_adresse span.sod_select.selectPerso.disabled{max-width:200px; vertical-align:middle}
.bloc_ins .textarea_txt{width:100%}	
.bloc_ins.modif_form_client {background: #fff;color: #333333;padding: 5px calc(8 * 4px) 25px calc(8 * 4px);border-left: 10px solid #f2f2f2;height: 100%;}
.no_commande .nombre_ar_client_b {display: none;}
.nombre_ar_client_b {padding: 15px;background: #eee;margin: 25px 0 15px 0;letter-spacing:0.5px}
.client_adresse_.adresse_livr_fac_c{color:#333333;  }
.bloc_ins.modif_form_client  .texte_abs{color:#333333}
.formBox_auto {max-width: 360px;margin:auto}
.retour_cl {display:none; width:30px ; height:30px; background:url('template-retours.svg')no-repeat center; position:absolute; left:0px; top:11px}
.hidden_hascmd{display:none}
.no_commande .hidden_hascmd{display:block}
.no_commande .hidden_hascmd + .texte_menu_profil{display:none}
#tarteaucitronAlertBig #tarteaucitronPersonalize {background: #fe3f51 !important;color: #fff!important;}
#tarteaucitronAlertBig #tarteaucitronCloseAlert {background-color: transparent!important;color: #fe3f51!important;text-decoration: underline!important;}
.modif_form_client .input_content.civ_radio {text-align: left;}
@media only screen and (min-width:768px) {
.lemenu .menu_profil {left: 40px;}
}
@media only screen and (min-width: 980px) {
    .menu_client {margin-top: 25px;}
	.box_menu_client {margin-left: -10px;}
}
.modif_form_client .formBox_content {margin: 0;padding: 0;max-width: 500px;}
.bloc_ins.modif_form_client {background: #fff;color: #333333;padding: 5px calc(8 * 4px) 25px calc(8 * 4px);border-left: 10px solid #EDEDED;height: 100%;font-size: 0.875rem}
.form_et{color:#333; font:13px "Montserrat";   margin-bottom: 15px;}
.bloc_ins.modif_form_client .texte_abs{color:#333; font:13px "Montserrat"; }
.btn_retour {background: #282828 ;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;display: inline-block;font:400 0.875rem  "Montserrat";padding: 13px 10px;min-width:130px; text-align:center; vertical-align:middle; text-transform:uppercase; color:#fff;width: 48%;}
		
		.btn_retour:hover{background:#818181; color:#fff}
		.btn_client{background-color: #81C15B ;padding: 13px 10px;color: #ffffff;font:400 0.875rem  "Montserrat";display: inline-block;vertical-align: middle;border:none; min-width:130px;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;text-transform:uppercase;width: 50%;text-align:center}

		.btn_client:hover{background-color:#90df63}
/*====================================  
			PLAN
======================================*/
.titre_plan {font:14px "Sofia-pro";margin-bottom: 15px;padding: 10px;background-color: #333333;color: #fff;}
.content_plan {display: block;position: relative;padding: 0 10px;}
	
	.content_plan a {padding: 5px 0;display:inline-block}
.content_plan> a {display: block;}
.menuplan_d, .menuplan_g {margin: 10px auto 15px;}
.content_plan a :hover{color:#fe3f51    }
@media only screen and (min-width: 993px){	
	.categ_plan .content_plan{column-count: 4;-webkit-column-count: 4;-ms-column-count: 4;}
	}
   
/*============================
		CLIENT SAV
=============================*/
.max_ccc{max-width:1140px; margin:auto; padding:0 10px}
	/* CSS Module SAV */
	.alert-box:empty{display:none}

	.alert-box 							{ color:#555;border-radius:0;-webkit-border-radius:0;font-size:0.875rem;padding:10px 10px 10px 36px;margin:10px 0; }
	.alert-box span 					{ font-weight:bold;text-transform:uppercase; }
	.alert-box.error 					{ background:#ffecec url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACj0lEQVR4XqVTW08TURCe0253AySilEu1BjHYcNEYoxYLbdpCKBC5NJRY1PCAISak8S8Y/wYvPBkjkcTICzE+mJh4A3xUtksbCWp3aWEp3YW2hKXj2dYWQd/4kpMz+81+38zO2UMQEU4C5jgRJYTjOJgAhrlntFrrKFV5kEjwQMiMQTPOWhVF/ltwpIOfFYzfUFszVdY/ZDFdvgKE5QoJTYN9gYfMm9cyJBX/uVj8Q1FjKAY/qsqdTGvLC9Lbb1GVXcilUpCTNyG3JUNOVUBVdgC93WZjk+2taKv3HzGInT9lZixn5w4am1jG5YW6x09g49MCaDIVJ7dg4+NnMIceAevoAK2+gSUWy1TUZiu0h4jwy1o7GR/owWifDzOCgDoykQgKvT6MUE79slTgaO67fwATY0GM3bgaolTBINZ88V1ieADjgUEU3C7MrKygjmw0gupSURzGcJcH4+P3MfFgDEW34/2hQUujFLvWiqKnHcUeD/LtbZiNrGARmTCPvLMdJVpkfagPpW43il2uZV1bGCLHJcFgANzdBaTDQ1UFbXsbitCL4N4eHawCuXQakL4LLHvm8BQ4VqYm+g6prAYXnj6Dipt2oJXpCkNZcws0UC6VzuhCIBynH7FQcpc8t0KitwMF+3VMf/uKOtI8j8sOO/KONj0ucSseJ0ojQygGhydLn7BTXjVNHUUTYwR1cTFfdW1iHE7XVkOlpQbWHk4AHSLNLYBJ74BhNnP7MFvqQF/rg71+yX87u+p10SouFGkVKTiM66OB/B7p9OCqr1N/zsaDAWdRd+QyiaMjTiOBVzSshv9DBMBQ3czLueN3oYRYIGA2meAOGshdQGiiVBIJyDR+vqNkpi/Nz+/9c5lOgt8n8IvUM0QilAAAAABJRU5ErkJggg==') no-repeat 10px 50%;border:1px solid #f5aca6; }
	.alert-box.success 					{ background:#e9ffd9 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAmJJREFUeNqkk0toE0Ech3+T3aRJX7RpPNgSgzQljYXiC1FbUcFrL9WTqAe96NGce+hF8KA5eVHsSaQni1CR4kHEFwoVxNrW0iJtA9lqk1TJbnZ2d3bGnbWPDT124Fvm9f32v+wMEUJgL02VD/IkASjEQw5IJwiGvd6AR3JzX8HjAwQmIEQRrjdyBcTV0v+AQBuKqpFcpiuTTiWS8eaG5qisz7D0I8vrK4MLxcWLlmPlvanJugq25NaGltFzfWezKpQYsxl0W99aa0x3dDcm25Mdb+fejVZNf94PCW1u6GwIRXJnegeyds2K6boOSmkdz3oeg5lO7GT6RDZCwjnp7AQwMdyzvztNdRozDAOmadZxt3vE3zZ1eNwLYbFUPJmWTjDgdKIpEa9Wq7Asy0dWsfZ7DTejV9BWbkKhUMC1l7cwOzcLTnlcOsGAAwqUqOu6+Hx+ClpZw8qvFaRIF061H4eqqhhbfooXpVdwQg6oTaPSCQaAuQw3Dl7GzMwMpg6N42iiHw/77/ny69J7PCiOATH4MJX5zk6AI1ZLxjod+XYHiqIgHA7jUe99hNUwFms/cXt5BLyZe/8CPjaxqHSCFXxcW9cqSlzB4I8h/61bXFq8DrRhW5bQaq0inWDAxJ/V8lIIxCRdBMe+X/DlvulBYF+9zLlrWpq5JJ2dAC6KrsHy5U/avGDcJCmCvq+enML2d0u4w0x9ujLPa25eOvUnkYtJpln4+1zLRbJN6UimMa6oalQuuRuM2gu1ij1vLHFH5NGqeKeQ7DrKfggvsS/0zcawx+7LpJAJtCjFoEL2ep3/CTAAj+gy+4Yc2yMAAAAASUVORK5CYII=') no-repeat 10px 50%;border:1px solid #a6ca8a;}
	.alert-box.warning 					{ background:#fff8c4 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABqklEQVR4XqWTvWsUURTFf+/tx7DmA5sUmyB+EGQDCkFRxCFosYWCFgELm2ApCBYW/gOCFpYSrUMsBIv4BwTSCSqaWgsTEDRV2EVBZWffvXIYwhZOEdgLhzmcc+7h3WKCuzPOhI+P80rDzE7WwmAHIHnzVIxxl4qJVaKbkYrBxvyVZQRxaYcq0EmehvePzp5YnD67hCAuzd0PUWB2JNQazzo377D7+auAuDR51QWjZWxYvD2e34DsJw+fbwviSJOnTHWBO5aGt6fa84szF67CzguCIYgjTZ4yuP9fYGqO2avO8j348hSKff4OkiAuDXnKKDsqGD1989jSLWJvA/58g+YUv34Xgrg0eSij7MEpsXx66k62O932wjT030NjAuotXj/YE8SlyUMZZbWj3ejmEFubp69fg711yCYha0GWcXftjCAuTZ4yKKsd7dbNfHXuUk6jeAPNCSBCAJpGb78PiGel7gCmLHMXc76/21oNn57kfm5lFg0W0KBPDag7GoYBEuCUE0uy/fIH4cOjy27J0SlI56DEiSVFFi4dEUUIMRBrQZTzjDFj/87/ACmm3+QFX8sKAAAAAElFTkSuQmCC') no-repeat 10px 50%; border:1px solid #f2c779; }
	.alert-box.notice 					{ background:#e3f7fc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAwFBMVEX///8AVq0CYcADbNEDaMoDa88Das0EcdkFfe0CZMPv9fu/1esFe+kBXbkEdd8Uf+QEb9VRkdAGf/AFeecRacAEc9wBW7QBX7zs6dwFeudRjswGgvUFd+MCZscDbtTl4tIBWbFEo/rh3s7A2/QAVasCZcYEcNcBYL3n5NUFfOsWhe5UqPVCkNvj4NDd2swyhNMGgPIBXLbq59nB4Pw1m/lToOgCY8RBi9Lv9/8FduHm49QxfMfo5dcQYrNTnuVBhMhJU/nRAAAAAXRSTlMAQObYZgAAAMpJREFUeF4lzdVyRTEIQFGI57i7XXet+///VZN2vy0YBrA9HPZeF34v4L/XWXtVdRdIenT+/NheE2W8puxiJ7O2TZSq7jLiTMfm3u53YVXhIHriu3BIEuXVdYBI2Yr4Dex3npd22893KnpdFl9Qp2n3FgTbEZkm/oSQGuVSjiOagwJ9CPNcrodhPCEpb9MygycZDZTz0xyNsYhhkXMhGJuf0XhJXIBj1K/02YTGDQA4F042G7SRDwfs5EVo828qn3+sbW6cEZI1rsUvrDkTPAFMyQwAAAAASUVORK5CYII=') no-repeat 10px 50%; border:1px solid #8ed9f6; }
	
	
.clientsav_ticket {margin: 10px 0 21px 27px;padding: 5px 10px;background: #fff;color: #333333;position: relative;border: 1px solid #fe3f51;}
	.clientsav_ticket i.icon-tag {position: absolute;color: #fe3f51;font-size: 27px;left: -29px;top: -14px;transform: rotate(-280deg);-webkit-transform: rotate(-280deg);-ms-transform: rotate(-280deg);-o-transform: rotate(-280deg);}
		.clientsav_ticket:hover 			{ background:#fe3f51;color:#fff }
	.clientsav_ticket_r 				{margin-top:10px;padding:10px; margin-left:10px!important; border-top:none!important; border-bottom:none!important;border-right:none!important;}
	.reponse_content .clientsav_ticket_r + .title_form, .bloc_create_ticket + .formBox_content.max_400, .bloc_create_ticket + .clientsav_bouton_retour{display:none}
	.clientsav_ticketdet_bit				{color:#000000}
		.clientsav_ticket_bit_date a {text-decoration: underline;} 
			.content_ticketdet >div {padding: 8px 0;}
			.content_ticketdet >div p{margin:0}
	.clientsav_ticketdet_bit span			{font-weight:bold;}
	.clientsav_ticketdet_bit_lib strong	{ color:#cea282;font-weight:bold;font-size:15px }
.content_clientrep {position: fixed;width: 100%;top: 0;height: 100%;background:rgba(26,26,26,0.5);left: 0;z-index: 99; display:none}
.clientsav_box_reponse {position: fixed;z-index: 999;max-width: 400px;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);left: 50%;top: 50%;background: #fff;padding: 15px;width: 95%;display:none}
	.clientsav_texteara					{ padding: 10px; border-radius:0;-webkit-border-radius:0;-ms-border-radius:0; border: 1px solid #777;margin-bottom:8px; width: 220%; height:150px; background:#fff}    
	.clientsav_texteara_reponse 		{padding: 10px;border-radius: 0;-webkit-border-radius:0;-ms-border-radius:0; border:1px solid #777;margin-bottom:8px; width: 100%; height:160px ; background:#fff}
	

	.input-file-container{background-color: #fff;border:1px solid #777;border-radius: 0;-webkit-border-radius:0;-ms-border-radius:0;}
	.input-file-container	input[type='file']{ display: none; }
	.input-file-browse-btn{ background: #fe3f51;color: #fff;min-height: 35px;padding: 10px;border: none;border-radius:0;-webkit-border-radius:0;-ms-border-radius:0;display:inline-block; }
	.input-file-info{ font-size: 0.9em;display:inline-block;margin: 10px 5px; }
	.liste_champ{ width: 50%; }
	.pj_valide{font-size: 11px;color: #fe3f51 ;}
	.taille_max{font-size: 11px;color: #fe3f51 ;}
	.pj_liste{font-size: 11px;color: #fe3f51 ;}
	.larg_table{width: 20px;}
#savticket_statut_choix  {width: 100%;height: 30px;background: #ffffff url('template-f_select.png') no-repeat 95% 50%;padding:5px 22px 5px 15px;max-width:140px; margin:auto; cursor:pointer; position:relative; z-index:1;    border:1px solid #777;font: 12px "Montserrat";text-transform: uppercase;    background-size: 12px auto;}

/*********FAQ**********/
	.faqBit{padding:0 15px;}
	.accordeon_bit{margin-bottom:5px}
	.titre_faq:empty {display: none; }
	.formulaireBlocContent .alert-box:empty {display: none; }
		.reponse {padding-left: 38px;display:none;border-bottom:1px dashed #e6e6e6; padding-bottom:15px; margin-bottom:10px}
		.titre_faq{color: #8dc63f;font:21px "Sofia-pro";text-transform:uppercase; margin:20px 0 ; min-height:30px}
		h3.question {padding:15px 20px 15px 45px;font:15px "Sofia-pro";margin: 5px 0;cursor:pointer; background-color:#fff; border-bottom:1px solid #8dc63f; position:relative}
			.question::after{content: '\e8c2';position:absolute; right:10px;top: 50%; margin-top:-10px;color:#8dc63f; font-family:"fontello"; font-size:18px}
			h3.question i {border-radius: 100%;background-color: #8dc63f ;color: #fff;padding: 3px 4px 3px 5px;font-size: 12px;position: absolute;left: 10px;top: 50%; margin-top:-10px;}
			.question.active{background-color:#8dc63f; color:#fff;border-bottom-color:#8dc63f}
			.question.active i {background-color:#ffffff; color:#8dc63f}
				.question.active::after{content: '\e8c5';color:#fff}
				.question.active i{}
		
	@media only screen and (max-width:640px) {
	.titre_faq{font-size:15px}		
	.faqBit{width:100%; padding:0}
		h3.question{font-size:13px; padding-left:38px}		
	.articleVu_list img{max-width:160px}	
	}
 


.col-sm-6.pi_formu {width: 100%;   display: block;margin: auto;}
	.page_rechercher .button_valid span {background-image: url(template-search_m.png);background-size: auto 22px;background-position: 2px 2px;}
	.page_rechercher .titre_top.border_b_vert.lib_instit {display:none}
div#ascrail2000-hr {display: none!important;}
.panier_wrapper .container.p-xl-0 {padding: 0;}
.max_instit {   max-width: 1120px;margin: auto;}

/***********partenaires**********/
.content-partenaire .card-title a {display: inline-block;padding: 8px 10px;font: 15px "Sofia-pro";text-transform: uppercase;background: #fe3f51;color: #fff;}
.checkNews .input_abs + .texte_abs {background-image:url("template-check_off.png"); white-space: nowrap;min-width: 170px;background-position: left center;}
.checkNews .input_abs:checked + .texte_abs {background-image:url("template-check_on.png")}
#divcgv .input_abs + .texte_abs {background-image:url("template-check_off.png")}
#divcgv  .input_abs:checked + .texte_abs {background-image:url("template-check_on.png")}
.logging_text {padding: 0 15px;text-align:center}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1480px){ 
.container{max-width:90%!important}	
.headerFixed .container{max-width:100%!important}	
div#contenuArticle .container {max-width: 1300px!important;}
.content_commun_logging .container {max-width: 100%!important;}
.text-opti .container {max-width: 100%!important;}
.bloc_tendance  >.container{max-width:1100px}
.newsletter_wrapper .container {max-width: 1300px!important;}
.left_catalogue{width:22%}
.right_categ{width:78%}

.categ_av .container{max-width:100%!important}	
	.titre_categ{font-size:35px}
	.categ_av .av_box span{font-size:13px}
	.panier_wrapper .container.p-xl-0 {max-width: 96%!important;}
}
.page_top li.li0_folderClose {display: block!important;}
.page_top .li0_folderClose .ul_niv1 {display: none!important;}
.page_top  a.li0_lib.opensans_bold {display: inline-block!important;font:16px "Montserrat"; padding:10px; margin-bottom:5px}

/*********modal STYLe*********/
.modal-backdrop.fade.in {display: none!important;}
.fade.in {background: rgba(0,0,0,0.5);}
body.modal-open .page-content {position: relative;/*z-index: 9999;*/}
.modal * {font-family: Montserrat;}
.modal b , .modal strong  {font-family: Sofia-pro;}
	.modal-body {height: 100%;overflow-y: auto;max-height: 70vh;}
		.modal-header button.close {position: absolute;right: 15px;color: #fe3f51;opacity: 1;}
	.modal-title {max-width: 100%;width: 100%;text-align: left;font: 20px "Sofia-pro";color: #fe3f51;}
		.modal-footer button {background: #fe3f51;border: none;color: #fff;padding: 5px 15px;font: 12px "Sofia-pro";text-transform: uppercase;}
	div#modal {overflow: visible!important;padding: 0!important;}

/*******kit offert article*****/
.bloc-auto-art .titreauto {font-size: 22px;}
	.bloc-auto-art .titre_fab {font-size: 12px;padding-left: 5%;}
@media only screen and (max-width: 500px){
.bloc-auto-art.bloc_auto a >img {max-width: 518px;}
.bloc-auto-art .titreauto {font-size: 18px;}
}
@media only screen and (max-width: 480px){
.bloc-auto-art.bloc_auto a >img {max-width:495px;}
.bloc-auto-art .titreauto {font-size: 16px;}
.bloc-auto-art .titre_fab {font-size: 11px;}
}	
@media only screen and (max-width: 380px){
.bloc-auto-art.bloc_auto a >img {max-width: 147%;}  
}
.btn_valid{background-color: #fe3f51;border: none;color: #fff;text-transform: uppercase;font: 20px "Sofia-pro";padding: 10px 15px;}
.btn_valid:hover{background-color: #e51c6e}
.btn_new{background-color: #fe3f51;border: none;color: #fff;text-transform: uppercase;font: 15px "Sofia-pro";padding: 10px 5px 10px;}

.article_left #big_jcrop{
	text-align: inherit !important;
}

.jcrop-widget.active .jcrop-handle{display:none!important;}

.big_img_jcrop.mirror img, .big_img_jcropmobile.mirror img{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.big_img_jcropmobile.mirror img{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.jcrop-widget {
	border: 1px red solid !important;
    /*animation: border-dance 4s infinite linear;*/
	animation: 1s animateBorder infinite;
}

.jcrop-widget:focus {
    outline-style: none !important;
}

.article-right:not(.classic_product) .caractBit .col-md-6.col-12.mb-3, .article-right .caractBit div.col-md-6.col-12.mb-3:only-child {
    flex: 0 0 100%;
    max-width: 100%; 
}
@media only screen and (min-width:992px) {
	.sous-categ-list{margin-left: -20px; margin-right: -20px;}
}
@media only screen and (min-width:768px) {
	.del_cart{margin-top: -3px;}
	div#ancre-page {display: none;}
.caracteristique_art .text-center.text-md-left.clearfix .mobile-w50 {float: left;width: 50%;padding: 0 10px;}
.caracteristique_art .text-center.text-md-left.clearfix .mobile-w33 {float: left;width: 33%;padding: 0 10px;}
.caracteristique_art .text-center.text-md-left.clearfix {margin: 0 -10px;}
.font-big-mobile{font-size: large;}
}
@media only screen and (min-width:481px) {
.tdCell.cell_total .px_cde1 {padding-right: 15px; }

} 
.pt-perso-dim{padding-top: 23px;}
.dim_papier_plus{display: flex;position: absolute;width: 20px;height: 14px;background: #cdcdcd;right: 5px;top: 5px;justify-content: center;align-items: center;cursor: pointer;color: #fff;}

.dim_papier_moins{display: flex;position: absolute;width: 20px;height: 14px;background: #cdcdcd;right: 5px;bottom: 5px;justify-content: center;align-items: center;cursor: pointer;color: #fff;}

.dim_papier_plus:hover, .dim_papier_moins:hover{background: #E5385D;}

.crop-stage{position:relative;margin: auto;    width: 100% !important; }
.crop-stage img{position:absolute;z-index:1;left: 0px;}
.crop-widget{position:absolute;border:2px dashed #fe3f51; box-sizing:border-box;z-index:2;cursor:move}
.crop-shade{position:absolute;background:#000; opacity:0.5;z-index:2}
/* debut colissimo relais */
#points_box .coordonnees{margin: 5px;padding: 5px;background:#eee;}
#points_box .coordonnees table td{padding:0 5px; width:33.3333%}
	#points_box .coordonnees input[type='text'] {height:35px; padding:5px 10px; border:1px solid #89cd5c;width: 100%;}
#liste_points .point_item {margin: 4px;cursor: pointer;padding: 5px 5px 5px 38px;background: #fff url(template-colissimo2.png) no-repeat;background-position: 5px 6px;border-bottom:1px solid #ED6F07;}
#liste_points .point_item:last-child{border-bottom:none}
	#liste_points .point_item >div>strong {color: #ED6F07;margin: 5px 0;display: block;font-size: 14px;}
#liste_points .point_item:hover{background-color:#f4f4f4}
	span#btn_find_colissimo {background: #89cd5c;color: #fff;text-transform: uppercase;color: #fff;font: 12px "aller_display";border: none!important;display:block!important;text-align:center}
	span#btn_find_colissimo:hover{filter: brightness(110%);-moz-filter: brightness(110%);-webkit-filter: brightness(110%);-ms-filter: brightness(110%);-o-filter: brightness(110%);}
/* fin colissimo relais */

.point_map_item {
    background: #ed7f12;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 5px;
    color: #ffffff;
    display: block;
    border-radius: 3px;
    text-align: center;
    cursor: pointer; 
}

.relai-titre{margin-top: 18px;margin-bottom: 12px;color: #232d38;font-weight: bold;font-size: 15px; border-bottom: 1px solid #232d38;}
.relai-ko{color: #cc2525;border: 1px solid #6d2b37;padding: 10px;background: #ebb7c3;text-align: center;display:none;}

.relai-ko[data-colissimorelais=""]{display:block;}
.relai-ok{display:block;}

.relai-ok[data-colissimorelais=""]{display:none;}

.form-content-sm{max-width: 500px;margin: 20px auto;}

#btn-personnaliser{/* 
	background: #81C15B;
	display: inline-block;
	text-transform: uppercase;
	padding: 12px;
	color: #fff;
	
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;*/
	cursor: pointer;
}

.d-none-custom{display: none !important;}
.box_input .clear{display:none;}
.box-validationcadrage .errorForm{display: block;text-align: left;border: 1px solid #a05c20;padding: 7px;color: #152c21;font-size: 13px;background: #f1dc9d;border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;flex: 0 0 100%;margin-top: 15px;text-align: center;}
.box-validationcadrage input.errorForm{display: inline-block !important;}
#contenuCde1 .modal.show .modal-dialog{z-index: 1041;} 

.separator{
	display:none;
	position:absolute;
	top: 0px;
	width: 2px;
	border-left: 2px dashed #fe3f51;
	height: 100%;
}

.showle .separator{
	display:block;
}

.wrap-jcrop{
	width:100%;
}
.big_img_jcrop{
	width:100%;
}
.big_img_jcrop #big_jcrop{
	width:100%;
}
.hide-dim{
	background: rgba(255,255,255,0.8);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}

.text-info-hover {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;position: absolute;
    left: 35px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px #ccc;
	    top: 100%;
}

.icon-info:hover + .text-info-hover {
    opacity: 1;
    visibility: visible;
}
.cursor-pointer{cursor: pointer;}
#btn_rotation strong {
    display: block;    margin-right: 19px;border-radius: 30px;
    border: 1px solid #ccc;
    margin-left: 6px;
    margin-top: 3px; margin-bottom: 3px;
}
#btn_rotation img {
    filter: grayscale(1);
    border-radius: 30px;
    max-width: 48px;
}
#btn_rotation {cursor: pointer;    font-size: 14px;}
#btn_rotation:focus * , #btn_rotation:active * { color :#fe3f51}
#btn_rotation:active  img{filter: grayscale(0);}
#btn_rotation:active strong {border-color: #fe3f51}
/* Carrousel accueil : image en pleine largeur sur ordinateur (visuels 1600x600) - 07/10/2026 */
@media only screen and (min-width:1081px) {
	.slider-item > a img {width: 100%; height: auto;}
}

/* Fiche produit : fil d ariane sur une ligne, fin (nom du produit, deja dans le H1) coupee par ... - 08/10/2026 */
.article-top .ariane-box {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* Panier deroulant du header : ouverture au survol (le script de scriptsV1.js n est charge nulle part) - 08/10/2026 */
@media (hover: hover) {
	.li-panier:hover .panier-deroulant {opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0);}
}

/* Panier : message "Vous beneficiez de la livraison gratuite" plus visible - 08/10/2026 */
.frais-gratuit-cde {font-size: 1.125rem; line-height: 1.4; padding-top: 4px; min-height: 30px;}

/* Configurateur : zone de recadrage en pointilles gris qui defilent (effet "fourmis" Photoshop) - 08/10/2026 */
.crop-widget {
	border: 0;
	background-image:
		linear-gradient(90deg, #7a7a7a 50%, #ffffff 50%),
		linear-gradient(90deg, #7a7a7a 50%, #ffffff 50%),
		linear-gradient(0deg, #7a7a7a 50%, #ffffff 50%),
		linear-gradient(0deg, #7a7a7a 50%, #ffffff 50%);
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	background-size: 12px 2px, 12px 2px, 2px 12px, 2px 12px;
	background-position: 0 0, 0 100%, 0 0, 100% 0;
	animation: crop-fourmis 0.6s linear infinite;
}
@keyframes crop-fourmis {
	to {background-position: 12px 0, -12px 100%, 0 -12px, 100% 12px;}
}
@media (prefers-reduced-motion: reduce) {
	.crop-widget {animation: none;}
}
.separator {border-left-color: #7a7a7a;}
/* Zone de recadrage qui couvre toute l image (rien a recadrer) : pas de pointilles - 08/10/2026 */
.crop-widget.crop-plein {background-image: none; animation: none;}
/* Panier (cde1) : colonne de droite (livraison, total, Commander) toujours visible, seuls les produits defilent - 12/10/2026
   overflow-x:clip au lieu de hidden sur .big-wrapper, sinon position:sticky ne fonctionne pas.
   Le body a la classe page-cde1ajax (cde1.php inclut cde1_ajax.php qui change $referencepage).
   Si la colonne est plus haute que l ecran, elle defile dans son propre cadre. */
@media (min-width:1200px){
	.page-cde1 .big-wrapper, .page-cde1ajax .big-wrapper{overflow-x:clip}
	.page-cde1 .col-cde-recap, .page-cde1ajax .col-cde-recap{position:sticky;top:20px;align-self:flex-start;max-height:calc(100vh - 40px);overflow-y:auto}
}
@media (min-width:1250px){
	.page-cde1 .col-cde-recap, .page-cde1ajax .col-cde-recap{top:100px;max-height:calc(100vh - 120px)}
}

/* Fiche produit - 15/10/2026 : pas de popup PrettyPhoto sur mobile pour les photos du produit (V2/article.js),
   donc pas d'icone d'agrandissement non plus */
@media (max-width:767.98px){
	a.prettyPhoto[rel^="prettyPhoto[galArt]"] .btn-zoom, .slider-photo-article .btn-zoom{display:none}
}
/* PrettyPhoto - 15/10/2026 : bouton fermer aux couleurs du site (au lieu de l'image "Close" du theme light_rounded) */
/* hauteur 22px comme l'image d'origine : PrettyPhoto calcule la hauteur de la popup avec, sinon le bouton est coupe */
div.light_rounded a.pp_close, .site_EN div.light_rounded a.pp_close{width:auto;height:22px;margin:0;padding:0 14px;background:#282828;border-radius:11px;color:#fff;text-indent:0;font-size:0;line-height:22px;text-decoration:none;transition:background-color .2s ease}
div.light_rounded a.pp_close:hover, div.light_rounded a.pp_close:focus{background:#fe3f51;color:#fff}
div.light_rounded a.pp_close::after{content:"Fermer \00d7";font:600 11px/22px "Montserrat", sans-serif;letter-spacing:.5px;text-transform:uppercase}
.site_EN div.light_rounded a.pp_close::after{content:"Close \00d7"}
.site_SP div.light_rounded a.pp_close::after{content:"Cerrar \00d7"}
.site_IT div.light_rounded a.pp_close::after{content:"Chiudi \00d7"}
.site_DE div.light_rounded a.pp_close::after{content:"Schlie\00df en \00d7"}

/* 16/10/2026 : bouton de retour en haut (.goToTop) retire, a la demande du client. !important : le JS de fonctions.js l affiche par fadeIn (style en ligne). */
.goToTop{display:none!important}