/********************* Clés à outils de class ***********************/

*{margin:0px;padding:0px;}

.gauche{float: left;}
.droite{float: right;}
.clearboth{clear: both}

.center{text-align:center;}

.typo{font-family: Arial, Tahoma;}
.typo3{font-family: Tahoma, Arial;}
.typo2{font-family: Verdana, Arial, Helvetica, sans-serif; }

.size9{font-size:9px;}
.size10{font-size:10px;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size17{font-size:17px;}
.size18{font-size:18px;}

.blanc{color: #FFF}
.rouge{color: red}
.noir{color: #000}
.brun{color: #6f0303}
.rose{color: #e2007a;}

.nodeco{text-decoration: none;}
.invisible{display:none}
.barrer{text-decoration: line-through;}

.gras{font-weight: bold;}

a {text-decoration: none;}
a:hover{text-decoration: underline;}

/************************* Style généraux *****************************/


#corps {
	width: 928px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: transparent;
}


/************************* Style du header  *****************************/

#header {padding-bottom: 15px;}
#header #logo {float:left; padding: 20px 20px 0px 35px;}

#header #espace_client {
	float:left;
	margin: 20px 0px 0px 30px;
	background-image: url(../imgs/espace_client.png);
	width: 272px;
	height: 93px;
}
#header #espace_client .picto_connecter{
	position: relative;
	float:left;
	padding-top: 20px;
	margin-left: 5px;
}
#header #espace_client .picto_panier{
	position: relative;
	float:left;
	padding-top: 22px;
	margin-left: 32px;
}
#header #espace_client #compte_client{width: 80px; list-style:none; float:left; padding: 38px 0px 0px 0px;}
#header #espace_client #compte_client li {line-height: 20px;}
#header #espace_client #compte_client li a {color: #46384c;}
#header #espace_client #panier_client{ list-style:none; float:left; padding: 38px 0px 0px 8px;}
#header #espace_client #panier_client a {color: #46384c;}
#header #espace_client #panier_client .nbr_panier {color: #e2007a;}

#header #newsletter {
	float:left;
	margin: 20px 0px 0px 10px;
	background: url(../imgs/newsletter.png) no-repeat;
	width: 220px;
}
#header #newsletter #acc_newsletter {padding: 26px 0px 3px 5px; height:40px; text-align: center; display: block; color: #46384c;}

/************************ Styles de la nav **************************/

#categories {
	clear: both;
	background-image: url(../imgs/nav_old.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 922px;
	height: 28px;
	padding-top: 9px;
	padding-left: 3px;
}

.yuimenubar{visibility:visible;position:static;}
.yuimenu .yuimenu,.yuimenubar .yuimenu{visibility:hidden;position:absolute;top:-10000px;left:-10000px;}
.yuimenubar li,.yuimenu li{list-style-type:none;}
.yuimenu li a {
	color: #411e41;
	display: block; 
	padding-left: 15px;
	background-image: url(../imgs/triangles_nav.png);
	background-repeat: no-repeat;
	background-position: 4px -8px;
	height: 11px;
	margin-bottom: 2px;
	height: 14px;
	line-height: 14px;
	padding-top: 6px;
	clear:both;
	width: 150px;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	}
.yuimenu li a:hover {color: #e2007a; background-position: 4px 8px; text-decoration: none;}
.yuimenubar ul{*zoom:1;}
.yuimenubar .yuimenu ul{
	*zoom:normal;
	border-right: 1px solid #88868d;
	border-bottom: 1px solid #88868d; 
	background-image: url(../imgs/bg_deroul.png);
	background-repeat: repeat-x;
	text-align: left;
}
.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}
.yuimenubaritem{list-style: none; float:left; text-align: center; height: 36px; color: #850081; padding: 6px 10px 0px 10px; height: 22px;}
.yuimenubaritem a  {color: #FFFFFF; /*text-transform:uppercase;*/  font-size: 12px;}
.yuimenubaritem a:hover {text-decoration: none;}
	
.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}
.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}
.hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}

/*
.yuimenubar{visibility:visible;position:static;}
.yuimenu .yuimenu,.yuimenubar .yuimenu{visibility:hidden;position:absolute;top:-10000px;left:-10000px;}
.yuimenubar li,.yuimenu li{list-style-type:none;}

.yuimenu li a {
	color: #411e41;
	display: block; 
	padding-left: 15px;
	background-image: url(../imgs/triangles_nav.png);
	background-repeat: no-repeat;
	background-position: 4px -8px;
	height: 11px;
	margin-bottom: 5px;
	line-height: 11px;
	clear:both;
}
.yuimenu li a:hover {
color: #e2007a; background-position: 4px 8px; text-decoration: none;
}
.yuimenubar ul{*zoom:1;}
.yuimenubar .yuimenu ul{
	*zoom:normal;
	border-right: 1px solid #88868d;
	border-bottom: 1px solid #88868d; 
	background-image: url(../imgs/bg_deroul.png);
	background-repeat: repeat-x;
	text-align: left;
}
.yuimenubar>.bd>ul:after{content:".";display:block;clear:both;visibility:hidden;height:0;line-height:0;}
.yuimenubaritem{list-style: none; float:left; text-align: center;}
.yuimenubaritem a  {
	color: #FFFFFF; 
	display: block; 
	height: 22px;
	padding: 6px 13px 0px 13px;
	float:left;
}
.yuimenubaritem_actif {background-color: #dad7e6;}
.yuimenubaritem_actif a{color: #411e41;}
.yuimenubaritem a:hover{
	text-decoration: none;
	color: #411e41;
}
.yuimenubaritemlabel:hover{background-color: #dad7e6;}
.yuimenubaritemlabel,.yuimenuitemlabel{display:block;}
.yuimenuitemlabel .helptext{font-style:normal;display:block;margin:-1em 0 0 10em;}
.hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.yuimenu.show-scrollbars,.yuimenubar.show-scrollbars{overflow:visible;}*/


#categories ul li .home { 
	margin-left: 18px; 
	background-image: url(../imgs/picto_home.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 21px;
}

#categories ul .separateur {
	margin: -1px 2px 0px 2px;
	background-image: url(../imgs/nav_sep.png);
	height: 18px;
	width: 1px;
	margin-top: 6px;
	float:left;
	padding: 0px 0px 0px 0px;
}

/************************ Styles de la colonne de gauche **************************/

#col_gauche {
	float:left;
	width: 180px;
}

#col_gauche .menu_secondaire_sur_menu {
	list-style: none;
	margin-left: 15px;
	padding-top: 20px;
	font-size: 12px;
	border-bottom: 1px solid #c8c8c8;
	width: 150px;
	padding-bottom: 15px;
}

#col_gauche .menu_secondaire_sur_menu li a {
	color: #8a8989;
	display: block; 
	width: 150px;
	padding-left: 11px;
	background-image: url(../imgs/triangles.png);
	background-repeat: no-repeat;
	background-position: 0px -14px;
	height: 11px;
	margin-bottom: 5px;
	line-height: 11px;
	margin-left: 12px;
}
#col_gauche .categorie_active {
	margin-left: -10px;
}
#col_gauche .menu_secondaire_sur_menu .niveau2 a {margin-left: 24px;}
#col_gauche .menu_secondaire_sur_menu li a:hover{color: #e2007a; background-position: 0px 2px; text-decoration: none;}

#col_gauche .menu_secondaire {
	list-style: none;
	margin-left: 15px;
	padding-top: 20px;
	font-size: 12px;
}
#col_gauche .menu_secondaire li a {
	color: #8a8989;
	display: block; 
	width: 150px;
	padding-left: 11px;
	background-image: url(../imgs/triangles.png);
	background-repeat: no-repeat;
	background-position: 0px -14px;
	height: 11px;
	margin-bottom: 5px;
	line-height: 11px;
}
#col_gauche .menu_secondaire li a:hover{color: #e2007a; background-position: 0px 2px; text-decoration: none;}
#col_gauche .precede {padding-top: 15px;}
#col_gauche .links_contact {list-style: none; margin-top: 5px; padding-bottom: 2px;}
#col_gauche .links_contact li a {color: #8a8989;}
#col_gauche .links_contact li a:hover {color: #e2007a; text-decoration: none;}

#col_gauche .object_col_gauche {margin-left: 15px;}

#recherche {
	margin-left: 15px;
	width: 153px;
	height: 59px;
	background-image: url(../imgs/recherche.gif);
}
#recherche fieldset{border: none;}
#recherche legend{display: none;}
#recherche .texte_recherche {width: 100px; margin-left: 15px; margin-top: 30px; font-family: Arial; font-size: 11px; height: 15px; float:left;}
#recherche #bouton_ok {
	border: 0px; 
	background-color: transparent; 
	background-image: url(../imgs/ok.png);
	width: 15px;
	height: 15px;
	cursor: pointer;
	margin-top: 32px;
	margin-left: 2px;
	float:left;
}

#col_gauche #top_produit{margin-top: 20px; margin-bottom: 15px;}
#col_gauche .product_left {border: 1px solid #c8c8c8;}

#col_gauche #a_decouvrir{margin-top: 20px; margin-bottom: 15px;}

/************* Contenu global ***************************/


#content {
	background-image: url(../imgs/fond_content.png);	
	background-repeat: y-repeat;
	width: 928px;
	margin-left: 1px;
	margin-top: -1px;
}

#corps_page{
	float:right;
	width: 727px;
	padding-right: 20px;
	margin-bottom: 15px;
}

#corps_page_produit{
	float:right;
	width: 684px;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 1px solid #d2d2d2;
	background-color: #fafafa;
	color: #646464;
}
*>#corps_page_produit {margin-right: 20px; width: 694px;}

#corps_page_produits_relatifs {
	float:right;
	width: 684px;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 1px solid #d2d2d2;
	background-color: #fafafa;
	color: #646464;
}
*>#corps_page_produits_relatifs {margin-right: 20px; width: 694px;}


/**************************** Les styles de la page produit ****************************/

#corps_page_produit a {color: #411e41;}
#corps_page_produit a:hover {color: #e2007a; text-decoration: none;}

#corps_page_produits_relatifs a {color: #411e41;}
#corps_page_produits_relatifs a:hover {color: #e2007a; text-decoration: none;}

#sous_nav {
	padding-top: 10px; padding-bottom: 5px;
}
#sous_nav a {color: #411e41;}
#sous_nav a:hover {color: #e2007a; text-decoration: none;}

#visu_big {width: 220px; float:left; margin-right: 10px;}
*>##visu_big {margin-right: 30px;}
#visu_big .grand_visu_produit {border: 1px solid #c8c8c8; display: block; width: 220px; height: 220px;}
#visu_big .grand_visu_produit:hover {border: 1px solid #e2007a;}
#visu_big .zoom {
	background-image: url(../imgs/loupe.png);
	width: 73px;
	height: 33px;
	display: block;
	background-repeat: no-repeat;
	background-position: 58px 0px;
	padding-left: 110px;
	margin-top: 5px;
}
#autour_produit {
	width: 440px;
	float:left;
}


#corps_page_produit h1 {color: #262626; font-size: 17px; /*text-transform: uppercase;*/}
#corps_page_produits_relatifs h2 {color: #262626; font-size: 17px; text-align: center; padding-top: 10px;}
#produits_categorie h2 {color: #262626; font-size: 17px; padding-top: 10px;}

#corps_page_produit .prix {padding-top: 10px; padding-right: 10px; font-size: 20px; font-weight: bold; float:left;}
#corps_page_produit .en_stock{padding-top: 16px; padding-left: 8px;}
#corps_page_produit .non_dispo{padding-top: 11px; padding-left: 8px;}
#corps_page_produit .etat_stock {font-size: 11px; padding-top: 5px; line-height: 13px; padding-bottom: 10px;}
#corps_page_produit .alert_stock {display: block; padding-bottom: 15px; clear: both;}

#corps_page_produit .options {padding-top: 15px; padding-bottom: 10px; font-size: 12px;}
.description{font-size: 12px; padding-right: 55px; clear: both;}

#corps_page_produit #actions {float:right; width: 444px; padding-top: 20px;}
#corps_page_produit .ajout_panier {
	background-image: url(../imgs/panier.png);
	width: 100px;
	height: 34px;
	display: block;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 43px;
	padding-top: 16px;
	margin-top: -10px;
}
#corps_page_produit .envoi_ami {
	background-image: url(../imgs/ami.png);
	width: 90px;
	height: 27px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 46px;
	padding-top: 6px;
	padding-right: 55px;
}
#corps_page_produit .lien_retour {
	background-image: url(../imgs/button_back.gif);
	width: 30px;
	height: 27px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 26px;
	padding-top: 6px;
	margin-top: 2px;
}
#corps_page_produit .lien_email_auto a {
	background-image: url(../imgs/picto_disponibilite.png);
	width: 80px;
	height: 34px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 46px;
	padding-top: 8px;
	padding-right: 30px;
	margin-top: -8px;
}

#produits_relatifs {
	text-align: center;
}

#produits_relatifs .produit_relatif {
	padding-left: 55px;
	padding-top: 20px;
	float:left;
}

.produit_relatif .miniature_produit {border: 1px solid #c8c8c8; width: 100px; height: 100px; display: block; margin-bottom: 4px;}
.produit_relatif .miniature_produit:hover {border: 1px solid #e2007a;}
#produits_relatifs .description_produit {width: 90px; text-align: center;}
.titre_produit {height: 45px;}
.retour_chariot_produit {height: 20px;}


#produits_categorie .produit_categorie {
	padding-left: 55px;
	padding-top: 20px;
	float:left;
}

.produit_categorie .miniature_produit {border: 1px solid #c8c8c8; width: 100px; height: 100px; display: block; margin-bottom: 4px;}
.produit_categorie .miniature_produit:hover {border: 1px solid #e2007a;}
.produit_categorie .description_prix {text-align: left; padding-top: 2px; width: 114px;}
#produits_categorie .description_produit {width: 104px; text-align: center; text-transform: uppercase;}

.quantity_form {width: 30px;}


/**************************** Les styles de la home ****************************/

#ecran_principal {
	margin-top: 15px;
	width: 725px;
	height: 289px;
	border: 1px solid #c8c8c8;
	background-image{../imgs/ecran_principal.jpg}
}
/*#ecran_principal img {border: 1px solid #c8c8c8;}*/

#prez_cat_home {
	margin-top: 10px;
	border: 1px solid #c8c8c8;
	background-color: #eeeff0;
	padding-bottom: 10px;
}

#prez_cat_home #anim {
	float:left; margin-left: 10px; margin-top: 10px; border: 1px solid #c8c8c8;
	width: 415px;
	height: 146px;
	background-color: #FFFFFF;
}

#prez_cat_home #anim .scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width:372px;
	height:146px;
	overflow: hidden;
	padding-left: 23px;	
	padding-right: 18px;
}
#prez_cat_home #anim .section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width:130px;
	height:100px;
	float:left;
	padding-top: 20px;
	padding-right: 6px;
	z-index: 1;
}
*>#prez_cat_home #anim .section {
	width:100px;padding-right: 36px;
}

#prez_cat_home #anim .section .produit{border: 1px solid #c8c8c8; width: 100px; height: 100px; display: block; margin-left: 10px;}
*>#prez_cat_home #anim .section .produit {margin-left: 0px;}
#prez_cat_home #anim .section .produit:hover{border: 1px solid #e2007a;}
#prez_cat_home #anim .content {
	width: 10000px;
}
.next_prec{
	width: 415px;
	margin-top: -30px;
	z-index: 8;
	position: relative;
}
.anim_prec {padding-left: 12px;}
.anim_suiv {padding-right: 12px;}
.macaron {
	margin-top: -120px;
	margin-left: 0px;
	z-index: 5;
}
*>#prez_cat_home .macaron{margin-left: -20px;}

#prez_cat_home #deco_sexy {
	float:left; margin-left: 10px; margin-top: 10px;
}
#prez_cat_home #deco_sexy img {border: 1px solid #c8c8c8;}

#prez_cat_home #bonnes_affaire {
	float:left; padding-left: 10px; margin-top: 10px;
}
#prez_cat_home #bonnes_affaire img {border: 1px solid #c8c8c8;}

#prez_cat_home #pour_elle {
	float:left; padding-left: 10px; margin-top: 10px;
}
#prez_cat_home #pour_elle img {border: 1px solid #c8c8c8;}



/************************* Styles du footer *************************/

#footer {
	background-image: url(../imgs/f_footer.png);	
	background-repeat: repeat-y;
	width: 928px;
	margin-left: 2px;	
}

#footer .footer_copetlink {font-size: 11px; color: #6e6e6e; text-align: center; padding-top: 10px; padding-bottom: 4px;}
#footer .footer_copetlink  a{color: #6e6e6e;}
#h_footer {
	background-image: url(../imgs/h_footer.png);	
	background-repeat: no-repeat;
	width: 928px;
	height: 12px;
	margin-left: 2px;	
}
#b_footer {
	background-image: url(../imgs/b_footer.png);	
	background-repeat: no-repeat;
	width: 928px;
	height: 12px;
	margin-left: 2px;	
	margin-bottom: 25px;
}

#footer .col1 {
	float:left;
	margin-left: 35px;
	width: 110px;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style: none;
}
#footer .col1 li a {color: #6e6e6e;}

/********* Les suclasses *******/
#col_gauche .menu_secondaire .lien_rose {color: #e2007a; background-position: 0px 2px; text-decoration: none;}
#col_gauche .menu_secondaire_sur_menu .lien_rose {color: #e2007a; background-position: 0px 2px; text-decoration: none;}

#col_gauche .menu_secondaire .lien_violet {color: #411e41; background-position: 0px -14px; text-decoration: none; background-image: url(../imgs/triangles_nav.png);}
#col_gauche .menu_secondaire_sur_menu .lien_violet {color: #411e41; background-position: 0px -14px; text-decoration: none; background-image: url(../imgs/triangles_nav.png);}