/* reset style */
html, body{ margin:0; padding:0; border:none; height:100%; }
table { padding:0; border-spacing:0; border-collapse:collapse; }
tr, td, div, form, textarea, input{ margin:0; padding:0; }
table, td, div, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
	border:none;
}
table th, table td{ border:none; }

/* pictures */
img { vertical-align: middle; display:block; }
a img { border: 0; }

::-moz-selection { /* Pour firefox */
background:#71cbdd;
color:#000;
}
::selection { /* Pour les autres */
background:#71cbdd;
color:#000;
}



:root{
	
	--color-cat-1 : #A9E1EC; /* bleu - SmartPhone */
	--color-cat-2 : #FFC578; /* orange - PC Portable */
	--color-cat-3 : #FFE777; /* jaune - Tablette */
	--color-cat-4 : #CDB1FF; /* violet - Tel Touche */
	--color-cat-5 : #FCACAC; /* rose - SmartWatch */
	--color-cat-6 : #80C980; /* vert - Accessoire */
	
	--color-cat-0 : #D4D4D4; /* gris - Autre */
	
	--color-btn-vert : #80C980; /* vert - Btn Classic */

}


/* 

#crashCook{ display:block; background:#333; color:#999;  font:11px Arial; padding:10px; text-align:center; }
#crashCook a, a:link{ color:#ccc; font:11px Arial;  }

*/


#crashCook{ display:none; position:fixed; z-index:1000; bottom:0; width:90%; background:#333; color:#ccc;  font:13px/18px Arial; text-align:left; padding:10px 5% 20px 5%; }
#crashCook a, a:link{ color:#fff; font:13px Arial; text-decoration:none;  }
#crashCook a:hover{ color:#dce9f4; text-decoration:underline;  }

.messCook{ max-width:970px; margin:auto; }

#crashCook .messCook{  }
#crashCook .messCookLk, #crashCook a.messCookLk, #crashCook a.messCookLk:link, #crashCook a.messCookLk:hover{ font-size:12px; }
	
#crashCook a.messCookFermer, a.messCookFermer:link{ color:#fff; border:1px solid #fff; background:#333; padding:8px 30px; border-radius:3px; font:13px Arial; text-decoration:none;  }
#crashCook a.messCookFermer:hover{ background:#dce9f4; color:#333; text-decoration:none;  }


	
/* debut style global */

body { 	background:#fff; font:16px/18px Arial; font-family:'Ubuntu', sans-serif; color:#000; }
a, a:link { font-family:'Ubuntu', sans-serif; font-weight:300; color:#000; text-decoration:none; }
a:hover { color:#1a9fb9; text-decoration:none; }
a:active, a:focus { }

.clearFl{ clear:both; margin:0; padding:0; border:none; height:1px; width:1px; }

/* div{ border:1px solid #ff0000 !important; } */

/* 
SHEMA CSS 

Largeur : 1280px
Tétiere : H.180px

Kode couleur : 
logo rose : #1a9fb9;
logo jaune : #f2bc11;

trait gris : #706f6f;
souslign vert : #5d9d14
bleu hover : #231f20;
gris menu : #5f6060
gris background : #dfe0e4
gris background 2 : #eeeeee
gris bouton : #706f6f
gris footer : #dfe0e4

fond tetiere : #f6f6f7;
fond rose : #1a9fb9;
fond footer : #ffffff;


font-family: 'Ubuntu', sans-serif; 300 400 500 700

*/

.dv-33{ display:block; float:left; border:1px solid #ff0000; width:31.1%; min-height:180px; margin:1%; }
.dv-20{ display:block; float:left; border:1px solid #0000ff; width:17.8%; min-height:180px; margin:1%; }




/* ************** DIV PRINCIPAL *************** */

/* #div_n_0{ display:block; position:relative; background:#ffffff; height:auto; width:100%; margin:auto; min-width:430px; max-width:1280px; min-height:200px; } */
#div_n{ display:block; position:relative; height:auto; width:100%; }
.dv_bgc-tetiere{ background:#f6f6f7; }
.dv_bgc-accroche{ background:#25384A; margin-bottom:0px; }
/* .dv_bgc-content{ background:#F9F9F9; } */
/* .dv_bgc-content{ background:#fff url(../) 0 0 repeat-x; } */
.dv_bgc-content{ background:#fff linear-gradient(#F9F9F9, #fff 70%); }
.dv_bgc-contact{ background:#1a9fb9; }
.dv_bgc-chiffres{ background:#1a9fb9 url(../images/scie_rose.png) left bottom repeat-x; min-height:680px; padding:50px 0 0 0; }
.dv_bgc-footer{ background:#F9F9F9; }
.dv_bgc-newsletter{ background:#f6f6f7; min-height:62px; }
.dv_bgc-credit{ background:#25384A; }

#div_ln{ display:block; position:relative; height:auto; width:100%; margin:auto; min-width:430px; max-width:1280px; }



/* ************** TETIERE *************** */

#div_tetiere{ display:block; height:100%; min-height:170px; padding-bottom:15px; border-bottom:2px none #706f6f; background:#f6f6f7; }

#div_tetiere > .logo{ display:block; float:left; height:158px; width:260px; max-width:38%; min-width:150px; }
#div_tetiere > .logo img{ display:block; height:auto; width:100%; max-width:260px; margin:auto; }

.accroche-tetiere{ display:block; background:#25384A; font:18px/30px 'Ubuntu'; font-weight:300; color:#fff; padding:6px 0 7px 30px; text-transform:uppercase; }

.flexCenter{ 	display:flex; 
				gap:50px; 
				flex-wrap: wrap;
				justify-content: center; 
			}

.lkCatTetiere, a.lkCatTetiere, a.lkCatTetiere:link{
	display:inline-block; font-size:1rem; color:#fff; text-decoration:none; margin:5px 5px; transition:0.2s ease; 
	text-align:center; font-weight:400;
}
a.lkCatTetiere:hover{ color:#fff; }


/* .masqueOptionEasyShop{ display:none; background:#fff; opacity:0; position:absolute; height:80px; width:80%; margin:-10px 0 0 180px; z-index:100; } */
/* .messageEasyShop{ display:none; background:#fff; position:absolute; width:52%; margin:-10px 0 0 250px; z-index:100; color:#1a9fb9; border:1px solid #1a9fb9; font:18px/20px 'Ubuntu', sans-serif; font-weight:500; text-align:center; padding:20px 20px; border-radius:10px; } */

.marqueMenu{ display:none; position:relative; background:#5d9d14; height:8px; width:65%; margin:8px auto; }

/* .pos-menu-20{ margin-top:-185px !important; height:auto !important; background:#ccc; } */
.pos-menu-20{ margin-top:-60px !important;  height:60px !important; }

#dv_menu{ display:block; position:absolute; height:40px; width:850px; top:0; right:42px;  }
#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; }

#dv_menu > .menu > ul.lstCatResp{
	display:none;
}


#dv_menu > .menu a{ font:18px/22px 'Ubuntu', sans-serif; font-weight:300; color:#000000; text-transform:uppercase; text-align:center; }
#dv_menu > .menu a:hover{ color:#1a9fb9; font-weight:300; }
#dv_menu > .menu a.ico-lk-home{ display:block; background:url(../images/ico_home.png) 0 0 no-repeat; height:30px; }
#dv_menu > .menu a.ico-lk-home:hover{ background-position:0 -60px; }

#dv_menu > .menu a.ico-lk-g{ display:block; padding-top:3px; }

#dv_menu > .menu a.ico-lk-g-hover{ display:block;  color:#1a9fb9; font-weight:700; padding-top:3px;  }
#dv_menu > .menu a.ico-lk-home-hover{ display:block; background:url(../images/ico_home.png) 0 -60px no-repeat; height:30px; }

/* add c2m - 190123 */

#dv_menu > .menu li.men-rx-fb{ margin:0 0 0 10px; }
#dv_menu > .menu li.men-rx-tk{ margin:0 0 0 45px; }
#dv_menu > .menu li.men-rx-insta{ margin:0 0 0 10px; }
/* #dv_menu > .menu li.men-rx-pint{ margin:0 0 0 8px; }  */

#dv_menu > .menu a.ico-lk-rxTk{ display:block; background:url(../images/rx_tk.svg) 0 0 no-repeat; height:30px; width:30px; }
#dv_menu > .menu a.ico-lk-rxTk:hover{ background-position:0 -80px; }

#dv_menu > .menu a.ico-lk-rxFb{ display:block; background:url(../images/rx_fb.svg) 0 0 no-repeat; height:30px; width:30px; }
#dv_menu > .menu a.ico-lk-rxFb:hover{ background-position:0 -80px; }

/* #dv_menu > .menu a.ico-lk-rxLk{ display:block; background:url(../images/rx_lk.png) 0 0 no-repeat; height:30px; width:30px; } */
/* #dv_menu > .menu a.ico-lk-rxLk:hover{ background-position:0 -153px; } */

/* #dv_menu > .menu a.ico-lk-rxTw{ display:block; background:url(../images/rx_tw.png) 0 0 no-repeat; height:30px; width:30px; } */
/* #dv_menu > .menu a.ico-lk-rxTw:hover{ background-position:0 -153px; } */

#dv_menu > .menu a.ico-lk-rxInsta{ display:block; background:url(../images/rx_insta.svg) 0 0 no-repeat; height:30px; width:30px; }
#dv_menu > .menu a.ico-lk-rxInsta:hover{ background-position:0 -80px; }

/* #dv_menu > .menu a.ico-lk-rxPint{ display:block; background:url(../images/rx_pint.png) 0 0 no-repeat; height:30px; width:30px; } */
/* #dv_menu > .menu a.ico-lk-rxPint:hover{ background-position:0 -153px; } */


.menuHeight40{ height:40px; }


label.dvBtnMenu{ display:none; }
#div_tetiere > #menDiv{ display:block; }
#affMenu{ display:none; }


#div_tetiere > .over-men1-resp{ display:none;  }
#div_tetiere > .over-men1{ display:block; position:absolute; right:0; height:90px; width:879px; background:none; padding-top:25px;  }

.dv-men1-contact{ display:block; float:left; width:125px; padding-top:15px; }
.dv-men1-contact > a{  display:block; font:16px/30px 'Ubuntu'; font-weight:300; color:#000; text-transform:uppercase; background:url(../images/ico_enveloppe.png) 85px 1px no-repeat; height:30px; transition:0.2s ease; }
.dv-men1-contact > a:hover{ color:#1a9fb9; background-position:85px -29px; }
.dv-men1-contact > a.-hover{ color:#1a9fb9; font-weight:500; background-position:85px -29px; }

.dv-men1-seconnecter{ display:block; float:left; width:125px; padding-top:15px;  }
.dv-men1-seconnecter > a{ display:block; font:16px/30px 'Ubuntu'; font-weight:300; color:#000; text-transform:uppercase; }
.dv-men1-seconnecter > a:hover{ color:#1a9fb9; }

.dv-men1-sinscrire{ display:block; float:left; width:105px; padding-top:19px;  }
.dv-men1-sinscrire > a{ display:block; font:14px/22px 'Ubuntu'; font-weight:300; color:#ffffff; text-transform:uppercase; background:#1a9fb9; border:1px solid #1a9fb9; text-align:center; padding-bottom:3px; transition:0.2s ease; }
.dv-men1-sinscrire > a:hover{ color:#1a9fb9; background:#ffffff; }

.dv-men1-panier1{ display:block; float:left; width:183px; padding-top:10px;  }
.dv-men1-panier1 > a{ display:block; font:18px/16px 'Ubuntu'; font-weight:500; color:#000000; font-style:italic; text-align:left; padding-bottom:3px;  }

.dv-men1-panier2{ display:none; float:left; width:183px; padding-top:5px; }
.dv-men1-panier2 > a.lk-text-panier{ display:block; float:left; font:14px/14px 'Ubuntu'; font-weight:400; color:#000; text-transform:uppercase; height:30px; width:auto; margin:1px 0px 1px 10px; }
.dv-men1-panier2 > a.lk-text-panier hr{ display:block; border:1px dotted #ccc; }
.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:hover > a.lk-ico-panier{ background-position: 0px 15px; }
.dv-men1-panier2:hover > a.lk-text-panier{ color:#1a9fb9; }

.panier-nb-item{ color:#1a9fb9; font-size:16px; font-weight:bold; }
.panier-prix-item{ color:#333; font-size:12px; font-style:italic; }

/* .dv-men1-easyshop{ display:none; float:left; width:90px; padding-top:5px; } */
/* .dv-men1-easyshop > a{ display:block; background:url(../images/ico_easyshop.png) 0px 0px no-repeat; height:60px; width:82px; transition:0.2s ease;  } */
/* .dv-men1-easyshop > a:hover{ display:block; background-position:0px -60px; } */

.dv-men1-sep{ display:block; float:left; background:url(../images/sep_tetiere.gif) 0 0 no-repeat; width:60px; height:60px; margin:0 5px;  }

.dvFlagTetiere{ margin-top:10px; }
.dvFlagTetiere a{ display:inline-block; margin-right:10px; text-align:center; color:#000; font-size:.9rem; }
.dvFlagTetiere a>img{ margin-bottom:5px; }

/* sous menu */
.sous-menu-content{ display:none; position:absolute; height:auto; width:965px; background:url(../images/px_vert.png) 0 0 repeat; border:1px none #999; margin:120px 0 0 200px; z-index:1100; }
.sous-menu{ display:block; min-height:200px; width:96%; background:none; border:1px none #ff0000; margin:20px; }

.sous-menu a.cs-men-n1, .sous-menu a.cs-men-n1:link{ display:block; font:14px/16px 'Ubuntu', sans-serif; color:#eef2e8; padding:6px 5px 3px 5px; margin-bottom:2px; font-weight:500; text-transform:uppercase; transition:0.2s ease;  }
.sous-menu a.cs-men-n1:hover{ color:#5d9d14; padding-left:5px; background:#fff; border-radius:2px; }

.sous-menu a.cs-men-n2, .sous-menu a.cs-men-n2:link{ display:block; font:12px/16px 'Ubuntu', sans-serif; color:#eef2e8; padding:1px 5px; margin-bottom:2px; font-weight:300; text-transform:uppercase; transition:0.2s ease;  }
.sous-menu a.cs-men-n2:hover{ color:#5d9d14; padding-left:5px; background:#fff; border-radius:2px; }

.sous-menu > .sep-sm{ display:block; height:10px; }
.sm-list-1{ display:none; }
.sm-list-2{ display:none; }
.sm-list-3{ display:none; }
.sm-list-4{ display:none; }

.sous-menu{
	-webkit-columns: 4;
	-moz-columns: 4;
	columns: 4;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap : 50px;
}




/* bande recherche */
		
.dv-input-recherche{ width:260px; padding:8px 10px;  margin:0px 0 10px 0px; border:1px solid #1a9fb9; border-radius:5px; height:20px; font-size:1rem; font-weight:400; color:#000; outline:none; background-color:#fff; }					
.dv-input-recherche:focus{ border-color:#1a9fb9; box-shadow: 0px 0px 5px #ccc; font-style:normal; color:#000; }	
.dvRecherche{ display:block; position:absolute; right:28px; width:300px; }

.dvLoupe {
	content:""; width:28px; height:28px; cursor:pointer; 
	background:url(../images/loupe.svg) 0 0 no-repeat; 
	margin:4px 8px;
	position: absolute;
}


.men-monespace-resp{ display:none; }

	

/* accueil */

 
#dv_presentation{ display:block; max-width:100%; margin-top:20px; margin-bottom:90px; }
.td-presentation{ display:block; padding:2px 55px; height:auto; min-height:450px; }

.td-presentation > .col-1{ display:block; float:left; width:46%; margin-right:1%; }
.td-presentation > .col-2{ display:block; float:left; width:53%; }

.z-txt-c1{ display:block; font:1rem/1.5rem 'Ubuntu', sans-serif; color:#000000; }
.z-txt-c1 b, .z-txt-c1 strong{ font-weight:700; color:#000; }
/* .z-titre-c1 h1{  */
	/* display:block;  */
	/* font-size:2.1rem; font-weight:400; background:url(../images/ico-title-1.svg) 0 -5px no-repeat; */
	/* height:auto; padding:35px 0 0 65px; min-height:60px; */
	/* margin:0px 0 0px -5px; */
	/* text-align:left; */
/* } */



/* .z-titre-c1 h1 > b, .z-titre-c1 h1 > strong{  */
	/* font:38px/45px 'Ubuntu', sans-serif; color:#1a9fb9; font-weight:400;  */
/* } */

.z-txt-c1 i{ color:#1a9fb9; }
.z-txt-c1 a, .z-txt-c1 a:link{ font:16px/22px 'Ubuntu', sans-serif; color:#000000; text-decoration:underline; }
.z-txt-c1 a:hover{ color:#1a9fb9; text-decoration:none; }

#div_contact > .z-txt-c1{ display:block; width:60%; }

.txt-acc b{ font-weight:700; color:#1a9fb9; }

.dv-parenthese{ display:block; margin:40px 0 50px 0; }
.dv-parenthese table{ width:auto; margin:auto; }
.parenthese{ font:85px/40px 'Ubuntu', sans-serif; color:#1a9fb9; font-weight:400; }
.parenthese-content{ padding:10px 22px 5px 22px; font:28px/32px 'Ubuntu', sans-serif; color:#1a9fb9; font-weight:300; }
.parenthese-content b{ font-size:35px; font-weight:400; }

/* .visuel-cartouche{ display:block; margin:50px 0 0 36px; } */
/* .visuel-cartouche img{ display:block; height:auto; width:640px; } */


/* accueil 2024 */

h1.titleCategorie{ margin:50px 0 20px 0; padding:18px 0 20px 65px; font-size:2.1rem; line-height:2rem; font-weight:400; background:url(../images/ico-title-1.svg) 0 -5px no-repeat; }

/* vignette produit homepage */

div.content-vignPrd{ 
	display:flex; 
	gap:30px; 
	flex-wrap: wrap;
	justify-content: flex-start; 
	/* flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
}
div.content-vignPrd > .item-vignPrd{ 
	display:block; 
	/* width:260px; height:445px; */
	width:250px; height:445px;
	border:1px solid #ccc;
	border-radius:10px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.4) ;
	align-self: flex-start;
	background:#fff;
	padding:10px 10px;
}

div.item-vignPrd > .visuel{ 
	display:block; 
	width:95%; height:170px; overflow:hidden;
	background:#fff;
	margin:auto;
}

/* div.item-vignPrd > .visuel > a > img{ display:block; margin:auto; height:auto; }  */
div.item-vignPrd > .visuel > a{ 
	
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:170px;

}
div.item-vignPrd > .visuel img{ 

	display:block;
	width:auto;
	height:90%;
	
	
}

div.item-vignPrd > .brand,
div.item-vignPrd > .product
{ 
	display:block; margin:0px auto 8px auto; font-size:1.1rem; line-height:1.3rem; font-weight:700; text-align:center; 
} 
div.item-vignPrd > .product
{ 
	height:68px; overflow:hidden;
} 

div.item-vignPrd > div{ display:block; text-align:center; }
div.item-vignPrd > .brand{ color:#1A9FB9; }

div.item-vignPrd > .color{ display:flex; margin:18px auto 12px auto; justify-content:center;  gap:10px; }
div.item-vignPrd > .color > .pastille{ display:block; width:18px; height:18px; padding:1px; border-radius:50%; background-color:#ccc; border:1px solid #333; box-shadow:0px 0px 0px #000; }
div.item-vignPrd > .color > label{ display:block; width:auto; padding-top:1px; text-align:left; }

div.item-vignPrd > .prix{ display:block; background:#fff; height:75px; }
div.item-vignPrd > .prix > span{ display:block; text-align:center; }
div.item-vignPrd > .prix > span:nth-child(1){ font-size:1.0rem; margin-bottom:8px; font-style:italic; }
div.item-vignPrd > .prix > span:nth-child(2){ font-size:1.3rem; font-weight:700; margin-bottom:3px; color:#116D11; }
div.item-vignPrd > .prix > span:nth-child(3){ font-size:1rem; font-weight:400; color:#999; margin-bottom:3px; font-style:italic; }

a.cta-vignette, a.cta-vignette:link{ 
	display:block; 
	font-size:1.1rem; color:#000; font-weight:500; text-transform:uppercase; text-align:center;
	border:1px solid var(--color-cat-0); border-radius:20px; 
	width:80%; max-width:190px;
	padding:10px 2%; margin:10px auto; 
	transition:0.2s ease; 
	}  
a.cta-vignette:hover{ display:block;  }  



a.cta-vignetteCat, a.cta-vignetteCat:link{ 
	display:block; 
	font-size:1.1rem; color:#000; font-weight:500; text-transform:uppercase; text-align:center;
	border-top:1px solid #ff0000; border-radius:0 0 10px 10px; 
	width:100%;
	padding:12px 0; margin:auto; 
	transition:0.2s ease; 
	}  
a.cta-vignetteCat:hover{ display:block; }  



a.color-cat-1, a.color-cat-1:link{ border-color:var(--color-cat-1); background-color:var(--color-cat-1); }
a.color-cat-1:hover{ border-color:var(--color-cat-1); background-color:#fff; }

a.color-cat-2, a.color-cat-2:link{ border-color:var(--color-cat-2); background-color:var(--color-cat-2); }
a.color-cat-2:hover{ border-color:var(--color-cat-2); background-color:#fff; }

a.color-cat-3, a.color-cat-3:link{ border-color:var(--color-cat-3); background-color:var(--color-cat-3); }
a.color-cat-3:hover{ border-color:var(--color-cat-3); background-color:#fff; }

a.color-cat-4, a.color-cat-4:link{ border-color:var(--color-cat-4); background-color:var(--color-cat-4); }
a.color-cat-4:hover{ border-color:var(--color-cat-4); background-color:#fff; }

a.color-cat-5, a.color-cat-5:link{ border-color:var(--color-cat-5); background-color:var(--color-cat-5); }
a.color-cat-5:hover{ border-color:var(--color-cat-5); background-color:#fff; }

a.color-cat-6, a.color-cat-6:link{ border-color:var(--color-cat-6); background-color:var(--color-cat-6); }
a.color-cat-6:hover{ border-color:var(--color-cat-6); background-color:#fff; }

a.color-cat-0, a.color-cat-0:link{ border-color:var(--color-cat-0); background-color:var(--color-cat-0); }
a.color-cat-0:hover{ border-color:var(--color-cat-0); background-color:#fff; }



a.colorText-cat-1, a.colorText-cat-1:link{ color:var(--color-cat-1); }
a.colorText-cat-1:hover{ color:#fff; }

a.colorText-cat-2, a.colorText-cat-2:link{ color:var(--color-cat-2); }
a.colorText-cat-2:hover{ color:#fff; }

a.colorText-cat-3, a.colorText-cat-3:link{ color:var(--color-cat-3); }
a.colorText-cat-3:hover{ color:#fff; }

a.colorText-cat-4, a.colorText-cat-4:link{ color:var(--color-cat-4); }
a.colorText-cat-4:hover{ color:#fff; }

a.colorText-cat-5, a.colorText-cat-5:link{ color:var(--color-cat-5); }
a.colorText-cat-5:hover{ color:#fff; }

a.colorText-cat-6, a.colorText-cat-6:link{ color:var(--color-cat-6); }
a.colorText-cat-6:hover{ color:#fff; }

a.colorText-cat-0, a.colorText-cat-0:link{ color:var(--color-cat-0); }
a.colorText-cat-0:hover{ color:#fff; }


/* color CTA */
/*

bleu : #A9E1EC
vert : #80C980
jaune : #FFE777
rose : #FCACAC
orange : #FFC578
gris : #D4D4D4
violet : #CDB1FF

	--color-cat-1 : #A9E1EC; bleu - SmartPhone
	--color-cat-2 : #FFC578;  orange - PC Portable
	--color-cat-3 : #FFE777;  jaune - Tablette
	--color-cat-4 : #CDB1FF;  violet - Tel Touche
	--color-cat-5 : #FCACAC;  rose - SmartWatc
	--color-cat-6 : #80C980;  vert - Accessoire
	
	--color-cat-0 : #D4D4D4;  gris - Autre
	
*/

a.btn-generic, a.btn-generic:link{ 
	display:block; 
	font-size:1.1rem; color:#000; font-weight:500; text-transform:uppercase; text-align:center;
	border:1px solid var(--color-btn-vert); border-radius:20px; 
	background-color:#fff;
	width:80%; max-width:340px;
	padding:20px 2%; margin:10px auto; 
	transition:0.2s ease; 
} 

a.btn-generic:hover{ 
	border:1px solid var(--color-btn-vert); 
	background-color:var(--color-btn-vert);
} 

.csDvSep80px{ display:block; height:80px; clear:both; }
.csDvSep40px{ display:block; height:40px; clear:both; }
.csDvSepSection{ display:block; height:100px; clear:both; }


/* vignette categorie homepage */


div.content-vignCat{ 
	display:flex; 
	gap:60px; 
	flex-wrap: wrap;
	justify-content: flex-start; 
	/* flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
}
div.content-vignCat > .item-vignCat{ 
	display:block; 
	width:320px; height:320px;
	border:1px solid #ccc;
	border-radius:10px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.4) ;
	align-self: flex-start;
	background:#fff;
	/* padding:10px 10px; */
	padding:0px;
}

div.item-vignCat > .visuel{ 
	display:block; 
	width:100%; height:220px; overflow:hidden;
	border-radius:10px 10px 0 0;
	background:#fff;
	margin:auto;
}

div.item-vignCat > .visuel > img{ display:block; margin:auto; height:auto; } 
div.item-vignCat > .namecat{ display:block; margin:20px auto 20px auto;  } 

div.item-vignCat > .namecat > h2{ display:block; margin:0px; font-size:1.4rem; font-weight:700; text-align:center; text-transform:uppercase; } 

div.item-vignCat > div{ display:block; text-align:center; }


/* item information */

/* #section_information{ background:url(../images/background_information.svg) center top no-repeat; } */

.dvVagueGreen-n1{ display:block; position:absolute; width:100%; height:820px; overflow:hidden; top:-280px; z-index:0; }
.dvVagueGreen-n2{ display:block; position:relative; width:100%; min-width:3500px; left:50%; transform:translateX(-50%); }

div.content-dvInformation{ 
	display:flex; 
	gap:40px; 
	flex-wrap: wrap;
	justify-content: flex-start; 
	/* flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
}
div.content-dvInformation > .item-dvInformation{ 
	display:block; 
	/* width:220px; height:200px; */
	width:260px; height:200px;
	/* border:1px solid #ccc; */
	/* border-radius:10px; */
	/* box-shadow:5px 5px 10px rgba(0,0,0,0.4) ; */
	align-self: flex-start;
	/* background:#fff; */
	/* padding:10px 10px; */
	padding:0px;
}

div.item-dvInformation > .visuel{ 
	display:block; 
	width:125px; height:125px; overflow:hidden;
	/* width:150px; height:150px; overflow:hidden; */
	border:3px solid #6EA46E;
	border-radius:50%;
	/* background:#A9E1EC url(../images/ico_garanti.svg) center center no-repeat; */
	background:#fff center center no-repeat;
	margin:auto;
}
.item-dvInformation > .img-garantie{ background-image:url(../images/ico_garanti.svg) !important; }
.item-dvInformation > .img-validation{ background-image:url(../images/ico_verification.svg) !important; }
.item-dvInformation > .img-prix{ background-image:url(../images/ico_garanti.svg) !important; }
.item-dvInformation > .img-photo{ background-image:url(../images/ico_photo.svg) !important; }
.item-dvInformation > .img-reconditionne{ background-image:url(../images/ico_livraison.svg) !important; }
.item-dvInformation > .img-paiement{ background-image:url(../images/ico_securise.svg) !important; }

div.item-dvInformation > .visuel > img{ display:none; vertical-align:center; width:100px; height:auto; } 
div.item-dvInformation > .textinfo{ display:block; margin:15px auto 20px auto;  } 

div.item-dvInformation > .textinfo > h2{ display:block; margin:0px; font-size:1.1rem; font-weight:500; text-align:center; } 
div.item-dvInformation > .textinfo > p{ display:block; margin:10px 0; font-size:.9rem; line-height:1.1rem; font-weight:400; text-align:center; } 

div.item-dvInformation > div{ display:block; text-align:center; }


/* *********************************** */



/* labels accueil */
.dv_bgc-labelaccueil{ display:block; position:absolute; background:#f6f6f7; height:140px; margin:-140px 0; width:100%; z-index:-1; }

.dv-labelhome{ display:block; float:left; margin-right:20px; width:265px; }
.dv-labelhome > .label{ display:block; position:absolute; margin:189px 0 0 205px; font:16px/18px 'Ubuntu', sans-serif; color:#000000; font-weight:700;  }
.dv-labelhome > .pos2{ margin-left:168px; }
.size-lb1{ width:340px; }
.size-lb2{ width:281px; }
.size-lb3{ width:340px; }
.size-lb4{ width:259px; margin-right:0px; }


/* who */

.visuel-cartouche-who{ display:block; margin:5px 0 0 36px; }
.visuel-cartouche-who-2{ display:block; margin:0;  }
.visuel-cartouche-who img{ display:block; height:auto; width:640px; }
.visuel-cartouche-who-2 img{ display:block; height:auto; width:527px; }
.cartouche-titre-who{ 
	display:block; position:absolute; width:auto;
	font:44px/45px 'Ubuntu', sans-serif; color:#1a9fb9; 
	height:107px; font-weight:500;  
}

.cartouche-titre-who table{ width:440px; } 
.cartouche-titre-who img{ width:56px; } 

.pos-txt2-who{ margin:-5px 0 0 36px; }


.dvz-chiffre{ margin-bottom:80px !important; }
.dvz-chiffre > .titre{  display:block; font:40px/45px 'Ubuntu', sans-serif; font-weight:300; color:#f2bc11; text-align:center;  }
.dvz-chiffre > .titre b{  font-size:60px; font-weight:500; }
.dvz-chiffre > .text-bs{ display:block; font:16px/20px 'Ubuntu', sans-serif; font-weight:500; color:#fff; text-align:center; text-transform:uppercase; margin:90px 0 0 0; }

.zone-chiffre{ display:block; margin-top:50px; min-width:1280px;  }
.zone-chiffre > .dv-chiffre{ display:block; float:left; margin:20px 33px 20px 0; width:295px; height:auto; }
.zone-chiffre > .dv-chiffre:nth-child(4){ margin-right:0; border-color:#ff0000; }
.zone-chiffre > .dv-chiffre > .chiffre{ display:block; width:auto; height:155px; padding:45px 0 0 0; text-align:center; font:64px/65px 'Ubuntu', sans-serif; font-weight:700; color:#fff; }
.zone-chiffre > .dv-chiffre > .nbmeuble{ background:url(../images/bg_chiffre_1.png) 0 0 no-repeat; }
.zone-chiffre > .dv-chiffre > .nbprojet{ background:url(../images/bg_chiffre_2.png) 0 0 no-repeat; }
.zone-chiffre > .dv-chiffre > .nbclient{ background:url(../images/bg_chiffre_3.png) 0 0 no-repeat; }
.zone-chiffre > .dv-chiffre > .nbpersonne{ background:url(../images/bg_chiffre_4.png) 0 0 no-repeat; }
.zone-chiffre > .dv-chiffre > .label{ display:block; font:30px/35px 'Ubuntu', sans-serif; font-weight:700; color:#fff; text-align:center; }

/* prestations */

.dv_bgc-scie-1{ background:#fff url(../images/scie_gris_blanc.png) left bottom repeat-x; min-height:220px; }
.dv_bgc-presta-gris{ background:#eeeeee; }
#dv_prestations{ display:block; max-width:100%; padding-top:40px; margin-bottom:90px; }
.td-prestations{ display:block; padding:2px 55px; height:auto; min-height:450px; }
.td-prestations > .col-1{ display:block; float:left; width:50%; margin-right:5.5%; }
.td-prestations > .col-1 > .size-width{ width:95%; }
.td-prestations > .col-2{ display:block; float:left; width:44.5%; background:none; }

.visuel-cartouche-presta-1{ display:block; background:none; height:510px; width:600px; overflow:hidden; margin-top:-30px; }
.visuel-cartouche-presta-1 > .masque{ display:block; position:absolute; background:url(../images/masque_visuel_presta_1.png) 0 0 no-repeat; height:510px; width:570px; }
.visuel-cartouche-presta-1 > img{ display:block; margin:0 -16%; height:100%; width:auto; }

#dv_produit_presta{ display:block; background:none;}
#dv_produit_presta > .titre{ display:block; font:36px/40px 'Ubuntu', sans-serif; font-weight:400; color:#1a9fb9; text-align:center; margin:0 0 50px 0; }
#dv_produit_presta > .presta-vignette{ display:block; float:left; height:auto; width:415px; overflow:hidden; margin:0 17px 40px 0;  }
#dv_produit_presta > .presta-vignette:nth-child(5){ margin-right:0; }
#dv_produit_presta > .presta-vignette > .label{ 
	display:block; height:33px; 
	margin: 0 0 18px 0;
	padding:12px 0 0 49px;
	background:url(../images/ombre_titre_1.png) 0 0 no-repeat; 
	font:24px/26px 'Ubuntu', sans-serif; font-weight:400; color:#1a9fb9; 
	cursor:pointer;
	transition:0.2s ease;
}
#dv_produit_presta > .presta-vignette > .visuel{ 
	display:block; 
	background:#fff;
	height:205px; width:99.6%; 
	overflow:hidden;
	border:1px solid #eee;
	border-bottom:5px solid #eee;
	cursor:pointer;
	transition:0.2s ease;
}
#dv_produit_presta > .presta-vignette > .visuel img{ display:block; margin:auto; height:205px; width:auto; }
#dv_produit_presta > .presta-vignette > .visuel:hover{ border-color:#1a9fb9; }
#dv_produit_presta > .presta-vignette > .label:hover{ color:#000; }



/* style 2 */

#dv_produit_presta_2{ display:block; background:none;}
#dv_produit_presta_2 > .titre{ display:block; font:36px/40px 'Ubuntu', sans-serif; font-weight:400; color:#ffffff; text-align:center; margin:0 0 50px 0; }
#dv_produit_presta_2 > .presta-vignette{ display:block; float:left; height:auto; width:415px; overflow:hidden; margin:0 17px 40px 0;  }
#dv_produit_presta_2 > .presta-vignette:nth-child(5){ margin-right:0; }
#dv_produit_presta_2 > .presta-vignette > .label{ 
	display:block; height:43px; 
	margin: 0 0 10px 0;
	padding:12px 0 0 49px;
	background:url(../images/ombre_titre_2.png) -5px 10px no-repeat; 
	font:22px/22px 'Ubuntu', sans-serif; font-weight:400; color:#f2bc12; 
	cursor:pointer;
	transition:0.2s ease;
}
#dv_produit_presta_2 > .presta-vignette > .desc{ 
	display:block;
	margin:10px 0 18px 0;
	font:16px/24px 'Ubuntu', sans-serif; font-weight:400; color:#fff; 
}
#dv_produit_presta_2 > .presta-vignette > .visuel{ 
	display:block; 
	background:#fff;
	height:285px; width:99.6%; 
	overflow:hidden;
	border:1px solid #1a9fb9;
	border-bottom:5px solid #1a9fb9;
	cursor:pointer;
	transition:0.2s ease;
}
#dv_produit_presta_2 > .presta-vignette > .visuel img{ display:block; margin:auto; height:285px; width:auto; }
#dv_produit_presta_2 > .presta-vignette > .visuel:hover{ border-color:#f2bc12; }
#dv_produit_presta_2 > .presta-vignette > .label:hover{ color:#fff; }


.dv_bgc-presta-2{ background:#1a9fb9 url(../images/bg_presta_degra.png) center bottom repeat-x; }
.height-zonepresta2{ display:block; min-height:825px; }

.zone-visuel-presta-2{ display:block; float:left; min-height:625px; min-width:689px; }
.zone-visuel-presta-2 > .masque{ display:block; height:625px; width:689px; background:url(../images/masque_prestation_2.png) 0 0 no-repeat; position:absolute; margin-top:-57px; z-index:1; }
.zone-visuel-presta-2 > .dv-visuel{ display:block; position:absolute; width:689px; height:625px; margin-top:-57px; z-index:0; overflow:hidden; }
.zone-visuel-presta-2 > .dv-visuel > .visuel-presta-2{ display:block; margin:3% -12%; height:95%; width:auto; }

.zone-texte-presta-2{ 
	display:block; float:left; 
	background:#1a9fb9; 
	min-height:500px; width:505px; 
	margin:55px 0 0 60px;
	font:16px/24px 'Ubuntu', sans-serif; font-weight:400; color:#ffffff; text-align:left;		
}
		
.zone-texte-presta-2 > h1{ display:block; font:36px/45px 'Ubuntu', sans-serif; font-weight:400; color:#f2bc12; text-align:left; margin-bottom:25px; }
.zone-texte-presta-2 > h1 b{ font-size:46px; font-weight:400; }

.zone-texte-presta-2 a, .zone-texte-presta-2 a:link{ font:16px/24px 'Ubuntu', sans-serif; color:#ffffff; text-decoration:underline; }
.zone-texte-presta-2 a:hover{ color:#f2bc12; text-decoration:none; }



/* engagments */

#dv_engagements{ display:block; max-width:100%; padding-top:40px; margin-bottom:0px; }
.td-engagements{ display:block; padding:2px 55px; 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:80%; }
.td-engagements > .col-2{ display:none; }

.dv_desc-label{ display:block; width:100%; margin:60px auto 50px 88px; }
.dvlg-label{ display:block; width:100%; margin:0px 0px 60px 0; }
.dvlg-label > .visuel{ display:block; float:left; width:300px; margin-right:40px; }
.dvlg-label > .texte{ display:block; float:left; width:63%; margin:40px 0 0 0; font:16px/22px 'Ubuntu', sans-serif; font-weight:400; color:#000000; }
.dvlg-label > .texte h1{ display:block; color:#1a9fb9; font-weight:700; font-size:30px; line-height:32px; }

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

/* @media screen and (max-width: 1300px) {
	#div_categorie1 > .vignette{ margin:auto; }
	#div_categorie1 > .z-vignette{ display:block; margin:auto; width:100%; max-width:593px; }
}
 */
/* agencement */

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

#dv_agencement{ display:block; max-width:90%; padding-top:40px; margin:auto; margin-bottom:70px; }
.visuel-cartouche-agencement-1{ display:block; height:460px; width:442px; background:url(../images/ombre_visuel_agencement.png) center bottom no-repeat; overflow:hidden; }
.visuel-cartouche-agencement-1 > .cadre{ display:block; position:relative; height:395px; width:395px; border:25px solid #fff; overflow:hidden; }
.visuel-cartouche-agencement-1 > .cadre > img{ display:block; height:100%; width:auto; margin:auto; margin-left:-24%;  }

.td-agencement > .col-1{ display:block; float:left; width:40%; min-width:460px; margin-right:130px;  }
/* .td-agencement > .col-1 > .size-width{ width:95%; } */
.td-agencement > .col-2{ display:block; float:left; width:48%; background:none; margin-top:30px; }

.dv_bgc-agencement-scie{ display:block; position:absolute; background:url(../images/scie_gris_trans.png) left top repeat-x; min-height:40px; }
.dv_bgc-agencement-scie-rose{ display:block; position:relative; background:url(../images/scie_rose.png) left bottom repeat-x; min-height:80px; }
.dv_bgc-agencement-mauve{ background:#1a9fb9 url(../images/degrade-purple_02.png) left top repeat-x; min-height:520px; }


#dv_realisation{ display:block;  width:1195px; margin:auto; }
#dv_realisation > .titre{ display:block; font:63px/75px 'Ubuntu', sans-serif; font-weight:400; color:#ffffff; text-align:left; margin:0 0 50px 0; }
#dv_realisation > .rea-vignette{ display:block; float:left; height:356px; width:550px; overflow:hidden; margin:0 95px 60px 0; background:url(../images/rea_ombre_visuel.png) center bottom no-repeat;  }

#dv_realisation > .rea-vignette > .label{ 
	display:block; opacity:0.5;
	position:absolute; 
	height:38px; width:529px;
	margin:-60px 0 0 0;
	padding:15px 0 7px 21px;
	background:#ffffff; 
	font:24px/26px 'Ubuntu', sans-serif; font-weight:400; color:#1a9fb9; 
	cursor:pointer;
	transition:0.2s ease;
} 

#dv_realisation > .rea-vignette > .label > .libelle{ 
	display:block; 
	float:left;
	width:410px;
	font:16px/20px 'Ubuntu', sans-serif; font-weight:500; color:#000000; 
	cursor:pointer;
	max-height:36px; overflow:hidden;
} 

#dv_realisation > .rea-vignette > .label > .view{ 
	display:block; 
	float:left; 
	width:110px; height:50px; margin-top:-8px;
	font:16px/26px 'Ubuntu', sans-serif; font-weight:500; color:#000000; 
	cursor:pointer;
} 
#dv_realisation > .rea-vignette > .label > .libelle > .date{ font-size:12px; line-height:12px; } 
#dv_realisation > .rea-vignette > .label > .view > .sep{ 
	display:block; width:50px; height:50px; float:left;
	background:url(../images/rea_cartouche_sep.jpg) left top no-repeat;
} 
#dv_realisation > .rea-vignette > .label > .view > .loupe{ 
	display:block; width:50px; height:50px; float:left; 
	background:url(../images/loupe.png) left 0px no-repeat;
} 

#dv_realisation > .rea-vignette > .label > .view > .loupe:hover{ 
	display:block; width:50px; height:50px; float:left;
	background-position:left -49px;
} 

#dv_realisation > .rea-vignette > .visuel{ 
	display:block; 
	background:#fff;
	height:340px; width:100%; 
	overflow:hidden;
	cursor:pointer;
}
#dv_realisation > .rea-vignette > .visuel img{ display:block; margin:auto; max-height:340px; width:auto; }


/* agencement realisation */

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

#dv_agencement_rea > .dv-detail{ display:block; }
#dv_agencement_rea > .dv-detail > .col-1{ display:block; float:left; width:455px; min-height:650px; margin-right:48px;  }
#dv_agencement_rea > .dv-detail > .col-2{ display:block; float:left; width:700px; min-height:650px; margin-right:0px;   }

#dv_agencement_rea .z-titre-rea{ 
	display:block; 
	font:30px/40px 'Ubuntu', sans-serif; color:#000000; 
	background:url(../images/carre_text_1.png) 0 11px no-repeat; 
	height:95px; padding:1px 0 0px 100px; 
	margin:-20px 0 60px -40px;
}

#dv_agencement_rea .z-titre-rea h1{ font-size:30px; color:#000000; font-weight:400;  }
#dv_agencement_rea .z-titre-rea h1 > b{ font-size:42px; 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; color:#000000; padding-left:60px; }

#diaporama-rea{ display:block; }
#diaporama-rea .cont-visuel{ display:block; height:445px; width:700px; overflow:hidden; }
#diaporama-rea .tdz-visuel{ height:430px; width:700px; 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; margin-top:16px; }
#diaporama-rea .cont-vignette a:nth-child(5n){ margin-right:0; }
#diaporama-rea .cont-vignette a{ display:block; float:left; margin:7px 12.5px 7px 0; height:85px; width:130px; overflow:hidden;   }
#diaporama-rea .cont-vignette a img{ height:82px; width:auto;   }

#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 #1a9fb9; background:url(../images/visuel_defaut_rea_v.jpg) right top no-repeat;  }
#diaporama-rea .tdv-visuel:hover{ border-bottom:3px solid #1a9fb9; }
#diaporama-rea .td-visuelv img{ height:auto; width:auto;   }



#dv_realisation_b{ display:block;  width:1195px; margin:auto; }
#dv_realisation_b > .titre{ display:block; font:63px/75px 'Ubuntu', sans-serif; font-weight:400; color:#ffffff; text-align:left; margin:0 0 50px 0; }
#dv_realisation_b > .rea-vignette{ display:block; float:left; height:248px; width:385px; overflow:hidden; margin:0 20px 35px 0; background:url(../images/ombre_vignette_b_rea.png) center bottom no-repeat;  }

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

#dv_realisation_b > .rea-vignette > .label{ 
	display:block; opacity:0.5;
	position:absolute; 
	height:55px; width:364px;
	margin:-77px 0 0 0;
	padding:15px 0 7px 21px;
	background:#ffffff; 
	font:24px/26px 'Ubuntu', sans-serif; font-weight:400; color:#1a9fb9; 
	cursor:pointer;
	transition:0.2s ease;
} 

#dv_realisation_b > .rea-vignette > .label > .libelle{ 
	display:block; 
	float:left;
	width:255px;
	font:16px/18px 'Ubuntu', sans-serif; font-weight:500; color:#000000; 
	cursor:pointer;
} 

#dv_realisation_b > .rea-vignette > .label > .view{ 
	display:block; 
	float:left; 
	width:100px; height:50px; margin-top:0px;
	font:16px/26px 'Ubuntu', sans-serif; font-weight:500; color:#000000; 
	cursor:pointer;
} 
#dv_realisation_b > .rea-vignette > .label > .libelle > .date{ font-size:12px; line-height:14px; } 
#dv_realisation_b > .rea-vignette > .label > .view > .sep{ 
	display:block; width:50px; height:50px; float:left;
	background:url(../images/rea_cartouche_sep.jpg) left top no-repeat;
} 
#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{ 
	display:block; width:50px; height:50px; float:left;
	background-position:left -49px;
} 

#dv_realisation_b > .rea-vignette > .visuel{ 
	display:block; 
	background:#fff;
	height:238px; width:100%; 
	overflow:hidden;
	cursor:pointer;
}
#dv_realisation_b > .rea-vignette > .visuel img{ display:block; margin:auto; max-height:238px; width:auto; }



/* bouton */


.btn-trapeze, a.btn-trapeze, a.btn-trapeze:link{ 
	display:block; color:#1a9fb9; font:24px/22px 'Ubuntu', sans-serif; font-weight:500; text-transform:uppercase;
	background:#ffffff url(../images/fd_btn_1.png) 0 0 no-repeat;
	/* transition:0.2s ease;  */
	text-align:center;
	width:387px; height:93px;
	padding:29px 0 0 0px;
	}
/* a.btn-trapeze:hover{ color:#000; background-position:0 1px; padding-top:32px;  } */
a.btn-trapeze:hover{ color:#fff; background-position:0 -149px; padding-top:29px;  }
a.btn-trapeze-hover{ 
	display:block; color:#fff; font:24px/22px 'Ubuntu', sans-serif; font-weight:500; text-transform:uppercase;
	background:#ffffff url(../images/fd_btn_1.png) 0 -149px no-repeat; 
	width:387px; height:93px;
	padding:29px 0 0 0px; text-align:center;
	}

.dv-btn-home{ display:block; width:100%; min-width:1280px; margin:70px auto 30px auto; height:120px; }
.dv-btn-home > a{ float:left; margin-right:4.6%;  }
.dv-btn-home > a:nth-child(3){ float:left; margin-right:0; }


.btn-t1, a.btn-t1, a.btn-t1:link{ 
	display:block; color:#1a9fb9; font:24px/26px 'Ubuntu', sans-serif; font-weight:500; 
	background:#eeeeee; border:1px solid #535353; 
	transition:0.2s ease; 
	text-align:center;
	width:208px;
	margin:15px auto;
	padding:11px 10px;
	}
a.btn-t1:hover{ color:#ffffff; background:#1a9fb9; border:1px solid #535353; }

.btn-t1-s2, a.btn-t1-s2, a.btn-t1-s2:link{ 
	display:block; color:#ffffff; font:24px/26px 'Ubuntu', sans-serif; font-weight:500; 
	background:none; border:1px solid #ffffff; 
	transition:0.2s ease; 
	text-align:center;
	width:208px;
	margin:15px auto;
	padding:11px 10px;
	}
a.btn-t1-s2:hover{ color:#f2bc12; background:none; border:1px solid #f2bc12; }


a.cs-btn-t1-align-left, a.cs-btn-t1-align-left:link { margin:initial; }

/* bande contact */

#div_blcontact{ display:block; background:#1a9fb9; height:auto; min-height:90px; min-width:1280px; padding:10px 0px; }
#div_blcontact img{ display:block; padding-right:6px; }
#div_blcontact > div.dv{ display:block; float:left; margin-right:0; border:1px none #ff0000; margin-top:12px; }
.tb_blcontact{  font:16px/20px 'Ubuntu', sans-serif; font-weight:300; color:#ffffff; text-transform:uppercase;  }
.tb_blcontact > hr{ border:none; padding:0; margin:8px; }
.tb_blcontact > a{ color:#fff; font-size:24px; line-height:18px; } .tb_blcontact > a:hover{ color:#000; }
.tb_blcontact > a span{ color:#fff; font-size:16px; font-weight:300; } 
.tb_blcontact > span{ font-size:24px; }
#div_blcontact > div:nth-child(3){ min-width:440px; }
#div_blcontact > div:nth-child(5){ margin-right:0; }

#div_blcontact > div.dv-sep{ display:block; float:left; background:url(../images/sep_bd_contact.gif) 0 0 no-repeat; width:120px; height:120px; margin:0;  }

.titre-page-1{ display:block; width:auto; font:36px/30px 'Ubuntu', sans-serif; color:#231f20; font-weight:300; margin-bottom:30px; }



/* produit accueil */

/* .dv_bgc-prodacc{ background:#fff url(../images/bg_bande_produit_acc.gif) left 190px repeat; min-height:680px; padding:10px 0 0 0; } */
.dv_bgc-prodacc{ background:#fff linear-gradient(#F9F9F9, #fff 70%); min-height:680px; padding:10px 0 0 0; }
#dv_produit_cat{ display:block; margin:0 auto 50px auto;   }
#dv_produit_cat > .titre{ display:block; font:42px/45px 'Ubuntu', sans-serif; color:#000; font-weight:300; text-align:center; margin:50px auto 55px auto; }

#dv_produit_cat > .list-cat{ display:flex; gap:30px 20px;  flex-wrap:wrap; width:100%; }
#dv_produit_cat > .list-cat .dv-vignette-catalogue{ display:block; width:49%; }
#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette{ display:block; height:300px; width:610px; overflow:hidden; margin:auto; background:url(../images/catprod_ombre_vign.png) center bottom no-repeat; border-radius:10px; box-shadow:2px 2px 15px #999;  }
#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette:nth-child(2n){ margin-right:0;  }
#dv_produit_cat > .list-cat .dv-vignette-catalogue > a.cat-vignette > .visuel{ display:block; height:300px; width:100%; overflow:hidden; }
#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 > .cat-vignette > .label{ 
	display:block;
	position:relative; 
	margin:-54px 0 0 0;
	cursor:pointer;
	transition:0.2s ease;
	
	height:35px; 
	
	font-size:1.3rem;
	font-weight:400; color:#1a9fb9; 
	text-align:center; text-transform:uppercase;
	
	background:#fff linear-gradient(45deg, #fff, #efefef 100%);
	border-radius:0 0 10px 10px;

	padding:16px 0 5px 0;	
} 

#dv_produit_cat > .list-cat .dv-vignette-catalogue > .cat-vignette > .label > .bout{ 
	display:none; float:left;
	height:65px; width:86px;
	background:url(../images/vign_cartouche_bout.png) left top repeat;
} 


/* ****************************************************************************** */
/* ****************************************************************************** */


/* produit liste & fiche produit */


/* 2024 */

.imgCardPaiement img{ display:block; border:1px solid #ccc; border-radius:3px; background:#fff; padding:5px; width:50px; height:auto; }
.footer-paiement{ display:block; margin-top:30px; }
.footer-paiement .imgCardPaiementSmall img{ display:inline-block; border:1px solid #ccc; border-radius:3px; background:#fff; padding:5px; width:40px; height:auto; }
.footer-paiement h1{ font-size:1.1rem; }

#fiche_prd_part_1{ }

.content-elementFiche{ 
	
	display:flex;
	/* gap:60px; */
	gap:44px;
	padding:0 20px;

}
.content-elementFiche > .dv-visuel{ 
	
	display:block;
	/* width:50%; */
	width:45%;
	/* max-width:420px; */
	max-width:400px;
	background:#fff;

}
.content-elementFiche > .dv-visuel > .visuel-zoom{ 
	
	display:block;
	/* display:flex; */
	background:#fff;
	width:100%;
	height:320px;
	max-width:420px;
	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:flex; */
	display:block;
	width:auto; max-width:90%;
	height:auto; max-height:90%;
	
	
}
.content-elementFiche > .dv-visuel > .visuel-item{ 
	
	display:flex;
	justify-content:space-between;
	/* align-items:center; */
	margin-top:20px;
	width:100%;
	height:97px;

}
.content-elementFiche > .dv-visuel > .visuel-item a,
.content-elementFiche > .dv-visuel > .visuel-item a:link
{ 

	display:flex;
	width:122px;
	height:97px;	
	overflow:hidden;
	background:#fff;
	box-shadow:0px 0px 10px #ccc;
	border:2px solid #fff;
	border-radius:5px;
	transition:0.2s ease;
	
	
}
.content-elementFiche > .dv-visuel > .visuel-item a:hover{ 
	box-shadow:0px 0px 10px #1A9FB9;
}

.content-elementFiche > .dv-visuel > .visuel-item img{ 

	display:block;
	width:auto; max-width:90%;
	height:auto; max-height:90%;
	margin:auto;
	
	
}

.content-elementFiche > .dv-info-1{ 
	
	display:block;
	width:45%;
	/* 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; /* nowrap | wrap | wrap-reverse; */
	
}

.content-elementFiche > .dv-info-1 > .lign-1 > .prix
{ 
	display:block;
}
.content-elementFiche > .dv-info-1 > .lign-1 > .prix b
{ 
	font-size:1.8rem;
	color:#1A9FB9;
	font-weight:500;
}
.content-elementFiche > .dv-info-1 > .lign-1 > .prix span.ttc
{ 
	font-size:.8em;
}
.content-elementFiche > .dv-info-1 > .lign-1 > .prix s
{ 

	font-size:1.2rem;
	color:#999999;
	font-style:italic;

}

.content-elementFiche > .dv-info-1 > .lign-1 > .cta-cmd
{ 
	
	display:block;
	height:60px; 
	/* 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:15px;
	width:200px;
	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-2
{ 
	
	flex-wrap: wrap; /* nowrap | wrap | wrap-reverse; */
	gap:20px 20px;
	justify-content:left;
	/* width:80%; */
	
}
.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille
{ 
	
	display:flex;
	align-items:stretch;
	justify-content:center;
	flex-wrap: wrap; /* nowrap | wrap | wrap-reverse; */
	background:#fff;
	border:1px solid #707070;
	font-size:1rem;
	color:#000;
	font-weight:400;
	padding:10px;
	width:90px; height:60px;
	/* text-align:center; */
	border-radius:10px;
	/* text-transform:uppercase; */

}

.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille > div
{ 
	display:flex;
	justify-content:center;
	align-items:center;
	/* background:#ccc; */
}
.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille div.label
{ 
	color:#1A9FB9;
	width:100%;
	text-transform:uppercase;
	font-weight:500;
	
}
.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille div.value
{ 
	
	font-size:1.1em;
	color:#000;
}

.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille:nth-child(1)
{ 
	padding:0px;
	width:110px; height:80px;
	background:#ccc; 
}
.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille:nth-child(1) div.label
{ 
	background:#fff; 
	color:#1A9FB9;
	width:100%;
	border-radius:10px 10px 10px 10px;
	border-bottom:1px solid #999;
	
}
.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille:nth-child(1) div.value
{ 
	
	color:#fff;
	width:100%;
	border-radius:0px 0px 10px 10px;
	font-size:.9rem;
	
}
.content-elementFiche > .dv-info-1 > .lign-2 > .item-minituille:nth-last-child(1)
{ 
	width:222px; 
	height:60px;
}

.content-elementFiche > .dv-info-1 > .lign-3
{ 
	padding-top:20px;
	padding-left:5px;	
	padding-right:5px;	
	font-size:1.1rem;
	line-height:1.5rem;
	text-align:justify;
}


.dv-no-label-boite{ height:40px; margin-top:25px;  }
.dv-label-boite{ display:flex; justify-content:center; align-items:center; margin-top:25px; height:40px;  }
.dv-label-boite > .text{ display:flex; justify-content:center; align-items:center; background-color:#1A9FB9; min-width:180px; height:40px; font-size:1.0rem; color:#fff; text-transform:uppercase;  }
.dv-label-boite > .visuel-g,
.dv-label-boite > .visuel-d
{ display:block; width:39px; height:40px; }
.dv-label-boite > .visuel-g img,
.dv-label-boite > .visuel-d img
{ display:block; width:39px; height:40px; }


.content-elementFiche .dv-produit-similaire
{ 
	
	display:flex;
	gap:10px;
	align-items:flex-start;
	align-content:flex-start;
	justify-content:center;
	flex-wrap: wrap; /* nowrap | wrap | wrap-reverse; */
	background:none;
	/* border:1px solid #707070; */
	border-left:3px dotted #ccefef;
	/* font-size:1rem; */
	color:#000;
	font-weight:400;
	padding:0px 0px 0px 30px;
	/* width:90px; height:60px; */
	/* text-align:center; */
	/* border-radius:10px; */
	/* text-transform:uppercase; */
	
	width:230px;

}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire
{ 
	
	display:flex;
	gap:5px;
	align-items:flex-start;
	align-content:flex-start;
	justify-content:left;
	background:none;
	/* border:2px solid #707070; */
	border:1px solid #D5D5D5;
	background:#F8F8F8;
	padding:10px;
	font-size:.9rem;
	color:#000;
	font-weight:400;
	width:100%; height:95px;
	border-radius:10px;
	margin-bottom:5px;
	overflow:hidden;

}

.content-elementFiche .dv-produit-similaire > .vign-prd-similaire > .visuel
{ 
	
	display:flex;
	background:none;
	width:60px; height:85px;
	flex-wrap: wrap;

}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire > .visuel > .img-dv
{ 
	display:flex;
	width:60px; height:78px;
	justify-content:center;
	align-items:center;

}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire > .visuel img
{ 
	
	display:block;
	/* width:57px; height:70px; */
	width:auto; height:65px;
	margin:auto;

}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire > .visuel > .color
{ 
	margin-top:0px;

}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire > .details
{ 
	
	display:block;
	background:none;
	width:100%; 
	height:95px;

}


.content-elementFiche .dv-produit-similaire > .vign-prd-similaire .bullColorGrade
{ 
	display:block;
	position:absolute;	
	vertical-align:middle;
	margin:-11px -11px; 
	/* margin-left:0px;  */
	/* margin-right:10px;  */
	/* margin-bottom:2.5px;  */
	width:18px; height:18px;
	font-size:1rem;
	line-height:1rem;
	padding:2px;
	border-radius:0px 5px 5px 5px;
	background-color:#ccc;
	text-align:center;
}


.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  .model{ 
	display:block; margin:0px auto 5px auto;
	height:39px;
	overflow:hidden;
	text-align:center;
	font-weight:600;
	/* font-size:1rem; */
}

.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  .color{ display:flex; margin:2px auto; justify-content:left;  gap:5px; }
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  .color > .pastille{ display:block; width:10px; height:8px; padding:0px; margin-top:3px; border-radius:25%; background-color:#ccc; border:1px solid #333; }
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  .color > label{ display:block; width:auto; padding-top:0px; text-align:left; margin-top:-1px; font-size:.7rem; }

.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  .details > .price
{ 
	display:block; width:99%; padding-top:0px; text-align:center; color:#1A9FB9;
	font-size:1.2rem; line-height:1rem; font-weight:500;
	margin:0px auto 10px auto;	
}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  .price-cta,
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  a.price-cta,
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  a.price-cta:link
{ 
	display:block; width:99%; padding:4px 0 5px 0; margin:5px 0; text-align:center; color:#006133;
	font-size:.8rem; line-height:1rem; font-weight:500; 
	background:#D3E9D3; border-radius:20px;
	transition:0.2s ease;
}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  a.price-cta img
{ 
	display:inline-block; width:auto; margin:-3px 0px 0 8px;
}

.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  a.price-cta:hover
{ 
	color:#000;
	background:#80C980;
}
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire  a.price-cta:hover img
{ 
	display:inline-block; width:auto; margin-left:10px;
}





/* formulaire de restractation */

.formulaire_restractation{ display:block; background:none; margin:80px 0px 0 100px; }
.formulaire_restractation label,
.formulaire_restractation input,
.formulaire_restractation textarea
{ display:block; border:1px solid #1a9fb9; font:1rem 'Ubuntu'; color:#000; border-radius:5px; padding:8px; width:65%; margin-bottom:15px; background-color:#fff; }
.formulaire_restractation label{ border:none; padding:3px; margin-bottom:5px; background:none; font-size:1rem;   }
.formulaire_restractation textarea{ height:200px; width:95%; }

.formulaire_restractation a.btnSubmit{ 
	/* padding:14px 10px; background-color:#71cbdd; color:#fff; border-color:#fff; font-weight:500; text-transform:uppercase; width:50%; font-size:1.1rem; letter-spacing:1px; margin-top:25px; cursor:pointer;  */
	margin-top:25px !important;
	font-size:1.1rem !important; letter-spacing:1px;
	line-height:1.5rem !important;
	background-color:#dff7fc !important;
}
.formulaire_restractation a.btnSubmit:hover{ color:#ffffff; background:#1a9fb9 !important; border:1px solid #1a9fb9; }


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





/* .content-elementFiche > .dv-vide-1{  */
	
	/* display:block; */
	/* width:230px; */
	/* background:#efefef; */

/* } */









#fiche_prd_part_2{ 

	display:flex;
	align-items:left;
	justify-content:space-between;
	flex-wrap: nowrap; /* nowrap | wrap | wrap-reverse; */
	
	gap:50px;
	
	
}
#fiche_prd_part_2 div{ 

	
	/* background:#ccc; */
	width:50%;
	height:auto;
	/* min-height:100px; */
	
	
}
#fiche_prd_part_2 div.dv-description{ 
	width:65%;	
}

#fiche_prd_part_2 div h1{ 
	
	font-weight:500;
	font-size:1.3rem;
	color:#006133;
	padding:0 0 20px 0;	
	text-transform:uppercase;
	
}
#fiche_prd_part_2 div p{ 
	
	font-size:1.1rem;
	line-height:1.5rem;
	text-align:left;
	
}

#fiche_prd_part_2 div.tbCaracteristique{ 
	display:block;	
	/* background:#ffff00; */
	width:95%;
	margin:0 0%;
	margin-top:25px;
	border:1px solid #999;
}

#fiche_prd_part_2 div.rowCaracteristique{ 
	display:flex;
	align-items:center;
	/* justify-content:space-between; */
	flex-wrap: nowrap; /* nowrap | wrap | wrap-reverse; */
	width:100%;
	gap:20px;
	border:1px dotted #999;
	border-top:none;
	border-left:none;
	border-right:none;
}

#fiche_prd_part_2 div.rowCaracteristique:nth-last-child(1){ border-bottom:none; }

#fiche_prd_part_2 div.rowCaracteristique > div.label{ 
	
	width:35%;
	/* background-color:#ccc; */
	font-weight:500;
	border-right:1px solid #999;	
	padding:10px;
	overflow:hidden;
	
}
#fiche_prd_part_2 div.rowCaracteristique > div.value{ 
	
	width:52%;
	padding:10px;
	overflow:hidden;
	
}


.dv_bgc-bando-garanties{ background:#25384A; }

#bando_nos_garanties, 
#bando_nos_garanties .item-nos-garanties
{
	
	display:flex;
	align-items:center;
	flex-wrap: nowrap; /* nowrap | wrap | wrap-reverse; */
	gap:20px;
	z-index:11;
	
}
#bando_nos_garanties
{
	gap:100px;
	justify-content:center;
	height:120px;
	padding-top:0px;
	
}
#bando_nos_garanties .item-nos-garanties > div{
	
	display:flex;
	align-items:center;
}
#bando_nos_garanties .item-nos-garanties > div.texte{
	display:block;
	font-size:1.1rem;
	line-height:1.3rem;
	color:#fff;
}
#bando_nos_garanties .item-nos-garanties > div.texte a{
	display:block; 
	font-size:1.1rem;
	line-height:1.3rem;
	color:#fff;
}
#bando_nos_garanties .item-nos-garanties > div.visuel{

	justify-content:center;
	width:80px;
	height:80px;
	overflow:hidden;
	border-radius:50%;
	background:#fff;
	
}


/* ****** CADRE RECO PAIEMENT ***** */

.dv-cadre-reco
{ 
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-wrap: nowrap; /* nowrap | wrap | wrap-reverse; */
	width:94%; 
	padding:2% 2%;
	border:1px solid #C9D6C9;
	border-radius:30px;
	box-shadow:0 0 20px #efefef, 0 3px 5px #ccc;
	margin:auto;
	gap:100px;
	background-color:#F9FCF9;
}

.dv-cadre-reco div
{ 
	/* background:#ccc; */
	width:100%;
}
.dv-cadre-reco div > h1
{ 
	font-weight:500;
	font-size:1.2rem;
	color:#006133;
	padding:0 0 10px 0;	
	margin:0 0 20px 0;
	text-transform:uppercase;
	border-bottom:1px dotted #006133;
}
.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: nowrap; /* nowrap | wrap | wrap-reverse; */
	gap:100px;
	list-style-type: none;
	padding:0px 20px 20px 20px;
	margin:0;
	text-align:center;
}
.dv-cadre-reco div > ul > li img
{ 
	display:block; text-align:center;
	margin:auto;
	width:auto; height:80px;
	max-width:110px;
	margin-bottom:10px;
	/* background:#efefef; */
}

/* .container { */
  /* justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; */
/* } */


.dv-cadre-reco div > ul.ulGrade
{ 
	display:flex;
	align-items:stretch;
	/* justify-content:space-around; */
	flex-wrap: nowrap; /* nowrap | wrap | wrap-reverse; */
	gap:65px;
	list-style-type: none;
	/* padding:0px 20px 20px 20px; */
	/* padding:0px 0 20px 15px !important; */
	padding:0px 0 20px 15px;
	margin:0;
	text-align:center;
	/* background-color:#333; */
}
.dv-cadre-reco div > ul.ulGrade > li
{ 
	display:block;
	width:20%;
}
.dv-cadre-reco div > ul > li .bullColorGrade,
.item-vignPrd .bullColorGrade,
.item-vignPrdPanier .bullColorGrade
{ 
	display:inline-block;
	position:relative;	
	vertical-align:middle;
	margin-left:0px; 
	margin-right:10px; 
	margin-bottom:2.5px; 
	width:30px; height:25px;
	font-size:1rem;
	line-height:1.5rem;
	padding:3px;
	border-radius:5px 5px 5px 0;
	background-color:#ccc;
}

.item-vignPrd .bullColorNeuf,
.item-vignPrdPanier .bullColorNeuf
{ 

	display:block; position:absolute; 
	margin:-25px 205px; 
	border:2px solid #1a9fb9; 
	color:#fff;
	overflow:hidden;
	width:40px; height:20px;
	font-size:.9rem;
	line-height:1.2rem;
	padding:20px 10px;
	border-radius:50px;
	background-color:#1a9fb9;
	text-transform:uppercase;
}

.item-vignPrdPanier .bullColorNeuf
{ 

	margin:-18px 200px; 
	width:35px; height:15px;
	font-size:.9rem;
	line-height:1.1rem;
}

.item-vignPrd .bullColorGrade
{ 

	display:block; position:absolute; 
	margin:-22px 226px; 
	overflow:hidden;
	width:30px; height:25px;
	font-size:1rem;
	line-height:1.5rem;
	padding:3px;
	border-radius:5px 5px 5px 0;
	background-color:#ccc;
}

.item-vignPrdPanier .bullColorGrade
{ 

	display:block; position:absolute; 
	margin:-10px 220px; 
	overflow:hidden;
	width:30px; height:25px;
	font-size:1rem;
	line-height:1.5rem;
	padding:3px;
	text-align:center;
	border-radius:5px 5px 5px 0;
	background-color:#ccc;
}
.dv-cadre-reco div > ul > li .bullColorGradeAp,
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire .bullColorGradeAp,
.item-vignPrd .bullColorGradeAp,
.item-vignPrdPanier .bullColorGradeAp
{ 
	background-color:#116D11;
	color:#fff;
}
.dv-cadre-reco div > ul > li .bullColorGradeA,
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire .bullColorGradeA,
.item-vignPrd .bullColorGradeA,
.item-vignPrdPanier .bullColorGradeA
{ 
	background-color:#1DBEB3;
	color:#fff;
}
.dv-cadre-reco div > ul > li .bullColorGradeB,
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire .bullColorGradeB,
.item-vignPrd .bullColorGradeB,
.item-vignPrdPanier .bullColorGradeB
{ 
	background-color:#FFD500;
	color:#000;
}
.dv-cadre-reco div > ul > li .bullColorGradeC,
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire .bullColorGradeC,
.item-vignPrd .bullColorGradeC,
.item-vignPrdPanier .bullColorGradeC
{ 
	background-color:#F98D00;
	color:#fff;
}
.dv-cadre-reco div > ul > li .bullColorGradeD,
.content-elementFiche .dv-produit-similaire > .vign-prd-similaire .bullColorGradeD,
.item-vignPrd .bullColorGradeD,
.item-vignPrdPanier .bullColorGradeD
{ 
	background-color:#D81515;
}
.dv-cadre-reco div > ul > li .labelGrade
{ 
	display:inline-block;
	vertical-align:middle;
	font-weight:500; color:#333;
	background-color:#fff;
	border:1px solid #80C980;
	border-radius:5px 5px 0 0;
	padding:10px;
}
.dv-cadre-reco div > ul > li .detailGrade
{ 
	/* display:inline-block; */
	/* vertical-align:middle; */
	font-weight:500; color:#000;
	background-color:#fff;
	border:1px solid #80C980;
	border-top:none;
	border-radius:0 0 5px 5px;
	padding:10px;
}



.dv-cadre-reco div > ul.listCheck
{ 
	display:block;
	list-style-type: none;
	list-style-image: url(../images/check_vert.svg);
	padding:10px 20px 5px 40px;
	margin:0;
	text-align:left;
}
.dv-cadre-reco div > ul.listCheck > li
{ 
	margin:5px 0;
	font-weight:400;
}


.dv-cadre-reco div > ul.ulAccessoir
{ 
	display:flex;
	align-items:left;
	/* justify-content:space-around; */
	flex-wrap: nowrap; /* nowrap | wrap | wrap-reverse; */
	gap:20px;
	list-style-type: none;
	/* padding:0px 20px 20px 20px; */
	/* padding:0px 0 20px 5px !important; */
	padding:0px 0 20px 5px;
	margin:0;
	text-align:center;
	width:98%;
}
.dv-cadre-reco div > ul.ulAccessoir > li
{ 
	display:block;
	width:95%;
}

.dv-cadre-reco div > ul > li .labelAccessoir
{ 
	display:inline-block;
	vertical-align:middle;
	font-weight:500; color:#333;
	background-color:#fff;
	border:1px solid #80C980;
	border-radius:5px 5px 0 0;
	padding:10px;
}
.dv-cadre-reco div > ul > li .detailAccessoir
{ 
	/* display:inline-block; */
	/* vertical-align:middle; */
	font-weight:400; color:#000;
	background-color:#fff;
	border:1px solid #80C980;
	border-top:none;
	border-radius:0 0 5px 5px;
	padding:10px;
}
.dv-cadre-reco div > p.descOrigine
{ 
	font-size:1rem;
	line-height:1.5rem;
}


.dv-cadre-reco div > ul.inlinelistCheck
{ 
	/* display:block; */
	/* list-style-type: none; */
	/* padding:10px 10px; */
	/* margin:auto; */
	/* text-align:left; */
	
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap: wrap;
	gap:20px;
	list-style-type: none;
	/* padding:0px 20px 20px 20px; */
	padding:20px;
	/* margin:0; */
	/* text-align:center; */
	/* background-color:#333; */
	
	
}

.dv-cadre-reco div > ul.inlinelistCheck > li
{ 
	margin:0px;
	display:inline-block;

}
.dv-cadre-reco div > ul.inlinelistCheck > li:before
{ 
	content: ' ';
	background: url(../images/check_vert.svg) 0 0 no-repeat;
	padding:2px 22px 0 0;
}

.dv-cadre-reco div > p
{ 
	margin:20px 10px;
	font-weight:400;
	font-size:.9rem;
	text-align:left;
	line-height:1rem;
}


.cs-aff-stars{ display:block !important; margin:25px 0 0 5px; width:50% !important; }
.cs-aff-stars span{ display:inline-block; margin-right:15px; font-size:.9rem; }
.cs-aff-stars img{ display:inline-block; }

/* ******************************************* */



/* ***** // 2024 ***** */

.dv_bgc-scie-2{ background:#f6f6f7 url(../images/scie_gris_clair.png) left top repeat-x; min-height:135px; }

.dv-cont-liste-prod{ display:block; width:1190px; margin:auto; background:#fff; }
.dv-cont-liste-prod > .titre-cat{ font:36px/38px 'Ubuntu'; font-weight:700; color:#1a9fb9; margin:20px 0;}
.dv-cont-liste-prod > .desc-cat{ font:26px/28px 'Ubuntu'; font-weight:500; color:#333; margin:0 0 20px 0;}

.dv-cont-liste-prod > .titre-cat-search{ display:inline-block; font:30px/30px 'Ubuntu'; font-weight:700; color:#1a9fb9; margin:20px 20px 10px 0;}
.dv-cont-liste-prod > .desc-cat-search{ display:inline-block; font:26px/28px 'Ubuntu'; font-weight:500; color:#333; margin:0 0 20px 0;}

/* .fil-ariane{ display:block; font:14px/20px 'Ubuntu'; font-weight:500; color:#8b8b8c; margin-top:-20px; } */
/* .fil-ariane a, .fil-ariane a:link{ font:14px/20px 'Ubuntu'; font-weight:500; color:#8b8b8c; transition:0.2s ease; } */
/* .fil-ariane a:hover{ color:#f2bc11; } */

#file_d_ariane{ display:block; font:.8rem/1rem 'Ubuntu'; font-weight:400; color:#333; margin:10px 0 0 15px; }
#file_d_ariane a, .fil-ariane a:link{ font:.8rem/1rem 'Ubuntu';font-weight:400; color:#333; transition:0.2s ease; }
#file_d_ariane a:hover{ color:#1A9FB9; text-decoration:underline; }

.dv-cont-etape > #file_d_ariane{ margin-left:1px; }

.btn-retour, a.btn-retour, a.btn-retour:link{ 
	display:block; color:#1a9fb9; font:1rem 'Ubuntu', sans-serif; font-weight:500; 
	background:#fff; border:1px solid #1a9fb9; 
	transition:0.2s ease; 
	text-align:center;
	width:auto;
	padding:11px 15px;
	border-radius:5px;
	}
a.btn-retour:hover{ color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9; }

.pos-btnretour-cat{	
	position:absolute; right:20px; margin-top:-20px;
}

.liste-cat-l1{ display:block; }
.liste-cat-l1 > .col-1{ display:block; float:left; width:30%; min-width:360px; margin-right:2.5%; min-height:200px; }
/* .liste-cat-l1 > .col-2{ display:block; float:left; width:53%; min-height:200px; margin-top:110px; font:15px/22px 'Ubuntu'; font-weight:400; color:#000;  } */
.liste-cat-l1 > .col-2{ display:block; float:left; width:65%; min-height:200px; margin-top:10px; font:15px/22px 'Ubuntu'; font-weight:400; color:#000;  }
.liste-cat-l1 > .col-2 h2{ padding:0px 0 0px 0; margin:0; font-size:1.5rem; line-height:1.8rem; color:#1a9fb9; font-weight:500; }
.liste-cat-l1 > .col-2 b{ font-size:1.2rem; color:#1a9fb9; font-weight:500; }
.liste-cat-l1 > .col-2 ul{ padding:0px 20px; }
.liste-cat-l1 > .col-2 li{ margin-bottom:5px; }

/* .visuel-cartouche-cat-1{ display:block; background:none; min-height:330px; height:330px; width:400px; overflow:hidden; margin-left:-5px; } */
.visuel-cartouche-cat-1{ display:flex; justify-content:center; align-items:center;  background:#e9fbff; min-height:340px; height:340px; width:340px; overflow:hidden; margin:10px 0 0 -5px; border-radius:20px; }
.visuel-cartouche-cat-1 > .masque{ display:none; position:absolute; background:url(../images/masque_visuel_categorie.png) 0 0 no-repeat; height:330px; width:400px; }
.visuel-cartouche-cat-1 > img{ display:block; margin-left:0; height:330px; width:auto;  border-radius:20px; 
	/* box-shadow:5px 10px 10px #333, -5px 10px 10px #ff0000;  */
	/* box-shadow:0 0 10px #333;  */
}

.liste-cat-l2{ display:block; margin-bottom:100px; }

.dv-list-prd{ display:block; border:1px solid #ccc; border-left:none; border-right:none; padding:30px 0; margin:10px 0 15px 0; min-height:200px; }
/* .dv-list-prd > .col-1{ display:block; float:left; width:320px; margin-top:2px; margin-right:56px; min-height:200px; background:#fff; } */
/* .dv-list-prd > .col-2{ display:block; float:left; width:814px; min-height:200px; background:#fff; } */
.dv-list-prd > .col-1{ display:block; float:left; width:250px; margin-top:2px; margin-right:60px; min-height:200px; background:#fff; }
.dv-list-prd > .col-2{ display:block; float:left; width:880px; min-height:200px; background:#fff; }

.dv-pagination-1{ display:block; width:auto; height:18px; }
.pagination-1{ display:initial; position:absolute; width:auto; right:42px; }


.dv-pagination-1 a{ display:block; float:left; margin:2px; }
 
a.pagoutP, a.pagoutP:link{ font:16px/16px 'Ubuntu'; font-weight:400; color:#000000; padding:3px 8px; border:1px solid #efefef; text-align:center; transition:0.2s ease; }
a.pagoutP:hover{ color:#1a9fb9; font-weight:500; border-color:#1a9fb9;  }
a.pagoverP, a.pagoverP:link, a.pagoverP:hover{ 
	font:16px/16px 'Ubuntu'; 
	margin:2px; padding:3px 8px; 
	text-align:center; 
	color:#1a9fb9; 
	font-weight:500; 
	border:1px solid #1a9fb9; 
	}

.vignette-rep-shop{ 
					display:block; position:absolute; margin:-22px 226px; height:20px; width:20px; padding:5px;
					background:#fff; border:2px solid #1a9fb9; 
					border-radius: 8px 8px 8px 0; -moz-border-radius :  8px 8px 8px 0; -webkit-border-radius : 8px 8px 8px 0; 
					overflow:hidden;
				}
	
.dv-col-cat{ display:block; }
.dv-col-cat > a, .dv-col-cat > a:link { 
		display:block; color:#ffffff; font:20px/26px 'Ubuntu', sans-serif; font-weight:400; text-transform:uppercase; 
		background:#1a9fb9;  padding:8px 5px 8px 22px; 
		border-bottom:1px solid #000;
		transition:0.2s ease; 
		}
.dv-col-cat > a:hover { color:#f1bc07; }

.dv-col-scat{ display:block; }
.dv-col-scat > a, .dv-col-scat > a:link { 
		display:block; color:#000; font:16px/20px 'Ubuntu', sans-serif; font-weight:500; 
		background:#fff; min-height:22px; padding:4px 5px 4px 22px; 
		border-bottom:1px solid #919090;
		transition:0.2s ease; 
		}
.dv-col-scat > a:hover { color:#252525; background:#f1f1f1 url(../images/px_men_scat.gif) 0 0 repeat-y; }

a.rub-niv-0{ }
a.rub-niv-1{ padding-left:32px !important; font-size:14px !important; background-position:10px 0 !important;  }
a.rub-niv-2{ padding-left:42px !important; font-size:12px !important; background-position:20px 0 !important;   }
a.rub-niv-3{ padding-left:52px !important; font-size:12px !important; background-position:30px 0 !important;   }
a.rub-niv-4{ padding-left:62px !important; font-size:12px !important; background-position:40px 0 !important;   }

a.rub-niv-ec-hover{  color:#252525 !important; background:#f1f1f1 url(../images/px_men_scat_rose.gif) 0 0 repeat-y !important;  }










/* module configurateur panneau */

.messErrorConfig{ display:none; position:absolute; border:1px dotted #ff0000; color:#ff0000; width:190px; margin-left:250px; font-size:1rem; line-height:1.2rem; padding:8px; border-radius:5px;  }
						
.cs-btnColor, a.cs-btnColor{ display:inline-block; border:1px dotted #333; margin:5px; font-size:10px; text-align:center; padding:5px; }
a.cs-btnColor:hover{ border:1px dotted #ff0000; }

.zLstColorCache{ display:block; position:relative; max-width:80%; height:400px; border:1px none #00ffff; }
.zLstColor{ display:block; position:absolute; max-width:900px; margin-top:-130px; border:1px none #ff0000; }

/* .formCalc form{ display:flex; justify-content: flex-start; align-content: flex-start; } */
.formCalc .lignCol1{ display:flex; justify-content: flex-start; align-content: flex-start; }
.itemCol { display:block; width:100%; margin-right:80px; }
.width100p{ width:800px; margin-top:40px; }

.formCalc h2{ display:block; color:#1a9fb9; font-size:16px; padding:0px; margin:5px 0 15px 0; }
.formCalc label{ display:inline-block; padding:5px; width:130px; height:30px; }
.formCalc input{ display:inline-block; border:1px solid #1a9fb9; font-size:14px; color:#1a9fb9; font-weight:bold;  padding:6px; width:60px; text-align:center; border-radius:5px; }
.formCalc .dv-champs{ display:block; font-size:16px; line-height:20px; margin:0 0 30px 21px;  }
.formCalc .dv-numero, .formCalc a.dv-numero{ 
			display:block; position:absolute; border:1px solid #1a9fb9; border-radius:50%; background:#1a9fb9; 
			height:30px; width:30px; padding-left:1px; padding-right:-2px;												
			/* padding:4px 7px 4px 7px; */
			font-size:16px; line-height:29px; color:#fff; font-weight:400; text-align:center; 
			transition:0.2 ease;
			}
.formCalc a.dv-numeroHover,
.formCalc a.dv-numeroHover:hover{ 
			display:block; position:absolute; border:1px solid #f2bc11; border-radius:50%; background:#f2bc11; 
			height:30px; width:30px; padding-left:1px; padding-right:-2px;												
			/* padding:4px 7px 4px 7px; */
			font-size:16px; line-height:29px; color:#000; font-weight:400; text-align:center; 
			transition:0.2 ease;
			}
.formCalc a.dv-numero:hover{ border:1px solid #f2bc11; background:#f2bc11; color:#000; }
			
/* .formCalc .dv-couleur{ display:block; margin-top:15px; } */
.formCalc .dv-couleur{ display:block; margin-top:15px; max-width:410px; margin-right:80px; }
.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.btn-couleur img{ display:block; height:100%; width:100%; border-radius:50%; }

/* .formCalc a.cs-color-sel{ display:block; margin:18px 0; border:1px solid #000; background:#ccc; height:80px; width:120px; border-radius:5px; } */
/* .formCalc a.cs-color-sel img.visuel-color-previsu{ display:block; height:100%; width:100%; border-radius:5px; } */

.formCalc a.cs-color-sel{ display:block; margin:18px 0; border:1px solid #000; background:#ccc; height:100px; width:180px; border-radius:5px; }
.formCalc a.cs-color-sel img.visuel-color-previsu{ display:block; height:100%; width:100%; border-radius:5px; }

.formCalc .nom-color{ text-transform:uppercase; font-size:13px; line-height:16px !important; }

.formCalc .desc-item{ margin-left:25px; margin-bottom:15px; font-size:0.95rem; line-height:1.2rem; }

.formCalc a.btnColorHover,
.formCalc a.btnColorHover:hover
{ border:2px dotted #1a9fb9; }


.formCalc .tb-numChant td > div.shema{ display:block; }


.dvCartouchePai{ display:block; position:relative; height:390px; border:1px none #ff0000; }









/* menu lateral */
.menu-lateral{ }
#affMenuLateral{ display:none; }
.dvBtnMenuLateral{ display:none; }


.dv-col-sep{ display:block; height:25px; clear:both; }
.dv-col-filtre{ display:block; border-bottom:1px solid #000; padding-bottom:20px; }
.dv-col-filtre > .titre{ display:block; color:#000; font:20px/22px 'Ubuntu', sans-serif; font-weight:700; border-bottom:1px solid #000; padding:0 0 10px 0; text-transform:uppercase;  }
.details-filtres{ display:block; margin:15px 0 0 20px;  }
.details-filtres hr{ clear:both; display:block; margin:0 0 10px 0; padding:0; border:none; border-top:1px dotted #ccc;  }
.details-filtres ul{ display:block; margin:0; padding:0;  }
.details-filtres li{ display:block; clear:both; }
.details-filtres > label.libelle{ display:block; color:#000; font:16px/18px 'Ubuntu', sans-serif; font-weight:500; margin:0 0 15px 0;  }
.details-filtres li > label{ display:block; color:#000; font:14px/18px 'Ubuntu', sans-serif; font-weight:400; }
	
input.stcheckFiltre[type="checkbox"]{ display:none; }
input.stcheckFiltre[type="checkbox"] + label::before{
	content:"";
	display:block;
	float:left;
	width:23px;
	height:25px;
	background:url(../images/checkbox_form.png) 0px 0px no-repeat;
}
input.stcheckFiltre[type="checkbox"]:checked + label::before{
	background-position:0 -33px;	
}

.btn-plusfiltre, a.btn-plusfiltre, a.btn-plusfiltre:link{ 
		display:block; position:relative; margin:10px 0 10px 200px; width:130px; height:27px; padding-top:3px;
		background:url(../images/ico_plus_filtre.png) 90px 0 no-repeat; 
		color:#1a9fb9; font:14px/20px 'Ubuntu', sans-serif; font-weight:400; font-style:italic;
		
}

a.btn-plusfiltre:hover{ 
		background-position:90px -30px; color:#f1bc07; 
}

.dv-col-rub{ display:block; margin:15px 0 50px 0; }
.dv-col-rub > a, .dv-col-rub > a:link { 
		display:block; color:#1a9fb9; font:16px/20px 'Ubuntu', sans-serif; font-weight:500; 
		height:22px; padding:6px 5px 6px 22px; text-transform:uppercase;
		transition:0.2s ease; 
		}
.dv-col-rub > a:hover { color:#252525; }

.btn-voir-cat, a.btn-voir-cat, a.btn-voir-cat:link, a.btn-voir-cat:hover{ width:225px; }

#dv_aff_produit{ display:block; }
#dv_aff_produit > .titre-cat{ display:block; color:#1a9fb9; font:24px/20px 'Ubuntu', sans-serif; font-weight:500; text-transform:uppercase; margin-bottom:54px; }
#dv_aff_produit > .zone-vignette-prod{ display:block; background:#fff; min-height:500px; }
#dv_aff_produit .dv-vignette{ 
	display:block; float:left; min-height:502px; width:250px; overflow:hidden; margin:0 32px 50px 0; 
	background-color:#eff6f7;
	border:1px solid #eff6f7;
	border-radius:5px;
}
#dv_aff_produit .dv-vignette:nth-child(3n){ margin-right:0; }
#dv_aff_produit .dv-vignette > .visuel{ 
	display:block; height:154px; width:100%; overflow:hidden; padding:10px 0; 
	/* background:url(../images/ombre_vign_produit.png) center bottom no-repeat;  */
}
#dv_aff_produit .dv-vignette > .visuel img{ display:block; height:100%; width:auto; margin:10px auto; }
#dv_aff_produit .dv-vignette > .texte{ display:block; color:#000000; font:14px/20px 'Ubuntu', sans-serif; text-align:center; font-weight:400; width:90%; height:60px; overflow:hidden; margin:10px auto 20px auto; }
#dv_aff_produit .dv-vignette > .texte h2{ display:block; font-weight:500; font-size:16px; padding:0; margin:0; margin-bottom:5px; }

#dv_aff_produit .dv-vignette > .prix{ display:block; color:#1a9fb9; font:16px/20px 'Ubuntu', sans-serif; text-align:center; font-weight:400; width:90%; height:60px; overflow:hidden; margin:10px auto 30px auto; }
#dv_aff_produit .dv-vignette > .prix span{ display:block;  }
#dv_aff_produit .dv-vignette > .prix span:nth-child(1){ color:#000; }
#dv_aff_produit .dv-vignette > .prix span:nth-child(2){ color:#1a9fb9; font-weight:bold; font-size:1.2em; }
#dv_aff_produit .dv-vignette > .prix span:nth-child(3){ color:#1a9fb9; }


.btn-voir-prod, a.btn-voir-prod, a.btn-voir-prod:link, a.btn-voir-prod:hover{ width:83%; margin:auto; }

/* -> fiche */


.btn-retour-produit, a.btn-retour-produit, a.btn-retour-produit:link{ color:#000; border-color:#000; }
a.btn-retour-produit:hover{ color:#ffffff; border-color:#1a9fb9; }

.fiche-prod-l1{ display:block; margin-top:0px; }
.fiche-prod-l1 > .col-1{ display:block; float:left; width:482px; min-width:395px; margin-right:25px; overflow:hidden; background:#fff;  }
.fiche-prod-l1 > .col-2{ display:block; float:left; width:683px; min-height:200px; margin-top:0px; font:15px/22px 'Ubuntu'; font-weight:400; color:#000; background:#fff;   }

.titre-fiche-prod{ max-width:800px; font:36px/38px 'Ubuntu'; font-weight:700; color:#1a9fb9; margin:20px 0 36px 0; }

#dv_diapo_prod_1{ display:block; }
#dv_diapo_prod_1 .cont-visuel{ display:block; height:295px; width:500px; overflow:hidden; padding-bottom:10px; }
#dv_diapo_prod_1 .cont-visuel-masque{ display:block; position:absolute; z-index:1; height:295px; width:482px; overflow:hidden; padding-bottom:10px; }
/* #dv_diapo_prod_1 .tdz-visuel{ height:295px; width:480px; background:#fff url(../images/visuel_defaut_rea.jpg) right 0 no-repeat;  } */
#dv_diapo_prod_1 .tdz-visuel{ height:295px; width:500px; background:#fff; border:1px solid #efefef; border-bottom:none; overflow:hidden;  }
/* #dv_diapo_prod_1 .tdz-visuel img{ display:block; height:auto; width:100%;   } */
#dv_diapo_prod_1 .tdz-visuel img{ display:block; height:auto; width:auto;  }

#dv_diapo_prod_1 .cont-vignette{ display:block; margin-top:19px; }
#dv_diapo_prod_1 .cont-vignette a:nth-child(3n){ margin-right:0; }
#dv_diapo_prod_1 .cont-vignette a{ display:block; float:left; margin:0px 15px 10px 0; height:100px; width:150px; overflow:hidden;   }
#dv_diapo_prod_1 .cont-vignette a img{ display:block; height:auto; width:100%; }

#dv_diapo_prod_1 .tdv-visuel{ display:block; height:auto; width:auto; border-bottom:3px solid #eee; background:url(../images/visuel_defaut_rea_v.jpg) right top no-repeat; transition:0.5s ease; }
#dv_diapo_prod_1 .tdv-visuel-hover{ height:auto; width:auto; border-bottom:3px solid #1a9fb9; background:url(../images/visuel_defaut_rea_v.jpg) right top no-repeat;  }
#dv_diapo_prod_1 .tdv-visuel:hover{ border-bottom:3px solid #1a9fb9; }
#dv_diapo_prod_1 .tdv-visuel img{ display:block; height:auto; width:100%;  }

.lg-btn-action{ display:block; margin-bottom:45px; }

.btn-f1, a.btn-f1, a.btn-f1:link{ 
	display:block; float:left; color:#1a9fb9; font:16px/16px 'Ubuntu', sans-serif; font-weight:500; 
	background:#fff; border:1px solid #1a9fb9; 
	transition:0.2s ease; 
	text-align:center;
	width:auto;
	padding:9px 18px; margin-right:20px;
	}
a.btn-f1:hover{ color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9; }


/* .pos-ico-partage{ display:block; float:left; width:181px; margin-left:53px; } */
.pos-ico-partage{ display:block; float:left; width:112px; margin-left:120px; }

.btn-partage-1, a.btn-partage-1, a.btn-partage-1:link, a.btn-partage-1:hover{ 
	display:block; float:left; 
	background:#fff url(../images/ico_partage_1.png) 0 0 no-repeat;
	width:50px; height:40px; margin-right:20px;
	}
.partage-imp, a.partage-imp, a.partage-imp:link { background-position:0 0; }
a.partage-imp:hover{ background-position:0 -61px; }

.partage-mail, a.partage-mail, a.partage-mail:link { background-position:-100px 0; }
a.partage-mail:hover{ background-position:-100px -61px; }

.partage-fb, a.partage-fb, a.partage-fb:link { background-position:-200px 0; margin-right:0; width:41px; }
a.partage-fb:hover{ background-position:-200px -61px; }

.label-sablier{ display:block; background:#fff url(../images/ico_sablier.png) 0 0 no-repeat; padding:0px 0 0 45px; width:auto; min-width:100px; max-width:250px; height:40px; font:14px/12px 'Ubuntu'; font-weight:700; color:#1a9fb9; text-transform:uppercase; }

.lg-contenu-f{ display:block; background:none; }
.lg-contenu-f > .cont-desc{ display:block; float:left; background:#fff; width:408px; font:16px/22px 'Ubuntu'; font-weight:400; color:#000; }
.lg-contenu-f > .cont-desc > .z-desc a, 
.lg-contenu-f > .cont-desc > .z-desc a:hover{ font-size:16px; }

.lg-contenu-f > .fiche-easyshop-off{ width:92%; }
.lg-contenu-f  .mod-tarif{ display:block; float:left; background:#f6f6f7; margin-left:40px; width:235px; min-height:330px; padding-bottom:20px; }

.lg-contenu-f  .mod-tarif > .z1-prix{ display:block; background:#1a9fb9; padding:24px 20px 25px 20px; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; }
.lg-contenu-f  .mod-tarif > .z1-prix > .tp-1{ font:24px/26px 'Ubuntu'; font-weight:500; color:#fff; border-bottom:1px solid #b2b2b2; margin-bottom:15px; padding-bottom:5px;  }
.lg-contenu-f  .mod-tarif > .z1-prix > .tp-1{ font:24px/26px 'Ubuntu'; font-weight:500; color:#fff; border-bottom:1px solid #b2b2b2; margin-bottom:15px; padding-bottom:5px;  }
.lg-contenu-f  .mod-tarif > .z1-prix > .tp-1 > .px-ttc{ font-size:24px; padding-top:25px; }
.lg-contenu-f  .mod-tarif > .z1-prix > .tp-2{ font:20px/22px 'Ubuntu'; font-weight:400; color:#fff; border-bottom:1px solid #b2b2b2; margin-bottom:10px; padding-bottom:4px;  }
.lg-contenu-f  .mod-tarif > .z1-prix > .tp-2 > .px-ht{ font-size:20px;  }
.lg-contenu-f  .mod-tarif > .z1-prix > .tp-1 span{ font-size:20px;  }
.lg-contenu-f  .mod-tarif > .z1-prix > .tp-2 span{ font-size:15px;  }
.lg-contenu-f  .mod-tarif > .z1-prix > .qt{ margin-top:20px; float:left; }
.lg-contenu-f  .mod-tarif > .z1-prix > .qt label{ font:18px/22px 'Ubuntu'; font-weight:300; color:#fff;  }
.lg-contenu-f  .mod-tarif > .z1-prix > .qt input{ width:30px; padding:0 2px 3px 2px; margin:0 12px 0 3px; background:#1a9fb9; border:1px solid #b2b2b2; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; text-align:center;  }


.lg-contenu-f  .mod-tarif > .z1-prix > .z-btn-qt{ margin-top:18px; float:left; }
.btn-qt, a.btn-qt, a.btn-qt:link{ display:block; float:left; width:28px; margin:0 4px; text-align:center; background:url(../images/bg_quantite.png) 0 2px no-repeat; color:#1a9fb9; font-size:24px; font-weight:500;  }
a.btn-qt:hover{ color:#f2bc11; background-position:0 -26px;  }
a.btn-qt:nth-child(1){ padding-top:2px; }
a.btn-qt:nth-child(2){ padding-top:0px; }
a.btn-qt:nth-child(2n){ margin-right:0;  }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.z2-logo{ display:block; background:#f6f6f7; min-height:143px; }
.z2-logo img{ margin:auto; padding:8px 0; }

.cs-add-panier, a.cs-add-panier, a.cs-add-panier:link{ 
	display:block; color:#000; font:16px/16px 'Ubuntu', sans-serif; font-weight:500; 
	background:#f6f6f7; border:1px solid #000; 
	transition:0.2s ease; 
	text-align:center;
	width:160px;
	padding:9px 18px; margin:auto;
	}
a.cs-add-panier:hover{ color:#1a9fb9; border:1px solid #1a9fb9; }

/* .reponseAdd{  display:block; position:absolute; z-index:1; margin-top:-70px; margin-left:0px; width:200px; min-height:50px; padding:15px 15px; text-align:center; background:#fff; font:17px/22px 'Source Sans Pro', sans-serif; color:#669E66; border:2px solid #669E66; border-radius:10px; } */
.reponseAdd{  display:none; position:absolute; z-index:1; margin-top:-20px; margin-left:0; width:200px; min-height:50px; padding:15px 15px; text-align:center; background:#fff; font:17px/22px 'Source Sans Pro', sans-serif; color:#669E66; border:2px solid #669E66; border-radius:10px; }
.reponseError{ display:none; position:absolute; z-index:1; margin-top:-85px; margin-left:6px; width:190px; min-height:66px; padding:15px 15px; text-align:center; background:#fff; font:17px/18px 'Source Sans Pro', sans-serif; color:#ff0000; border:1px solid #ff0000; border-radius:3px; }


/* tb technique */
.z-table-tech{ display:block; background:#fff; margin-top:30px; }
.cs-tbtech{ display:block; float:left; width:48.5%; min-height:150px; background:#fff; margin-right:3%; }
.cs-tbtech:nth-child(2){ margin-right:0px; }
.cs-tbtech > .cartouche{ display:block; height:25px; overflow:hidden; font:20px/26px 'Ubuntu'; font-weight:500; color:#8b8b8c; background:#f6f6f7 url(../images/coin_tableau_tech.jpg) 100% 0 no-repeat; padding:10px 55px 10px 15px;  }
.cs-tbtech > .content{ display:block; min-height:100px; font:14px/20px 'Ubuntu'; font-weight:400; color:#000; background:#fff; border:1px solid #b2b2b2; padding:0px;  }

.cont-type-tb{ display:block; }
.cont-type-tb tr{ background:#f6f6f7; }
.cont-type-tb tr:nth-child(2n){ background:#fff; }
.cont-type-tb td{ font:16px/20px 'Ubuntu'; font-weight:400; color:#000; padding:10px 15px; }
.cont-type-tb td:nth-child(2){ border-left:1px solid #b2b2b2; }

.dv-height-cont{ display:block; height:220px; overflow:hidden; border-bottom:1px solid #b2b2b2; }
					
.cont-type-tb .titre{ display:block; font:16px/20px 'Ubuntu'; font-weight:700; color:#000; padding:30px 20px 0px 20px; }
.cont-type-tb .desc{ display:block; font:14px/16px 'Ubuntu'; font-weight:400; color:#333; padding:5px 20px 20px 20px; font-style:italic; }
.cont-type-tb > a.voir-plus{ display:block; padding:10px 20px 10px 20px; }
.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:55px; width:160px; background:#fff; margin:8px 5px; }
.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{ background:#333; display:block; float:left; height:46px; width:46px; overflow:hidden; margin-right:8px; border:1px solid #ccc;  }
.list-couleur > .cont-color > .color img{ height:110%; width:auto; margin:auto; }
.list-couleur > .cont-color > .text{ display:block; float:left; background:#fff; font:13px/14px 'Ubuntu'; font-weight:400; height:70px; width:100px; padding-top:3px; overflow:hidden; margin-right:0px; }
.list-couleur > .cont-color > .text:after{ clear:both; }


.cs-produit-typebox{ display:block;  margin:0 0 5px -2px;  }
.cs-select-typebox{ display:block; padding:2px 0 3px 0; font:14px/16px 'Ubuntu', sans-serif; width:90%; color:#330100; border:1px solid #1a9fb9; outline:none; }
.cs-produit-quantite{ font:16px/18px 'Ubuntu', sans-serif; color:#1a9fb9; font-weight:400; margin:0 0 8px 0; }




/* 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 63px 70px 0 !important;  }
.dv-autre-prd .dv-vignette:nth-child(4n){  margin-right:0 !important; }
.dv-autre-prd > .col-1 > .zone-vignette-prod{  padding-top:10px !important;  }



/* panier produits */

.panier-lg1{ display:block; border-bottom:1px solid #000000; margin-bottom:40px; padding-bottom:20px; }
.dv-details{ display:block; border:1px solid #b2b2b2; padding:12px; width:auto; margin-bottom:25px; }
/* .dv-details > .visuel{ display:block; height:185px; width:185px; overflow:hidden; float:left; margin-right:20px; background:#ccc; } */
.dv-details > .visuel{ display:flex; float:left; justify-content:center; align-items:center; height:185px; width:185px; overflow:hidden; margin-right:20px; background:#fff; }
.dv-details > .visuel img{ display:flex; height:150px; width:auto; }
.dv-details > .infos{ display:block; float:left; width:488px; font:12px 'Ubuntu'; color:#000; font-weight:400; background:#fff; margin-right:20px; text-transform:uppercase; }
.dv-details > .infos h1{ font-size:24px; color:#1a9fb9; font-weight:700; margin:0 0 5px 0;  }
/* .dv-details > .infos h2{ font-size:16px; font-weight:500; margin:0 0 10px 0; } */
.dv-details > .infos h2{ font-size:.9rem; font-weight:500; margin:15px 0 10px 0; }
.dv-details > .infos p{ font-size:13px; line-height:18px; margin:0; min-height:75px; }
/* .dv-details > .action{ display:block; float:left; width:488px;  } */
.dv-details > .action{ display:block; float:left; width:450px;  }

.dv-details > .action .z-px-qt{ display:block; width:93.5%; background:#f6f6f6; padding:14px 15px 14px 18px; margin-bottom:40px; }

.dv-details > .action .z-px-qt > .z1-prix{ display:block; float:left; width:230px; text-align:right; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; }
.dv-details > .action .z-px-qt > .z1-prix > .tp-1{ display:block; font-size:24px; font-weight:500; color:#1a9fb9; margin-bottom:18px; }
.dv-details > .action .z-px-qt > .z1-prix > .tp-2{ display:block; font-size:20px; font-weight:400; color:#1a9fb9;  }
.dv-details > .action .z-px-qt > .z1-prix > .tp-1 span.indice{ font-size:16px; line-height:14px; }
/* .dv-details > .action .z-px-qt > .z1-quantite{ display:block; float:left; width:195px; background:#1a9fb9; padding:15px 15px; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; } */
.dv-details > .action .z-px-qt > .z1-quantite{ display:block; float:left; width:160px; background:#1a9fb9; padding:15px 15px; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; }
.dv-details > .action .z-px-qt > .z1-quantite > .qt{ margin-top:2px; float:left; }
.dv-details > .action .z-px-qt > .z1-quantite > .qt label{ font:18px/22px 'Ubuntu'; font-weight:300; color:#fff;  }
.dv-details > .action .z-px-qt > .z1-quantite > .qt input{ width:30px; padding:0 2px 3px 2px; margin:0 12px 0 3px; background:#1a9fb9; border:1px solid #b2b2b2; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; text-align:center;  }

.btn-actpanier, a.btn-actpanier, a.btn-actpanier:link{ 
	display:block; float:left; color:#000; font:16px/16px 'Ubuntu', sans-serif; font-weight:500; 
	background:#fff; border:1px solid #000; 
	transition:0.2s ease; 
	text-align:center;
	width:160px;
	padding:2% 1%;
	margin:0 21% 0 5px;
	}
a.btn-actpanier:hover{ color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9; }
a.btn-actpanier:nth-child(2){ margin-right:0; }

.dv-details > .action .z-btn{ display:block; width:100%; height:auto; background:none; margin:auto; }

.panier-lg2{ display:block; padding-bottom:20px; }
.panier-lg2 .margin-20{ margin-right:20px !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:block; float:left; height:490px; overflow:hidden; width:790px; }
.panier-lg2 > .dv-details > .recap-panier{ display:block; float:left; height:500px; background:#fff; width:386px; margin-top:-12px; } 
*/

.panier-lg2 > .dv-details > .list-prd{ display:block; float:left; height:490px; overflow:hidden; width:820px; }
.panier-lg2 > .dv-details > .recap-panier{ display:block; float:left; height:500px; background:#fff; width:356px; margin-top:-12px; }
.panier-lg2 > .dv-details { padding-right:0; }
.panier-lg2 > .dv-details .dv-recap { display:block; position:absolute; width:356px; height:485px; background:#f6f6f6;  }
.panier-lg2 > .dv-details .dv-recap > .titre-recap { display:block; width:100%; background:#1a9fb9; color:#fff; font:24px/28px 'Ubuntu'; font-weight:500; text-align:center; padding:12px 0; }
.panier-lg2 > .dv-details .dv-recap > .list-cout { width:93%; margin:40px 12px; font:24px/28px 'Ubuntu'; font-weight:500;  }
.panier-lg2 > .dv-details .dv-recap > .list-cout td{ font:16px/18px 'Ubuntu'; font-weight:500; color:#818181; padding:10px 0; border-bottom:1px solid #b2b2b2; }
.panier-lg2 > .dv-details .dv-recap > .list-cout td.t-ht-p{ font-size:24px; color:#1a9fb9; }
.panier-lg2 > .dv-details .dv-recap > .list-cout td.tva-p{ font-size:20px; color:#1a9fb9; }
.panier-lg2 > .dv-details .dv-recap > .list-cout td.t-ttc-l{ font-size:18px; font-weight:700; padding-top:35px; }
.panier-lg2 > .dv-details .dv-recap > .list-cout td.t-ttc-p{ font-size:30px; color:#1a9fb9; font-weight:700; padding-top:35px;  }


a.dpanier-payer, a.dpanier-payer:link{ float:none; padding:12px 5px; width:200px;  margin:auto; color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9; }
a.dpanier-payer:hover{ color:#1a9fb9; background:#fff; border:1px solid #1a9fb9; }

a.dpanier-retourp, a.dpanier-retourp:link{ float:none; padding:12px 5px; width:200px; margin:auto; color:#000; background:#fff; border:1px solid #000; }
a.dpanier-retourp:hover{ color:#1a9fb9; background:#fff; border:1px solid #1a9fb9; }





/* etape de commande - espace client */

/* .dv_bgc-scie-2{ background:#f6f6f7 url(../images/scie_gris_clair.png) left top repeat-x; min-height:135px; } */

.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:80%; background:none; margin:auto; }
.dv-form-etape-1 > .col-1{ display:block; float:left; width:45%; min-width:320px; margin-right:9%; border-right:1px solid #000; min-height:200px; }
.dv-form-etape-1 > .col-2{ display:block; float:left; width:45%; min-width:320px; font:15px/22px 'Ubuntu'; font-weight:400; color:#000;  }

.cs-grostitre-sep{ display:block; background:#000; height:3px; width:70px; margin:0 0 7px 2px; }

.btn-valid-etape, a.btn-valid-etape, a.btn-valid-etape:link{ 
	display:block; color:#1a9fb9; font:20px/26px 'Ubuntu', sans-serif; font-weight:500; 
	background:#fff; border:1px solid #1a9fb9; 
	transition:0.2s ease; 
	text-align:center;
	width:308px; 
	padding:8px 10px;
	text-transform:uppercase;
	}
a.btn-valid-etape:hover{ color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9; }

.cs-form-etap{ display:block; }
.cs-form-etap label{ display:block; font:16px/22px 'Ubuntu'; font-weight:400; color:#231f20; margin-bottom:8px; }
.cs-form-etap input{ display:block; padding:9px 10px; width:80%; max-width:308px; background:#fff; border:1px solid #706f6f;  font:14px/16px Arial; color:#231f20; }
.cs-form-etap select{ display:block; padding:9px 10px; width:30%; max-width:330px; background:#fff; border:1px solid #706f6f;  font:14px/16px Arial; color:#231f20; }
.cs-form-etap textarea{ display:block; padding:6px; width:98%; height:150px; background:#fff; border:1px solid #706f6f; border-radius:0px; font:14px/16px Arial; color:#231f20; }
.cs-form-etap hr{ display:block; padding:0; margin:10px; border:none; }
.cs-form-etap a.lk{ display:block; font:14px/16px 'Ubuntu'; color:#000000; font-style:italic; font-weight:500; }
.cs-form-etap a.lk:hover{ color:#1a9fb9; }

.cs-ch-date input{ display:inline-block; text-align:center; padding:2px 2px; width:130px; border:1px solid #706f6f; border-radius:0px; font:14px/16px 'Ubuntu'; background:#f7f5f5; color:#1d1d1b; margin-right:10px; }


.pagination-etape{ display:block; position:absolute; right:45px; top:0px; height:33px; padding-top:10px; }
.pagination-etape a{ 
	border:2px solid #1a9fb9; 
	-moz-border-radius : 50%;
	-webkit-border-radius : 50%;
	border-radius:50%; 
	font:24px/24px 'Ubuntu'; color:#1a9fb9; text-decoration:none; 
	padding:4px 11px;
	opacity:0.5;
	margin:0 0 0 10px;
}

.pagination-etape a:hover{ opacity:1; }
.pagination-etape > a.hover:link, .pagination-etape > a.hover:hover { opacity:1; }


/* dv Box 2 */
#boxZoneGlb{ display:none; position:absolute; justify-content:center; align-items:center; top:0; left:0; height:100%; width:100%; z-index:1000; }
.bgBox{ display:block; position:fixed; top:0; left:0; background:#000; opacity:0.6; height:100%; width:100%; z-index:100; }
/* #dvContBox{ display:block; position:relative; background:#fff; min-height:62%; width:50%; top:17%; z-index:105; margin:auto;  box-shadow: 0px 0px 10px #000; } */
#dvContBox{ 
			display:block; 
			position:relative; background:#fff; 
			max-height:100%; 
			min-height:62%; 
			overflow:scroll;
			width:1200px; max-width:80%;
			margin:auto;  	
			z-index:105; box-shadow: 0px 0px 10px #000; 
			}
.closeZoneBox, a.closeZoneBox, a.closeZoneBox:link{ position:absolute; z-index:110; background:#fff; color:#666; 
										width:150px; text-align:center; font:16px/22px Arial; padding:8px 8px; text-decoration:none; 
										right:10px; 
										/* margin-left:50%; */
										top:5px; 
										border:1px solid #666; 
										/* border-top:none; border-right:none; */
										}
a.closeZoneBox:hover{ border-color:#ff9966; background:#fff; color:#ff9966; }

#contBox{ display:block; padding:20px; max-width:100%; padding-top:70px; font-size:1rem; line-height:1.3rem;  }
#contBox a{ font-size:1rem; line-height:1.3rem;  }


.cslb-conttxt{ padding:40px 40px; } 



/* etape cmd 2 */


.dv-zone-choix-liv{ display:block; margin-top:25px; }

.btn-livraison, a.btn-livraison, a.btn-livraison:link{ 
		display:block; float:left; font:16px/16px 'Ubuntu', sans-serif; font-weight:500; 
		color:#1a9fb9; background:#ffffff; border:1px solid #1a9fb9;
		transition:0.2s ease; 
		text-align:center;
		width:234px;
		padding:10px 5px;
		margin:0 49px 0 0;
		}
a.btn-livraison:hover{ color:#fff; background:#1a9fb9; border:1px solid #1a9fb9; }
a.btn-livraison:nth-child(2){ margin-right:0; }

a.btnLivHover, a.btnLivHover:hover{ 
	color:#fff !important; background:#1a9fb9 !important; border:1px solid #1a9fb9 !important; 
}

.pos-mess-livraison{ font-size:12px; line-height:14px; font-style:italic; margin:15px 0 0 296px; width:245px; color:#000; }
.lkliv-pos-btn, a.lkliv-pos-btn, a.lkliv-pos-btn:link{ position:absolute; margin:5px 0 0 230px; 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:absolute; right:0; margin-right:47px; width:220px; } 


.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:left; width:46%; min-width:320px; margin-right:8%; border-top:1px solid #000; min-height:200px; }
.dv-form-etape-2 .col-2{ display:block; float:left; width:46%; min-width:320px; border-top:1px solid #000; }

.reponseInsc{ margin:-69px 30%; padding:18px 20px 13px 20px; min-height:44px; width:368px; }

/* **** */

.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:370px; background:#fff; width:550px; z-index:1; padding-bottom:100px; border-bottom:5px solid #ccc; }
.form-n-addres-cpteclt{ top:118px; margin-left:465px; background:#fff; width:660px; }



/* etape cmd 4 */

.dv-form-etape-4{ display:block; width:99%; background:none; margin:auto; font:15px/22px 'Ubuntu'; font-weight:400; color:#000;  }
.dv-form-etape-4 .col-0{ display:block; margin-bottom:20px; }

.pos-btnretour-etape4{ display:block; width:300px; margin:80px auto 40px auto; }

.tbRIB td{ padding:5px 0; color:#000; }

/* etape cmd 3 */

.dv-form-etape-3{ display:block; width:99%; background:none; margin:auto; font:16px/22px 'Ubuntu'; font-weight:400; color:#000; }
.dv-form-etape-3 .col-0{ display:block; margin-bottom:20px; }
.dv-form-etape-3 .col-1{ display:block; float:left; width:20%; min-width:280px; margin-right:4%; min-height:200px; }
.dv-form-etape-3 .col-2{ display:block; float:left; width:70%; min-width:320px;   }

.dv-e3-adresse{ display:block; background:#f6f6f7; padding:15px; }

.dv-details > .action-e3{ display:block; float:left; width:290px; }
.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; background:#f6f6f6; margin-left:12px; padding:14px 14px 0 0; width:161px; min-height:150px; text-align:right; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; } */
.dv-details > .action-e3 .z-px-qt > .z1-prix{ display:block; float:left; background:#f6f6f6; margin-left:12px; padding:14px 14px 0 0; width:190px; min-height:150px; text-align:right; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; }
.dv-details > .action-e3 .z-px-qt > .z1-prix > .tp-1{ font-size:24px; font-weight:500; color:#1a9fb9; text-align:right; }
.dv-details > .action-e3 .z-px-qt > .z1-prix > .tp-2{ display:block; font-size:16px; font-weight:400; color:#1a9fb9; padding-top:10px;  }
.dv-details > .action-e3 .z-px-qt > .z1-prix > .tp-1 span.indice{ font-size:16px; line-height:14px; }
.dv-details > .action-e3 .z-px-qt > .z1-quantite{ display:block; float:left; width:40px; height:auto; min-height:135px; background:#1a9fb9; padding:15px 15px; font:18px/22px 'Ubuntu'; font-weight:400; color:#fff; }
.dv-details > .action-e3 .z-px-qt > .z1-quantite > .qt{ display:block; text-align:center; font:24px/22px 'Ubuntu'; font-weight:400; color:#fff; }

.label-recap-e3{ display:block; font:16px/22px 'Ubuntu'; font-weight:500; color:#000; height:30px; }
.label-recap-e3 > .pos1{ display:block; position:absolute; right:305px; }
.label-recap-e3 > .pos2{ display:block; position:absolute; right:155px; }

.dv-totaux-e3{ display:block; margin-top:20px; font:15px/20px 'Ubuntu', sans-serif; font-weight:500;  }
.dv-totaux-e3 table{ }
.dv-totaux-e3 td{ padding:28px 15px 12px 15px; border-bottom:1px solid #000000; font-size:24px; color:#808080; font-weight:500; }
.dv-totaux-e3 td.cs-p{ color:#1a9fb9; }
.dv-totaux-e3 tr:nth-last-child(1){ border-bottom:2px solid #000; }

.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:500px;  }
.dv-commentaire-e3 textarea{ width:100%; max-width:739px;  }

.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:absolute; right:380px; margin-top:4px; text-align:right; font:16px/18px 'Ubuntu', sans-serif; font-weight:700; color:#000; }

.pos-lib-e3-liv{ margin-left:32px; }


.btn-sel-port, a.btn-sel-port{ display:block; float:left; width:auto; color:#333; padding:10px 20px; border:2px solid #666; margin:0 15px 20px 0; font-size:1rem; text-align:center; border-radius:5px; }
.btn-sel-port, a.btn-sel-port span{ color:#1a9fb9; font-size:1.2rem; }
a.btn-sel-port:hover{ border:2px solid #000; background:rgba(161,18,87,0.1); }
a.cs-port-sel{ border:2px solid #1a9fb9; color:#1a9fb9; background:rgba(161,18,87,0.1); }

.dv-visuel-port{ margin-bottom:5px; max-width:120px; min-height:40px; overflow:hidden; }
.dv-visuel-port img{ display:block; margin:auto; width:70%; height:auto; max-width:100px; overflow:hidden; }


/* compte client */

.dv-cpt-clt{ display:block; width:auto; background:none; margin:auto; }
.dv-cpt-clt > .col-1{ display:block; float:left; width:31%; min-width:365px; margin-right:4%; padding-right:4%; border-right:1px solid #b2b2b2; min-height:200px; }
.dv-cpt-clt > .col-2{ display:block; float:left; width:55%; 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 270px;
	}
a.btn-changer:hover{ color:#1a9fb9; background:#ffffff; border:1px solid #1a9fb9; }

.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; }
.tb-historique-cmd > table td{ border:1px solid #b2b2b2; font:13px/18px '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; }




/* tmp */
.formCssTmp{}
.formCssTmp{ margin:50px; }
.formCssTmp input{ display:block; margin:8px; border:1px solid #999; background-color:#efefef; padding:5px;  }

/* ****************************************************************************** */
/* ****************************************************************************** */











/*  contact */

#div_contact{ display:block; padding:40px; margin-bottom:50px; }
.dv-2col-70{ display:block; float:left; border:1px none #ff0000; background:none; width:59%; max-width:710px; min-height:180px; margin:0 7% 0 0; }
.dv-2col-30{ display:block; float:left; border:1px none #ff0000; background:#f6f6f7; width:34%; max-width:410px; min-height:180px; margin:0; }
.dv_bgc-contactez{ background:#fff; }

/* formulaire */

.formulaire_c{ display:block; padding-top:30px; }

/* ** css select ** */

.styleselect1 {
	margin-top:5px;
	border: 0;
	color: #000;
	padding: 18px 20px;
	width: 220px;
	background:url(../images/select_fleche_grise.png) no-repeat scroll 180px center;
	-webkit-appearance: none;
	border:1px solid #706f6f;
	font:14px/16px 'Ubuntu', sans-serif; font-weight:400; 
	outline:none;
	-moz-border-radius		: 0px;
	-webkit-border-radius	: 0px;
	border-radius			: 0px;
	overflow:hidden;
}

.styleselect2 {
	margin-top:0px;
	border: 0;
	color: #000;
	padding: 5px 10px;
	width: 128px;
	background:#ffffff url(../images/select_fleche_grise.png) no-repeat scroll 100px center;
	border:1px solid #706f6f;
	-webkit-appearance: none;
	font:14px/18px 'Ubuntu', sans-serif; font-weight:300; 
	outline:none;
	-moz-border-radius		: 0px;
	-webkit-border-radius	: 0px;
	border-radius			: 0px;
	overflow:hidden;
}

.styleselect3 {
	margin-top:0px;
	border: 0;
	color: #000;
	padding: 5px 10px;
	width: 468px;
	background:#ffffff url(../images/select_fleche_grise.png) no-repeat scroll 430px center;
	border:1px solid #706f6f;
	-webkit-appearance: none;
	font:14px/18px 'Ubuntu', sans-serif; font-weight:300; 
	outline:none;
	-moz-border-radius		: 0px;
	-webkit-border-radius	: 0px;
	border-radius			: 0px;
	overflow:hidden;
}

/* *** */

.formulaire_c div{ display:block; float:left; margin:1% 2% 1% 0; width:99%; min-height:20px; background:none; }

.formulaire_c label{ display:block; font:16px/22px 'Ubuntu', sans-serif; color:#000; margin-bottom:2px; }
.formulaire_c input{ display:block; padding:6px; width:98%; background:#fff; border:1px solid #706f6f; border-radius:0px; font:14px/16px Arial; color:#231f20; }
.formulaire_c textarea{ display:block; padding:6px; width:98%; height:150px; background:#fff; border:1px solid #706f6f; border-radius:0px; font:14px/16px Arial; color:#231f20; }

.formulaire_c div.clearFl{ clear:both; float:none; width:1px; min-height:1px; visibility:hidden; }

.dvf-langue{ }
.formulaire_c div.dvf-civ{ width:18%; } 						.formulaire_c div.dvf-civ input{ width:85%; text-align:center; }
.formulaire_c div.dvf-nom{ width:39%; } 						.formulaire_c div.dvf-nom input{ width:95%; }
.formulaire_c div.dvf-prenom{ width:38%; margin-right:0; } 		.formulaire_c div.dvf-prenom input{ width:95%; }
.formulaire_c div.dvf-email{ }
.formulaire_c div.dvf-adresse{ }
.formulaire_c div.dvf-cp{ width:13%; }  						.formulaire_c div.dvf-cp input{ width:85%; text-align:center; }
.formulaire_c div.dvf-ville{ width:84%; margin-right:0; }		.formulaire_c div.dvf-ville input{ width:97.5%; }
.formulaire_c div.dvf-pays{ width:32%; }						.formulaire_c div.dvf-pays input{ width:94%; }
.formulaire_c div.dvf-tel{ width:32%; }							.formulaire_c div.dvf-tel input{ width:94%; }
.formulaire_c div.dvf-rappel{ width:32%; margin-right:0; margin-top:36px; } 	.formulaire_c div.dvf-rappel label{ line-height:17px; }
.formulaire_c div.dvf-interet{ width:29%; margin-right:0; }		
.formulaire_c div.dvf-objet{ width:66%; }						.formulaire_c div.dvf-objet input{ width:97%; }
.formulaire_c div.dvf-catalogue{ width:29%; margin-right:0; margin-top:25px; } 	.formulaire_c div.dvf-catalogue label{ line-height:16px; }
.formulaire_c div.dvf-message{ }								.formulaire_c div.dvf-message textarea{ }
.formulaire_c div.dvf-autorise{ width:100%; }
.formulaire_c div.dvf-btnenvoi{ width:25%; margin-right:0; }

/* 
a.cs-btn-form, a.cs-btn-form:link { margin:initial; background-color:none; width:168px; }
a.cs-btn-form:hover { color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9;  }
 */
 
.cs-btn-form, a.cs-btn-form, a.cs-btn-form:link{ 
	display:block; color:#1a9fb9; font:20px/26px 'Ubuntu', sans-serif; font-weight:500; 
	background:none; border:1px solid #1a9fb9; 
	transition:0.2s ease; 
	text-align:center;
	width:200px;
	margin:15px 0;
	padding:11px 20px;
	border-radius:5px;
	}
a.cs-btn-form:hover{ color:#ffffff; background:#1a9fb9; border:1px solid #1a9fb9; }
 
.btn-lb-devis, a.btn-lb-devis, a.btn-lb-devis:link, a.btn-lb-devis:hover{  width:280px; margin:17px 0;  }


input.stcheck1[type="checkbox"]{ display:none; }
input.stcheck1[type="checkbox"] + label::before{
    content:"";
    display:block;
	float:left;
    width:28px;
    height:30px;
    background:url(../images/checkbox_form.png) 4px 0px no-repeat;
}
input.stcheck1[type="checkbox"]:checked + label::before{
    /* background-position:4px -143px;	 */
    background-position:4px -92px;	
}

input.stcheck2[type="checkbox"]{ display:none; }
input.stcheck2[type="checkbox"] + label::before{
    content:"";
    display:block;
	float:left;
    width:25px;
    height:70px;
    background:url(../images/checkbox_form.png) 0 2px no-repeat;
}
input.stcheck2[type="checkbox"]:checked + label::before{
    background-position:0 -90px;	
}

/* contact col right */

.tb-contact{ display:block; background-color:#f6f6f7; }
.tb-contact .logo{ display:block; }
.tb-contact .logo img{ display:block; width:90%; max-width:310px; height:auto; margin-left:10px; }
.td-contact-adresse{}
.td-contact-adresse img{ display:block; margin:auto; width:90px; height:auto; }
.td-contact-adresse div, .td-contact-adresse a{ display:block; font:16px/25px 'Ubuntu', sans-serif; color:#231f20; padding-top:10px; text-transform:uppercase; }
.td-contact-adresse a{ font-weight:300; padding-top:0;}
.td-contact-adresse hr{ display:block; border:0; padding:0; margin:10px; }


.tb-contact .visuel{ display:block; width:340px; height:260px; margin:auto; padding-top:30px; margin-bottom:20px;  }
.tb-contact .visuel img{ display:block; width:100%; height:auto; margin:auto; }


.tb-contact .plan{ display:block; width:338px; height:260px; margin:auto; padding-top:30px; margin-bottom:20px; }
.tb-contact .plan a{ display:block; }
.tb-contact .plan img{ display:block; width:100%; height:auto; margin:auto; }
.tb-contact .borderplan{ border:1px solid #aaaaaa; }

.txt-infos{ display:block; height:auto; min-height:55px; width:270px; margin:auto;  font:16px/22px 'Ubuntu', sans-serif; color:#000000; font-weight:500; 
			background:url(../images/contact_ico_tel.png) left top no-repeat;
			padding:15px 0 0 70px;			
		  }
.txt-infos a{ font:16px/22px 'Ubuntu', sans-serif; color:#000000; font-weight:500; }
.txt-infos a:hover{ color:#1a9fb9; }
.info-tel{ background-image:url(../images/contact_ico_tel.png);  }
.info-mail{ background-image:url(../images/contact_ico_mail.png);  }
.info-loc{ background-image:url(../images/contact_ico_loc.png);  }
.info-heure{ background-image:url(../images/contact_ico_heure.png);  }

.dv-lb-message{ 
	display:none; position:absolute; z-index:15; margin:320px 0 0 20px; width:900px; padding:100px 20px; background:#fff; border-radius:10px; border:3px solid #1a9fb9; font:22px/40px 'Ubuntu'; text-align:center;
}


.cache-btn{ display:none; position:absolute; height:900px; width:800px; background:none; opacity:0.2; z-index:10; }

/* cs faq */
.cs-faq-item{
	display:block; 	margin-left:70px; margin-top:0px;
}

.cs-faq-item div.item-faq{ display:block; margin:20px 0 20px 0; cursor:pointer; }
.cs-faq-item div.item-faq > h3{ color:#158da4; font-size:1.2rem; font-weight:500; line-height:1.5rem; }
.cs-faq-item div.item-faq > h3:before{ content : "> "; }
.cs-faq-item div.item-faq > p{ padding-left:18px; }
.cs-faq-item hr{ 
	border:2px dotted #a0cad2; 
	border-bottom:none; 
	border-left:none; 
	border-right:none; 
}

.cs-faq-item div.item-faq > h3{ display:inline-block; margin-right:20px;  }

.dvPlusFaq, a.dvPlusFaq, a.dvPlusFaq:link { 
	display:inline-block;
	height:15px; width:15px;
	text-align:center;
	font:1.3rem/1rem Arial; 
	padding:5px; border:1px solid #1E9FB9;
	border-radius:50%;
	color:#1E9FB9;
	text-decoration:none;
	background-color:#fff;
}
a.dvPlusFaq:hover { 
	border-color:#3A740C;
	color:#3A740C;
	background-color:#E5FFCF;
}

/* LB demande de devis */

.dv-lb{
	display:none; background:#f7f5f5 url(../images/ombre_pop.jpg) right top no-repeat; min-height:840px; width:90%; max-width:1080px; box-shadow:0 0 15px 2px #888888;
	position:absolute; left:0; right:0; margin:-12px auto; z-index:1000;
}

.cscont-lb { display:block; margin:39px 0 0 50px; }
.cscont-lb .col-1{ display:block; float:left; background:none; width:52%; margin-right:2%; }
.cscont-lb .col-1devis{ width:48%; margin-right:4%; }
.cscont-lb .col-2{ display:block; float:left; background:none; width:46%; }

.cscont-lb .lb-dv-titre{ display:block; background:url(../images/carre_text.png) 0 0 no-repeat; padding:48px 20px 20px 135px; margin:-30px 0 0 -40px; height:100px; }
.cscont-lb .lb-titre{ display:block; font:42px/42px 'Ubuntu', sans-serif; color:#000000; font-weight:400; margin-bottom:5px; }
.cscont-lb .lb-stitre{ display:block; font:16px/20px 'Ubuntu', sans-serif; color:#000000; font-weight:500; margin-bottom:10px; margin-left:4px; text-transform:uppercase; }
.cscont-lb .lb-stitre b{ font-size:18px; color:#1a9fb9; font-weight:800; }

		
.formulaire_d div{ display:block; float:left; margin:1% 2% 1% 0; width:99%; min-height:20px; background:none; }

.form-lb label{  display:block; font:16px/22px 'Ubuntu', sans-serif; color:#1d1d1b; font-weight:400; margin-bottom:8px;  }
.form-lb input{ display:block; padding:6px 6px; width:98%; border:1px solid #706f6f; border-radius:0px; font:14px/16px 'Ubuntu'; background:#f7f5f5; color:#1d1d1b; }
.form-lb div.dvf-civ > select{ display:block; padding:5px 6px; width:98%; border:1px solid #706f6f; border-radius:0px; font:14px/16px 'Ubuntu'; background:#f7f5f5; color:#1d1d1b; }
.form-lb textarea{ display:block; font:14px/18px 'Ubuntu', sans-serif; color:#1d1d1b; font-weight:400; margin-bottom:5px; height:415px; width:93%; padding:2%; border:1px solid #706f6f; border-radius:0px; background:#f7f5f5; }

.form-lb div.clearFl{ clear:both; float:none; width:1px; min-height:1px; visibility:hidden; }

.form-lb div.dvf-civ{ width:22%; } 							.form-lb div.dvf-civ input{ width:85%;  text-align:center; }
.form-lb div.dvf-nom{ width:37%; } 							.form-lb div.dvf-nom input{ width:92%; }
.form-lb div.dvf-prenom{ width:37%; margin-right:0; } 		.form-lb div.dvf-prenom input{ width:92%; }
.form-lb div.dvf-email{ width:63%; }  						.form-lb div.dvf-email input{ width:95%; }
.form-lb div.dvf-adresse{ }
.form-lb div.dvf-cp{ width:20%; }  							.form-lb div.dvf-cp input{ width:85%; text-align:center; }
.form-lb div.dvf-ville{ width:77%; margin-right:0; }		.form-lb div.dvf-ville input{ width:97.5%; }
.form-lb div.dvf-pays{ width:33%; }							.form-lb div.dvf-pays input{ width:94%; }
.form-lb div.dvf-tel{ width:34%; margin-right:0; }			.form-lb div.dvf-tel input{ width:94%; }
.form-lb div.dvf-autorise{ width:100%; margin-bottom:10px; }
.form-lb div.dvf-btnenvoi{ width:70%; margin-right:0px; }

/* .btn-lb-contact{ width:570px; } */

.cs-champs-error{ border-color:#ff0000 !important; }
.cs-label-error{ color:#ff0000 !important; }

.dvf-typeprojet{ display:block; float:left; }
.dvf-importfile{ display:block; float:left; margin-left:20px; background:none; position:absolute; margin:167px 0 0 228px; }


a.btn-importfile{ 
	display:block; background:url(../images/ico_import.png) 9px 9px no-repeat; 
	height:36px; width:165px; 
	border:1px solid #706f6f;
	color:#1a9fb9; font:14px/18px 'Ubuntu', sans-serif; font-weight:700; 
	padding:16px 8px 0px 55px; border-radius:0;
	margin-top:76px; margin-left:8px;
	transition:0.2s ease;
	}
a.btn-importfile:hover{ 
	background-color:#850744; color:#fff; 
}


a.btn-modif-date{ 
	display:block; background:#fff; 
	height:20px; width:130px; 
	border:1px solid #706f6f;
	color:#1a9fb9; font:13px/20px 'Ubuntu', sans-serif; font-weight:500; 
	padding:3px 3px; border-radius:0;
	margin:auto;
	transition:0.2s ease;
	}
a.btn-modif-date:hover{ 
	background-color:#850744; color:#fff; 
}

a.cs-btn-form2, a.cs-btn-form2:link { margin:initial; padding:8px 8px; width:15%; min-width:270px; background-color:#5d9d14; border:1px solid #5d9d14;  }
a.cs-btn-form2:hover { border:1px solid #231f20; background-color:#231f20; }


/* LB demande de contact */


.dv-visuel-lb-contact{ display:block; width:311px; height:auto; margin:auto; overflow:hidden; }
.dv-visuel-lb-contact > .visuel{ display:block; width:311px; height:auto; overflow:hidden; }
.dv-visuel-lb-contact > .visuel img{ display:block; width:auto; height:auto; }
.dv-visuel-lb-contact > .ombre{ display:block; width:auto; height:15px; background:url(../images/ombre_visuel_contact.png) center top no-repeat; }
		
.dv-infos-lb-contact{ display:block; width:340px; height:auto; margin:auto; overflow:hidden; }
.dv-infos-lb-contact > .txt-contact{ display:block; font:20px/24px 'Ubuntu', sans-serif; color:#000000; font-weight:700; text-transform:uppercase; margin-bottom:5px; }
.dv-infos-lb-contact > .txt-num{ display:block; font:36px/40px 'Ubuntu', sans-serif; color:#1a9fb9; font-weight:700; text-transform:uppercase; margin-bottom:30px; }

/* 

a.cs-btn-form3, a.cs-btn-form3:link { margin:initial; padding:18px 10px; width:15%; min-width:280px; background-color:#706f6f; border:1px solid #706f6f;  }
a.cs-btn-form3:hover { border:1px solid #5d9d14; background-color:#5d9d14; }

*/
 
#add_rappel{ display:none; position:absolute; background:#e5e5e5; height:558px; width:419px; padding:20px; }
#add_rappel .titre{ display:block; padding-bottom:30px; margin-bottom:15px; border-bottom:1px solid #000000; font:30px/32px 'Ubuntu', sans-serif; color:#1a9fb9; font-weight:300; }
		
.form-rappel div{ display:block; float:left; margin:0% 2% 0% 0; width:99%; min-height:20px; background:none; }

.form-rappel label{  display:block; font:16px/22px 'Ubuntu', sans-serif; color:#1d1d1b; font-weight:400; margin-bottom:8px;  }
.form-rappel input{ display:block; padding:6px 6px; width:98%; border:1px solid #706f6f; border-radius:0px; font:14px/16px 'Ubuntu'; background:#f7f5f5; color:#1d1d1b; }
.form-rappel select{ display:block; padding:5px 6px; width:98%; border:1px solid #706f6f; border-radius:0px; font:14px/16px 'Ubuntu'; background:#f7f5f5; color:#1d1d1b; }
.form-rappel textarea{ display:block; font:14px/18px 'Ubuntu', sans-serif; color:#1d1d1b; font-weight:400; margin-bottom:5px; height:415px; width:93%; padding:2%; border:1px solid #706f6f; border-radius:0px; background:#f7f5f5; }

.form-rappel div.dvf-civ{ width:23%; } 							.form-rappel div.dvf-civ select{ width:100%;  text-align:center; }
.form-rappel div.dvf-nom{ width:35%; margin-right:12px; } 							.form-rappel div.dvf-nom input{ width:92%; }
.form-rappel div.dvf-prenom{ width:35%; margin-right:0; } 		.form-rappel div.dvf-prenom input{ width:95%; }
.form-rappel div.dvf-email{ width:98%; }  						.form-rappel div.dvf-email input{ width:99%; }
.form-rappel div.dvf-tel{ width:60%; }							.form-rappel div.dvf-tel input{ width:95%; }
.form-rappel div.dvf-horaire{ width:38%; margin-right:0; }		.form-rappel div.dvf-horaire input{ width:90%; }
.form-rappel div.dvf-btnenvoi{ width:63%; }
.form-rappel div.dvf-btannule{ width:28%; margin-right:0px; }

.form-rappel div.dvf-langue{ width:63%; margin-right:0px; }

a.cs-btn-rappel, a.cs-btn-rappel:link { margin:initial; padding:8px 8px; width:15%; min-width:200px;   }
a.cs-btn-rappel:hover {  }

a.cs-btn-annule, a.cs-btn-annule:link { margin:initial; padding:8px; width:15%; min-width:130px; background-color:#1a9fb9; border:1px solid #1a9fb9; color:#fff;  }
a.cs-btn-annule:hover { color:#1a9fb9; background:none; border:1px solid #535353; }

a.btn-close-lb, a.btn-close-lb:link { 
	display:block; position:absolute; padding:4px 11px 5px 12px; 
	border-radius:0%; font:20px/26px 'Ubuntu'; font-weight:400; 
	background-color:#f7f5f5; border:1px solid #706f6f;  
	right:-6px; top:-8px; color:#1a9fb9; transition:0.2s ease;
}
a.btn-close-lb:hover { border:1px solid #1a9fb9; color:#fff; background:#1a9fb9; }

.mentionLbContact{ display:block; float:left; width:128px; margin-top:48px; font:12px 'Ubuntu', sans-serif; color:#666; }


/* mentions legales */

.sepLignSousTitre1{ display:block; width:100%; 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{ font:1rem/1.5rem 'Ubuntu', sans-serif; font-weight:400; color:#000000; width:100%; max-width:100%; margin:0 4% 0 0; text-align:justify; }
.cs-txt-mention h2{ font-size:18px; font-weight:500;  color:#1a9fb9; margin-top:40px;  }
.cs-txt-mention ul{ margin:0; padding:10px 20px; }
.cs-txt-mention li{ margin:0; padding:5px; }
.cs-txt-mention a{ font:1rem/1.5rem 'Ubuntu', sans-serif; font-weight:400; color:#000; text-decoration:underline; }
.cs-txt-mention a:hover{ color:#1a9fb9; }


/* .cs-txt-mention { } */

.cs-txt-mention .list-niv-0{ list-style-type: none; }
.cs-txt-mention .list-niv-1{ list-style-type: upper-alpha; }
.cs-txt-mention .list-niv-2{ list-style-type: upper-numeric; }
.cs-txt-mention .list-niv-3{ list-style-type: square; }
.cs-txt-mention .list-niv-4{ list-style-type: lower-alpha; }

/* ************** FOOTER *************** */

#div_footer{ display:block; position:relative; width:auto; min-height:150px; padding:40px 0 80px 0; border-top:2px none #706f6f; bottom:0;  }
.dv-25{ display:block; float:left; border:1px none #0000ff; width:20%; min-height:180px; margin:1%; margin-right:70px; padding-top:130px; }
.dv-25:first-child{ padding-top:0px; width:15%; margin-right:10%; }
.dv-25:nth-child(2){ padding-top:75px; width:25%; }
.dv-25:nth-child(3){ padding-top:72px; }
.dv-25:nth-child(4){ padding-top:72px; min-width:1%; width:15%; margin-right:0px;  }

#div_footer .logo{ display:block; height:130px; width:auto; max-width:100%; min-width:150px; }
#div_footer .logo img{ display:block; height:auto; width:100%; max-width:180px; margin:auto; }

#div_footer .st-font{  font:18px/22px 'Ubuntu', sans-serif; font-weight:300; color:#000000; text-transform:uppercase; }
#div_footer .st-font b{  font-weight:800; }
#div_footer .st-font a {  font:18px/22px 'Ubuntu', sans-serif; color:#000000; font-weight:300; }
#div_footer .st-font a:hover {  color:#1a9fb9; }
#div_footer .st-font a.f-16px {  font-size:16px;  }
#div_footer .st-font a.mb-10px { display:block; padding-bottom:10px;  }


.dv-courbe-trans{ display:block; position:absolute; width:100%; min-width:2000px; height:80px; top:-57px; z-index:10; }
img.pos-vague-footer{ display:block; width:100%; height:auto; }

a.footer-lk-rxFb{ display:block; background:url(../images/rx_fb.svg) 0 10px no-repeat; height:30px; width:200px; padding-left:40px; padding-top:10px; text-transform:initial; }
a.footer-lk-rxFb:hover{ background-position:0 -70px; }

a.footer-lk-rxTk{ display:block; background:url(../images/rx_tk.svg) 0 10px no-repeat; height:30px; width:200px; padding-left:40px; padding-top:10px; text-transform:initial; }
a.footer-lk-rxTk:hover{ background-position:0 -70px; }

/* a.footer-lk-rxLk{ display:block; background:url(../images/rx_lk.png) 0 5px no-repeat; height:30px; width:200px; padding-left:40px; padding-top:5px; text-transform:initial; } */
/* a.footer-lk-rxLk:hover{ background-position:0 -149px; } */

/* a.footer-lk-rxTw{ display:block; background:url(../images/rx_tw.png) 0 10px no-repeat; height:30px; width:200px; padding-left:40px; padding-top:10px; text-transform:initial; } */
/* a.footer-lk-rxTw:hover{ background-position:0 -144px; } */

a.footer-lk-rxInsta{ display:block; background:url(../images/rx_insta.svg) 0 10px no-repeat; height:30px; width:200px; padding-left:40px; padding-top:10px; text-transform:initial; }
a.footer-lk-rxInsta:hover{ background-position:0 -70px; }

/* a.footer-lk-rxPint{ display:block; background:url(../images/rx_pint.png) 0 10px no-repeat; height:30px; width:200px; padding-left:40px; padding-top:10px; text-transform:initial; } */
/* a.footer-lk-rxPint:hover{ background-position:0 -144px; } */

#div_footer a.lk-FB { 
	display:block; height:48px; width:200px; padding-top:25px;
	background:url(../images/ico_fb.png) 140px -2px no-repeat; 
	font:12px/16px 'Ubuntu', sans-serif; color:#7b7e79; font-weight:700;
}
#div_footer a.lk-FB:hover { color:#231f20; background-position:140px -134px; }

#div_footer hr{ display:block; margin:0px 0; border:none; }

.columns-prd-footer {
	-webkit-columns	: 2;
	-moz-columns	: 2;
	columns			: 2;
}

.credit-footer{ font:11px/15px 'Ubuntu', sans-serif; font-weight:300; color:#fff; padding:22px 0 22px 0; text-align:center; }
.newsletter-footer{ font:11px/15px 'Ubuntu', sans-serif; font-weight:300; color:#fff; min-height:62px; }
.lk-btn-newsletter, a.lk-btn-newsletter, a.lk-btn-newsletter:link{ 
	display:block; position:absolute; right:0; top:6px; padding-top:5px;
	/* display:block; position:relative; margin:auto; top:11px; padding-top:5px; */
	font:18px/20px 'Ubuntu', sans-serif; font-weight:700; color:#000; 
	background:url(../images/ico_newsletter.png) 200px 0 no-repeat; 
	height:46px; width:256px;
	}
a.lk-btn-newsletter:hover{ color:#1a9fb9; background-position: 200px -70px; }

/* add css CK */

.ck-gras{ font-weight:bold; }
.ck-img-left{ float:left; }
.ck-img-right{ float:right; }



/* 2024-11-08 */

.ct-condition-sav{ font-size:1rem; }
.ct-condition-sav ul{ padding-top:10px; }
.ct-condition-sav li{ margin-bottom:5px; }
.ct-condition-sav a{ font-size:1rem; text-decoration:underline; color:#006133; font-weight:400; }
.ct-condition-sav h2{ font-size:1.8rem; color:#1a9fb9; font-weight:500; }
.ct-condition-sav h3{ font-size:1.4rem; color:#1a9fb9; font-weight:500; }



/* **************************************************************************** */