/* CSS Document */
body {
	background-color:#fffeee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#804f6b;
	font-size:10px;
	margin:3px;
}

#global { 
	display:block; 
	width:900px;
	margin-top:20px;
	position:absolute;
	}

#redactionel { 
	float:right;
	width:725px;
	height:auto;
}

	
h3 {font-size:15px; font-weight:bold; margin:3px 0 5px 0;}

h1 {
	font-size:15px; 
	font-weight:bold; 
	margin:3px 0 5px 0;
}


img { border:0 }

a {	color:#804f6b; border:0 }
a:hover { color:#82c22b; text-decoration:none }

td { padding:5px }
th { padding:5px }

.floatleft { float:left; margin-bottom:0; }
.floatleft ul,.floatleft li {
	padding : 2px;
	margin:0;
	margin-left:15px;
}

.floatright {float:right;}
.clearboth { clear:both }
.tdalignright { text-align:right; padding-right:19px }
.debord { height:auto }
.txtRougeGras { color:#ff0000; font-weight:bold }

/*gauche*/
#gauche { position:relative; float:left; margin:0; width:171px }

#fleur { position:absolute; left: 10px; top: 119px }

#gauche ul {
	border-style:solid; border-color:#578403; border-width:1px 1px 0 1px; 
	list-style:none;
	width:131px;
	height:241px;
	margin-left:30px;
	padding:0;
	display:block;
}
#gauche ul li {
	border-style:solid; border-color:#578403; border-width:0 0 1px 0;
} 
#gauche ul li a {
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	text-decoration:none;
	height:37px;
	background:transparent
}

#panier { 
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	border-style:solid; border-color:#578403; border-width:1px;
	width:128px;
	height:60px;
	color:#578403;
	padding:20px 0 0 3px;
	display:block;
	margin-left:30px;
	text-align:center
}


/* droite */

#droite {
	display:block;
	float:right;
	background-color:#f2e3ff;
        font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#523c4d;
	font-size:11px;
	border-style:solid; border-color:#804f6b; border-width:1px;

	width:705px;
	height:auto; 
	margin:20px 0 0 5px;
	padding: 5px;
}

#droitefixe {
	display:block;
	float:right;
	background-color:#f2e3ff;
	border-style:solid; border-color:#804f6b; border-width:1px;
	width:705px;
	height:470px;
	margin:20px 0 0 5px;
	padding:5px;
	overflow:auto;
}

/* #droite h2 {
	background-repeat:no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	width:570px;
	height:33px;
	margin:2px 0 0 0
}

#droitefixe h2 {
	background-repeat:no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	width:570px;
	height:33px;
	margin:2px 0 0 0
} */

#flash {
	background-color:#fff;
	display:block;
	width:700px;
	height:250px;
	margin:5px auto;
	border-style:solid; border-color:#804f6b; border-width:1px;
}



/***************************************** ACCUEIL */

/* promos */
#promos {
	display:block;
	width:672px;
	margin-top:15px;
}

/*#promos h3 {
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-2000px;
	text-decoration:none;
	text-align:left;
	width:208px;
	height:32px;
	margin:5px 0 13px 0;
}*/

#promos h2 {
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-2000px;
	text-decoration:none;
	text-align:left;
	width:208px;
	height:32px;
	margin:5px 0 13px 0;
}

#promos h3 {
	font-size:9px;
	text-align:left;
	font-weight:bold;
	display:block;
    clear:none;
	width: 220px;
	padding:0 8px;
	margin:10px 0 0 0;
}

#promos h4 {
	font-size:10px;
	text-align:left;
	font-weight:normal;
	display:block;
    clear:both;
	width: 198px;
	padding:0 8px;
	margin:7px 0 0 0;
}



.blocpromo { width:217px;display:block; float:left; }
.blocpromosep { width:217px;display:block; float:left; margin-left:5px;padding-left:5px; border-left: 1px dashed #804f6b;}

.best_seller { display:block; float:left; margin-top:-10px;}
.best_seller2 { width:217px;display:block; float:left;  margin-top:-10px;}

.best_seller a, .best_seller2 a {
	width:178px;
}

.coupsdecoeur {
	font-weight:normal;
	font-size:10px;
}

.lien_best_seller {
	display:block;
	height:75px;
	width:208px;
	overflow:hidden;	
}

.lien_best_seller img {
margin-top: -21%;
}


#promos p { display:block; float:left; }

#promos img { border:0 }

#promos a {
    clear:both;
    display:block;
	border: 2px solid #f2e3ff;
	width:208px;
	margin:1px;
}
#promos a:hover { border: 2px dashed #804f6b }

/* faire part 24h */
#naiss24h {
	display:block;
	float:left;
	margin:14px 0 0 0 ;
	text-align:center;
	padding:0;
	height:auto;
}

#naiss24h h3{
	background-repeat:no-repeat;
	text-indent:-2000px;
	overflow:hidden;
	text-decoration:none;
	text-align:center;
	width:208px;
	height:32px;
	margin:5px 0 13px 0;
}

#naiss24h h5 {
	font-size:10px;
	text-align:left;
	font-weight:normal;
	display:block;
        clear:both;
	width: 198px;
	padding:0 8px;
	margin:6px 0 0 0;
}


#naiss24h a{
	clear:both;
	display:block;
	border:2px solid #f2e3ff;
	width:209px;
	margin:1px;
}

#naiss24h p { display:block; float:left; }

#naiss24h a:hover { border: 2px dashed #804f6b }
#naiss24h img { border:0 }



/************************************************************** ESPACE CLIENT*/

#formlog { display:block; width:258px; margin:20px; padding:3px; height:auto;}
#formlog fieldset { border:1px solid #804f6b; padding:10px }
#formlog legend { font-weight:bold; }
#formlog ul { list-style:none; margin:0; padding: 5px 0 0 2px }
#formlog ul li { margin:0; padding:2px }
#formlog ul li label { display:block; width:50px; float:left; font-weight:bold }
#formlog ul li input {border:1px solid #804f6b; }

.submit { border:0; background-color:#FFF; color:#804f6b; font-size:10px; font-weight:bold;}
.submit:hover { border:0; background-color:#82c22b; color:#FFF; font-size:10px; font-weight:bold;}



/************************************************************** footer*/

#footer { font-family:Verdana, Arial, Helvetica, sans-serif; color:#804f6b; font-size:10px; font-weight:normal;clear:right; color:#70952b; display:block; text-align:center; margin:0; margin-left:175px }
#footer a { color:#64991f; text-decoration:none }
#footer a:hover { color:#804f6b; background-color:#f2e3ff; text-decoration:none }



/************************************************************** fiche produit*/

#ficheproduit { width:300px; border:0; border-collapse:collapse; padding:0; text-align:left; margin-bottom:8px }
#ficheproduit tr { height:20px }
#ficheproduit th { width:259px}
#ficheproduit td { width:177px }

#miniatures { clear:both; text-align:center; width:380px; margin:0 10px 0 0; float:left }
#miniatures img { border:0 }
#miniatures p { margin: 2px 0 0 0; padding:0 }
#miniatures a { display:block; float:left; border:2px solid #f2e3ff; width:100px; height:67px; margin:5px 0 0 13px }
#miniatures a:hover { border: 2px dashed #804f6b }

.alternaterow { background-color:#e5cef8}
.normalrow { background-color:#f2e3ff}
.previewimage { border: 1px dashed #804f6b; margin: 0 5px 0 0 }
.centrer { text-align:center }
.liste { display:block;list-style:none; margin:4px 0 0 0; }
.liste li a { display:block;height:22px; padding-left:35px; vertical-align:bottom; background-repeat:no-repeat; margin:6px 0 6px 0 }
.quefaire { font-size:11px; margin: 0 0 2px 0 }

#droitegamme {height:auto;width:300px;display:block;float:right;}
#actionsgamme {background-color:#d4bfe6;height:auto;width:300px;display:block;float:right; margin-top:15px}

#ajouterpanier { color:#BE5993; background-image:url(../_img/icone_panier.jpg) }
#ajouterpanier:hover { color:#FF78C5;background-image:url(../_img/icone_panier_over.jpg); background-repeat:no-repeat}

#envoyerami { color:#BE5993;background-image:url(../_img/icone_envoyerami.jpg) }
#envoyerami:hover { color:#FF78C5;background-image:url(../_img/icone_envoyerami_over.jpg); background-repeat:no-repeat }

#echantillon { color:#BE5993;background-image:url(../_img/icone_echantillon.jpg); }
#echantillon:hover { color:#FF78C5;background-image:url(../_img/icone_echantillon_over.jpg) ; background-repeat:no-repeat}

#preselection { color:#BE5993;background-image:url(../_img/icone_preselection.jpg);}
#preselection:hover { color:#FF78C5;background-image:url(../_img/icone_preselection_over.jpg) ; background-repeat:no-repeat}


	
/***************************************************************** bon de commande */

.commande { width:705px; border:1px solid #d4bfe6; border-collapse:collapse; padding:0; text-align:center }
.commanderow2 { background-color:#E9D7F8;}
.optionsimpression { background-color:#f2e3ff;color:#804f6b;}
.commande th { text-align:center }
.article { text-align:left }

.commande2 {width:350px; border:0; border-collapse:collapse; padding:0; text-align:left; float:right; margin-top:5px;  }
.commande2 ul { list-style:none; padding:0; margin:0 }
.commande2 td { vertical-align:top }

.prix { text-align:center }

.pasdepuces { list-style:none; padding:0; margin:0 }

.asterisque { text-align:left; font-size:9px; color:#804f6b; clear:both }

#option { width:350px; border:0; border-collapse:collapse; padding:0; text-align:left; clear:both; float:right; margin-top:5px}
#option th { text-align:left }

.total {width:350px; border:0; border-collapse: collapse ; padding:0; text-align:left; font-size:14px; margin-top:5px}
			
.valid { width:350px; text-align:center; clear:both; float:right; margin:10px 5px }


/*formulaire*/

#coords { width:395px; margin:0 auto }
#coords ul { list-style:none; margin-top:10px}
#coords ul li { margin:3px 0; padding:2px }
#coords ul li label { display:block; float:left; font-weight:bold; width:180px; }
#coords ul li input { border:1px solid #804f6b; width:180px; font-size:11px }
#coords p { font-weight:bold; margin:5px 0; }
.coordsleft { margin-right:20px }
#pcoords { clear:both; margin-top:15px }
#coords textarea { border:1px solid #804f6b; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; 
				   font-size:11px; width:360px; height:100px; margin:5px auto;}


#custom { width:370px; padding:0; clear:both; float:left }
#custom ul { list-style:none; margin:0; padding:0; }
#custom ul li { margin:3px 0; height: 24px; padding:2px; width:367px;}
#custom ul li label { display:block; float:left; font-weight:bold; width:180px; }
#custom ul li input { height: 20px; border:1px solid #804f6b; width:180px; font-size:10px; padding:1px }
#custom p { font-weight:bold; margin:5px 0; }
#custom textarea { border:1px solid #804f6b; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; 
				   font-size:11px; width:360px; height:100px; margin:5px auto;}
				   				   
#textsample { display:block; width:300px; background:#fff; float:right; border-style:solid; border-color:#804f6b; border-width:1px; padding:2px; text-align:center; margin:0 0 0 20px; }
.bgmauve { background-color:#d4bfe6; }
.bgblanc { background-color:#fff; }
#pBtn { margin:5px 0; }

#infotxt { display:block; width:300px; float:right; margin:10px 3px; text-align:justify }



/**************************************************************************** recherche*/

#search {text-align:left; width:auto; margin:10px auto; padding:0}
.OptionRecherche {height:16px;font-size:10px;}
.OptionRechercheRef {height:16px;font-size:10px;background:white;color:#804f6b; font-weight:bold;border:0px;}
.OptionRechercheRef option {height:16px;font-size:10px;background:white;color:#804f6b; font-weight:normal;border:0px;}
.OptionRechercheRefTexte {width:26px;height:12px;font-size:10px;background:white;color:#804f6b; font-weight:bold;border:0px;}
.OptionRechercheCouleur {height:16px;font-size:10px;background:white;color:#804f6b; font-weight:bold;border:0px;}
.OptionRechercheCouleur option {height:16px;font-size:10px;background:white;color:#804f6b; font-weight:normal;border:0px;}
.OptionRecherchePrix {height:16px;font-size:10px;background:white;color:#804f6b; font-weight:bold;border:0px;}
.OptionRecherchePrix option {height:16px;font-size:10px;background:white;color:#804f6b; font-weight:normal;border:0px;}
.searchbox { margin:10px 0 0 0  }
.gamme { margin:30px 0 0 0 }


/***************************************************************************** collections  */

#collections { margin:20px auto 5px auto; text-align:center; clear:both; width:470px }
#collections a { display:block; border: 2px solid #f2e3ff; width:208px; height:56px; float:left; margin:1px }
#collections a:hover {border: 2px dashed #804f6b;}
#collections div { display:block; float:left; width:210px; margin:5px 5px 5px 5px }
#collections div h5 { font-size:10px; font-weight:normal; margin:5px 0 3px 0; text-align:left }
#collections div h2 { font-size:10px; font-weight:normal; margin:5px 0 3px 0; text-align:left }

.descriptif_collection {
	font-size:10px; font-weight:normal; margin:5px 0 3px 0; text-align:left;	
}



/***************************************************************************** catalogue*/

#catalogue { display:block;clear:both;margin:2px;padding:2px; }
.Pagecatalogue {width:auto;}
.IconeParcourrir {display:block;width:40px; border:0;}
.IconeParcourrir :hover {display:block;width:40px; border:0;}
#catalogue div a { display:block; border: 2px solid #f2e3ff; width:215px; margin:1px; }
#catalogue div a:hover {border: 2px dashed #804f6b;}
#catalogue p { 	text-align:center; margin:0 }
#catalogue div { float:left; width:220px; height:220px; margin:20px;}
#catalogue div h5 { font-size:10px; font-weight:normal; margin:0; text-align:left }
#catalogue div h2 { font-size:10px; font-weight:normal; margin:0; text-align:left }


#menupagescollection {font-size:12px;color:#BE5993;}
#menupagescollection a:hover { font-size:12px;text-decoration:overline;color:#FF78C5;}
.prixArticle { height:30px}
.prixpromo { color:#ff0000; text-decoration:line-through ; }


/*conditions generales & faq*/

#conditionsfaq { width:450px; text-align:justify; margin:10px auto}

/*contact*/
#contact { display:block; width:360px; margin:20px auto; padding:3px; }
#contact fieldset { border:1px solid #804f6b; padding:10px }
#contact legend { font-weight:bold; }
#contact ul { list-style:none; margin:0; padding: 5px 0 0 2px }
#contact ul li { margin:0; padding:2px }
#contact ul li label { display:block; width:220px; float:left; font-weight:bold }
#contact ul li input {border:1px solid #804f6b; font-size:11px; }
#contact textarea { border:1px solid #804f6b; overflow:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:360px; height:100px; margin:5px auto;}

/*galerie*/
div#galerie { width:380px; float:left; margin-right:10px;}
div#galerie p { width:380px; text-align:center; margin:2px 0 0 0;  }
ul#galerie_mini { clear:both; list-style:none; text-align:center; width:380px; margin:0 10px 0 0; float:left }
ul#galerie_mini li { float:left; }
ul#galerie_mini li a img { text-align:center; margin:5px;  }
dl#photo { clear:both; margin:0 auto; }
dl#photo dt { display:none; height:1px; font-size:1px }
dl#photo dd { margin:0; }
dl#photo img { border:0 }

		
/*boutons bon de commande */
a.btnorder { display:block; padding:2px; background-color:#fff; font-weight:bold; color:#804f6b; font-size:10px; text-decoration:none; width:150px; margin-right:5px; float:left }
a.btnorder:hover { background-color:#82c22b; color:#fff; }

a.btntext { display:block; padding:2px; background-color:#fff; font-weight:bold; color:#804f6b; font-size:10px; text-decoration:none; margin-right:5px; float:left }
a.btntext:hover { background-color:#82c22b; color:#fff; }

/*nos services*/
ul#services { list-style:none; width:300px; margin:50px auto; }
ul#services li { list-style:none; clear:both; margin:3px; }
ul#services li a { list-style:none; clear:both; margin:3px; }
a.btnservices { display:block; padding:2px; background-color:#fff; font-weight:normal; color:#804f6b; font-size:18px; text-decoration:none; width:230px; margin-right:5px; float:left }
a.btnservices:hover { background-color:#82c22b; color:#fff; }

/* liens */
#links {display:block;}