@charset "utf-8";
/* CSS Menu */

/*********Menu***********/
div#menu {
	background-image:url(../images/fond_menu.png);
	background-repeat:repeat-x;
	height:23px;
	margin:0px;
	padding:0px;
	padding-bottom:2px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	padding-left:43px;
	margin-top:52px;
}

div#menu a {color:#FFFFFF;
text-decoration: none ;
text-align: center ;}
div#menu ul {padding:0; margin:0;}

div#menu li.sousmenu {
margin-right:5px;
margin-bottom:0px;
margin-top:0px;
}

div#menu  li {
font-weight: bold; 
margin:0px;
padding:0px;
width:110px; 
height:22px;
background:url(../images/onglet.gif)  0 0 ;
text-decoration: none ;
}
div#menu  li {
font-weight: bold; 
margin:0px;
padding:0px;
width:110px; 
height:22px;
background:url(../images/onglet.gif)  0 0 ;
text-decoration: none ;
}

div#menu li.sousmenu a { 
font-family : Arial;
padding-top:4px;
font-size : 12px; 
display: block ; 

}

div#menu li.sousmenu a:hover { 
	color:#FFFFFF;
}

/* une petite bordure en top*/
div#menu ul li {list-style: none; float:left;}

div#menu ul ul {position: absolute;display:none;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau1 li.sousmenu:hover ul.niveau-sousmode,
div#menu ul.niveau1 li.sousmenu:hover ul.niveau-sousideecadeau,
div#menu ul.niveau1 li.sousmenu:hover ul.niveau-sousmaison,
div#menu ul.niveau1 li.sousmenu:hover ul.niveau-souscodepromo,
div#menu ul.niveau1 li.sousmenu:hover ul.niveau-sousbeaute,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3
{display:block;}
div#menu ul.niveau3 {margin-top:-2px;} 

/* rajout de couleures de fond et de survol */

div#menu li.souslien {
padding:0;
margin-top:-1px;
text-align:left;
text-indent: 0px ;
font:bold 11px Verdana,Arial, Helvetica, sans-serif;
width:150px; 
height:25px;
background:#ffffff;
border-bottom:2px solid #f8d2e6;
border-right:1px solid #0091c8;

}

div#menu li.souslien a {
padding:0px;
margin:0px;
text-align:left;
height:25px;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#727272;
padding-left: 22px;
list-style-type: none;
background-image: url(../images/fleche.png);
background-repeat: no-repeat;
background-position: 5% 50%;

}

div#menu li.souslien a:hover {
padding:0px;
margin:0px;
text-align:left;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#ffffff;
background: #02a8e8;
padding-left: 22px;
list-style-type: none;
background-image: url(http://www.web-ref.com/images/fleche2.gif);
background-repeat: no-repeat;
background-position: 5% 50%;
}

div#menu ul.niveau2 {  
margin:0px; 
padding:0px;  
margin-top:3px; 
float:left; 
font: 5px Verdana,Arial, Helvetica, sans-serif; 
width:150px; 
border-left:1px solid #0091c8;  
border-bottom:1px solid #0091c8;
}


/****************Personnalisation****************/
/*Voyage*/
div#menu  li#voyage {
	background:url(../images/fond-voyage.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}
div#menu li.souslien-voyage {
padding:0;
margin-top:-1px;
text-align:left;
text-indent: 0px ;
font:bold 11px Verdana,Arial, Helvetica, sans-serif;
width:150px; 
height:25px;
background:#ffffff;
border-bottom:2px solid #0099FF;
border-right:1px solid #0091c8;

}

div#menu li.souslien-voyage a {
padding:0px;
margin:0px;
text-align:left;
height:25px;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#727272;
padding-left: 22px;
list-style-type: none;
background-image: url(../images/fleche.png);
background-repeat: no-repeat;
background-position: 5% 50%;

}

div#menu li.souslien-voyage a:hover {
padding:0px;
margin:0px;
text-align:left;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#ffffff;
background: #39b0ca;
padding-left: 22px;
list-style-type: none;
background-image:url(../images/fleche-voyage.png);
background-repeat: no-repeat;
background-position: 5% 50%;
}

/*Mode*/
div#menu  li#mode {
	background:url(../images/fond-mode.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}
div#menu li.souslien-mode {
padding:0;
margin-top:-1px;
text-align:left;
text-indent: 0px ;
font:bold 11px Verdana,Arial, Helvetica, sans-serif;
width:150px; 
height:25px;
background:#ffffff;
border-bottom:2px solid #6b427e;
border-right:1px solid #6b427e;

}

div#menu li.souslien-mode a {
padding:0px;
margin:0px;
text-align:left;
height:25px;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#727272;
padding-left: 22px;
list-style-type: none;
background-image: url(../images/fleche.png);
background-repeat: no-repeat;
background-position: 5% 50%;

}

div#menu li.souslien-mode a:hover {
padding:0px;
margin:0px;
text-align:left;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#ffffff;
background: #804b98;
padding-left: 22px;
list-style-type: none;
background-image:url(../images/fleche-mode.png);
background-repeat: no-repeat;
background-position: 5% 50%;
}

div#menu ul.niveau-sousmode {  
margin:0px; 
padding:0px;  
margin-top:3px; 
float:left; 
font: 5px Verdana,Arial, Helvetica, sans-serif; 
width:150px; 
border-left:1px solid #804b98;  
border-bottom:1px solid #804b98;
}

/*ideecadeau*/
div#menu  li#ideecadeau {
	background:url(../images/fond-ideecadeau.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}
div#menu li.souslien-ideecadeau {
padding:0;
margin-top:-1px;
text-align:left;
text-indent: 0px ;
font:bold 11px Verdana,Arial, Helvetica, sans-serif;
width:150px; 
height:25px;
background:#ffffff;
border-bottom:2px solid #ff5f00;
border-right:1px solid #ff5f00;

}

div#menu li.souslien-ideecadeau a {
padding:0px;
margin:0px;
text-align:left;
height:25px;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#727272;
padding-left: 22px;
list-style-type: none;
background-image: url(../images/fleche.png);
background-repeat: no-repeat;
background-position: 5% 50%;

}

div#menu li.souslien-ideecadeau a:hover {
padding:0px;
margin:0px;
text-align:left;
font:bold 12px/25px Arial, Helvetica, sans-serif;
color:#ffffff;
background: #e95700;
padding-left: 22px;
list-style-type: none;
background-image:url(../images/fleche-ideecadeau.png);
background-repeat: no-repeat;
background-position: 5% 50%;
}

div#menu ul.niveau-sousideecadeau {  
margin:0px; 
padding:0px;  
margin-top:3px; 
float:left; 
font: 5px Verdana,Arial, Helvetica, sans-serif; 
width:150px; 
border-left:1px solid #ff5f00;  
border-bottom:1px solid #ff5f00;
}

/*maison*/
div#menu  li#maison {
	background:url(../images/fond-maison.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}
div#menu li.souslien-maison {
	padding:0;
	margin-top:-1px;
	text-align:left;
	text-indent: 0px ;
	font:bold 11px Verdana,Arial, Helvetica, sans-serif;
	width:150px; 
	height:25px;
	background:#ffffff;
	border-bottom:2px solid #58b74e;
	border-right:1px solid #58b74e;

}

div#menu li.souslien-maison a {
	padding:0px;
	margin:0px;
	text-align:left;
	height:25px;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#727272;
	padding-left: 22px;
	list-style-type: none;
	background-image: url(../images/fleche.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;

}

div#menu li.souslien-maison a:hover {
	padding:0px;
	margin:0px;
	text-align:left;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background: #4e9f45;
	padding-left: 22px;
	list-style-type: none;
	background-image:url(../images/fleche-maison.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

div#menu ul.niveau-sousmaison {  
	margin:0px; 
	padding:0px;  
	margin-top:3px; 
	float:left; 
	font: 5px Verdana,Arial, Helvetica, sans-serif; 
	width:150px; 
	border-left:1px solid #58b74e;  
	border-bottom:1px solid #58b74e;
}

/*codepromo*/
div#menu  li#codepromo {
	background:url(../images/fond-codepromo.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}
div#menu li.souslien-codepromo {
	padding:0;
	margin-top:-1px;
	text-align:left;
	text-indent: 0px ;
	font:bold 11px Verdana,Arial, Helvetica, sans-serif;
	width:150px; 
	height:25px;
	background:#ffffff;
	border-bottom:2px solid #920111;
	border-right:1px solid #920111;

}

div#menu li.souslien-codepromo a {
	padding:0px;
	margin:0px;
	text-align:left;
	height:25px;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#727272;
	padding-left: 22px;
	list-style-type: none;
	background-image: url(../images/fleche.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;

}

div#menu li.souslien-codepromo a:hover {
	padding:0px;
	margin:0px;
	text-align:left;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background: #dd001a;
	padding-left: 22px;
	list-style-type: none;
	background-image:url(../images/fleche-codepromo.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

div#menu ul.niveau-souscodepromo {  
	margin:0px; 
	padding:0px;  
	margin-top:3px; 
	float:left; 
	font: 5px Verdana,Arial, Helvetica, sans-serif; 
	width:150px; 
	border-left:1px solid #920111;  
	border-bottom:1px solid #920111;
}

/*beaute*/
div#menu  li#beaute {
	background:url(../images/fond-beaute.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}
div#menu li.souslien-beaute {
	padding:0;
	margin-top:-1px;
	text-align:left;
	text-indent: 0px ;
	font:bold 11px Verdana,Arial, Helvetica, sans-serif;
	width:150px; 
	height:25px;
	background:#ffffff;
	border-bottom:2px solid #1a5898;
	border-right:1px solid #1a5898;

}

div#menu li.souslien-beaute a {
	padding:0px;
	margin:0px;
	text-align:left;
	height:25px;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#727272;
	padding-left: 22px;
	list-style-type: none;
	background-image: url(../images/fleche.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;

}

div#menu li.souslien-beaute a:hover {
	padding:0px;
	margin:0px;
	text-align:left;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background: #217bd6;
	padding-left: 22px;
	list-style-type: none;
	background-image:url(../images/fleche-beaute.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

div#menu ul.niveau-sousbeaute {  
	margin:0px; 
	padding:0px;  
	margin-top:3px; 
	float:left; 
	font: 5px Verdana,Arial, Helvetica, sans-serif; 
	width:150px; 
	border-left:1px solid #1a5898;  
	border-bottom:1px solid #1a5898;
}

/********************Menu sans sous menu*********/
/*fleur*/
div#menu  li#fleur {
	background:url(../images/fond-fleur.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}

/*lingerie*/
div#menu  li#lingerie {
	background:url(../images/fond-lingerie.png)  0 0 ;
	color:#FFFFFF;
	text-decoration: none ;
}


/*****************fin personalisation**********/