@media screen and (max-width: 800px) {
	body{ border-top:2px solid #333; }	
	/* table{ border:1px none #ff0000; max-width:90%; } */
	
	
	/* global */
	
	#div_tetiere{ display:block; padding-bottom:5px; min-height:330px; border-bottom:2px none #706f6f;   }
	#div_content{ display:block; }
	#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; }

	.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:90%; 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:block; float:none; position:absolute; width:130px; padding-top:12px; top:190px; 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:block; 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-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:180px !important; margin:auto; padding-top:10px; }
	#div_tetiere > .logo img{ display:block; height:auto; width:100%; margin:auto; }
	
	#dv_menu > .menu{ float:none !important; margin:0% 0 0 3% !important; width:auto; max-width:97%; }
	#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; }

	.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:#eee; 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; }


	#dv_menu{ display:block; position:absolute; width:94%; left:0; top:122px; }
	#dv_menu > #menDiv{ display:block; position:absolute; background:#f6f6f7; border:1px solid #f6f6f7; overflow:hidden; height:1px; margin:0px 0 0 15px ; transition:0.3s ease;  }
	#affMenu{ display:none; }
	#affMenu:checked ~ #menDiv{ display:block; height:auto; margin:15px 0 10px 15px; padding:20px 0; background:#fff; border-color:#ccc; border-top:none; 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; }
	
	
	
/* accueil */
	
	/* diaporama */
	
	#dv_diaporama{ display:block; height:auto; width:100%; overflow:hidden; background:#fff; padding-bottom:80px; margin-bottom:40px; }
	#dv_diaporama .dv-slide{ display:block; }
	#dv_diaporama .slide-0{ display:block; }

	#dv_diaporama .zone-cartouche{ display:block; position:absolute; right:0; opacity:1; border-top:3px solid #fff; background:#eee; height:155px; margin-top:66%; width:auto; overflow:hidden; z-index:100; }
	#dv_diaporama .zone-cartouche > a > li{ display:block; background:none; height:165px; overflow:hidden; cursor:pointer; background:#f2bc11; }
	#dv_diaporama .zone-cartouche > a > li > div.fleche{ display:none; }
	#dv_diaporama .zone-cartouche > a > li > div.texte{ display:block; float:none; background:#f2bc11; border-bottom:2px none #fff; height:auto; padding-bottom:25px; overflow:hidden; width:92%; font:14px/16px 'Ubuntu', sans-serif;  color:#000; font-weight:500; }
	#dv_diaporama .zone-cartouche > a > li > div.texte > h2{ font-size:30px; font-weight:300; padding:0; margin:0 0 15px 0; }
	#dv_diaporama .zone-cartouche > a > li > div.texte > .zonetxt{ height:auto; }

	#dv_diaporama .zone-cartouche > a > li.cartouche-over > div.fleche{ background-position:0 0; }
	#dv_diaporama .zone-cartouche > a > li.cartouche-over > div.texte{  background-color:#f2bc11;  }

 	.diaporama1 ul { height:auto; width:100%; }
	.diaporama1, .diaporama1 li{ height:auto; width:auto; }
	 
	.diaporama1 img{ height:auto; width:100%; }


	/* -- presentation */

	#dv_presentation{ margin-top:0px; margin-bottom:50px; }
	.td-presentation{ display:block; padding:0px 5%; width:90%; }

	.td-presentation > .col-1{ display:block; float:none; width:100%; margin-right:0; text-align:justify; }
	.td-presentation > .col-2{ display:block; float:none; width:100%; }

	.z-titre-c1 h1{ 
		display:block;
		font-size:35px; line-height:40px;
		background-image:url(../images/carre_text_small.png); 
		padding:28px 0 0px 90px; 
		margin:0px 0 25px -50px;
		
	}
	.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 -5%; }
	.visuel-cartouche img{ display:block; height:auto; width:110%; }


	
	/* 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:block; margin:40px 0 20px 0; height:250px; 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{ 
	font-size:22px;
	background-position:-70px -40px;
	width:270px; height:70px;
	padding:10px 0 0 0;
	}
	a.btn-trapeze:hover{ color:#fff; background-position:-70px -187px;  }
	a.btn-trapeze-hover{ 
		font-size:22px;
		background-position:-70px -187px;
		width:270px; height:70px;
		padding:10px 0 0 0;
		
		}
		
		
/* who */

.visuel-cartouche-who{ margin-left:-5%; margin-top:30px; }
.visuel-cartouche-who img{ width:110%; max-width:639px; margin:auto; }

.visuel-cartouche-who-2{ display:block; margin-left:-5%; }
.visuel-cartouche-who-2 img{ width:110%; max-width:527px; margin:auto;  }
.cartouche-titre-who{ 
	font-size:35px; line-height:30px;
}

.cartouche-titre-who table{ width:100%; } 
.cartouche-titre-who td:nth-child(1){ width:15px; } 
.cartouche-titre-who img{ width:50px; } 


.dvz-chiffre{ margin-bottom:40px !important; }
.dv_bgc-chiffres{ min-height:auto; }
.dvz-chiffre > .text-bs{ display:block; font-size:14px; line-height:16px; font-weight:300; margin:90px 0 0 0; padding:0 20px 110px 20px; }
.zone-chiffre{ display:block; margin-top:60px; width:100%; min-width:100%;  }
.zone-chiffre > .dv-chiffre{ display:block; float:none; margin:20px auto 60px auto; }
.zone-chiffre > .dv-chiffre:nth-child(4){ margin:auto; }



/* prestations */




.td-presentation{ display:block; padding:0px 5%; width:90%; }	

.td-prestations{ display:block; padding:0 5%; height:auto; min-height:450px; width:90% }
.td-prestations > .col-1{ display:block; float:none; width:100%; margin:0 0 25px 0; text-align:justify; }
.td-prestations > .col-2{ display:block; float:none; width:100%; }
.td-prestations > .col-1 > .size-width{ width:100%; } 

.visuel-cartouche-presta-1{ height:286px; width:320px; margin:auto; margin-left:5%;  }
.visuel-cartouche-presta-1 > .masque{  height:286px; width:320px; background-image:url(../images/masque_visuel_presta_1_small.png);}
.visuel-cartouche-presta-1 > img{ display:block; margin-left:-45px; width:auto; height:100%;  }

.zone-visuel-presta-2{ float:none; min-height:290px; width:300px; min-width:320px; margin:auto; margin-top:-10px; }
.zone-visuel-presta-2 > .masque{ width:320px; height:290px; background-image:url(../images/masque_prestation_2_small.png); margin-top:-37px;  }
.zone-visuel-presta-2 > .dv-visuel{ width:320px; height:290px; overflow:hidden;  margin-top:-37px; }
.zone-visuel-presta-2 > .dv-visuel > .visuel-presta-2{ display:block; margin-left:-45px; margin-top:-40px; height:110%; width:auto; }

.zone-texte-presta-2{ 
	float:none; width:90%; 
	margin:0px 0 0 5%; text-align:justify;		
}



#dv_produit_presta{ display:block; background:none;}
#dv_produit_presta > .presta-vignette{ float:none; height:auto; width:100%; margin:0 auto 40px auto;  }
#dv_produit_presta > .presta-vignette > .label{ 
	margin: 0 0 6px 0; font-size:22px; line-height:24px;
}
#dv_produit_presta > .presta-vignette > .visuel{ height:auto; }
#dv_produit_presta > .presta-vignette > .visuel img{ height:auto; width:100%; }


/* style 2 */

#dv_produit_presta_2 > .presta-vignette{ float:none; height:auto; width:100%; margin:0 auto 40px auto;  }
#dv_produit_presta_2 > .presta-vignette > .label{ 
	margin: 0 0 6px 0; font-size:22px; line-height:24px;
}

#dv_produit_presta_2 > .presta-vignette > .visuel{ height:auto; }
#dv_produit_presta_2 > .presta-vignette > .visuel img{ height:auto; width:100%; }




/* engagments */

#dv_engagements{ display:block; max-width:100%; padding-top:40px; margin-bottom:0px; }
.td-engagements{ display:block; padding:2px 5%; height:auto; min-height:450px; }
.td-engagements > .col-1{ display:block; float:none; width:100%; margin-right:0; }
.td-engagements > .col-1 > .width-titre{ width:100%; }

.dv_desc-label{ display:block; width:100%; margin:60px auto 50px auto; }
.dvlg-label{ display:block; width:100%; margin:0px 0px 60px 0; }
.dvlg-label > .visuel{ display:block; float:none; width:300px; margin:auto; }
.dvlg-label > .texte{ float:none; width:100%; text-align:justify; }
.dvlg-label > .texte h1{ text-align:left; }

.dv-engement-i{ margin-left:42px; margin-top:20px; }



/* agencement */

.dv_bgc-agencement{ background:#eeeeee; margin-top:0px; }

#dv_agencement{ display:block; max-width:90%; padding-top:10px; margin:auto;  }
.visuel-cartouche-agencement-1{ height:339px; width:320px; margin:auto; }
.visuel-cartouche-agencement-1 > .cadre{ height:292px; width:292px; border:16px solid #fff; }

.td-agencement > .col-1{ display:block; float:none; width:100%; min-width:320px; margin:auto; }
.td-agencement > .col-2{ display:block; float:none; width:100%; background:none; margin:30px 0 50px 0;  text-align:justify;  }

#dv_realisation{ display:block;  width:100%; }
#dv_realisation > .titre{ font-size:45px; line-height:50px; margin:0 0 50px 0; text-align:center; }
#dv_realisation > a.rea-vignette{ float:none; height:auto !important; padding-bottom:17px; width:100%; overflow:hidden; margin:0 auto 60px auto; }
#dv_realisation > a.rea-vignette > .visuel{ display:block; height:auto; width:100%;  }
#dv_realisation > a.rea-vignette > .visuel > img{ display:block; height:auto; width:100%;  }

#dv_realisation > .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 > .rea-vignette > .label > .libelle{ 
	display:block; 
	float:left;
	width:82%; margin-right:1%;
	font-size:14px; line-height:20px; 
	cursor:pointer;
	max-height:36px; overflow:hidden;
} 

#dv_realisation > .rea-vignette > .label > .view{ 
	width:50px; margin-top:-10px;
} 
#dv_realisation > .rea-vignette > .label > .libelle > .date{ font-size:12px; line-height:12px; } 
#dv_realisation > .rea-vignette > .label > .view > .sep{ display:none; } 










/* agencement realisation */

#dv_agencement_rea{ display:block !important; max-width:94%; min-width:100%; padding-top:8px; margin:auto; margin-bottom:95px; }
#dv_agencement_rea > .titre-rea{ display:none; font:63px/75px 'Ubuntu', sans-serif; font-weight:400; color:#a11257; text-align:left; margin:0 0 50px 0; }

#dv_agencement_rea > .dv-detail{ display:block !important; }
#dv_agencement_rea > .dv-detail > .col-1{ display:block !important; float:none !important; width:100% !important; min-height:650px; margin-right:0px;  }
#dv_agencement_rea > .dv-detail > .col-2{ display:block !important; float:none !important; width:100% !important; min-height:650px; margin-right:0px;   }

#dv_agencement_rea .z-titre-rea{ 
	display:block; 
	background-position: 0 11px !important;  
	margin:-15px 0 10px -90px !important
}

#dv_agencement_rea .z-titre-rea h1{ font-size:25px !important; color:#000000; font-weight:400;  }
#dv_agencement_rea .z-titre-rea h1 > b{ font-size:32px !important; font-weight:500; }
#dv_agencement_rea .z-titre-rea h3{ font-size:16px; font-weight:500; line-height:16px;  }
#dv_agencement_rea .z-txt-rea{ display:block; font:16px/22px 'Ubuntu', sans-serif !important; color:#000000; padding-left:10px !important; }

#diaporama-rea{ display:block; }
#diaporama-rea .cont-visuel{ display:block !important; height:auto !important; width:100% !important; overflow:hidden; }
#diaporama-rea .cont-visuel > .ombre img{ width:100%; height:auto; }
#diaporama-rea .tdz-visuel{ height:430px; width:60% !important; background:#fff url(../images/visuel_defaut_rea.jpg) 0 0 no-repeat;  }
#diaporama-rea .tdz-visuel img{ height:auto; width:auto;   }

/* #diaporama-rea .cont-vignette a:nth-child(1n+){ margin-left:0; } */
#diaporama-rea .cont-vignette{ display:block !important; margin-top:16px; }
#diaporama-rea .cont-vignette a:nth-child(5n){ margin-right:0; }
#diaporama-rea .cont-vignette a{ display:block; float:left; margin:2% !important; height:auto !important; width:46% !important; overflow:hidden; }
#diaporama-rea .cont-vignette a table{ height:auto !important; width:100% !important;   }
#diaporama-rea .cont-vignette a img{ height:auto !important; width:100% !important;   }

#diaporama-rea .tdv-visuel{ height:82px; width:130px; border-bottom:3px solid #eee; background:url(../images/visuel_defaut_rea_v.jpg) right top no-repeat; transition:0.5s ease; }
#diaporama-rea .tdv-visuel-hover{ height:82px; width:130px; border-bottom:3px solid #a11257; background:url(../images/visuel_defaut_rea_v.jpg) right top no-repeat;  }
#diaporama-rea .tdv-visuel:hover{ border-bottom:3px solid #a11257; }
#diaporama-rea .td-visuelv img{ height:auto; width:auto;   }




#dv_realisation_b{ display:block !important; width:100% !important; }
#dv_realisation_b > .titre{ font-size:45px; line-height:50px; margin:0 0 50px 0; text-align:center; }
#dv_realisation_b > a.rea-vignette{ float:none; height:auto !important; padding-bottom:17px; width:100%; overflow:hidden; margin:0 auto 60px auto;  background:url(../images/rea_ombre_visuel.png) center bottom no-repeat;  }

.btn-voir-tt-rea{ width:80%; max-width:80%; }

#dv_realisation_b > a.rea-vignette > .visuel{ display:block; height:auto !important; width:100% !important;  }
#dv_realisation_b > a.rea-vignette > .visuel > img{ display:block; height:auto; max-height:initial !important; width:100%; }

#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;
	max-height:36px; overflow:hidden;
} 

#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; } 




/* produit accueil */

.dv_bgc-prodacc{ background:none; }
#dv_produit_cat > .titre{  font-size:35px; line-height:35px; margin-bottom:35px; margin-top:20px; }

#dv_produit_cat > .list-cat > .cat-vignette{ display:block; float:none; height:auto !important; padding-bottom:14px; width:100%; margin:0 0 8% 0; }

#dv_produit_cat > .list-cat > .cat-vignette > .visuel{ height:auto; }
#dv_produit_cat > .list-cat > .cat-vignette > .visuel img{ display:block; height:auto; width:100%; }

#dv_produit_cat > .list-cat > .cat-vignette > .label{ width:100%; margin:0 0 0 0; } 

#dv_produit_cat > .list-cat > .cat-vignette > .label > .libelle{ 
	float:none; width:auto;	font-size:20px; 
	height:27px; 
	padding:10px 0 9px 12px; background:#fff;
} 
#dv_produit_cat > .list-cat > .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:36px; margin:40px 0 25px 0; }

.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; }

.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:auto; left:auto; margin-top:0px; margin-bottom:40px;
}

.liste-cat-l1{ display:block; margin-bottom:40px; }
.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%; min-height:100px; margin-top:0px; text-align:justify; }

.visuel-cartouche-cat-1{ min-height:300px; width:320px; margin-left:2%; }
.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:-25%; height:276px;  }

.dv-list-prd > .col-1{ display:block; float:none; width:100%; margin-top:2px; margin-right:0px; }
.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 form{ display:flex; justify-content: flex-start; align-content: flex-start; } */
.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 #a11257; }


.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; }
/* .cont-type-tb > .masque-degra{ display:block; position:relative; margin-top:-21px; width:auto; height:20px; overflow:hidden; background:url(../images/degra_tb_fiche.png) 0 0 repeat-x; } */
					 
.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; }


/* 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:0; }
.dv-details > .infos{ float:none; margin:20px 0; width:95%; }
.dv-details > .infos p{ min-height:30px; }
.dv-details > .action{ float:none; width:100%;}

.dv-details > .action .z-px-qt{ width:227px; background:#f6f6f6; padding:14px 15px 14px 18px; margin:0 auto 40px 0; }

.dv-details > .action .z-px-qt > .z1-prix{ width:98%; margin-top:10px; }
.dv-details > .action .z-px-qt > .z1-prix > .tp-1{  margin-bottom:5px; }

.dv-details > .action .z-px-qt > .z1-quantite{ padding:10px 15px; }

.btn-actpanier, a.btn-actpanier, a.btn-actpanier:link{ float:none; width:250px; margin:0 0 4% 0; }


.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{ display:block; width:95%; margin:auto; background:#fff; }
.dv-cont-etape .titre{ font:30px/32px 'Ubuntu'; font-weight:700; margin-bottom:80px; width:95%; }
.dv-cont-etape .sous-titre{ font:22px/26px 'Ubuntu'; font-weight:700;  }


.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:#a11257; border:1px solid #a11257; }


.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 a{ 
	font:16px/16px 'Ubuntu';
	padding:4px 9px;
	margin:0 10% 0 10px;
}


/* dv Box 2 */
#dvContBox{ width:95%; }
.closeZoneBox, a.closeZoneBox, a.closeZoneBox:link{ right:-5px; top:-10px; }
.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:#a11257; border:1px solid #a11257;
		transition:0.2s ease; 
		text-align:center;
		width:300px;
		padding:10px 5px;
		margin:0 49px 20px 0;
		}
a.btn-livraison:hover{ color:#a11257; background:#fff; border:1px solid #a11257; }
a.btn-livraison:nth-child(2){ margin-right:0; }

a.btnLivHover, a.btnLivHover:hover{ 
	color:#a11257 !important; background:#fff !important; border:1px solid #a11257 !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:#a11257; 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:60%; min-height:70px; }
.dv-details > .action-e3 .z-px-qt > .z1-quantite{ display:block; float:left; 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:#a11257;  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:#a11257; 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:auto; }
.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:#a11257; border:1px solid #a11257; 
	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:#a11257; 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:#a11257;  }

.tb-historique-cmd{ display:block; position:relative; width:auto; overflow:visible; }
.tb-historique-cmd table{ }
.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:10px; }
.tb-historique-cmd > table td.label{ border:none; font-size:14px; font-weight:700; padding:5px 0 10px 0; }
.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:30px 0 0 5%; }
.dv-2col-70{ float:none; border:1px none #ff0000; width:100%; max-width:100%; }
.dv-2col-30{ float:none; max-width:105%; width:105% !important; margin:40px 0 0 -5%; 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:95% !important; }
.formulaire_c select{ width:95% !important; }
.formulaire_c textarea{ width:95% !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; }


/* 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:40px 20px 10px 20px; border-top:2px none #706f6f;    }
	.dv-25{ display:block; float:none; width:50%; min-height:100px; margin:auto; margin-bottom:50px; text-align:center; }
	.dv-25:first-child{ padding-top:0px; width:80%; margin-bottom:0px;  }
	.dv-25:nth-child(3){ padding-top:0px; width:50%; 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; }
	
		
	a.footer-lk-rxLk{ display:inline-block; text-align:left; margin:auto; width:auto;  }
	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;  }

	
	.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%; }
}