@media screen and (max-width: 800px) {
	body{ border-top:2px solid #333; }	
	/* table{ border:1px none #ff0000; max-width:90%; } */
	
	
	.csDvSep80px{ display:block; height:40px; clear:both; }
	.csDvSep40px{ display:block; height:30px; clear:both; }
	/* .csDvSepSection{ display:block; height:100px; clear:both; } */

	
	/* global */
	
	#div_tetiere{ display:block; padding-bottom:5px; min-height:165px; border-bottom:5px solid #fff;   }
	#div_content{ display:block; padding:0; margin-bottom:-1px; }
	#div_blcontact{ display:block; }
	#div_footer{ display:block; }
	
	#div_n{ display:block; min-width:100%; max-width:100%; overflow:hidden; }
	#div_ln{ min-width:100%; max-width:100%; }
	
	/* .dv_bgc-accroche{ margin-bottom:50px; position:absolute !important; top:150px; } */
	.dv_bgc-accroche{ display:none !important; margin-bottom:50px; position:absolute !important; top:150px; }

	.accroche-tetiere{ font:11px/12px 'Ubuntu'; font-weight:300; min-width:95% !important; max-width:95% !important; text-align:center; padding:5px 5px;  }
	.lk-btn-newsletter, a.lk-btn-newsletter, a.lk-btn-newsletter:link{ left:22.5%;	}
	
	/* tetiere */
	
	#div_tetiere > .over-men1{ display:block; opacity:1; position:absolute; height:1px; width:100%; background:none; padding-top:0; margin:auto; }
	
	/* .masqueOptionEasyShop{ display:none; background:#fff; opacity:0; position:absolute; height:160px; width:50%; margin:250px 0 0 200px; z-index:100; } */
	/* .messageEasyShop{ display:none; } */

	.dv-men1-contact{ display:none; float:none; position:relative; width:130px; padding-top:12px; top:0; left:26%; z-index:1; }
	/* .dv-men1-contact > a{ background-position:75px 1px; padding-top:1px; } */
	/* .dv-men1-contact > a:hover{ background-position:75px -29px; } */

	.dv-men1-seconnecter{ display:none; float:none; position:absolute; width:130px; padding:0; margin:0; top:292px; left:24%; z-index:1; }
	.dv-men1-sinscrire{ display:none; float:none; position:absolute; width:108px; padding:0; margin:0; top:275px; left:-15px; z-index:1; }
	.dv-men1-sinscrire a{ display:block; padding-top:2px; }
	/* .dv-men1-panier1{ display:block; float:none; position:absolute; width:140px; padding:0px; margin:0; top:272px; right:10px; z-index:1;  } */
	/* .dv-men1-panier2{ display:none; float:none; position:absolute;  width:200px; padding-top:15px; margin:0; top:250px; right:0px; z-index:1;   } */
	.dv-men1-panier1{ display:block; float:none; position:absolute; width:130px; padding:0px; margin:0; top:50px; right:10px; z-index:1;  }
	.dv-men1-panier2{ display:none; float:none; position:absolute; width:120px; padding-top:5px; margin:0; top:0px; right:15px; z-index:1;   }
	.dv-men1-panier2 > a.lk-text-panier{ /* font:14px/14px 'Ubuntu'; */ font-size:.8rem; font-weight:400; height:30px; margin:5px 0px 1px 10px; }
	/* .dv-men1-panier2 > a.lk-ico-panier{ display:block; float:left; background:url(../images/ico_panier.png) -48px 15px no-repeat; height:50px; width:50px; transition:0.2s ease;  } */
	/* .dv-men1-panier2 > a.lk-text-panier hr{ display:block; border:1px dotted #ccc; } */

	/* .dv-men1-easyshop{ display:block; float:none; position:absolute; width:90px; padding-top:5px; top:193px; right:10px; z-index:1; } */
	.dv-men1-sep{ display:none; margin:0 5px;  }

	#div_tetiere > .logo{ display:block; float:none; height:90px !important; width:180px !important; max-width:160px !important; margin:0; padding-top:15px; }
	#div_tetiere > .logo img{ display:block; height:auto; width:100%; margin:auto; }
	
/* 
	#dv_menu > .menu{ display:block; float:left; margin:0; width:auto; max-width:100%; background:none;  }
	#dv_menu > .menu ul{ display:block; padding:0; margin:0; width:auto; }
	#dv_menu > .menu li{ display:inline; float:left; margin:0 5px; height:30px; list-style-type:none; overflow:hidden; transition:0.2s ease; }
	#dv_menu > .menu li.men1{ width:50px; }
	#dv_menu > .menu li.men2{ width:180px; }
	#dv_menu > .menu li.men3{ width:170px; }
	#dv_menu > .menu li.men4{ width:250px; }
	#dv_menu > .menu li:hover{ height:30px; }
 */


	.menuHeight40{ height:30px; }

	.icoMenu{ display:block; float:left; }
	.icoMenu div{ display:block; background:#666; width:25px; height:3px; margin-bottom:3px;  transition:0.5s ease;}
	.labelMenu{ display:block; float:left; margin:1px 0 0 8px; color:#000; font:16px 'Ubuntu', sans-serif; font-weight:400;  }
	label.dvBtnMenu{ display:block; position:relative; cursor:pointer; background:none; top:0px; left:0px; width:100%; height:32px; padding:10px 0 0 20px; z-index:0; transition:1s ease; }
	.cs-menuResp-top0{ top:0px; position:fixed; background:#fff; border-bottom:2px solid #ccc; }
	.cs-menuResp-overLogo{  position:fixed; z-index:3; margin:1.2% 72%;  }
	.cs-menuResp-overLogo img{ display:none; height:auto; width:40% !important; }

	
	/* .pos-menu-20{ margin-top:-260px !important; height:260px !important; } */
	.pos-menu-20{ margin-top:0; }

	#dv_menu{ display:block; position:absolute; width:95%; left:0; top:10px; z-index:50;}
		
	#dv_menu > .menu{ float:none !important; margin:0% 0 0 2% !important; width:auto; max-width:100%; height:auto; }
	/* #dv_menu > .menu ul{ display:block; background:#ccc; } */
	#dv_menu > .menu li{ display:block; float:none; margin:0 0px !important; padding:5px 0px 5px 20px !important; height:30px; border-bottom:1px none #ff0000; }
	#dv_menu > .menu li:hover{ height:30px; }

	#dv_menu > .menu a.ico-lk-g{ display:initial; }
	#dv_menu > .menu li.men1{ padding-bottom:10px !important; } 

	#dv_menu > .menu li.men-rx-lk{ float:left; }
	#dv_menu > .menu li.men-rx-tw{ float:left; }
	#dv_menu > .menu li.men-rx-insta{ float:left; }
	#dv_menu > .menu li.men-rx-pint{ float:left; }

	#dv_menu > .menu a.ico-lk-g-hover{ padding-top:0; text-align:left; }

	#dv_menu > #menDiv{ display:block; position:absolute; background:#f6f6f7; border:1px none #f6f6f7; overflow:hidden; height:1px; width:100vw; transition:0.3s ease;  }
	
	#affMenu{ display:none; }
	#affMenu:checked ~ #menDiv{ display:block; height:76vh; padding:20px 0; background:#fff; border:1px solid #ccc;  z-index:10; }
	#affMenu:checked ~ label.dvBtnMenu > .icoMenu > div{ 
		background:#999; 
		margin-top:9px;
	}
	#affMenu:checked ~ label.dvBtnMenu > .icoMenu > div:nth-child(2){ 
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		transform: rotate(45deg);
	}
	
	#affMenu:checked ~ label.dvBtnMenu > .icoMenu > div:nth-child(3){ 
		-ms-transform: rotate(-45deg); /* IE 9 */
		-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
		transform: rotate(-45deg);
		margin-top:-6px;
	}
	#affMenu:checked ~ label.dvBtnMenu > .icoMenu > div:nth-child(1){ display:none; }
	#affMenu:checked ~ label.dvBtnMenu > .icoMenu > div:nth-child(4){ display:none; }
	
	/* bande recherche */
			
	.dv-input-recherche{ width:70%; }					
	.dvRecherche{ 
				position:relative;  
				right:inherit;
				left:20px;
				width:100%; 
	}

	.dvLoupe {
		content:""; width:28px; height:28px; cursor:pointer; 
		background:url(../images/loupe.svg) 0 0 no-repeat; 
		margin:4px 8px;
		position: absolute;
	}

	#dv_menu > .menu > ul.lstCatResp{
		display:block;	
	}
	
	
	.men-monespace-resp{ display:block; background:none; max-width:220px; right:10px; top:28px; position:absolute; }
	.men-monespace-resp a,
	.men-monespace-resp a:link,
	.men-monespace-resp a:hover
	{ font-size:.95rem !important; color:#1d90a7 !important; font-weight:500 !important; }
	
/* accueil */
	
	/* diaporama */
	
	#slidehome{ display:none; }
	
	.hideResp{ display:none; }


	/* accueil 2024 */
	h1.titleCategorie{ margin:25px 0 20px 5px; padding:0px 0 20px 60px; font-size:1.8rem; line-height:1.5rem; min-height:35px; }
	div.content-vignPrd{ 
		justify-content: center; 
	}




	/* .dv_bgc-bando-garanties{ background:#25384A; } */

	#bando_nos_garanties, 
	#bando_nos_garanties .item-nos-garanties
	{
		
		display:flex;
		/* align-items:left; */
		flex-wrap: wrap; /* nowrap | wrap | wrap-reverse; */
		gap:10px;
		
	}
	#bando_nos_garanties
	{
		gap:5px 20px;
		justify-content:left;
		margin:0 0 0 30px;
		height:auto;
		padding:20px 0;
		
	}

	#bando_nos_garanties .item-nos-garanties > div.texte{
		font-size:.9rem;
		line-height:1rem;
	}
	
	#bando_nos_garanties .item-nos-garanties > div.texte a{
	font-size:.9rem;
	line-height:1rem;
	}

	#bando_nos_garanties .item-nos-garanties > div.visuel{

		width:50px;
		height:50px;
		margin-right:20px;
	}





	/* item information */

	.dvVagueGreen-n1{ display:block; position:absolute; width:100%; height:880px; background-color:#F6FFEF; overflow:hidden; top:-150px; z-index:0; }
	.dvVagueGreen-n2{ display:block; position:relative; width:100%; min-width:inherit; left:50%; transform:translateX(-50%); }
	.dvVagueGreen-n2 img{ display:block; width:100%; height:100%; }
	
	div.content-dvInformation{ 
		justify-content: center; 
		gap:20px;
	}
			
	div.content-dvInformation > .item-dvInformation{ 
		width:40%; 
		height:auto;/
	}


	/* -- presentation */

	#dv_presentation{ margin-top:0px; margin-bottom:50px; }
	.td-presentation{ display:block; padding:0px 0; width:100%; }

	.td-presentation > .col-1{ display:block; float:none; width:85%; margin:auto; text-align:justify; }
	.td-presentation > .z-titre-c1{ display:block; float:none; width:95%; margin:auto; text-align:justify; }
	.td-presentation > .col-2{ display:block; float:none; width:100%; }

	/* .z-titre-c1 h1 > b{ font-size:30px; line-height:40px;	} */

	/* .parenthese-content{ padding:10px 5px 5px 5px; font-size:22px; line-height:30px; } */
	/* .parenthese-content b{ font-size:28px; } */

	/* .visuel-cartouche{ display:block; margin:50px auto; } */
	/* .visuel-cartouche img{ display:block; height:auto; width:100%; } */


	
	/* labels accueil */
	.dv_bgc-labelaccueil{ background:none; }

	.dv-labelhome{ display:block; float:left; width:150px;   }
	.dv-labelhome > .label{ display:block; position:absolute; margin:95px 0 0 110px; font:11px/11px 'Ubuntu', sans-serif; color:#000000; font-weight:700;  }
	.dv-labelhome > .visuel{ display:block; width:130px; margin:auto; }
	.dv-labelhome > .visuel img{ display:block; width:100%; height:auto; }
	.dv-labelhome > .pos2{ margin-left:100px; }
	.size-lb1{ width:150px; }
	.size-lb2{ width:150px; }
	.size-lb3{ width:150px; }
	.size-lb4{ width:150px; margin-right:0px; }


	/* bouton */
	/* .dv-btn-home{ display:flex; margin:40px 0 20px 0; height:250px; width:100%; min-width:100%; background:none; } */
	.dv-btn-home{ display:flex; margin:0 5px; gap:5px; height:auto; padding:10px 0; width:100%; min-width:100%; background:none; }
	.dv-btn-home > a{ float:none; margin:auto;  }
	.dv-btn-home > a:nth-child(3){ float:none; margin:auto; }

	.btn-trapeze, a.btn-trapeze, a.btn-trapeze:link{ 
	background:none;
	background-color:#eeeeee;
	border:1px solid #ccc; border-radius:5px;
	font-size:1rem;
	width:auto; height:auto;
	padding:15px 15px;
	}
	a.btn-trapeze:hover{ 
		color:#fff; 
	}
	a.btn-trapeze-hover{ display:none;	}
		
		
/* who */

.visuel-cartouche-who{ margin:auto; margin-top:50px; }
.visuel-cartouche-who img{ width:95%; max-width:639px; margin:auto; }

/* retractation / reparation */

.formulaire_restractation{ display:block; background:none; width:80%; margin:50px auto 0 auto; }

.dv-result-demande{ display:none; position:absolute; padding:20px; margin:80px 95px; border:2px solid #1a9fb9; border-radius:10px; background-color:#fff; font-size:1.1rem;	}
.ct-result-demande{ display:flex; align-items:center; justify-content:center; width:480px; height:480px; 	}


/* cs faq */
.cs-faq-item{
	display:block; width:90%; margin:auto; text-align:left;
}



/* produit accueil */

.dv_bgc-prodacc{ background:none; }
#dv_produit_cat > .titre{  font-size:2rem; line-height:35px;  margin:30px auto 30px auto;  }

#dv_produit_cat > .list-cat{ display:flex; gap:20px;  flex-wrap:wrap; width:100%; }
#dv_produit_cat > .list-cat .dv-vignette-catalogue{ display:block; width:100%; }
#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette{ display:block; height:auto; width:92%;  }

#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette > .visuel{ height:auto; }
#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette > .visuel img{ display:block; height:auto; width:100%; }

#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette > .label{ 

	width:100%; margin:0 0 0 0; 
	height:30px; 
	font-size:1.25rem;
	padding:10px 0 5px 0;		
	} 

#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette > .label > .bout{ display:none; } 




/*****************************************************************************/
/*****************************************************************************/



/* produit liste */

.dv-cont-liste-prod{ display:block !important; width:90% !important; padding:0% 5%; }
.dv-cont-liste-prod > .titre-cat{ font-size:2.1rem; margin:40px auto 15px auto; text-align:center; }

/* .fil-ariane{ display:block; font-size:12px; margin-top:15px; } */
/* .fil-ariane a, .fil-ariane a:link{ font-size:12px; } */
/* .fil-ariane a:hover{ color:#f2bc11; } */


#file_d_ariane{ display:block; }
#file_d_ariane a, #file_d_ariane a:link{ display:none; }


.btn-retour, a.btn-retour, a.btn-retour:link{ 
	font-size:18px; line-height:20px;
	width:96%; margin:15px auto;
	padding:2% 2%;
	}
	
.pos-btnretour-cat{	
	position:relative; right:inherit; left:inherit; margin:-50px auto 40px auto; width:95%;
}

.btn-retour-cat, a.btn-retour-cat, a.btn-retour-cat:link{ 
	font-size:18px; line-height:20px;
	width:90%; margin:auto;
	padding:4%;
	}
	
	
	
.liste-cat-l1{ display:block; margin-bottom:0px; }
.liste-cat-l1 > .col-1{ display:block; float:none; width:100%; min-width:100%; margin-right:0; min-height:100px; }
.liste-cat-l1 > .col-2{ display:block; float:none; width:100%; height:80px; overflow:hidden; min-height:80px; margin-top:0px; text-align:justify; }
.liste-cat-l1 > .col-2 h2{ font-size:1.2rem; line-height:1.2rem; margin:15px auto; padding:0 20px; text-align:center;  }

.visuel-cartouche-cat-1{ min-height:100px; height:100px; width:100%; margin:auto; }
.visuel-cartouche-cat-1 > .masque{ background-image:url(../images/masque_visuel_categorie_small.png); height:276px; width:320px; }
.visuel-cartouche-cat-1 > img{ display:block; margin-left:0%; height:auto; width:100%;  }

.dv-list-prd > .col-1{ display:block; float:none; width:100%; margin-top:2px; margin-right:0px;  min-height:50px;}
.dv-list-prd > .col-2{ display:block; float:none; width:100% !important; }

.dv-pagination-1{ display:block; height:auto; }
.pagination-1{ display:block; position:relative; right:initial; }







/* module configurateur panneau */

/* .messErrorConfig{ display:none; position:absolute; border:1px dotted #ff0000; color:#ff0000; background-color:rgba(255,255,255,0.9); min-height:60px; width:85%; margin:-8px auto; font-size:1rem; line-height:1.2rem; text-align:center; padding:10px; border-radius:5px;  } */


/* .dvCartouchePai{ display:block; display:absolute; margin-top:900px; height:390px; border:1px none #ff0000; } */

/* .zLstColorCache{ display:block; position:relative; max-width:100%; height:50px; border:1px none #00ffff; } */
/* .zLstColor{ display:block; position:absolute; max-width:100%; margin-top:-1250px; border:1px none #ff0000; } */

/* .formCalc .lignCol1{ display:block; width:100%; } */
/* .itemCol { display:block; width:100%; margin-right:0px; } */
/* .width100p{ width:100%; margin-top:10px; } */

				
/* .formCalc h2{ text-align:center; } */
/* .formCalc .dv-champs{ display:block; margin:0 0 40px 0px; text-align:center; } */

/* .formCalc .dv-couleur{ display:block; margin-top:15px; max-width:100%; margin-right:0px; } */
/* .formCalc a.btn-couleur{ display:inline-block; margin:2px 4px 0 0; border:2px solid #ccc; background:#ccc; height:40px; width:40px; border-radius:50%; } */
/* .formCalc a.cs-color-sel{ display:block; margin:18px auto !important; border:1px solid #000 !important; background:#ccc; height:100px; width:170px; border-radius:5px; } */
/* .formCalc .nom-color{ text-transform:uppercase; font-size:13px; line-height:16px !important; } */
/* .formCalc .desc-item{ margin:20px auto; text-align:center; } */

/* .formCalc a.btnColorHover, */
/* .formCalc a.btnColorHover:hover */
/* { border:2px dotted #1a9fb9; } */


/* .formCalc .tb-numChant{  } */
/* .formCalc .tb-numChant td{ display:block !important; margin-bottom:5px; margin-left:5px; text-align:center; width:100%; } */
/* .formCalc .tb-numChant td > div.shema{ display:block; width:170px; margin:auto; } */

/* .formCalc .tb-Color{ width:100%; } */
/* .formCalc .tb-Color td{ display:block !important; width:100%; text-align:center; margin:10px auto 30px auto; } */





/* menu lateral */
.menu-lateral{ display:block !important; }
.dvBtnMenuLateral{ display:block; }
#dv_menu_lateral{ display:block; position:relative; width:auto; }
#dv_menu_lateral > #menDivLateral{ display:block; position:relative; background:#f6f6f7; overflow:hidden; height:1px; margin:0px 0 20px 0px ; transition:0.5s ease;  }
#affMenuLateral{ display:none; }
#affMenuLateral:checked ~ #menDivLateral{ display:block; margin:15px 0 10px 0px; padding:20px 0; padding:0; background:#fff; z-index:10; }
#affMenuLateral:checked ~ label.dvBtnMenuLateral > .icoMenu > div{ 
	background:#999; 
	margin-top:9px;
}
#affMenuLateral:checked ~ label.dvBtnMenuLateral > .icoMenu > div:nth-child(2){ 
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

#affMenuLateral:checked ~ label.dvBtnMenuLateral > .icoMenu > div:nth-child(3){ 
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	margin-top:-6px;
}
#affMenuLateral:checked ~ label.dvBtnMenuLateral > .icoMenu > div:nth-child(1){ display:none; }
#affMenuLateral:checked ~ label.dvBtnMenuLateral > .icoMenu > div:nth-child(4){ display:none; }


.btn-voir-cat, a.btn-voir-cat, a.btn-voir-cat:link, a.btn-voir-cat:hover{ display:none; width:90%; }

.z-aff-rubrique{ display:none; }

/* // men lateral */


#dv_aff_produit{ display:block; }
#dv_aff_produit > .titre-cat{ display:none; font-size:22px; line-height:20px; margin-bottom:35px; border-bottom:1px solid #ccc; padding:10px; background:#efefef; }
#dv_aff_produit .dv-vignette{ display:block; float:none; margin:0 auto 50px auto; width:100%; max-width:400px; }
#dv_aff_produit .dv-vignette:nth-child(3n){ margin:0 auto 50px auto; }
#dv_aff_produit .dv-vignette > .visuel{ height:auto; background-image:url(../images/ombre_visuel_agencement.png); background-size:100% auto; }
#dv_aff_produit .dv-vignette > .visuel img{ display:block; width:100%; height:auto; }
#dv_aff_produit .dv-vignette > .texte{ margin:10px auto 20px auto; }

.btn-voir-prod, a.btn-voir-prod, a.btn-voir-prod:link, a.btn-voir-prod:hover{ width:95%; margin:auto; }

.vignette-rep-shop{ margin:-22px; right:10%; }



/* -> fiche */

 
/* .dv-cont-liste-prod{ display:none !important;  } */

.fiche-prod-l1{ display:block; margin-top:36px; }
.fiche-prod-l1 > .col-1{ display:block; float:none; width:100%; min-width:100%; margin-right:0;  }
.fiche-prod-l1 > .col-2{ display:block; float:none; width:100%; min-height:200px;    }

#dv_diapo_prod_1{ display:block; }
#dv_diapo_prod_1 .cont-visuel{ display:block; height:auto; width:100%; padding-bottom:0px;  }
#dv_diapo_prod_1 .cont-visuel-masque{ display:block; position:absolute; z-index:1; height:auto; width:90%; overflow:hidden; padding-bottom:0; }
#dv_diapo_prod_1 .cont-visuel > .ombre img{ display:block; width:100%; height:8px; }
#dv_diapo_prod_1 .tdz-visuel{ height:290px; }
#dv_diapo_prod_1 .tdz-visuel img{ max-height:290px; width:100%; height:auto;   }

#dv_diapo_prod_1 .cont-vignette{ display:block; margin-top:10px; margin-bottom:20px; height:auto; }
#dv_diapo_prod_1 .cont-vignette a:nth-child(3n){ margin-right:0; }
#dv_diapo_prod_1 .cont-vignette a{ margin:2%; height:95px; width:32%; }
#dv_diapo_prod_1 .cont-vignette a:nth-child(1n){ margin-left:0; }
#dv_diapo_prod_1 .cont-vignette a:nth-child(3n){ margin-right:0; }
#dv_diapo_prod_1 .cont-vignette a img{ height:auto; width:100%; }

#dv_diapo_prod_1 .tdv-visuel{  border:1px solid #eee; border-bottom:3px solid #eee; }


.lg-btn-action{ display:block; margin:auto; margin-bottom:20px; }

.btn-f1, a.btn-f1, a.btn-f1:link{ float:none; padding:6px 10px; margin:10px; }
.pos-ico-partage{ display:block; float:none; width:128px; margin:auto;  }

.btn-partage-1, a.btn-partage-1, a.btn-partage-1:link, a.btn-partage-1:hover{ margin:20px 10px 10px 8px; }


.lg-contenu-f{ display:block; background:none; }
.lg-contenu-f > .cont-desc{ display:block; float:none; width:100%; font-size:15px; line-height:21px; text-align:justify; margin-bottom:30px;  }
.lg-contenu-f  .mod-tarif{ display:block; float:none; background:#f6f6f7; width:235px; min-height:330px; margin:auto;  }

.label-sablier{ text-align:left; }

/* tb technique */
.z-table-tech{ display:block; background:#fff; margin-top:30px; }
.cs-tbtech{ display:block; float:none; width:100%; min-height:150px; background:#fff; margin:30px 0; }
.cs-tbtech > .cartouche{ display:block; height:auto; font-size:18px; line-height:20px;  }
.cont-type-tb td{ font-size:14px; line-height:18px; padding:10px; }

.dv-height-cont{ height:220px; }
					
.cont-type-tb .titre{ padding:10px 10px 5px 15px; }
.cont-type-tb > a.voir-plus{ display:block; padding:10px 20px 10px 15px; }

.list-couleur{ display:block; }
.list-couleur > .cont-color{ display:block; float:left; height:auto; width:25%; background:#fff; margin:8px 1.5%; }
.list-couleur > .cont-color:nth-child(1n){ margin-left:20px; }
.list-couleur > .cont-color:nth-child(3n){ margin-right:0px; }
.list-couleur > .cont-color > .color{ height:40px; width:40px; margin-right:0; }
.list-couleur > .cont-color > .text{ font-size:12px; line-height:12px; height:auto; width:auto; padding-top:6px; }



/* 2025 fiche produit */

#fiche_prd_part_1{ }
#fiche_prd_part_1 h1.titleCategorie{ margin:25px 0 20px 5px; padding:0px 5px 20px 60px; font-size:1.5rem; line-height:1.5rem; min-height:35px; }




.content-elementFiche{ 
	
	display:flex;
	gap:0px;
	padding:0 15px;
	flex-wrap: wrap;

}
.content-elementFiche > .dv-visuel{ 
	
	display:block;
	width:100%;
	max-width:400px;
	background:#fff;
	margin-bottom:30px;
	padding-bottom:40px;
	border-bottom:2px dotted #1A9FB9;	

}
.content-elementFiche > .dv-visuel > .visuel-zoom{ 
	
	/* display:block; */
	/* background:#fff; */
	/* width:100%; */
	/* height:320px; */
	max-width:100%;
	/* overflow:hidden; */
	/* box-shadow:0px 0px 10px #ccc; */
	/* border-radius:5px; */

}
/* .content-elementFiche > .dv-visuel > .visuel-zoom a{  */
	
	/* display:flex; */
	/* justify-content:center; */
	/* align-items:center; */
	/* width:100%; */
	/* height:320px; */

/* } */

/* .content-elementFiche > .dv-visuel > .visuel-zoom img{  */

	/* display:block; */
	/* width:auto; max-width:90%; */
	/* height:auto; max-height:90%; */
	
/* } */

.content-elementFiche > .dv-visuel > .visuel-item{ 
	
	/* display:flex; */
	gap:10px;
	/* justify-content:space-between; */
	margin-top:10px;
	/* width:100%; */
	/* height:97px; */

}



.content-elementFiche > .dv-info-1{ 
	
	/* display:block; */
	width:100%;
	/* background:#cccc00; */

}

/* .content-elementFiche > .dv-info-1 > .lign-1, */
/* .content-elementFiche > .dv-info-1 > .lign-2, */
/* .content-elementFiche > .dv-info-1 > .lign-3 */
/* {  */
	
	/* display:flex; */
	/* justify-content:space-between; */
	/* align-items:center; */
	/* padding-bottom:20px; */
	/* flex-wrap: wrap; */
	
/* } */



.content-elementFiche > .dv-info-1 > .lign-1 > .prix
{ 
	display:block; 
	margin:0 auto 25px auto;
	/* background:#ccc; */
}
.content-elementFiche > .dv-info-1 > .lign-1 > .prix b
{ 
	/* font-weight:400; */
	font-size:1.6rem;
	/* color:#1A9FB9; */
	/* font-weight:500; */
}
.content-elementFiche > .dv-info-1 > .lign-1 > .prix span.ttc
{ 
	font-size:.6em;
}
.content-elementFiche > .dv-info-1 > .lign-1 > .prix s
{ 

	font-size:1rem;
	/* color:#999999; */
	/* font-style:italic; */

}

.content-elementFiche > .dv-info-1 > .lign-1 > .cta-cmd
{ 
	
	display:block;
	height:60px; 
	margin:-15px auto 0 auto;
	/* background-color:#ccc; */

}
.bnt-acheter-fiche, a.bnt-acheter-fiche, a.bnt-acheter-fiche:link
{ 
	
	/* display:block; */
	/* background:#80C980; */
	/* border:1px solid #669E66; */
	/* font-size:1.2rem; */
	/* color:#fff; */
	/* font-weight:500; */
	padding:12px;
	width:150px;
	/* text-align:center; */
	/* border-radius:50px; */
	/* text-transform:uppercase; */
	/* transition:0.2s ease; */

}

/* a.bnt-acheter-fiche:hover */
/* {  */
	/* background:#669E66; */
	/* border:1px solid #669E66; */
/* } */



.content-elementFiche > .dv-info-1 > .lign-3
{ 
	/* padding-top:20px; */
	/* padding-left:5px;	 */
	/* padding-right:5px;	 */
	font-size:1rem;
	line-height:1.4rem;
	/* text-align:justify; */
}




.content-elementFiche .dv-produit-similaire
{ 
	
	display:none;
	/* gap:10px; */
	/* align-items:flex-start; */
	/* align-content:flex-start; */
	/* justify-content:center; */
	/* flex-wrap: wrap; */
	/* background:none; */
	/* border-left:3px dotted #ccefef; */
	/* color:#000; */
	/* font-weight:400; */
	/* padding:0px 0px 0px 30px; */
	
	/* width:230px; */

}


#fiche_prd_part_2{ 
	flex-wrap: wrap; 
	gap:0px;	
}
#fiche_prd_part_2 div{ 
	width:90%;
	margin:auto;
}
#fiche_prd_part_2 div.dv-description{ 
	width:90%;	
}

#fiche_prd_part_2 div h1{ 
	font-size:1.2rem;
}
#fiche_prd_part_2 div p{ 
	
	font-size:.9rem;
	line-height:1.2rem;
	text-align:left;
	
}


#fiche_prd_part_2 div.tbCaracteristique{ 
	width:100%;
	margin:0 auto 40px auto;
}

#fiche_prd_part_2 div.rowCaracteristique{ 
	display:flex;
	align-items:center;
	width:100%;
	gap:0px;
}

#fiche_prd_part_2 div.rowCaracteristique > div.label{ 
	
	width:30%;
	font-size:.9rem;
	
}
#fiche_prd_part_2 div.rowCaracteristique > div.value{ 
	
	width:59%;
	font-size:.9rem;
	
}


.reponseAdd{  
	position:absolute; 
	width:160px; 
	right:15px;
	}


/* ****** CADRE RECO PAIEMENT ***** */

.dv-cadre-reco
{ 
	display:flex;
	flex-wrap: wrap; /* nowrap | wrap | wrap-reverse; */
	width:80%; 
	padding:5%;
	gap:30px;
}
.dv-cadre-reco div > h1
{ 
	font-size:1.1rem;
}
.dv-cadre-reco div > div
{ 
	display:flex;
	align-items:flex-start;
	justify-content:left;
	flex-wrap: nowrap; /* nowrap | wrap | wrap-reverse; */
	gap:20px;
}

.dv-cadre-reco div > ul
{ 
	display:flex;
	align-items:flex-start;
	justify-content:left;
	flex-wrap: wrap; /* nowrap | wrap | wrap-reverse; */
	gap:30px;
	list-style-type: none;
	padding:0px 10px 20px 10px;
	margin:0;
	text-align:center;
}
.dv-cadre-reco div > ul > li
{ 
	margin:auto;
	width:45%;
}


.dv-cadre-reco div > ul.ulGrade
{ 
	flex-wrap: wrap;
	gap:30px;
	padding:0px;
	margin:0;
}
.dv-cadre-reco div > ul.ulGrade > li
{ 
	display:block;
	width:95%;
	margin:0 0 0 -3px;
	padding:0;
}

.dv-cadre-reco div > ul > li .detailGrade
{ 
	padding:10px;
}
.dv-cadre-reco div > ul > li .detailGrade > ul.listCheck > li
{ 
	width:100%;
}

.dv-cadre-reco div > ul.ulAccessoir
{ 
	gap:30px;
	width:100%;
}
.dv-cadre-reco div > ul.ulAccessoir > li
{ 
	width:100%;
	margin:0 0 0 -5px;
}

.dv-cadre-reco div > ul > li .labelAccessoir
{ 
	width:94%;
}
.dv-cadre-reco div > ul > li .detailAccessoir
{ 
	width:94%;
}






/* ////////////////////////////////////////////////////////////////////////////////// */



/* ad css aff vignette prod */
 
.dv-autre-prd{ display:block; border-top:1px solid #000; padding:30px 0; margin:50px 0 15px 0; min-height:200px; }
.dv-autre-prd > .col-1{ display:block; width:auto; min-height:200px; background:#fff; }
.dv-autre-prd .dv-vignette:nth-child(n){  margin:0 auto 70px auto !important;  }
.dv-autre-prd .dv-vignette:nth-child(4n){  margin-right:auto !important; }

.dv-autre-prd > .col-1 > .zone-vignette-prod{  padding-top:10px !important; }


/* panier produits */

.panier-lg1{ margin:0 auto 40px auto; width:90%; }
.dv-details > .visuel{ float:none; margin:auto; height:120px;  }
.dv-details > .visuel img{ height:100px; width:auto; }
.dv-details > .infos{ float:none; margin:15px auto 25px auto; width:100%; text-align:center; overflow:hidden; }
.dv-details > .infos h2{ margin-top:25px; font-size:.8rem; text-align:left; }
.dv-details > .infos p{ min-height:25px; }
.dv-details > .action{ float:none; width:100%;}

.dv-details > .action .z-px-qt{ width:auto; background:#f6f6f6; padding:14px 15px 14px 18px; margin:0 auto 10px 0; }

.dv-details > .action .z-px-qt > .z1-prix{ width:98%; margin-top:5px; text-align:center; }
.dv-details > .action .z-px-qt > .z1-prix > .tp-1{  margin-bottom:5px; }

.dv-details > .action .z-px-qt > .z1-quantite{ padding:10px 15px; width:auto; margin:auto; float:none; }
.dv-details > .action .z-px-qt > .z1-quantite > .qt{ float:none; margin:auto; text-align:center; }

.dv-details > .action .z-btn{ display:block; margin-top:25px; }
.btn-actpanier, a.btn-actpanier, a.btn-actpanier:link{ float:none; width:250px; margin:0 auto 4% auto; }


.panier-lg2{ display:block; padding-bottom:20px; }
.panier-lg2 .margin-20{ margin-right:0px !important; }
.panier-lg2 .margin-20:nth-child(3n){ margin-right:0px !important; }
.panier-lg2 .pos-titre{ margin:10px 0 40px 0 !important; }

.panier-lg2 > .dv-details > .list-prd{ display:none !important; float:none; height:auto; overflow:hidden; width:100%; }
.panier-lg2 > .dv-details > .recap-panier{ display:block; float:none; height:auto; min-height:400px; background:#fff; width:100% !important; margin:0 auto 0 auto !important; }
.panier-lg2 > .dv-details .dv-recap { display:block; position:relative; width:97%; height:485px; background:#f6f6f6;  }

a.dpanier-payer, a.dpanier-payer:link{ float:none; margin:auto; }
a.dpanier-retourp, a.dpanier-retourp:link{ float:none; margin:auto; }


/* etape de commande - espace client */

.dv-cont-etape .pos-btnretour-cat{ display:block; width:100%; margin:-38px auto 25px auto; }
.dv-cont-etape{ display:block; width:90%; margin:auto; background:#fff; }
.dv-cont-etape .titre{ font:2rem/2rem 'Ubuntu'; text-align:center; font-weight:700; margin:20px auto 30px auto; width:90%; }
.dv-cont-etape .sous-titre{ font:22px/26px 'Ubuntu'; font-weight:700; text-align:center; width:80%; margin:20px auto;   }


/* .dv-cont-etape{ display:block; width:1190px; margin:auto; background:#fff; } */
/* .dv-cont-etape .titre{ font:36px/38px 'Ubuntu'; font-weight:700; color:#1a9fb9; margin:20px 0 60px 0; } */
/* .dv-cont-etape .sous-titre{ font:24px/26px 'Ubuntu'; font-weight:700; color:#1a9fb9; margin:20px 0; } */


.dv-form-etape-1{ display:block; width:100%; max-width:400px; margin:auto; }
.dv-form-etape-1 > .col-1{ display:block; float:none; width:100%; margin-right:0; border-right:none; border-bottom:1px solid #000; margin-bottom:40px; padding-bottom:20px; }
.dv-form-etape-1 > .col-2{ display:block; float:none; width:100%; }

.btn-valid-etape, a.btn-valid-etape, a.btn-valid-etape:link{ 
	width:80% !important;
	}
a.btn-valid-etape:hover{ color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9; }


.cs-form-etap{ display:block; }
.cs-form-etap input{ width:100%; max-width:90%; }
.cs-form-etap select{ width:50%; max-width:auto; }
.cs-form-etap textarea{width:98%; height:150px; }

/* .pagination-etape{ display:block; right:initial; left:0; top:75px; } */
.pagination-etape{ display:block; position:relative; right:inherit; left:auto; top:auto; text-align:center; }
.pagination-etape a{ 
	font:16px/16px 'Ubuntu';
	padding:4px 9px;
	margin:0 10% 0 10px;
}


/* dv Box 2 */
#dvContBox{ width:100%; max-width:100%; }
/* #contBox{ width:100%; max-width:100%; } */
.closeZoneBox, a.closeZoneBox, a.closeZoneBox:link{ position:fixed; top:0; width:100%; right:inherit;  padding:8px 0;  margin:auto; text-align:center; }
.cslb-conttxt{ padding:40px 0px; } 
.cslb-conttxt input{ width:80% !important; } 




/* etape cmd 2 */


.btn-livraison, a.btn-livraison, a.btn-livraison:link{ 
		display:block; float:none; font:16px/16px 'Ubuntu', sans-serif; font-weight:500; 
		 color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9;
		transition:0.2s ease; 
		text-align:center;
		width:300px;
		padding:10px 5px;
		margin:0 49px 20px 0;
		}
a.btn-livraison:hover{ color:#1a9fb9; background:#fff; border:1px solid #1a9fb9; }
a.btn-livraison:nth-child(2){ margin-right:0; }

a.btnLivHover, a.btnLivHover:hover{ 
	color:#1a9fb9 !important; background:#fff !important; border:1px solid #1a9fb9 !important; 
}

.pos-mess-livraison{ margin:15px 0 0 0px; }
.lkliv-pos-btn, a.lkliv-pos-btn, a.lkliv-pos-btn:link{ display:block; position:relative; margin:5px 0 30px 0px !important; width:300px; }

.dv-btnEtapeSuivante{ display:block; border-top:1px solid #000000; margin-top:35px; padding-top:35px; min-height:50px; } 
.dv-btnEtapeSuivante a.pos-right{ position:relative; right:0; margin:auto; } 


.dv-form-etape-2{ display:block; width:99%; background:none; margin:auto; font:16px/22px 'Ubuntu'; font-weight:400; color:#000;  }
.dv-form-etape-2 .col-0{ display:block; margin-bottom:20px; }
.dv-form-etape-2 .col-1{ display:block; float:none; width:100%; min-width:320px; margin-right:0; border-top:1px solid #000; min-height:200px; }
.dv-form-etape-2 .col-2{ display:block; float:none; width:100%; min-width:320px; border-top:1px solid #000; }

.reponseInsc{ position:relative; margin:-69px auto 30px auto; padding:18px 20px 13px 20px; min-height:auto; width:85%; }
.reponseError{ width:83% !important; }

/* **** */

.cmd-2-z1 td{ display:block; width:90%; }


.sep-add-liv{ display:block; height:1px; border-bottom:1px solid #917979; margin:40px 0; }
.sep-listadd-liv{ display:block; height:1px; border-bottom:1px dashed #b3a5a5; margin:20px 15px;  }
.lk-choix-livraison, a.lk-choix-livraison, a.lk-choix-livraison:link{
	display:block; background:url(../images/puce_radio_add.png) 0 -193px no-repeat; 
	color:#231f20; font:14px/20px 'Ubuntu', sans-serif; font-weight:500; text-decoration:none; padding:1px 0 0 35px; margin:15px 0px 15px 8px;
	min-height:23px;
}


a.lk-choix-livraison:hover{
	color:#1a9fb9; background-position:0 -98px;
}
.lk-choix-livraisonHov, a.lk-choix-livraisonHov, a.lk-choix-livraisonHov:link, a.lk-choix-livraisonHov:hover{
	display:block; background:url(../images/puce_radio_add.png) 0 -3px no-repeat; 
	color:#231f20; font:14px/20px 'Ubuntu', sans-serif; font-weight:500; 
	text-decoration:none; padding:1px 0 0 35px; margin:15px 0px 15px 8px; min-height:23px;
}

.cs-txt-expli{ font:14px/18px 'Source sans Pro', sans-serif; color:#330100; }

/* .formulaire-nouvelle-adresse{ display:none; } */

.formulaire-nouvelle-adresse{ display:none; position:absolute; top:400px; background:#fff; width:95%; z-index:1; padding-top:20px; padding-bottom:100px; border-bottom:5px solid #ccc; border-top:5px solid #ccc; }
.form-n-addres-cpteclt{ top:110px; margin-left:0; background:#fff; width:90%; }




/* etape cmd 3 */

.dv-form-etape-3 .col-1{ display:block; float:none; width:100%; }
.dv-form-etape-3 .col-2{ display:block; float:none; width:100%; }

.dv-details > .action-e3{ display:block; float:none; width:100%; }
/* 
.dv-details > .action-e3 .z-px-qt{ display:block; width:100%; padding:0; }
.dv-details > .action-e3 .z-px-qt > .z1-prix{ display:block; float:left; width:70%; min-height:70px; }
.dv-details > .action-e3 .z-px-qt > .z1-quantite{ display:block; float:left; min-height:53px; }
 */
.dv-details > .action-e3 .z-px-qt{ display:flex; align-items:stretch; width:100%; padding:0; }
.dv-details > .action-e3 .z-px-qt > .z1-prix{ display:block; width:70%; min-height:70px; }
.dv-details > .action-e3 .z-px-qt > .z1-quantite{ display:block; min-height:53px; }


.label-recap-e3{ display:block; font:16px/22px 'Ubuntu'; font-weight:500; color:#000; height:30px; }
.label-recap-e3 > .pos1{ display:none; position:absolute; right:250px; }
.label-recap-e3 > .pos2{ display:none; position:absolute; right:125px; }

.dv-totaux-e3 td{ padding:28px 10px 12px 10px; }
.dv-totaux-e3 td.cs-p{ color:#1a9fb9;  width:170px; }

.dv-commentaire-e3{ display:block; margin-top:50px; font:15px/20px 'Ubuntu', sans-serif; font-weight:500;  }
.dv-commentaire-e3 input{ width:100%; max-width:92%;  }
.dv-commentaire-e3 textarea{ width:100%; max-width:94%;  }

.dvf-autorise > label > a{ color:#1a9fb9; font:13px/20px 'Ubuntu', sans-serif; font-style:italic; font-weight:500; margin-left:15px; transition:0.2s ease; }
.dvf-autorise > label > a:hover{ color:#000; margin-left:17px; }

.info-cmd-valid{ display:block; position:relative; right:initial; left:0; margin:4px auto 20px auto; width:85%; text-align:left; }

.pos-lib-e3-liv{ margin-left:0px; }




/* compte client */

.dv-cpt-clt{ display:block; width:100%; background:none;  margin:20px auto; padding-top:25px; }
.dv-cpt-clt > .col-1{ display:block; float:none; width:100%; min-width:320px; margin-right:0; padding-right:0; border-right:1px none #b2b2b2; min-height:200px; }
.dv-cpt-clt > .col-2{ display:block; float:none; background:none;  width:100%; min-width:320px; font:15px/22px 'Ubuntu'; font-weight:400; color:#000; }

.dv-cpt-clt .sstitre{ font:16px/20px 'Ubuntu'; font-weight:700; color:#000; margin:0 0 20px 0; }
.dv-cpt-clt .label{ font:16px/18px 'Ubuntu'; font-weight:400; color:#231f20; margin:0; padding:0 0px; }
.dv-cpt-clt .value{ font:14px/18px 'Ubuntu'; font-weight:500; color:#000; margin:0px 0; padding:5px 0px; max-width:65%; outline:none; transition:0.2s esae; }
.dv-cpt-clt .value ul{ margin-top:0; padding:0 0px 0 18px; }
.dv-cpt-clt .value li{ list-style-type:decimal; margin-bottom:20px; }
.dv-cpt-clt .value ul > a{ margin-left:252px; }
.dv-cpt-clt .value:focus{ background:#ffe496; padding-left:10px; }
.dv-cpt-clt hr{ margin:10px; padding:0; border:none; }

.dv-border-bottom-1{ display:block; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:5px; }

.btn-changer, a.btn-changer, a.btn-changer:link{ 
	display:block; color:#ffffff; font:15px/20px 'Ubuntu', sans-serif; font-weight:500; 
	background:#1a9fb9; border:1px solid #1a9fb9; 
	transition:0.2s ease; 
	text-align:center;
	width:85px;
	padding:5px 6px;
	text-transform:uppercase;
	position:absolute;
	margin:0px 0 0 0;
	left:20px;
	}
a.btn-changer:hover{ color:#1a9fb9; background:#ffffff; }

.dv-btn-adress{ display:block; border-top:1px solid #b2b2b2; padding-top:20px; }

.btn-nouvelle-adress, a.btn-nouvelle-adress, a.btn-nouvelle-adress:link{ 
	display:block; color:#231f20; font:14px/20px 'Ubuntu', sans-serif; font-weight:500; 
	background:url(../images/ico_radio.png) 0 0 no-repeat;  
	padding:4.5px 0 0 35px; height:35px; 
	margin:0px 0 0 0px;
	}
a.btn-nouvelle-adress:hover{ background-position:0 -47px; color:#1a9fb9;  }

.tb-historique-cmd{ display:block; position:relative; width:100%; background-color:none; overflow:scroll; }
.tb-historique-cmd table{ width:100%; }
.tb-historique-cmd > table td{ border:1px solid #b2b2b2; font:12px/14px 'Ubuntu', sans-serif; color:#000; text-align:center; font-weight:500; text-transform:uppercase; padding:5px; }
.tb-historique-cmd > table td.label{ border:none; font-size:.8rem; line-height:.8rem; font-weight:500; padding:5px 5px 10px 5px; }
.tb-historique-cmd > table td.ch{ }

.lk-modif, a.lk-modif, a.lk-modif:link{ display:block; background:url(../images/loupe_s2.png) 3px 0px no-repeat; height:28px; width:30px; }
a.lk-modif:hover{ background-position:3px -40px; }








/*****************************************************************************/
/*****************************************************************************/

	
/*  contact */

#div_contact{ display:block; padding:0px 0 0 0%; }
.dv-2col-70{ float:none; border:1px none #ff0000; width:90%; max-width:90%; margin:auto; }
.dv-2col-30{ float:none; max-width:100%; width:100% !important; margin:40px auto 0 auto; background:none; }

/* formulaire */

.formulaire_c{ display:block; }

/* ** css select ** */

.styleselect1 {
	padding: 10px 20px;
	margin-bottom:20px;
	width:98%;
	background-position:95% center;
}

.styleselect2 {
	padding: 8px 20px;
	width:98%;
	background-position:95% center;
}

/* *** */

.formulaire_c input{ width:100% !important; }
.formulaire_c select{ width:100% !important; }
.formulaire_c textarea{ width:100% !important; }

.formulaire_c div{ display:block; float:none; margin:2% 0 2% 0; width:92%; min-height:20px; }

.formulaire_c div.dvf-civ{ width:50%; } 						.formulaire_c div.dvf-civ input{ width:95%;  text-align:center; }
.formulaire_c div.dvf-nom{ width:95%; margin-bottom:4%; } 						.formulaire_c div.dvf-nom input{ width:95%; }
.formulaire_c div.dvf-prenom{ width:95%; margin-right:0; margin-bottom:4%;  } 		.formulaire_c div.dvf-prenom input{ width:95%; }
.formulaire_c div.dvf-email{ }
.formulaire_c div.dvf-adresse{ }
.formulaire_c div.dvf-cp{ width:30%; margin-bottom:4%; }  						.formulaire_c div.dvf-cp input{ width:95%; text-align:center; }
.formulaire_c div.dvf-ville{ width:95%; margin-right:0; }		.formulaire_c div.dvf-ville input{ width:95%; }
.formulaire_c div.dvf-pays{ width:95%; margin-bottom:4%; }						.formulaire_c div.dvf-pays input{ width:95%; }
.formulaire_c div.dvf-tel{ width:95%; margin-bottom:8%; }							.formulaire_c div.dvf-tel input{ width:95%; }
.formulaire_c div.dvf-rappel{ width:90%; margin-right:0; margin-top:36px; } 	.formulaire_c div.dvf-rappel label{ line-height:17px; }
.formulaire_c div.dvf-interet{ width:95%; margin-right:0; margin-bottom:4%; }		
.formulaire_c div.dvf-catalogue{ width:95%; margin-right:0; } 	.formulaire_c div.dvf-catalogue label{ line-height:30px; }
.formulaire_c div.dvf-autorise{ width:95%; }
.formulaire_c div.dvf-btnenvoi{ width:95%; margin:6% 0; }

.formulaire_c div.dvf-societe{ width:95%; margin-bottom:4%; } 						.formulaire_c div.dvf-societe input{ width:95%; }
.formulaire_c div.dvf-email{ width:95%; margin-bottom:4%; } 						.formulaire_c div.dvf-email input{ width:95%; }
.formulaire_c div.dvf-adresse{ width:95%; margin-bottom:4%; } 						.formulaire_c div.dvf-adresse input{ width:95%; }
.formulaire_c div.dvf-objet{ width:99% !important; margin-bottom:4%; } 				.formulaire_c div.dvf-objet input{ width:95%; }
.formulaire_c div.dvf-message{ width:94% !important; margin-bottom:4%; } 				.formulaire_c div.dvf-message input{ width:95%; }


a.cs-btn-form, a.cs-btn-form:link { width:86%; }


/* contact col right */

.tb-contact .plan a{ height:232px; }

.txt-infos{ width:75%; font-size:14px;	}
		  
.dv-lb-message{ 
	display:none; margin:805px 0 0 0px; width:82.5%; padding:150px 10px; border:2px solid #5d9d14; font:16px/20px Arial;
}

.cache-btn{ display:none; position:absolute; height:900px; width:100%; background:none; opacity:0.2; z-index:10; }




/* ******************************************************************************** */
/* ******************************************************************************** */
/* ******************************************************************************** */


/* agencement realisation */

#dv_agencement_rea{ display:block; max-width:90%; min-width:90%; padding-top:0px; margin:auto; margin-bottom:95px; }
#dv_agencement_rea > .titre-rea{ display:block; font-size:49px; line-height:49px; margin:0 0 50px 0; }

#dv_agencement_rea > .dv-detail{ display:block; }
#dv_agencement_rea > .dv-detail > .col-1{ display:block; float:none; width:100%; min-height:auto; margin:0 0 40px 0;  }
#dv_agencement_rea > .dv-detail > .col-2{ display:block; float:none; width:100%; min-height:auto; margin-right:0px;   }

#dv_agencement_rea .z-titre-rea{ 
	display:block; 
	font-size:25px; line-height:40px; 
	background-position:0 4px; 
	height:auto; padding:0px 0 0px 95px; 
	margin:0px 0 25px -22%;
}

#dv_agencement_rea .z-titre-rea h1{ font-size:25px; }
#dv_agencement_rea .z-titre-rea h1 > b{ font-size:35px; }
#dv_agencement_rea .z-txt-rea{ padding-left:21px; text-align:justify; width:88%; }

#diaporama-rea{ display:block; }
#diaporama-rea .cont-visuel{ display:block; height:auto; width:100%; }
#diaporama-rea .tdz-visuel{ width:100%; height:auto; background:url(../images/visuel_defaut_rea.jpg) right bottom no-repeat;  }
#diaporama-rea .tdz-visuel img{ height:auto; width:100%;   }

#diaporama-rea .cont-vignette{ display:block; margin-top:10px; }
#diaporama-rea .cont-vignette a:nth-child(5n){ margin:2.5%;  }
#diaporama-rea .cont-vignette a:nth-child(2n){ margin-right:2.5%; }
#diaporama-rea .cont-vignette a{ display:block; float:left; margin:2.5%; height:auto; width:45%; overflow:hidden;   }
#diaporama-rea .cont-vignette a img{ height:100%; width:auto; }

#diaporama-rea .tdv-visuel{ height:100px; width:163px; background:#fff; }
#diaporama-rea .tdv-visuel-hover{ height:100px; width:163px; background:#fff;  }







#dv_realisation_b{ display:block;  width:100%; margin:auto; }
#dv_realisation_b > .titre{ font-size:45px; line-height:45px; margin:0 0 50px 0; text-align:center; }
#dv_realisation_b > .rea-vignette{ float:none; height:auto !important; padding-bottom:10px; width:100%; overflow:hidden; margin:0 auto 60px auto;  }

#dv_realisation_b > .rea-vignette > .label{ 
	display:block; opacity:1;
	position:relative; 
	height:38px; width:100%;
	margin:0px 0 0 0;
	padding:15px 0 7px 15px;
} 

#dv_realisation_b > .rea-vignette > .label > .libelle{ 
	display:block; 
	float:left;
	width:82%; margin-right:1%;
	font-size:14px; line-height:20px; 
	cursor:pointer;
} 

#dv_realisation_b > .rea-vignette > .label > .view{ 
	width:50px; margin-top:-10px;
} 
#dv_realisation_b > .rea-vignette > .label > .libelle > .date{ font-size:12px; line-height:12px; } 
#dv_realisation_b > .rea-vignette > .label > .view > .sep{ display:none; } 
#dv_realisation_b > .rea-vignette > .label > .view > .loupe{ 
	display:block; width:50px; height:50px; float:left; 
	background:url(../images/loupe.png) left 0px no-repeat;
} 

#dv_realisation_b > .rea-vignette > .label > .view > .loupe:hover{ 	background-position:left -50px; } 

#dv_realisation_b > a.rea-vignette > .visuel{ display:block; height:auto; width:100%;  }
#dv_realisation_b > a.rea-vignette > .visuel > img{ display:block; height:auto; width:100%;  }



/* ******************************************************************************** */


/* produit accueil */

.dv-vignette{ display:block; float:none; width:100%; background:#fff url(../images/ombre_vign.jpg) 0 181px no-repeat; margin:1% auto; } 
.dv-vignette > a.vignette{ height:180px; } 
.dv-vignette > a.vignette img{ display:block; height:100%; width:auto; margin:auto; } 
.dv-vignette > a.vignette img.prd_v_defaut{ margin:1% -19%; } 
.dv-vignette > div.titre-vignette{ margin:20px 0 10px 0px; font:20px/26px 'Ubuntu', sans-serif; font-weight:800; }
.dv-vignette > div.desc-vignette{ margin:0px 0 20px 0px; font:14px/18px 'Ubuntu', sans-serif;  }



/* partner */

	#div_partner .titre-page-1{ padding:30px 0 35px 20px;  }
	.z-vignette-partner{ display:block; padding:0 0 0 0px;  }

	.dv-vignette-partner{ display:block; float:none; margin:20px; height:auto; width:89%; }
	.dv-vignette-partner .dv-pos{ width:auto; }
	.dv-vignette-partner > .details-vign{ height:186px; width:84.5%; }


	

		
/* product list */

	#div_product .titre-page-1{ padding:30px 0 0 20px; font-size:32px; }
	#div_product .desc-page-1{ padding:0px 0 50px 20px; border-bottom:1px dotted #ccc; margin-bottom:50px; }

	.desc-cat-visuel{ float:none; width:94%; height:180px; background:none; padding-bottom:0px; margin-right:0; border:1px solid #dfe0e4; border-radius:10px 10px 0 0;  }
	.desc-cat-visuel img{ display:block; width:100%; height:auto; margin:auto; border:none; border-bottom:none; border-radius:0; }

	.desc-cat-text{ display:block; float:none; font:14px/22px 'Ubuntu', sans-serif; color:#333; width:95%; text-align:justify; margin-top:15px; }




/* product fiche */

	#div_product_fiche{ display:block; width:100%; overflow:hidden; }
	#dv_prod_desc{ margin:30px 0 0 20px; }
	#dv_prod_desc .col-1{ display:block; float:none; width:94%; overflow:hidden; max-width:94%; margin:0 0% 10% 0; }
	#dv_prod_desc .col-2{ display:block; float:none; width:94%; overflow:hidden; margin-right:0; }

	.list-cat-prod{ padding:20px; }	
	.list-cat-prod, .list-cat-prod > a { font:14px/22px 'Ubuntu', sans-serif;  }
	
	.btn-fiche-prod{ display:block; margin-bottom:15px; } 
	.btn-fiche-prod > a { 
		display:block; float:none; 
		min-width:80%;
		margin:0px auto 20px auto;
		padding:8px;
	}
	
	.dv_visuels_prod{ display:block; margin-bottom:30px; }
	.dv_visuels_prod > .col-zoom{ display:block; float:none; width:100%; height:212px; overflow:hidden; background:none; padding-bottom:7px; }

	.dv_visuels_prod > .col-zoom .td-pos{ height:212px; width:100%; overflow:hidden; border:1px solid #efefef; }
	.dv_visuels_prod > .col-zoom .td-pos > img{ display:block; width:auto; height:100%; }

	.dv_visuels_prod > .col-vignette{ display:block; float:none; width:100%; }
	.dv_visuels_prod > .col-vignette .dv-pos{ display:block; float:left; width:31.2%; height:100px; margin:0 2% 20px 0px; }
	.dv_visuels_prod > .col-vignette .dv-pos:nth-child(3){ margin:0 0 20px 0px; }
	.dv_visuels_prod > .col-vignette .dv-pos td{ width:100%; height:100px; }
	.dv_visuels_prod > .col-vignette a{ display:block; height:100px; width:100px; }

	.labels-prod{ display:block; margin:auto; margin-bottom:50px;  }
	.labels-prod > .ico-label{ display:block; float:left; width:115px; margin:0 9% 10% 5%; font:12px/16px 'Ubuntu'; }
	.labels-prod > .ico-label:nth-child(4){ margin:0 9% 10% 5%; }
	.labels-prod > .ico-label img{ width:80px; }

	
	.switchRespOff{ display:none !important; } 
	.switchRespOn{ display:block !important; } 

	
/* fiche produit - tb technique */

	#dv_prod_technique{ display:block; background:#eeeeee; margin-bottom:30px; min-height:400px;  }
	#dv_prod_technique .men-table-technique{ display:block; background:#007bbd; padding-left:3%; }
	#dv_prod_technique .men-table-technique li{ display:block; float:left; }
	#dv_prod_technique .men-table-technique li.sep{ display:block; height:10px; width:10px; padding:5px 0; margin:10px 0; background:url(../images/sep_men_tb_technique.gif) center center repeat-y;  }
	#dv_prod_technique .men-table-technique a{ display:block; padding:5px 2px; float:left; font:15px 'Ubuntu'; color:#fff; font-weight:300; text-transform:uppercase; margin:5px 5px;  }
	#dv_prod_technique .men-table-technique a:hover{ display:block; color:#000; }
	#dv_prod_technique .dv-aff-coche{ display:none; }
	#dv_prod_technique .details{ display:none; margin:20px 20px; font:14px/18px 'Ubuntu'; padding-bottom:30px; }
	
	#dv_prod_technique .details img{ display:block; max-width:98%; margin:5px 0; }






/* LB demande de devis */

	.opt-lb-devis{ display:none; margin:1405px -10px; padding:40px 15px; width:84%; font-size:14px; }
	
	.td-hide-coche{ display:none; }
		
	.cscont-lb { display:block; margin:20px; }
	.cscont-lb .col-1{ display:block; float:none; background:none; width:100%; margin-right:0; }
	.cscont-lb .col-2{ display:block; float:none; background:none; width:100%; }

	.cscont-lb .lb-titre-devis{ font:30px/35px 'Ubuntu', sans-serif; font-weight:300; }
	.cscont-lb .lb-stitre-devis{ font:20px/30px 'Ubuntu', sans-serif; font-weight:300; }
			
	.formulaire_d div{ display:block; float:none; margin:1% 0 3% 0; width:100%; min-height:20px; background:none; }
	
	.form-lb textarea{ height:200px; width:95%; margin-bottom:40px; }
	
	.form-lb div.dvf-civ{ width:35%; margin-bottom:6%;  } 							.form-lb div.dvf-civ input{ width:85%;  text-align:center; }
	.form-lb div.dvf-nom{ width:100%; margin-bottom:6%;} 							.form-lb div.dvf-nom input{ width:95%; }
	.form-lb div.dvf-prenom{ width:100%; } 		.form-lb div.dvf-prenom input{ width:95%; }
	.form-lb div.dvf-email{ width:100%; }  						.form-lb div.dvf-email input{ width:95%; }
	.form-lb div.dvf-societe{ width:100%; }  						.form-lb div.dvf-societe input{ width:95%; }
	.form-lb div.dvf-adresse{ width:100%; }  						.form-lb div.dvf-adresse input{ width:95%; }
	.form-lb div.dvf-cp{ width:35%; }  							.form-lb div.dvf-cp input{ width:95%; text-align:center; }
	.form-lb div.dvf-ville{ width:100%;  }		.form-lb div.dvf-ville input{ width:95%; }
	.form-lb div.dvf-pays{ width:100%; }							.form-lb div.dvf-pays input{ width:95%; }
	.form-lb div.dvf-tel{ width:100%; }			.form-lb div.dvf-tel input{ width:95%; }
	.form-lb div.dvf-autorise{ width:100%; margin-bottom:10px; }
	.form-lb div.dvf-btnenvoi{ width:90%; margin:auto; }

	.form-lb div > input{ width:90% !important; }
	.form-lb div > textarea{ width:90% !important; }
 
	.btn-lb-devis, a.btn-lb-devis, a.btn-lb-devis:link, a.btn-lb-devis:hover{  width:80%; margin:auto;  }
	
	.dvf-typeprojet{ display:block; float:none; margin-bottom:70px; }
	.dvf-importfile{ display:block; float:left; margin-left:20px; background:none; position:absolute; margin:230px 0; }

	a.btn-importfile{ width:96.5%; }





/* LB demande de contact */

	.opt-lb-mess-contact{ display:none; margin:750px -10px; padding:40px 15px; width:84%; font-size:14px; }

	.cscont-lb .lb-titre{ font:25px/25px 'Ubuntu', sans-serif; font-weight:500; }
	.cscont-lb .lb-stitre{ font:16px/20px 'Ubuntu', sans-serif; font-weight:300; }

	.dv-visuel-lb-contact{ display:block; width:100%; height:auto; margin:80px auto 0 auto; overflow:hidden; }
	.dv-visuel-lb-contact > .visuel{ display:block; width:100%; margin:auto;  }
	.dv-visuel-lb-contact > .visuel img{  width:100%; height:auto; }
	.dv-visuel-lb-contact > .ombre{ display:none; }
			
	.dv-infos-lb-contact{ display:block; width:100%; margin:0; }
	.dv-infos-lb-contact > .txt-num{ font:30px/40px 'Ubuntu', sans-serif; font-weight:800; margin-bottom:20px; }


	a.cs-btn-form3, a.cs-btn-form3:link { min-width:91%; }

	#add_rappel{ display:none; top:125px; left:0; height:90%; width:88%; }

	.form-rappel div{ display:block; float:none; margin:0% 0% 0% 0; width:97%; }

	.form-rappel label{ margin:0; }
	.form-rappel input{ display:block; width:98%; margin:0; }
	
	.form-rappel div.dvf-civ{ width:35%; margin-bottom:20px; } 							.form-rappel div.dvf-civ input{ width:85%;  text-align:center; }
	.form-rappel div.dvf-nom{ width:100%; margin-bottom:20px; } 							.form-rappel div.dvf-nom input{ width:95%; }
	.form-rappel div.dvf-prenom{ width:100%; } 		.form-rappel div.dvf-prenom input{ width:95%; }
	.form-rappel div.dvf-email{ width:100%; }  						.form-rappel div.dvf-email input{ width:95%; }
	.form-rappel div.dvf-tel{ width:100%; margin-bottom:20px; }							.form-rappel div.dvf-tel input{ width:95%; }
	.form-rappel div.dvf-horaire{ width:50%; margin-right:0; }		.form-rappel div.dvf-horaire input{ width:90%; }
	.form-rappel div.dvf-btnenvoi{ width:92%; margin-bottom:30px; }
	.form-rappel div.dvf-btannule{ width:92%; margin-right:0px; }

	.form-rappel div.dvf-langue{ width:100%; margin-right:0px; }

	a.cs-btn-rappel, a.cs-btn-rappel:link { margin:initial; padding:8px 8px; width:100%;  }

	a.cs-btn-annule, a.cs-btn-annule:link { margin:initial; padding:8px 10px; width:100%; }
	
	.mentionLbContact{ display:block; float:none; width:128px; margin-top:0px; font:12px Arial; color:#000; }

	/* mention legale */ 
	
	.sepLignSousTitre1{ display:block; width:90%; margin:auto; border-bottom:2px dotted #1A9FB9; padding-bottom:30px; height:2px; }
	/* .sepLignSousTitre2{ position:absolute; border-bottom:1px solid #cccccc; margin:30px 0 0 -55px; display:block; height:1px; width:200px; } */


	.cs-txt-mention{ 
	width:90%; max-width:90%; 
	margin:auto; 
	}

	#div_contact > .z-titre-c1{ display:block; float:none; width:90%; margin:30px auto 0 auto; }
	#div_contact > .z-titre-c1 h1{ text-align:left; font-size:1.8rem; line-height:1.8rem; margin:0; }
	#div_contact > .z-txt-c1{ display:block; width:90%; margin:20px auto 0 auto; }
	
/* LB demande partenaire */

	.opt-lb-mess-partner{ display:none; margin:750px -10px; padding:40px 15px; width:84%; font-size:14px; }
	
	.opt-partner-form input{ width:98% !important; }
	
	.dv-visuel-lb-partner{ display:block; width:100%; height:auto; margin:auto; overflow:hidden; }
	.dv-visuel-lb-partner > .visuel{ display:block; position:absolute; width:100%; height:auto; margin:-20px -20px; overflow:hidden; z-index:-1; }
	.dv-visuel-lb-partner > .visuel img{ display:block; width:140% !important; height:auto; margin:0 -15%;}
	.dv-visuel-lb-partner > .ombre{ display:none; }
	
	.opt-pos-partner-titre{ font-weight:500 !important; color:#fff !important; text-shadow:0px 0px 5px #333; line-height:28px !important; margin-bottom:30px !important; }
	
	.dvf-paysimpl-partner{ float:none; margin-right:0; }
	.dvf-langue-partner{ float:none; }

	.form-lb div.dvf-societe-partner{ width:100%; }	.form-lb div.dvf-societe-partner input{ width:95%; }
	.form-lb div.dvf-societe-poste{ width:100%; margin-right:0px; }
	.form-lb div.dvf-message-partner textarea{ height:273px; width:98%; }

	.opt-btn-partner-lb, .opt-btn-partner-lb:link{ width:138% !important; }

	

/* bande contact */

	#div_blcontact{ height:auto; min-height:90px; padding:10px 10px; min-width:80%; }
	#div_blcontact table{ width:auto; }
	#div_blcontact img{ display:block; padding-right:8px; height:60px; width:auto; }
	#div_blcontact > div.dv{ display:block; float:none; margin:6% 0 5% 0; border:1px none #ff0000; min-width:90%; }
	#div_blcontact > div:nth-child(2){ min-width:auto; }
	#div_blcontact > div:nth-child(3){ margin-right:0; margin-bottom:3%; }
	.tb_blcontact > hr{ border:none; padding:0; margin:3px; }
	.tb_blcontact{  font-size:16px; line-height:20px;  }
	.tb_blcontact > a{ font-size:20px; }
	.tb_blcontact > span, .tb_blcontact > a{ font-size:20px; }

	#div_blcontact > div.dv-sep{ display:none; }

	
	
/* footer */
	
	#div_footer{ padding:0px 20px 10px 20px; border-top:2px none #ff0000;    }
	.dv-25{ display:block; float:none; width:50%; min-height:100px; margin:auto; margin-bottom:50px; text-align:center;  background:none;  }
	.dv-25:first-child{ padding-top:0px; width:80%; margin-bottom:0px; margin-bottom:0px;  }
	.dv-25:nth-child(2){ padding-top:50px; width:80%; }
	.dv-25:nth-child(3){ padding-top:0px; width:80%; margin:auto; margin-bottom:50px; text-align:center;  }
	.dv-25:nth-child(4){ padding-top:0px; width:50%; margin:auto; margin-bottom:50px; text-align:center; }
	
	.dv-courbe-trans{ display:block; position:relative; width:100%; min-width:500px; height:45px; top:-36px; z-index:10; }
	img.pos-vague-footer{ display:inline-block; width:auto; height:80px; margin-left:-50%; }

	/* a.footer-lk-rxLk{ display:inline-block; text-align:left; margin:auto; width:73px;  } */
	/* a.footer-lk-rxTw{ display:inline-block; text-align:left; margin:auto; width:73px;  } */
	a.footer-lk-rxInsta{ display:inline-block; text-align:left; margin:auto; width:73px;  }
	/* a.footer-lk-rxPint{ display:inline-block; text-align:left; margin:auto; width:73px;  } */
	a.footer-lk-rxFb{ display:inline-block; text-align:left; margin:auto; width:73px;  }
	a.footer-lk-rxTk{ display:inline-block; text-align:left; margin:auto; width:73px;  }

	.columns-prd-footer {
		-webkit-columns	: 1;
		-moz-columns	: 1;
		columns			: 1;
	}


}


@media screen and (max-width: 320px) {
	
	/* bande contact */
	.tb_blcontact{ font-size:14px; }
	.tb_blcontact > span, .tb_blcontact > a{ font-size:18px; }
	
	/* footer */
	.dv-25{ width:100%; }
	.dv-25:nth-child(3){ width:100%;  }
	.dv-25:nth-child(4){ width:100%; }
}

















