/*===================
 		COMMUN 
 ==================*/
 .sub-lib{display:none}
.visible-640{display:none}
 li.navItem.visible-640 {display: none;}
.margin-10{margin:0 -10px}
@media only screen and (max-width:1480px) { 
a.navLink{font-size:13px}	
	} 
@media only screen and (max-width:1400px) {
#header	{padding-left:10px; padding-right:10px}
li.navItem{padding-left:10px; padding-right:10px}
.headerFixed a.navLink{font-size:11px}
	 
}
@media only screen and (max-width:1250px) {
a.navLink{font-size:12px!important}	
}
@media only screen and (max-width:1200px) {
.col-sm-4.no-padding.right-bloc-head {padding: 0;}		 
#header{padding-left:20px; padding-right:20px}
/* 15/10/2026 : overflow-x:clip au lieu de hidden + overflow-y:auto. Ces derniers faisaient de .big-wrapper une zone de defilement :
   sur iPhone (Safari), apres un defilement, le header n'etait plus redessine (zone blanche en haut de page).
   clip coupe aussi le debordement horizontal sans creer de zone de defilement ; hidden reste en secours (iOS < 16). */
.big-wrapper{  overflow-x: hidden; overflow-x: clip; overflow-y: visible;width: 100%;}    
.top-products{padding:0 10px;}
.search-top {max-width: 87%;} 
.col-xs-4.left-logo.no-padding{padding-left:140px!important}
.titre-ss-menu{font-size:20px}

.goToTop{bottom:155px}
.other-link-top a.link-other{font-size:12px}
.other-link-top .ecoute-link.link-other{font-size:11px}
.slogan {margin-top: 15px;}
}
@media only screen and (max-width:1140px) {
li.navItem {padding-left: 5px;padding-right: 5px;}
.logo img {max-width: 200px;}
.description-carou a{max-width: max-content;}
}

@media only screen and (min-width:993px) {
.menu-mob-overlay{display:none!important}	
}
@media only screen and (max-width:991px) {
	.font-16 {font-size: 0.725rem;}
	.caracteristique_art   .font-16 {font-size: 1rem;}
	.font-29,.top-index-tab .nav-link{font-size: 1.5rem;}
	.container, .container-lg, .container-md, .container-sm {max-width: 100%;}
	.li-m980{display:block}
	.header-sticky{box-shadow:none!important;-webkit-box-shadow:none!important;-ms-box-shadow:none!important;-o-box-shadow:none!important;border-bottom:rgba(109,126,168,0.4) 1px solid}
.logo > *{display:block}
header#header >.row {position: relative;}
	.big-wrapper {padding-bottom: 0;}
	.admin-index{display:none}
.menu-mobile-bloc{display:block}
.slogan {display:none!important}
#header{padding-top:10px; position:relative}
.hidden-mobile{display:none}
.visible-mobile{display:block}
.col-sm-4.no-padding.center-search{float: none;position: absolute;bottom: 16px;padding: 0 !important;z-index: 9;width: 100%;left: 0;max-width: 100%;}
	.texte-perso-s {padding: 5px 0 15px 0;font-size: 13px;border-bottom: 2px solid rgba(255,255,255,0.5);margin-bottom:5px}

	.left-search{width: 100%;top: 100%;transform: none;position: absolute;left: 0;display: none;}
	.search-top{max-width:100%}
	.right-bloc-head{position: absolute;right: 0;top: 50%;transform: translate(0, -50%);width: max-content;z-index: 9;padding: 0;}
	.other-link-top li{width: 50%;padding: 0 5px!important;}
/********Menu******/
.menu {padding-top: 45px;margin:0 -15px;height: 100%;}
	.content-btn-sub {display: none;}
.navigation {display: block;position: fixed;left: 0;background-color: #fff ;left: -500%;top: 0;height: 100%;z-index: 999;width: 87%;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;  padding: 0;max-width:320px; margin:0;border-bottom:none; max-height:100vh;}
.navigation.open-mob {left: 0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;}
	.navigation.open-mob >.container  {height: 100%;background-color: #fff ;overflow-x: hidden;overflow-y: auto;padding:0 15px!important}
		ul.onglets {display: block; max-width:100%}
		.close-menu-mob{display:block}
		.has-sub .navLink::after {content: '\e8c4';position: absolute;right:17px;left:auto;font-family: fontello;top: 50%;margin-top:-10px; transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-ms-transition: all ease 0.5s;-o-transition: all ease 0.5s;-moz-transition: all ease 0.5s;background:none;font-size:19px}
	.ul-list li {margin-bottom: 15px;}	
	.ssmenu-Bit li.visible-980.mt-3 {position: sticky;bottom: 10px;}
li.navItem{display:block;padding:0;}
	a.navLink{color: #666666!important;text-align: left;padding: 15px!important;border-bottom: 1px solid #e6e6e6;font-size: 12px;display: block;background: #fff ;position: relative;}
	a.navLink.marque-link {padding: 5px 12px!important;}
				.subMenu {position: absolute;padding: 10px;border: none;width: 100%;top: 0;background: #fff;z-index: 999999;height: 100%;display:block!important;transition: all ease 1.2s;-moz-transition: all ease 1.2s;-webkit-transition: all ease 1.2s;-ms-transition: all ease 1.2s;-o-transition: all ease 1.2s; padding:0 ; left:-500%}
				.subMenu.open{left: 0;transition: all ease 0.7s;-moz-transition: all ease 0.7s;-webkit-transition: all ease 0.7s;-ms-transition: all ease 0.7s;-o-transition: all ease 0.7s;}
		 li.navItem.visible-640 {display: block;}
		.sub-lib {padding: 10px 0 10px 40px;background: #fff url("template-fleche_prev.jpg") no-repeat left center;border-bottom: 1px solid #000;position: fixed;width: 80%;max-width: 300px;border-left:0;z-index:99;    line-height: 100%;margin:0;   top:1px;font:500 12px "sofia-pro"; text-transform:uppercase;display:block;}
.lien-instit-nav , .lien-nouv{display: none;}	
.ssimage-Bit {display: none;}		 
	.titre-ss-menu{font-size:18px}
/*****SSMENU********/
ul.ul-list {margin-bottom: 20px;}
	.ssmenu-Bit:last-child {display: none;}
	.hidden-980{display:none}
	.sub-menu-top {max-height:100%;overflow-y: scroll;padding-top:45px; }
	.texte-promo{padding-top:9px}
	.autopromos{padding:0 5px}
	.selection-item.image-selection {display: none;}
	.texte-perso-index {display: none;}
.bloc-avantage.visible-index{display:none}	
.hidden-logo{display:inline-block}
.visible-logo{display:none}
.span-menu-mob{display:block}
.s-text{height: 35px}
.s-submit{height: 35px;}
.font-22{font-size: 1.275rem;}
}

@media only screen and (max-width:767px) {
	.other-link-top a{padding-left :1px;padding-right:1px; font-size:11px }	
	.hidden-767{display:none}	
	.logo img {max-width: 180px;}
body{font-size:12px}
.margin-10.visible-980 {display: none !important;} 
.logo {margin-left: -5%;}
.logo a{padding: 6px 0;}
.font-29{font-size: 1.675rem;}
.font-26{font-size: 1.525rem;}
.font-22{font-size: 1.2rem;}
.top-index-tab .nav-link{font-size: 1.5rem;}
.top-index-tab li{padding-left: 2rem;padding-right: 2rem;}   
.txt-newsletter br{display: none;}
	.grid-categorie-index .categ-lib-i{max-width: 90%;top: auto;padding-left: 5px;padding-right: 5px;bottom: 10px;} 
}
@media only screen and (max-width:700px) {
	.slogan {display: none;}
	.col-xs-4.left-logo.no-padding {width:104px} 


}
@media only screen and (max-width:575px) {
	.index-bg .top-index-tab  .font-18 {font-size: 0.875rem;}
.index-bg     .font-16 {font-size: 0.875rem!important;}
	.logo img {margin:auto;max-width:184px}
	.top-header{display:none}
	  
	.menu-mobile{padding-right:10px}
	.texte-promo{font-size:12px}

		.titre-ss-menu{font-size:16px}
	.other-link-top .lib-other{font-size:11px}

	#header{/*padding-bottom:45px;*/ padding:0 15px;}
	.menu-mobile-bloc span {margin-top: 2px;}

	.menu-mobile-bloc .toggle-menu {max-width: 38px;display: block;}
	.col-sm-4.no-padding.center-search{bottom:0.8rem}
	.left-search{padding:0 ; margin-top:0} 
	.hidden-640 {display:none!important}
	.visible-640{display:block}

	.nbre-panier {height: 15px;width: 15px;font-size: 11px;padding-top: 0;        display: flex;align-items: center;justify-content: center;line-height: 1;}
	.other-link-top a.link-other, .other-link-top a.link-other.panier-link span { background-size:auto 32px} 
	.font-29{font-size: 1.6rem;}
	.top-index-tab .nav-link{font-size: 1.325rem;}
	.font-22{font-size: 1.1rem;}
	.font-26{font-size: 1.425rem;}
	.font-21-mobile{font-size: 1.4rem;}
	.font-14-mobile{font-size: 0.938rem;} 
	.font-16-mobile{font-size: 1rem;} 
	.font-11-mobile{font-size: 0.725rem;} 
	.font-18-mobile{font-size: 1.2rem;font-weight: 500!important;}
	.font-23-mobile{font-size: 1.575rem;}
	.font-26-mobile{font-size: 1.725rem;}
	
	
	.top-index-tab li{padding-left: 1rem;padding-right: 1rem;}
	.max-wbig {width: 100% !important;max-width: 380px!important;}
	.title-black{font-size: 1.6rem;}

	.price-product.font-22{font-size: 1.2rem;}
}
@media only screen and (max-width:480px) {
	.menu-mobile-bloc span{font-size:10px}	
	.logo img {max-width:15rem}
	.s-submit {top: 6px;background-size: 19px;background-position: 52% 3px;}
	   .s-submit:hover { background-position: 52% -19px;}
	   .top-index-tab .nav-link{font-size: 1.3rem;}
	   .top-index-tab li{padding-left: 1.5rem;padding-right: 2rem;}
}
@media only screen and (max-width:420px) {
	.other-link-top li {padding: 0 5px!important;}
	.logo {margin-left: -9%;}
	body {font-size: 11px;}
	.header-top * {font-size: 14px !important;}
	.other-link-top a.link-other,.other-link-top a.link-other.panier-link span { background-size:auto 2.6rem; width: 2.9rem;}
}

@media only screen and (max-width:390px) {
	.logo img {max-width:12rem}
}
@media screen and (min-width: 1200px) and (max-width: 1700px){ 
	
	html {font: -webkit-control;}
	.btn2-slide-next{width: 4rem;height: 4rem;background-size:4rem ;margin-top: -9rem;}
	.btn2-slide-prev{width: 4rem;height: 4rem;background-size:4rem;margin-top: -9rem}
	.px-btn-swiper {padding-left: 5rem;padding-right: 5rem;}
	/*[class^=page-cde] .left-logo, .page-article .left-logo_ {flex: 0 0 60%;}*/
}
@media screen and (min-width: 991px) and (max-width: 1200px){ 
	
	html {font: -webkit-control;}
	.btn2-slide-next{width: 4rem;height: 4rem;background-size:4rem ;margin-top: -9rem;}
	.btn2-slide-prev{width: 4rem;height: 4rem;background-size:4rem;margin-top: -9rem}
	.px-btn-swiper {padding-left: 5rem;padding-right: 5rem;}
}

/*===================
 		SLIDEer 
 ==================*/
@media only screen and (max-width:1180px) {
.description-carou{font-size:1.8rem; padding: 0 10px}	 
}
@media only screen and (min-width:1081px) {
	 .slider-item >a {background:none!important} 
}
@media only screen and (max-width:1080px) {
 .slider-item img {max-width: 120%;opacity: 0;}
 .slider-item >a {display: block;background-size: 120% auto !important;background-position: center!important}
 .description-carou{font-size:1.7rem; }
 .contenu-decs-bg{padding-top: 3rem;padding-bottom: 3rem;}
 .btn-link, .description-carou a{font-size: 0.875rem;max-width: max-content!important;}
}	

@media only screen and (max-width:767px) {
	.description-carou{width: 90%;}
	 .slider-item img {max-width: 140%;}
 .slider-item >a {background-size: 140% auto !important;}
 .btn-link, .description-carou a{font-size: 0.75rem;}
 .abs-pagination{bottom: 0;}
}
@media only screen and (max-width:575px) {
	.slider-item img {max-width: 200%;}
	.slider-item >a {background-size: 200% auto !important;}
 .description-carou{font-size: 1.7rem;}
 .contenu-decs-bg {padding-top: 2rem;padding-bottom: 2rem;}
 .btn-link, .description-carou a{font-size: 1rem;}
 .btn-link.btn-semi-mobile{font-size: 1rem;font-weight: 600!important;padding-top:1rem ;padding-bottom: 1rem;width: 190px;}
 .categorie-i-bit  .btn-link.btn-semi-mobile{max-width: 50% !important;}

}
@media only screen and (max-width:510px) {
	.slider-item img {max-width: 250%;}
	.slider-item >a {background-size: 250% auto !important;}

}

/*===================
 		AUTOPROMOS 
 ==================*/
 @media only screen and (max-width:1200px) {
 .titreauto {font-size: 25px;}	 
}
@media only screen and (max-width:1024px) {
	 .bloc-auto {overflow: hidden;}
.bloc-auto a >img {max-width: 640px;width: auto;margin-left: -10%;} 
}
@media only screen and (max-width:991px) { 
.texte-perso-auto .table-cell strong{font-size:29px}
.texte-perso-auto{font-size:13px}
.btn-decouvrir{font-size:11px}
.table-display{padding:17px}
.hidden-index .bloc-auto-promo {padding-bottom:0; display:block!important}
.bloc-auto{margin-bottom:15px}
.contact-form {max-width: 90%;margin: auto;}
.bloc-autoprom{margin-top:0; margin-bottom:0}
 .auto1 .titre-fab {padding-left: 15px;}
 .titreauto {font-size: 25px;}
 .titre-fab{font-size: 15px;}

} 
@media only screen and (max-width:767px) { 
.texte-perso-auto .table-cell strong{font-size:25px}
.texte-perso-auto{font-size:11px}
.btn-decouvrir{font-size:11px}
.bloc-autoprom{margin-top:10px}
.avantage-swiper .swiper-wrapper {display: block !important;}
.titreauto {font-size: 22px;}
.titre-fab{font-size: 15px;}
.titre-fab img{max-width:30px}
.bloc-auto a >img{width:100%; max-width:100%; margin-left:0}
} 
@media only screen and (max-width:640px) { 
.titreauto {font-size: 20px;}
.titre-fab{font-size: 0.8rem;}
}
@media only screen and (max-width:500px) { 

.bloc-auto a >img {max-width: 580px;width:auto; margin-left:-5%}
.bloc-auto {overflow: hidden;}
.titreauto {font-size: 15px;}
.titre-fab{font-size: 12px;}
}  
/**===================================
				CATALoGUE INDEX 
=====================================*/	
@media only screen and (max-width:991px) {
.categorie-index {margin-top:0;}
	.categorie-i-bit{margin-right: auto;margin-left: auto;}
	.lien-txt-categ-content{width: 85%;}
}
@media only screen and (max-width:640px) {
	.content-categorie-i {margin-top: 7px;}
	.categorie-index .col-lg-4.col-sm-6{padding:0 10px}

}
@media only screen and (max-width:575px) {
	.content-categorie-i .col-sm-4.col-2xs-6{padding:0 3px}
	.categorie-index .col-lg-4.col-sm-6{padding:0}
	.categorie-index .lien-txt-categ-content{height:65%}
	.content-categorie .categorie-i-bit{border: 1px solid #e6e6e6;margin-bottom: 1.8rem;margin-top:0}
	.content-categorie .categ-lib-i{font-size:1.2rem;}
}
@media only screen and (max-width:470px) {
	.categorie-i-bit{margin-top: 10px; margin-bottom: 10px}
	.categorie-index {padding-top: 0;}
}
/*===================
 		TOP 
 ==================*/

@media only screen and (max-width:1280px) {

.ariane-box{padding:10px }
.page-categorie .ariane-box{ padding-left:0}
.swiper-pagination{position:relative;bottom:0!important;}
.topnouv-next, .selct-next{right: -32px;}
.topnouv-prev, .selct-prev{left: -32px;}
}
@media only screen and (max-width:1080px) {
.contenu-art-top {margin-top: 0;}
.topnouv-next{display:none}
.topnouv-prev{display:none}
h3.articleBit-lib a{font-size: 1rem;}

.prix-promo{font-size:1.3rem}
.articleBit-prix{font-size:0.875rem}
}
@media only screen and (max-width:991px) {
.bloc-top-content{margin-top:0}
.titre-top-content > strong{font-size:17px;}
.bloc-top{padding-top:0}
.titre-top-content {margin: 0 10px;}
}
@media only screen and (max-width:767px) {
.titre-top-content {padding: 10px 0;}
.titre-page{font-size:18px}
.detail-article{padding:0 7px}
.eti-fav.categ-fav {position: absolute;right: 8px;bottom: 15px;}
.eti-fav.categ-fav a{width: 20px;height: 20px;background-size: 100%;}
}


@media only screen and (max-width:575px) {
	.picto-value{font-size: 1rem;}
.contenu-art-top .row{margin:0 -8px}	
.article-prixpromo{font-size:13px}	
.article-prixold{font-size:11px}
.lib-article{font-size:10px;height:42px; overflow:hidden}

h3.articleBit-lib a{font-size: 1.3rem;}

.prix-promo{font-size:1.3rem}
.articleBit-prix{font-size:0.875rem}
.font-12 {font-size: 10px!important;}
.bloc-top-content {padding: 0;}

.prix-old{font-size:11px}
.type-d-article{font-size:13px}


.bloc-txt-pers{padding-bottom: 0}
.texte-perso-bit{padding-bottom: 0}
}
@media only screen and (max-width:480px) {
	.btn-detail a{width:100%; background-size:13px; height:20px}
	.titre-top-content > strong{font-size:16px;padding:5px 30px}
.titre-page{font-size:20px; padding:10px}
.titre-article a{height:40px}
.details-art{width:61px; padding:6px}
/*********rech rapide*****/
.bloc-recherche-rapide {padding: 10px 20px 20px 20px;}
.content-rech-rapide label{font-size:18px}
.content-rech-rapide .sod-select .sod-label{font-size:12px; height:33px;padding-top: 10px;} 
.bloc-recherche-rapide{background-size:1029px}	
.type-d-article{font-size:11px}
.prix-old{font-size:10px}
.picto-value{font-size:11px; margin-left: 5px}
.articleBit-prix{font-size:11px}
.prix-promo{font-size:1.1rem}
.picto-value{padding-left: 12px;padding-right: 12px} 
}
@media only screen and (max-width:430px) {
	.prix-old{font-size:0.8rem; margin-left: 0;}
	.articleBit-prix{font-size:1rem}
	.prix-promo{font-size:1rem;margin-left: 0.1rem; }
	}
@media only screen and (max-width:380px) {
	.picto-value{padding-left: 10px;padding-right: 10px}

}



/**===================================
				FOOTER
=====================================*/


@media only screen and (max-width: 1350px){
	.box-av{font-size:1rem;}
	.box-av em{font-size:0.875rem;}
}

@media only screen and (max-width: 1200px){
.label-news{padding-right:5px;font-size: 11px;}
.footer-bottom {padding:20px 10px;}
.avantage-bit a {font-size: 10px;}


}

@media only screen and (max-width: 991px){
	html {font-size: 1.75vw;}
	.other-menu .bloc-menu{max-width:100%}
	.bloc-footer-menu {margin: 0 -10px;}
	.bloc-txt-pers *{text-align:justify}
		.titreperso-bit{font-size:15px}
	.visible-980 .table-p {padding-left: 43px;margin-bottom:10px}
	.goToTop{    width: 49px;  padding: 4px 10px;}
	.copyright{font-size: 11px}
	.image-footer {text-align: center;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;}
	.text-center.site-realise {text-align: left!important;}
	.box-av{font-size:0.925rem;}
	.box-av em{font-size:0.825rem;}
}
@media only screen and (max-width: 970px){	
.avantage-bit a {max-width: 101px;display: block;margin: auto;}
.titre-menu-t span{font-size: 0.8rem;}
.contact-footer strong {font-size: 0.8rem;}
.contact-footer a {font-size: 0.8rem;}
.max-service-footer {font-size: 12px;}
.contact-footer.mail-contact a {font-size: 13px;}

}
@media only screen and (max-width: 767px){
	html {font-size: 2vw;}
.newsletter-wrapper .col-12.col-md-auto {max-width: 430px;margin: 10px auto 20px auto;}
.titre2-page {font-size: 15px;}
.titre-menu-t span{font-size: 15px;}
.avantage-footer {padding-top: 15px;border-top: 1px solid #e5e5e5;padding-bottom: 5px;}
	.avantage-bit a {max-width: 100%;}
	
	
	.texte-news-admin{font-size: 12px;padding:0; letter-spacing:0}
	.form-bloc-news{padding:0 }
	
	.bloc-menu.show-room-bloc {text-align:center}
	.bloc-menu{width:100%; padding:0}
	.copyright{padding-top:0}
	.bloc-footer-menu .col-12.col-md-5 {border-left:none;}
	.max-service-footer {max-width: 100%;width: 100%;text-align: center;padding-top: 15px;border-top: 1px solid #fff;margin-top: 15px;}
		.max-service-footer>div {display: inline-block;vertical-align: middle;width: 45%;margin-bottom: 0;}
		.text-center.site-realise {text-align: center!important;}
		.text-right.copy-text{text-align: center!important;margin-top: 5px}
		.box-av strong img{max-height: 45px;}
		.box-av em{display: none;}
		.form-newsletter{margin-left: auto;margin-right: auto;}
}
@media only screen and (min-width: 641px){
	
.toggle-m-c{display: block!important;height: auto!important;}	
}
@media only screen and (max-width: 640px){

	.adresse-newsletter{height: 3.35rem;border-radius: 2rem;}
	.news-button{font-size: 1.45rem;}
.conteneur-menu-footer {margin: 0 -15px;}
	.menu-bit-footer {width: 100%;padding-right: 0;}
	.max-service-footer {padding-bottom: 15px;border: 0;margin-top: 0;}
.footer-bottom {padding: 0;}
/******AVANTEGE**********/
span.lib-none {display: none!important;}

.bloc-footer-menu {margin: 5px 0;padding:0;}
	.titre2-page {font: 13px "gotham-Medium";padding: 10px;text-align: center;margin-bottom: 0;background-color: #f2f2f2;color: #282c33;}
.menu-content {margin-top: 0;padding: 0;    border-bottom: 1px solid #9EA6AD;}
	.toggle-me {padding:1rem 10px;text-align:center; position:relative}
	
		.toggle-me::after{ content: '\e8ca';display:block; position:absolute; right:15px; top:50%;font-family: "fontello"; transform: translate(0,-50%);color: #747D88;}
		.toggle-me.open::after{ content: '\e8cd';}
		.titre-menu-t.toggle-me span {margin-bottom: 0;font-size: 13px;}
.other-menu .col-xs-6{padding:0}
.bloc-menu.other-bloc-menu {margin-top: 2px;}
	.titre-menu{text-align:center}
	.toogle-menu-mob i{display:inline-block; vertical-align:middle}
		.toogle-menu-mob {cursor: pointer;margin-bottom:1px}
		.toggle-m-f{cursor: pointer;}
	.menu-content ul li{text-align:left; width:100%}

	.toogle-menu2-mob{display:block; text-align:center}
	
.toggle-me + .toggle-m-c{display:none; padding:10px;}
	.toggle-m-c >span,span.lib-none {display:none}
 .toggle-m-c{text-align:center;}
 .autre-footer-m {padding: 0;border: none;}
	.bloc-reseau.hidden-980 {display: block;margin-top: 2px;}
.other-menu-bit{width:100%}
.content-newsletter{border-bottom:none; padding:0}
.bloc-menu.show-room-bloc {display: none;}
.visible-640.paiement-980 {margin-bottom: 15px;display:block; text-align:center}
.visible-980.paiement-980 {margin-bottom: 15px;display:none}
	.visible-640.paiement-980  .paiement-footer{display:inline-block}
	.bloc-menu.reseau-bloc {margin-bottom:0}

.titre2-page.toogle-menu2-mob + div {margin-top: 10px;}
.titreperso-bit{font-size:0.8rem}
.toggle-m-c.content-t-block {display: block !important;height: auto !important;}
.service-footer .title-menu-t.toggle-me.open {pointer-events: none;}
}
@media only screen and (max-width: 575px){
	.avantage-bit a {max-width: 100px;}
	.contact-footer strong {font-size: 13px;}
.contact-footer a {font-size: 13px;}
html {font-size: 3vw;}
.box-av strong img{max-height: 32px;}
footer{font-size: 0.95rem;}
.copy-text{font-size: 0.95rem;}
}
@media only screen and (max-width: 480px){
.titre-menu{font-size:11px}
.titre2-page{font-size:12px}
.text-n.col-auto{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
	.label-news {padding-right: 0;font-size: 12px;padding-bottom: 10px;display: block;}
	.form-bloc-news.col form {max-width: 100%;}
	.max-service-footer>div {display: block;width: 100%;margin-bottom: 10px;}

}

/**===================================
				CATEGORIE
=====================================*/
@media only screen and (max-width: 1280px){
	.row-article {margin: 0 -15px;}
	.col-20-top{padding:0 15px}
}
@media only screen and (max-width: 1080px){
	.vide-categ {display: none!important;}
}

@media only screen and (max-width: 991px){	
.conteneur-categ{margin-top:0}
.titre-categ{font-size:17px}
.sscateg-bit {padding: 0 10px;}
}
@media only screen and (max-width: 840px){
.sscateg-bit {width: 25%}	
	.col-20-top {width: 33.333%}
}
@media only screen and (max-width: 767px){	
.categ-table{font-size:11px}
.categorie-filtre{display:block; margin-top: 5px}
.categorie-filtre>div {display: block;}
	.filtre-c-bit {width: 50%;}
	.pagination-right {margin-top: 20px;width:100%; text-align:center}
		.categorie-page-nav{margin:auto; width:100%; text-align:center}
		.filtre-c-bit select {margin: auto;}
	.content-fitre-categ {margin: 0;}
	.nbre-article{font-size: 12px}

}

@media only screen and (max-width: 640px){	
.row-article{margin:0 -5px}
.visible-980.lib-selection {display: none;}
.filtre-categBit{padding:0 10px}
.contenu-filtreBit {width: 100%;}
.col-20-top{width:50%; padding:0 5px; margin-bottom:10px}
.titre-categ + p{display:none}
.filtre-c-bit{width:50%!important; margin-bottom:8px}
	.lib-f-c  {border: 1px solid #c6c6c6;padding: 10px;background: #fff; text-align:center; cursor:pointer}
.categorie-filtre {  position: relative;}
	.filtre-c-bit select{background-color:#fff; margin:auto!important; max-width:100%;    background-size: 0.8rem;background-position: 97% 50%;}
	.sscateg-bit {width: 33.3333%}	
}

@media only screen and (max-width: 480px){
.titre-categ{font-size:16px}
.filtre-c-bit{width:100%!important;}
.categorie-page-nav li{font-size:13px}
.categ-bio{font-size:11px}
.sscateg-bit {width: 50%}	
.sscateg-bit a{font-size:11px}
}

/*===================================
				ARTICLE
=====================================*/
.visible-480{display:none}
 @media only screen and (max-width: 1279px){
	 .prix-art-panier{font-size:20px}
	 .article-promo{font-size:21px}
	 .picto-percent.article-promo{font-size:20px}
 }
 @media only screen and (max-width: 1200px){
	.article-left{width: 45%;}
	.article-right{width: 55%;padding-left: 15px;}
	.input-caract{font-size: 0.725rem;}
	.caract_matiere_item p, .caract_finition_item p {font-size: 0.8rem;padding-right: 15px;}
	.content-caract-tab{padding-left: 1rem;padding-right: 1rem;}
	.art-detail{padding-left: 25px;padding-right: 25px;}
  }
 @media only screen and (max-width: 1130px){ 
 .prix-art-panier{font-size:18px}
	 .article-promo{font-size:20px}
	 .picto-percent.article-promo{font-size:19px;margin-left: 8px;}


 .table-avart>div{font-size:12px; padding:0 10px}
 .table-avart .av-art1 {width: 100px;}
}
 @media only screen and (max-width: 1030px){ 
 	.coll-next{right: -30px}
 	.coll-prev{left: -30px}
 }

@media only screen and (max-width: 992px){
	.visible-980{display:block}
	.content-avis-art {background: #dddddd;padding:15px 5px}
.titre-article-art{font-size:25px}
.descr-art {font-size: 13px;margin:15px 0}
	.titre2-art-f {font-size: 0.8rem;}
.caract-bit .colorBit{margin-left:5px ;margin-right:5px ;}
.caract-bit .colorBit .colorBit-content{width:22px; height:22px; }

	.tab-description-art {margin-top: 30px;}
	.tab-mobile{cursor:pointer}
	.visible-980{display:block}
.art-top-desc{padding:0 0 15px 15px}	
.caract-bit{width:100%; padding:5px 0}

	
}

@media only screen and (max-width: 800px){
.table-avart>div {font-size: 10px;	}
.table-avart .av-art1 {width: 75px;}
}

@media only screen and (max-width: 767px){
	.other-art-carat div > strong{font-size:13px}
	.caract_matiere_item p, .caract_finition_item p {font-size: 1rem;}
	.btn-panier-content {text-align: center;}

	.visible-767{display:block}
	.hidden-767{display:none!important}
	.art-top-desc{text-align:left; padding:0 10px}
.article-left{width:100%;}
	.autre-details-art {padding:0 10px 10px 10px;margin-top: 0;}
.article-right{width:100%;padding: 0 10px;}
.price-content .picto-value {margin-left: 15px;font-size:1.5rem; width: 6rem;text-align: center; padding-top: 7px;padding-bottom: 8px;}
	.titre-article-art{text-align:center}	
	.quantite-art{padding:0}	
.ariane-box {padding-left:10px}
.hidden-lib767{display:none}

		.inputqte { font-size:15px }
.content-image-supp{margin-top:0; padding:0 }
.other-art-carat div > strong, .plusque {font-size: 12px;}
.choix-retr .input-abs + span{font-size: 12px!important;background-size: 20px;}
.caract-value{font-size: 13px;}
.caract-bit select{font-size:12px}
.av-artbit.av-art1 {width: 43%;}

.art-detail{padding-bottom:0; margin-top:0}


.caract-art-content table td,.caract-art-content table tr  {display: block;width: 100%;}
.content-toggle-tab.ref-art-content table, .content-toggle-tab.ref-art-content tr th{font-size:0.8rem}
.content-toggle-tab.ref-art-content{overflow-x:auto}
.content-complementaire{padding-bottom:0}
.article-bottom{padding-bottom:10px}

.avantage-article{padding:10px 0;margin: 0 -10px;}	
	
.titre2-art-f {font-size: 12px;}
.btn-add-comment{font-size:16px}

.bloc-art-comp {margin-top: 10px;}
.avis-article{float:none; text-align:center}
.ref-art{float:none; text-align:center}

.quantite-art {width: 150px;}
.price-content .prix-promo{font-size: 1.725rem;padding-left: 1rem;}
.price-content .meter {font-size: 1.725rem;}
.content-caract-tab{font-size: 1rem;}
.title-caract-s {flex-wrap: wrap;justify-content: flex-start;}

:not(.title-caract-s) .star-product {width: 100%;margin-left: 0;padding-top: 3px;}
.caract-matiere-item, .caract-finition-item{padding-left: 40px;background-size: 25px;}
.font-prix{font-size: 1.6rem;} /* 16/10/2026 : 1.4rem -> 1.6rem */
.etiquette-product {font-size: 7px;max-width: 42px;}
.art-detail {padding: 0;}
.caract_matiere_item .title-caract-s, .caract_finition_item .title-caract-s{font-size: 1rem;    padding: 15px 10px 10px 10px;}
.box-edit .form-check-choice {padding: 0;border-radius: 10px;margin-top: 15px;margin-left: -5px;}
.swiper-pagination.swiper-pagination-photo {position: absolute;bottom: 15px!important;}
.caract-tab-bit.mb-lg-4.mb-3.pt-3.box-edit {margin-bottom: 1.5rem !important;padding-top: 1.4rem !important;}
.head-caract-tab.title-caract-config.pl-lg-4.pl-3 {padding-top: 1.5rem !important;}
.caract-value.pt-1.bg-grey-s.px-3.px-lg-4.pb-3.rounded-total, .caract-bit.caract-sel.bg-grey-s.rounded-total {padding-bottom: 1px !important;}
.total-product .text-uppercase.color-vert {padding-bottom: 3px;}
.quantite-art {width: 100%;}
.art-qte {width: max-content;margin-left: auto;margin-right: auto;min-width: 100px}
}

@media only screen and (max-width: 640px){
.other-art-carat div > strong.retrait-art{padding-left:37px; background-position:left center}

.art-img-content.swiper-container.swiper-container-horizontal {padding-top: 5px;}
.titre-article-art{font-size:16px}	
.supp-next, .supp-prev {display:none}



.titre-avis-art strong{font-size:0.8rem;}
.article-complementaire  {padding-top: 0;}

.article-right .caracts-qte {display: block;width: 100%;}
.article-right .produit-caracts{float:none}
.article-right .apercu-art {display: block;width: 100%;margin-top:10px}
.article-right #formeetiqutte{max-width:150px;}
.col-5{width:50%}
.column-two{column-count: 1;-webkit-column-count: 1;-ms-column-count: 1;column-gap:0;-webkit-column-gap: 0;-ms-column-gap: 0;}
.img-bit-art a{padding:0}
.table-avart .av-art1{width: 60px;}
.av-art3 img {max-width: 122px;}
.table-avart>div {padding: 0 4px;}
.input-caract{font-size: 0.875rem;}
.av-article * {font-size: 1rem;}
}

@media only screen and (max-width: 480px){
.choix-retr .input-abs + span{font-size: 11px!important;}

.art-qte label {font-size: 1rem;}
span.value-selected{border:none}	
	.caract-bit .lab-caract{min-width:auto}  
.descr-art{display:none}
.prix-art-panier{font-size:16px;padding-bottom: 1rem;}
.lien-panier-art {display: block;width: 100%;}
.top-art {width: 100%;display: block; }
.px-article{width: 100%; display: block;text-align: center;}
	.sofinco {float: left;width: 50%;}
	.visible-480{display:block} 
	.hidden-480{display:none!important}
	.top-art{margin-top:0}
		.titre-avis-art strong{font-size:13px;display:block}
	
	.fb-partage {font-size: 12px;}
	.designer-ar a img{display:none}
	.designer-ar span {padding-left: 0;}
	.ref-art {margin-top: 0;}
	.caract-sel .caract-value {max-width: 100%;}
	.other-art-carat {text-align: center;margin-bottom: 8px} 
	.input-caract{font-size: 1rem;}
	.icon-info.bg-black-s{    padding-left: 8px !important;}
	.av-article * {font-size: 1rem;}
	.input_matiere:checked+label, .input_finition:checked+label{background-position: top 65% left 7px;}
	.content-toggle-tab{font-size: 1rem;padding-top: 0.5rem;}
	.div-input {padding-right: 15px;}
	.caract_matiere_item .title-caract-s, .caract_finition_item .title-caract-s{font-size:0.875rem;  }
	.caract_matiere_item p, .caract_finition_item p {font-size: 1rem;}
	
}
@media only screen and (max-width: 420px){
	.articleBit-prix + .font-18 {font-size: 0.875rem;}
} 
/*=====================================
 			PANIER
 =======================================*/
 .lib-mobile{display:none; font-size:12px;  vertical-align:middle}
@media only screen and (max-width:992px) {
	.panier-wrapper{padding:0;background:none;}
	.panier-contentpage{padding:25px 0;}
		.tdheadcde.col-PU, .tdCell.cell-PU{display:none;}
			.del-cart{right:5px;}
	
	.commande-livraison-box{width:60%;margin:0;padding:0 10px;}
	.column-right-cde{width:40%;margin:0;padding:20px 10px 0;}
	.texteperso1-panier{padding-left:5px; padding-right:5px}
	.border-cart{padding: 0;border: none;background: none;}
	.step-cart-bit{font-size: 16px;padding-left: 15px!important;padding-right: 15px!important;}
	.step-cart{padding-left: 15px;padding-right: 15px;}
	.step-cart-bit img{height: 40px;min-width: 24px;}
	.step-cart-bit.active-step::after{    border-width:27px 0 27px 16px;right: -16px;}
	.head-caract-tab{font-size: 0.75rem;padding-left: 0.5rem;padding-right: 0.5rem;}
	.bg-img-cart{padding: 10px;}
.title-caract-config{font-size: 1.25rem;}
}

@media (min-width: 768px) {
	.line2{
		clear:none;
	}
}

@media only screen and (max-width:767px) {
	.etapescommande{max-width:520px;}
		.stepBox {padding: 0 15px;background-size: 5px;text-align: center;}
			.stepBox span, .stepBox a{font-size:0.8rem;}
	.tdheadcde.col-qte{display:none;}
	.panierBit-ima{width:35%;text-align:right;padding: 0 8px 0 5px;}
	.panierBit-lib{width:65%;padding:0 10px 0 0;border-right:1px solid #b3b3b3;}
		.tdheadcde{font-size:11px;}
		.tdheadcde.col-designation{text-align:left;padding:10px 0 10px 10px;}
		
		.panierBit-libContent{float:none;}
		
		.qteBloc {float: none;margin: 10px 0 0;padding: 1px 0;width: 145px;}
			.qte-art-cde {width: 80px;background: #AF225B;display: inline-block;position: relative;padding: 1px;}
			.qteBloc .inputqte{border:none;height:28px;width:35px;margin:auto;font-size:10px;display:block;}
			.qtePlus{display:none;}
			.qtePlusMobile{display:block;}
			.qteMoins{display:none;}
			.qteMoinsMobile{display:block;}
		.prix-total{font-size:12px;}
	.lib-mobile{display:inline-block;}
	
	.commande-livraison-box{width:100%;padding:0 15px;}
	.column-right-cde{width:100%;padding:15px 15px 0;}
		.cell-designation {width: 538px;}
		.panier-contentpage::after {bottom:-15px}

		.step-cart-bit{font-size: 14px;padding-left: 10px!important;padding-right: 10px!important;}
	.step-cart{padding-left: 10px;padding-right: 15px;}
	.step-cart-bit img{height: 30px;}
	.step-cart-bit.active-step::after{    border-width:21px 0 21px 11px;right: -11px;}
	.cancel-cart-personnalisation{font-size: 15px;padding: 0px 2px;margin: 0;}
	.select-caract-style.minw-select {max-width: 63%;}
}
@media only screen and (max-width:575px) {
	.panier-contentpage{padding:15px 0;}
		.etapescommande{max-width:440px;margin:0 auto 20px;}
			.stepBox span, .stepBox a{font-size:12px;}
			.bg-img-cart{padding: 5px;}
		.box-summary-cart .checkbox-label{padding: 5px 0 5px 47px ;background-size: auto 25px;font-size: 0.938rem;}
		.img-maxw-mobile1 img{max-width: 15px;}
		.img-maxw-mobile2 img{max-height: 15px;}
		.select-caract-style select {background-size: 13px;}
		.input-codepromo{height: 30px;text-align: left;}
		.codeBox-form a{font-size: 1.2rem;padding-top: 7px;}
		.montant-total-cde{margin-top: 5px;margin-bottom: 5px;}
		.check-rel .input-abs + .texte-abs, .check_rel .input_abs + .texte_abs{background-size: 16px;padding-left: 25px;}

		.valid-cde-btn{margin-bottom: 3px;}
		.valid-cde-btn a{font-size: 1.5rem;max-width: 275px;}
		
		.bgstep-cart.shadow {box-shadow: none !important;}
		.step-cart-bit{padding-top: 14px!important;padding-bottom: 14px!important;}
		.step-cart-bit img {height: 22px;}
		.step-cart-bit.active-step::after {border-width: 25px 0 25px 11px;right: -11px;	}
		.cde3MoyenBit-lib{font-size: 1.35rem;}
}
@media only screen and (max-width:480px) {
.cell-designation {width: 510px;}	
.cell-total {width: 168px;}
.del-cart{top:12px}
.codeBox-lib {margin: 0 0 5px 0;float:none;width: 100%;text-align: center;}
.codeBox-form {float: none;padding-right:0;margin: 0 auto;max-width: 258px;}
.texteperso1-panier,.texteperso1-panier * {font-size:11px;}
.step-cart-bit{font-size: 12px;}
.table-total-cde table td.tot-lib{font-size: 1rem;}
.table-total-cde table td.tot-val{font-size: 1.2rem;}
}
@media only screen and (max-width:440px) {
	.etapescommande{max-width:345px;}
		.stepBox{padding:0 5px;    background-size: 4px;}
			.stepBox span, .stepBox a{font-size:11px;}
	
			.panierBit-libContent a{font-size:12px;}
			.filtre-c-bit select, .select-caract-style select{font-size: 0.875rem;}
}
@media only screen and (max-width:400px) {
	.step-cart-bit{font-size: 10px;}
	.step-cart-bit strong{padding-left: 0.5rem!important;}
	.head-caract-tab{padding: 1rem;}
	.box-summary-cart .checkbox-label{background-size: auto 20px;}
	.contenu-qte-art.contenu-qte-cart{width: 90px;}
	.qte-panier a{width: 28px;}
.contenu-qte-cart	.inputqte{width: 90px;}
.border-cart .filtre-c-bit select, .border-cart .select-caract-style select{height: 30px;}
.codeBox {padding-top: 5px;padding-bottom: 9px;}
.input-codepromo{height: 30px;}
}
@media only screen and (max-width:345px) {
.etapescommande{max-width:305px;}	
	.stepBox span, .stepBox a{font-size:10px;}
}

/*=====================================
 			INSTIT
 =======================================*/
 @media only screen and (max-width:880px) {
	span.recopie-txt {float: none;width: 100%;margin-top: 15px;display: block;} 
}
@media only screen and (max-width:767px) {
.institform{margin-top:0}	
}
@media only screen and (max-width:667px) {
.form-content-w .formBox:nth-child(1){padding-right:0 ; width:100%} 
.form-content-w .formBox:nth-child(2){padding-left:0 ; width:100%} 
}
@media only screen and (max-width:480px) {
.submitForm {text-align: left;margin-top: 5px;} 
.institform{margin-bottom:10px}
.texte-perso-instit{padding:0}
}
@media only screen and (max-width:380px) {
.institform{padding-left:20px;padding-right:20px; }	
}
/*===================================
				CLEINT
=====================================*/
@media only screen and (max-width:979px) {
	.no_scrolling .big_wrapper {overflow-y:hidden!important}
.bloc_m_client::after {clear: both;display: block;content: "";}	
.menu_lien{padding-right:10px}
.bloc_title_m.menubit_pi {display: none;}
.btn_oth_c{margin-bottom:2px}
.bloc_ins.modif_form_client {padding: 0 calc(4 * 4px) 10px  calc(4 * 4px);}
.formBox_table{margin:0}
.modif_form_client {padding: 0;}
.menu_descr {background: #f1f1f1;}
.content_adresse_cmd + .formBox_.pi-text-right.pi-padding-top-bottom-10{padding-right:15px}
.tab_livraison .text-center.mt-5.mb-5 {margin: 20px 0!important;}
.nom_client_p {padding: 20px 0 20px 10px;}
.txt_bienvenu{font-size:1.2rem}

}
@media only screen and (max-width:920px) {
	
	body.page_client.not_connected .bloc_avantage.hidden_index ,body.page_cde2ajax.not_connected .bloc_avantage.hidden_index {    margin-bottom: 0;
    padding-bottom: 15px;}
	.menu_lien{font-size:12px}
}

@media only screen and (max-width:767px) {
.hidden_768{display:none}

		
.adresse_action .btn_retour{min-width:auto}
.client_adresse_ .pi-col-md-6.pi-col-xs-6 {width: 100%;padding: 0 5px;margin-top: 10px;}
.client_adresse_  .pi-col-md-6 .formBox_content{border-right:none; border-bottom:1px solid #ccc}
.content_menuclient .title_form{font-size:17px}
.adresse_fact.point_relais_border .pi-row {margin: 0 -5px;}
.form_modif {padding-bottom: 0;}
.recap_detail_cmd .qteBloc .inputqte{display:inline-block}
.formulaireBloc .titre_top.color_white.border_b_vert, .page_cde4 .titre_top.border_b_vert, .titre_top.border_b_vert.lib_instit{font-size:16px}
.titre_top{font-size:22x}

#contenuCde2 .content_commun_logging{padding:0;margin-top: 0;}
div#contenuCde2 .connecte{padding:0 10px 10px 10px}
.content_client .content_commun_logging .pi-col-sm-6 ,#contenuCde2 .content_commun_logging .pi-col-sm-6  {width:100%; margin-bottom:10px}
.titre2_clientp{font-size:15px}


/******nouv communlogging*******/
	
.ongle_logging .pi-tabs-navigation li.pi-active {border: none;border-bottom: 2px solid #0262ac ;}
.ongle_logging .pi-tabs-navigation li.pi-active .onglt_log{color:#0262ac }
	.tab_logging {}
	.ongle_logging {padding-bottom: 0;background: #fff;}
		.tab_logging .pi-tabs-content {background: #fff;margin-top: 15px;padding-bottom: 25px;}
		
		.container_logging_p .content_commun_logging {/*padding: 10px ;*/margin:10px auto}
		.logo_client {padding: 5px 0 11px 0;}
		.terms_log{padding:0 15px}
		#divFormInscription .button_validnou {margin-left: 15px;}
		.ongle_livraison .pi-tabs-navigation li a{padding-left: 0;padding-right: 0;}
	.tab_livraison {padding-top: 15px;}	
	.bloc_m_soire{margin:35px 0}
}
@media only screen and (max-width:715px) {
.retour_cl {display:block}	
.client_wrapper .menuclient_left {display: none;}
.client_wrapper {margin-bottom:0}
	.client_wrapper .menuclient_left {display: none;}
	.content_menuclient {width: 100%;padding: 0;}
	.titre_info_perso {position: relative;margin: 0 0 15px 0;padding: 15px 5px 15px 39px;background: none!important;text-align: center;font-size: 2rem;}
	
	.menu_profil {background-image: url(template-img_comptem.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
	.image_bienvenu h1{display:none}
		.menu_client.lemenu {display: block!important;position: relative;padding-top: 150px;}
			.lemenu .menuclient_left {width: 100%;padding:0}
			.menubit_pi {padding-right: 10px;}
				.nom_client_p {padding: 0;margin-bottom: 10px;margin-top: -38px;z-index: 9;position: relative;text-align: center;}
				.nom-user {display: block;width: 100%;margin-top: 25px;padding: 0 10px 15px 10px; border-bottom:10px solid #f8f8f8;}
					.lemenu .content_menuclient {position: absolute;top: 0;height: 150px;padding: 0;left:0}
						.menu_profil {background-image: url(template-img_comptem.jpg);background-position: center;}
						.menu_client.lemenu + .client_wrapper {display: none;}
	.menu_lien{font-size:13px}
}
@media only screen and (max-width:680px) {
.content_adresse_cmd >.pi-row>	.pi-col-sm-4{width:100%}
.content_commande .content_adresse_cmd {padding: 0 15px;}
.content_commande  .adresse_clientBit_lib{background:#1a1a1a; color:#fff;    padding: 8px;}
#domicile .text-perso_client{font-size:13px;padding: 10px;background: #000;color: #fff;}
.bloc_m_soire{margin:25px 0}
.lib_dc{font-size:15px}
}
@media only screen and (max-width:630px) {
	
	.table_cd {display: block;min-width: 144px;}
		.table_cd>div {display: block;width: 100%;padding:0 0 5px 0}
		.texte_menu_profil{line-height:1.5rem}
	
}
#TB_ajaxContent{width:100%!important}
@media only screen and (max-width:600px) {
.menu_descr{min-height:90px}
h3.toggler {font-size:13px}	
.client .ligne_cmdBit td{width:25%} 
.panier_save .adresse_btn{margin-right:0}

	.btn_back_container{margin:auto;float:none;}
	.head_table_mobile{display:block;}
	.head_table{display:none;}
	
		.content_Table_c1 strong span{display:inline;}
		#TB_window{width:90%!important; margin-left:-45%!important; left:50%!important}
		
			.content_menuclient .title_form{font-size:15px}
			.client_adresse_  .formbox_.pi-text-left a{margin-bottom:5px}
			.titre2_clientp{font-size:13px;    padding: 8px 4px;}
	.tableau_connex{display:block}	
		.tableau_connex>div {display: block;width: 100%;padding: 0;margin-bottom: 10px;}
		.tab_logging #divFormInscription .formulaireBlocContent {margin-left: 15px;}
		#divFormInscription .submitc{padding:0 15px}
			#divFormInscription .button_validnou {margin-left: 0;}
		.button_validnou{max-width:400px; font-size:15px}
		.titre_info_perso{font-size:1.8rem; margin-bottom: 5px;} 
		.bloc_ins.modif_form_client{font-size:1rem}
		.mode_clientBit a{font-size:13px}
		.btn_oth_c{font-size:11px}
		.content_Table{padding:0 3px;    display: block;width: 100%;}
		.content_Table>br{display:none}
		.content_Table strong.pi_uppercase{font-size:12px}
		.table_content_cmd{font-size:11px}
		.text-perso_client{font-size:13px; }
}
@media only screen and (max-width:575px) {
#domicile .row > .col-sm-6:first-child{border-bottom:1px solid rgba(179,179,179,0.4); border-right:none ; margin-bottom:10px; padding-bottom:10px}	
.pi-tabs-navigation li .onglt-log{font-size: 0.875rem;}
.tab-logging .formBox, .tab-livraison .formBox{margin-bottom: 10px;}
.terms-log{font-size: 0.935rem;}
.button-validnou{font-size: 1.5rem;max-width: 275px;}
.maxw-content.button-validnou{max-width: 400px}
.valid-paiement{font-size: 1.5rem;}
.tab-logging .input-txt, .tab-livraison .input-txt{height: 47px;}
.tab-logging .selectBox select, .tab-livraison .selectBox select{height: 47px;}

 }
@media only screen and (max-width:540px) { 
.menubit_pi{width:100%}	
.content_Table_c4{width:100%}	
.content_Table_c5{width:100%}	
.formulaireBloc .titre_top.color_white.border_b_vert, .page_cde4 .titre_top.border_b_vert, .titre_top.border_b_vert.lib_instit{font-size:16px}
.titre_top{font-size:20px}
.tab_logging .formulaireBlocContent {padding:0 15px}
.tab_logging #divFormInscription .formulaireBlocContent {margin-left: 0;}
.pi-tabs-navigation li .onglt_log{font-size:12px;padding-top: 13px; padding-bottom: 13px }
.text-perso_client{font-size:12px; }
.tab_logging .labelform, .tab_logging .form_et,.tab_livraison .labelform, .tab_livraison .form_et {font-size:13px; }
.ongle_livraison .pi-tabs-navigation li{padding:0 2px}
.ongle_livraison .pi-tabs-navigation li a{font-size:12px; background-size:auto 27px!important}
.ongle_livraison .pi-tabs-navigation li a.ong_retrait{font-size:13px; }
#pointretrait .submitc{padding:0 15px}
.px_livraison{font-size:18px; } 
.content_panier_c{padding-left:0; padding-right:0}
.content_Table_h{font-size:12px; } 
}
@media only screen and (max-width:480px) {
	.content_menuclient .title_form{font-size:13px}
.cache-1500 {display: none;}
.hidden_480{display:none}	
.client_wrapper .title_form{} 
.tab_logging .formulaireBlocContent {padding: 0 1px;}
.formulaireBloc.inscrit {padding-left: 0;padding-right: 0;}
.client_adresse_ .formbox.pi-text-left >a {display: block;margin-bottom: 4px;}
.formulaireBlocContent .MRW-Search button {width: 100%;margin-bottom: 2px;margin-top: 2px;}
.tab_carte_map{    top: 303px;}
.MRW-Errors{    top: 343px;}
.lib_dc{font-size:14px;    margin: 10px 0 16px 0;}
}
@media only screen and (max-width:479px) {

.menu_descr{min-height:70px}
.client .ligne_cmdBit td{width:30%}
.formBox_.pi-text-left , .formbox_.pi-text-left, .formBox_.pi-text-right.pi-padding-top-bottom-10, .modif_form_client .formbox_.pi-text-left, .modif_form_client .formBox_.pi-text-left  {text-align: center;padding:10px 10px 15px 10px}
.formBox_.pi-text-left  a, .formbox_.pi-text-left a{margin-bottom:0}
.content_cmd table .cmdbit td {min-width: 70px;}
.nom-user strong{font-size:19px}
.bloc_ins.modif_form_client .formBox_.pi-text-left {padding: 5px 0;}

}
@media only screen and (max-width:480px) {
.formBox_content.max_400 .formBox_table {display: block;}
.formBox_content.max_400 .formBox_table>div {display: block;margin-bottom: 7px;padding:0!important}
.max-percent{max-width:100%!important}
.max_400.formBox_content {margin:auto}
	}
@media only screen and (max-width:320px) {
.formBox_.pi-text-left a, .formbox_.pi-text-left a{min-width:100px; font-size:12px}	
	}
/*===================================
				MARQUES
=====================================*/
@media screen and (min-width: 767px) and (max-width: 1200px){ 
	span.right-span-caract.col-4.text-right span.line_through.ml-0.mr-1 {display: block;}
}
@media only screen and (max-width: 767px){
.descrip-content{width:33.333%; padding:0 5px}	
.designerBit-lib{font-size:17px}
.right-span-caract .line_through.ml-0.mr-1 {display: block!important;font-size: 1rem;}
}
@media only screen and (max-width:600px){
.descrip-content{width:50%;}	
.designerBit-lib{font-size:14px}
.page-plan >div>div {width: 100%;}

}

@media only screen and (max-width:360px){
	.designerBit-lib{font-size:12px}
	}
	@media screen and (min-width: 767px) and (max-width: 992px){ 
	.total-product{    min-width: 230px;}
}
/* 16/10/2026 : header collant sur mobile (<992px : une seule ligne menu / logo / icones, la recherche s ouvre a part).
   Le menu miniature .header-clone reste reserve aux ecrans >= 1250px. position:sticky ne cree pas de bloc conteneur :
   le menu mobile (.navigation, position:fixed) reste fixe par rapport a l ecran.
   Sur iPhone, l element collant est dessine a part : devrait aussi corriger la zone blanche du header apres defilement. */
@media only screen and (max-width:991px) {
	.big-wrapper > .header-body:not(.header-clone){position:-webkit-sticky;position:sticky;top:0;z-index:100}
	html{scroll-padding-top:80px}
}

/* 16/10/2026 : ligne du panier sur mobile. Image a 40 % (cadre ajuste a l image, et non plus etire sur la hauteur
   de la colonne de droite), personnalisation a 60 %. Le format reel de l image est donne par V2/include/fonction_panier.php. */
@media only screen and (max-width:767px) {
	.border-cart .panierBit > div:first-child{flex:0 0 40%;max-width:40%}
	.border-cart .panierBit > div:nth-child(2){flex:0 0 60%;max-width:60%}
	.border-cart .bg-img-cart{height:auto;padding:5px}
	.border-cart .bg-img-cart img{width:100%;height:auto}
}

/* 16/10/2026 : menu mobile plus facile a toucher. Rubriques 12px -> 16px (zone ~52px de haut). Sous-categories 13px -> 16px,
   lien en bloc sur toute la largeur (avant, seul le texte etait cliquable, les espaces etaient des marges). */
@media only screen and (max-width:991px) {
	.navigation a.navLink{font-size:16px!important;padding:17px 40px 17px 15px!important}
	.navigation .ul-list li{margin-bottom:0}
	.navigation .ul-list li a{display:block;font-size:16px;padding:9px 0}
	/* bouton Voir tous les articles de ce rayon (li a de la meme liste) : 13px pour tenir sur une ligne */
	.navigation .ul-list li a.btn-link{font-size:13px;padding:12px 5px}
	.navigation .sub-lib{font-size:14px}
	.navigation .span-menu-mob{font-size:14px}
}

/* 16/10/2026 : titres des matieres et finitions de la fiche produit (Papier Standard 135gr...) plus grands :
   12px sous 992px (avant : 0.875rem ou 1rem selon la largeur, soit 10 a 14px). En px et non en rem : sous 992px, la taille de base
   (html) suit la largeur de l ecran (1.75vw, 2vw, 3vw). Au-dessus de 992px, inchange (0.875rem = 14px). */
@media only screen and (max-width:991px) {
	.caract_matiere_item .title-caract-s, .caract_finition_item .title-caract-s{font-size:12px}
}

/* 16/10/2026 : matieres et finitions de la fiche produit sur mobile, sans bouton radio (le bloc choisi se voit deja :
   titre sur fond noir et bordure noire). La marge de 48px reservee au radio est retiree : le texte prend toute la largeur.
   Marge de droite reduite (avant 4.5rem pour le badge -10%). Marges du haut reduites (texte 15px, titre 10px / 6px en bas). */
@media only screen and (max-width:991px) {
	.caract_matiere_item, .caract_finition_item{padding-left:0}
	.input_matiere:checked+label, .input_finition:checked+label{background-image:none}
	.caract_matiere_item .title-caract-s, .caract_finition_item .title-caract-s{margin-left:0;padding-top:10px;padding-bottom:6px}
	.caract-value .caract_matiere_item p, .caract-value .caract_finition_item p{margin-left:0;padding:15px}
	/* colonne du prix : au moins 28 % (avant col-4 = 33 %), et jamais moins que son contenu : le titre a plus de place */
	.caract_matiere_item .right-span-caract, .caract_finition_item .right-span-caract{flex:0 0 auto;width:auto;max-width:none;min-width:28%;padding-left:5px}
}

/* 16/10/2026 : pied de page sur mobile, sans le padding-left de 15px des colonnes (.border-left-w-menu .menu-content et .bloc-other-m,
   css_style.css, >=576px) : il decalait le contenu, qui n etait plus centre. Garde a partir de 768px (colonnes cote a cote). */
@media only screen and (max-width:767px) {
	.border-left-w-menu .menu-content, .border-left-w-menu .bloc-other-m{padding-left:0}
	/* bloc Newsletter : toujours ouvert (pointer-events:none), donc pas de fleche d ouverture */
	.service-footer .title-menu-t.toggle-me::after{content:none}
}