/* CSS Document */
/* *{border:1px solid #f00;} */

body,h1,h2,h3,h4,h5,h6,p{
margin: 0;
padding: 0;
}
body {
font-family: Tahoma, Helvetica, Arial, sans-serif;
color:#000;
font-size:11px;
}
body.deg{
background:url(../images/fond.gif) repeat-x #F9AFD5;
}

body.popup {
margin:15px;
}
body.popup #chemin #outils{
display:none;
}
body.popup * {
	background:none;
	color:#000000;
}
body.send{
	background:none;
	color:#000000;
	margin:0px;
}
ul{
color:#9f5a8e;
}

/****************** MISE EN PAGE ********************/

#conteneur{
width:956px;
margin:auto;
background:url(../images/fond_page.gif) repeat-y;
position:relative;
}
#conteneur_com_det{
width:956px;
margin:auto;
position:relative;
}

body.popup #conteneur{
width:575px;
}
/****/
#lien_home{
	position:absolute;
	top:10px;
	left:20px;
}
#gauche{
float:left;
width:169px;
padding:0px 0px 0px 17px;
}
.haut_bloc{
width:149px;
height:33px;
text-align:right;
padding:9px 8px 0px 0px;
background:url(../images/panier_fond_haud.gif) no-repeat;
}
.haut_bloc_espcl{
width:149px;
height:35px;
text-align:right;
padding:7px 8px 0px 0px;
background:url(../images/connect_fond_haut.gif) no-repeat;

}
.haut_bloc_promo{
width:149px;
height:35px;
text-align:right;
padding:7px 8px 0px 0px;
background:url(../images/promo_fond_haut.gif) no-repeat;

}
.haut_bloc_coll{
width:157px;
height:10px;
background:url(../images/prod_fond_haut.gif) no-repeat;
margin:0px;
}
.milieu_bloc{
position:relative;
width:157px;
padding:0px 5px 0px 5px;
background:url(../images/panier_fond.gif) repeat-y;
}
.bas_bloc{
width:157px;
height:9px;
background:url(../images/panier_footer.gif) no-repeat;
margin-bottom:23px;
}
#catalogue{
	margin-top:10px;
}
#espace_client, #bienvenue, #promo{
margin:35px 0px 0px 15px;
}
#espace_client #haut, #bienvenue #haut{
padding: 5px 8px 15px 7px;
background:url(../images/panier_fond_haut.gif) no-repeat;
}
#promo #form{
padding:0px 33px 0px 0px;
background:url(../images/panier_fond.gif) repeat-y;
text-align:right;
}
#espace_client #form{
padding:0px 33px 0px 0px;
background:url(../images/panier_fond.gif) repeat-y;
text-align:right;
}
#bienvenue #form{
text-align:left;
padding:0px 0px 0px 10px;
background:url(../images/panier_fond.gif) repeat-y;
}
#espace_client #bas, #bienvenue #bas{
height:9px;
background:url(../images/panier_footer.gif) no-repeat;
}
/****/
#milieu{
position:relative;
float:left;
width: 544px;
padding:10px 22px 30px 13px;
}
#milieu_g{
padding-top:26px;
float:left;
width:295px;
}
#milieu_d{
padding-top:26px;
float:left;
width:245px;
}
#chemin{
width:565px;
margin-bottom:12px;
padding-left:5px;
color:#666;
}
#selection{
padding:0px 0px 0px 5px;
border-left:1px solid #9d8093;
margin-left:9px;
}
.prod_selection{
	width:120px;
	height:120px;
	margin:0px 10px 10px 0px;
	position:relative;
	float:left;
}
.cache_selection{
	position:absolute;
	top:0px;
	left:0px;
}
#edito{
	padding:0px 0px 0px 5px;
	border-left:1px solid #9d8093;
	margin-left:9px;
}
#edito p{
	color:#9f5a8e;
	font-weight:bold;
	margin:0px; 
	padding:0px;
	font-size:13px;
}
.titreHome{
margin-bottom:17px;
}
#milieu_pres{
position:relative;
float:left;
width: 569px;
padding:10px 0px 30px 10px;
}
#milieu_pres #titreGamme{
height: 165px;
background-image: url(../images/presentation_fond_titre.jpg);
background-repeat: no-repeat;
color:#fff;
font-size: 1.46em;
font-weight: bold;
text-align: left;
position:relative;
width:135px;
padding:0px;
}
#milieu_pres #titreGamme #int_titreGamme{
	position:absolute;
	bottom:6px;
	left:8px
	
}
.vignetteGamme{
float: left;
width: 123px;
height: 153px;
margin: 0px 6px 8px 0px;
padding: 6px;
background: url(../images/presentation_fond_prod.gif) no-repeat;
text-align: center;
position:relative;
}

#formPerso input.text{
	margin:5px 0px 5px 0px;
}
span.txt_perso{
	color:#f09;
}

.nouveautes{
	float: left;
	width: 249px;
	height: 120px;
	margin: 0px 17px 18px 0px;
	padding: 9px;
	background-image: url(../images/nouveautes_fond_prod.gif);
	background-repeat: no-repeat;
	text-align: left;
}

#facebook {
	width: 100px;
	height: 21px;
	text-align: center;
	margin-top: 20px;	
}

#LikePluginPagelet {
	width: 180px;	
}

.connect_widget_interactive_area {
	width: 180px;	
}

#connect_widget_4dd6712eee9462854072442 {
	width: 180px;
}

#LikePluginPagelet {
	width: 100px;
}

.bloc_nouv{
	margin:5px 0px 23px 0px;
}
#bloc_decouvrir{
	margin-bottom:10px;
}
#fiche{
position: relative;
width: 551px;
padding: 10px 10px 0px 10px;
height: 315px;
}
html>body #fiche {
height: auto;
min-height: 305px;
} 
div.option{
float: left;
height: 60px;
margin-right: 8px;
text-align: center;
}
.clearerLeft{
clear: left;
}
#menuProd{
width: 556px;
margin-left:10px;
}
#menuProdHaut{
height: 15px;
}


#menuProdMid{
	width: 617px;
	margin: 0px 6px 8px -15px;
	padding: 0px;
}

#menuProdTitreGamme{
	background-image: url(../images/produit_fond_titre.gif);
	background-repeat: no-repeat;
	padding: 74px 34px 6px 7px;
	height: 48px;
	width: 108px;

float: right;
display: inline;
margin: 0px 31px 0px 5px;
color: #fff;
font-size: 1.4em;
font-weight: bold;
text-align: right;
font-variant: small-caps;
}

	#menuProdTitreGamme a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-weight:bold;
	}	





#menuProdVignettes{
	position:relative;
	float:left;
	width:376px;
	height:122px;
	overflow:hidden;
	clip:rect(0px 376px 112px 0px);
	margin:0px 3px;
}
.menuProdFleche{
	float:left;
}
#menuProdBas{
width: 571px;
height: 12px;
background-image: url(../images/produit_fond_bas_bas.gif);
background-repeat: no-repeat;
}
#prix{
	position: relative;
	right: 3px;
	top: -10px;
	width:160px;
	height:19px;
	padding:5px 5px 5px 5px;
	background:url(../images/produit_fond_prix.gif) no-repeat;
	text-align:left;
	font-size:1.2em;
	color:#9f5a8e;
}

#prixRemise
{
	position: absolute;
	right: 10px;
	top: 10px;
	width:80px;
	height:25px;
	padding:2px 5px 2px 5px;
	background:url(../images/produit_fond_prix.gif) no-repeat;
	text-align:right;
	font-size:1.2em;
	line-height:1;
	color:#9f5a8e;
}
#prixRemise span
{
	text-decoration:line-through;
	font-size:0.8em;
}

#prod_flag{
	position:absolute;
	top:0;
	right:0px;
}
.prod_flag2{
	position:absolute;
	top:0;
	left:67px;
}
.prod_flag3{
	position:absolute;
	top:3px;
	right:21px;
}
.optionPanierRoll{
	padding: 3px;
	border: 1px solid #772A57;
	background-color: #f1eceb;
}
.prod_lie{
	padding-left:5px;
}

#tableau{
	width:235px;
}

#tableau1, #tableau2{
	display:none;
	width:235px;
}

	#enteteTableau, #enteteTableau2 {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	}



/****/
.para_panier{
	padding:0px; 
	color:#000; 
	margin:0px 0px 0px 32px; 
	line-height:1;
}
#droite{
float:left;
width:191px;
}
#langues{
position: relative;
height: 24px;
background:url(../images/fond_flag.gif) no-repeat;
text-align:right;
padding:4px 10px 0px;
}
#panier{
margin:0px 0px 20px 15px;
}
#panier_home{
margin:20px 0px 0px 15px;
}

#panierHaut{
padding:5px 8px 15px 7px;
background:url(../images/panier_fond_haut.gif) no-repeat;
}
#panierMid{
padding:0px 30px 0px 7px;
background:url(../images/panier_fond.gif) repeat-y;
text-align:right;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#panierBas{
height:9px;
background:url(../images/panier_footer.gif) no-repeat;
}
#infoStock{
display:none;
border:1px dashed #CC0000;
background:#fff;
color:#333;
padding:5px;
margin:5px;
}
.adresseBoncom
{
width:80%;
text-align:left;
}

#plan_site, #plan_catalogue{
	float:left;
}
#plan_site {
	width:240px;	
}
#plan_catalogue{
	width:300px;
	border-left:1px dashed #ccc;
}
/****************** MENU ********************/


/****/
#footer{
position:relative;
margin:auto;
clear:both;
width:956px;
height:33px;
background:url(../images/footer_fond.gif) no-repeat;
}
/****/
.clearer{
	clear:both;
}
.clearer_panier{
	clear:both;
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
	margin-bottom:4px;	
}

.pfooter{
	color:#fff;
	text-align:left;
	margin-bottom:0px;
}
/****************** TABLES ********************/
td.prod_des{
padding-left:20px;
}
table.panier{
border:#9f5a8e 1px solid;
border-width:1px 0px 0px 1px;
}
table.panier td, table.panier th{
border:#9f5a8e 1px solid;
border-width:0px 1px 1px 0px;
padding:3px;
}
table.panier th{
background-color:#f1eceb;
color:#9f5a8e;
}
td.infoPrix{
background-color:#9f5a8e;
color:#FFFFFF;
font-size:10px;
}
table.options{
width:230px;
margin-left:10px;
}
table.optionsPro{
width:229px;
margin:0px 0px 2px 3px;
padding-bottom:2px;
border-bottom:#ccc 1px solid;
}
table.adr th{
width:130px;
text-align:right;
}
.prix{ padding-left:3px; font-weight:bold}
.petit{padding:0px 0px 0px 3px; font-size:0.9em}
#choixOptions, #tableau_commande{
	position:relative;
}
.blanc{
	position:absolute;
	bottom:23px;
	left:3px;
	z-index:1;
}
/****************** LISTES ********************/
ul#plan{
	padding-left:8px;
}
ul#plan ul li{
	margin:10px 15px 10px 15px;
	padding-left:15px;
	background:url(../images/glb_puce_fleche.gif) no-repeat 0px 2px;
}
ul#plan li{
	margin:15px;
	padding-left:15px;
	background:url(../images/glb_puce_fleche.gif) no-repeat 0px 5px;
	list-style:none;
	font-size:1em;
}
ul#plan ul{
	padding-left:8px;
	list-style:none
}
#listeDevises{
display: none;
position: absolute;
left: 4px;
top: 20px;
width: 133px;
margin: 0px;
padding: 0px;
list-style: none;
background-color:#fff;
border: 1px solid #9f5a8e;
border-top-width: 0px;
}
#listeDevises li{
padding-left: 15px;
padding-right: 5px;
background-image: url(../images/glb_puce_devise.gif);
background-repeat: no-repeat;
background-position: 7px 7px;
}
/****************** TITRES ********************/
h1{
font-size: 1.4em;
color:#9F5A8E;
}
.vignetteGamme h1{
font-size: 0.8em;
text-align:left;
padding:0px;
position:absolute;
left:9px;
bottom:7px;
}
#droite h1{
color: #ab4636;
margin:10px 0px 5px 0px;
}
#fiche h1{
margin:0px 0px 5px 0px;
color: #9F5A8E;
}
h2{
margin-bottom:10px; 
padding:5px 0px 2px 5px;
color: #9f5a8e;
border-bottom:1px #9f5a8e solid;
font-size: 1.4em;
}
h2.prix{
margin:0;
margin-bottom:7px; 
padding:0;
color: #FFFFFF;
font-size: 1.2em;
background:none;
}
h3{
margin-top:10px; 
margin-bottom:5px; 
color: #555555;
font-size: 1.1em;
}
h3.adresseBoncom{
font-size: 1.1em;
border-bottom:solid #555 1px;
}
h4{
font-size: 1em;
margin-top:7px; 
margin-bottom:3px;
font-weight:normal;
color: #000000;
}
h4.panier{
font-size: 1.1em;
color: #9f5a8e;
margin-left:10px;
}
b.tab_title{
font-size: 1.1em;
color: #ab4636;
}
h5 {
   font-size:2em;
   color:#7F2368;
}


/****************** TEXTES ********************/
.para{
line-height:1.5;
color:#000000;
padding:5px; 
}
p{
line-height:1.5;
color:#000000;
margin-bottom:30px; 
}
p.home_prod{
margin: 0;
padding: 0;
padding-top: 10px;
text-align: center;
color:#9f5a8e;
}
p.clearLeft{
margin: 0;
padding: 0;
clear: left;
}
p.infoPanier{
margin: 5px 0px 0px 0px;
padding: 0;
color:#333333;
font-size:0.9em;
font-style:italic;
}
#droite p{
color: #ab4636;
}
.descriptionProduit{
	margin:10px 0px;
	color:#a05a8e;
	font-weight:bold;
}
.oblig{ 
	color:#A20000;
}
.oblig2{ 
	border:2px dashed #9f5a8e;
	color:#9f5a8e;
	padding:4px;
}
/****************** LIENS ********************/
a, a:link, a:visited, a:active{
color: #7F2368;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}

#chemin a{
color: #000
}
#footer a{
color: #000000
}
#footer_home a{
color: #FFFFFF
}
.vignetteGamme h1 a{
color:#666;
}
a#collection, a#nouv, a#presse, a#concept, a#revendeurs{
display: block;
width:140px;
height:17px;
}
#espace_client #form a{
display: block;
margin-top: 8px;
}
#formPass{
margin-top: 8px;
}
#choixDevise{
display: block;
margin: 0px 10px 5px 0px;
width: 143px;
height: 14px;
}
#langues #fr, #langues #us{
margin:1px;
}
table#options a{
	font-size:11px;
}

/****************** FORMS ********************/
form{display:inline}

select.text{
height:20px;  
padding-left:2px; 
border:1px solid #9f5a8e;
color:#9f5a8e; 
font-family:inherit; 
font-size:11px;
width:150px;
}

input.text{
height:15px;  
padding-left:2px; 
border:1px solid #9f5a8e;
color:#9f5a8e; 
font-family:inherit; 
font-size:11px;
width:200px;
}
textarea{
padding-left:2px; 
border:1px solid #9f5a8e;
color:#9f5a8e; 
font-family:inherit; 
font-size:11px;
width:200px;
}
input.qt{
width:20px;
height:15px; 
padding-right:2px; 
border:1px solid #9f5a8e; 
text-align:right;
color:#9f5a8e; 
font-family:inherit; 
font-size:11px;
}
input.addPanier{
border:1px solid #9f5a8e;
color:#9f5a8e;
font-family:inherit; 
font-size:11px;
background-color:#FFFFFF
}
#espace_client input.text{width:125px; margin-bottom: 5px;}
input.textPetit{width:110px;}
#newsletter input.text{
width:100px; 
height:13px; 
font-size:9px;
}
#newsletter_home input.text{
width:100px; 
height:13px; 
font-size:9px;
}
table.adr input.text{width:200px;}
input.submit{
width:70px; 
border:1px solid #9f5a8e; 
margin-top:5px;
padding:0; 
height:20px; 
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px;
color:#9f5a8e; 
font-style:normal;
}
#avertissement{
	position:absolute;
	margin-left: -250px;
	left:50%;
	background:url(../images/home_fond_avert.jpg) no-repeat #E4DAD7;
	padding:10px 10px 0px 10px;
	top:430px;
	border:#5C3241 2px solid;
	width:480px;
	height:78px;
	z-index:209;
}
#bloc_news{
	text-align: right;
	padding : 42px 0 0 0;
	width: 157px;
	height :95px;
	background: url(../images/fond_news.gif) no-repeat;
	
}
.vente_privee{
	font-size: 13px;
	font-weight: bold;
	padding : 20px 5px 0 5px;
	color: #9F5A8E;
   text-align:center;
}
#bloc_news input{
	margin-right : 5px;
}
p.basic {
	margin-bottom:5px;
	color:inherit;
	line-height:1.4;
}

.imgFooter{
	position:relative; 
	width:956px;
	text-align:center;
	clear:left;
}


.powerby{
	position:relative; 
	width:954px;
	background:#fff;
	font-size:10px;
	color:#666;
	margin:5px auto;
	border:1px solid #C5AFBF;
	padding-top:3px;
}

.powerby a{
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color:#666;
	font-size: 0.9em;
}
.powerby a:hover{
	text-decoration:none;
	color:#000;
}

.texte_facture{
	font-size:11px;
}

/****************************************************/
/************* FORMULAIRE PROFESSIONNELS*************/
/****************************************************/

.proTitre{
	color:#993399;
	font-weight:bold;
}

/****************** IMAGES ********************/
img{border:none}
img.left{
margin-right:5px;
}
img.home_prod{
float: left;
margin: 0px 10px 0px 10px;
border: 1px #990000 solid;

}
img#prod{
border:1px solid #B3B3B3;
margin-bottom: 5px;
}
img.vignetteProd{
border: #bf6eaa 1px solid;
}
img.vignetteProdActiv{
border: #ffbaed 1px solid;
filter: alpha(opacity=50);
opacity: 0.5;
}
img.option{
	border: 1px #fff solid;
}
table#options img.option{
	border: 1px #fff solid;
	margin:0;
}
table#options img{
	margin:0 4px;
}
img.optionPanier{
margin-right: 2px;
float:left;
clear:left;
}
img.optionPanierBon{
float:none;
clear:none;
margin:0px;
}
img.optionCmd{
border: 1px #CC0000 solid;
}
a.cheveux img{
border:#FFFFFF 1px solid
}
#menuChoisirPique{
	margin-bottom:10px;
}
img.validPanier{
	margin-top:8px;
}

.fond_plus {
	background: url(../images/mini-fond.gif) repeat-x;
}

/*----------------------------------------------*/
/*             OUVERTURE SITE                    */
/*----------------------------------------------*/

#formu	{
	margin-bottom:25px;
}
.inputform{
	border:1px solid #9f5a8e;
	color:#9f5a8e;
	font-family:inherit; 
	font-size:11px;
	background-color:#FFFFFF;
	width:70px;
}


/*** DEBUG */

/*	table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p,a {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/

/*table {outline: 1px solid black}
td {outline: 1px dotted gray}
div {outline: 1px solid orange}
img, form {outline: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p,a {outline: 1px solid yellow}
ul {outline: 1px solid green}
li {outline: 1px solid lightgreen}

table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
*//*img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p,a {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/
/*
body.print table {border: 1px solid black}
body.print td {border: 1px dotted gray}
body.print div {border: 1px solid orange}
body.print img, body.print form {border: 1px dashed blue}
body.print h1, body.print h2, body.print h3, body.print h4, body.print h5, body.print h6, body.print p {border: 1px solid yellow}
body.print ul {border: 1px solid green}
body.print li {border: 1px solid lightgreen}
*/