/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu-wrap {
	position: absolute;
	right: 5px;
	top: 0;
	width: 731px;
	height: 62px;
	background: transparent;
	border-bottom: 5px solid #a1b958;
	z-index: 1000;
}

.menu {
	height:34px; 
	font-size:0.85em; 
	position:relative; 
	background: url(/_boutiques/MLLEBIO/site_image/menu/pt-vert.gif) repeat-x 0 31px; 
	padding: 0 5px 0 4px; 
	margin: 0; 
	z-index: 1000;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul { }/* ---------n'a aucun effet sur FF*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; } /* -------------Pour changer la largeur du menu principal*/

/* *html .menu li { width: 90px; } <-- à laisser si on ne spécifie pas la largeur des menus par ailleurs   */
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color: #000;; height:34px; line-height:34px; padding: 5px 0 0 0;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#c7e66f;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:33px;t\op:34px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

.menu ul ul li { margin: 0; padding: 0; }
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#f4f1f1; color:#000; height:auto; line-height:1em; padding:5px 10px; margin: 0; width:170px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:185px;w\idth:185px;}

/* style the top level hover */
.menu a:hover {color:#d3147b; background:none;}
.menu ul ul a:hover{color:#c06;background:#dadada;}
.menu :hover > a {color:#d3147b; background:none;}
.menu ul ul :hover > a {color:#c06;background:#dadada;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

.menu ul li h2 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.menu ul ul h3 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------*/
/*     complément par Kinaly          */
/*--------------------------------------------------*/

/*    Spécifications menu ds le vrai site   */

.rub256 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/01_visage.gif) no-repeat;
	text-indent: 27px;
	display: block;
	margin: 0;
	padding: 0;
	width: 66px;
}

.rub256 a:hover{
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/01_visage_hover.gif) no-repeat;
}

.rub257 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/02_corps-bain.gif) no-repeat;
	width: 103px;
	text-indent: 23px;
	margin: 0;
	padding: 0;
}

.rub257 a:hover{
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/02_corps-bain_hover.gif) no-repeat;
}

.rub250 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/03_capillaires.gif) no-repeat;
	width: 52px;
	text-indent: 19px;
	margin: 0;
	padding: 0;
}
.rub5039 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/menu-bio_2009.png) -108px 2px no-repeat;
	width: 82px;
	text-indent: 15px;
	margin: 0;
	padding: 0;
}

.rub5039 a:hover, .rub5039:hover > h2 a  {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/menu-bio_2009.png) -1108px 2px no-repeat;
}

.rub250 a:hover{
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/03_capillaires_hover.gif) no-repeat;
}

.rub300 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/04_parfums.gif) no-repeat;
	width: 98px;
	text-indent: 32px;
	margin: 0;
	padding: 0;
}

.rub300 a:hover {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/04_parfums_hover.gif) no-repeat;
}

.rub301 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/05_bien-etre.gif) no-repeat;
	width: 112px;
	text-indent: 23px;
	margin: 0;
	padding: 0;
}

.rub301 a:hover {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/05_bien-etre_hover.gif) no-repeat;
}

.rub267 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/06_masculin.gif) no-repeat;
	width: 52px;
	text-indent: 20px;
	margin: 0;
	padding: 0;
}

.rub267 a:hover {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/06_masculin_hover.gif) no-repeat;
}

.rub255 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/07_famille.gif) no-repeat;
	width: 65px;
	text-indent: 20px;
	margin: 0;
	padding: 0;
}

.rub255 a:hover {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/07_famille_hover.gif) no-repeat;
}

.rub299 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/08_cadeaux.gif) no-repeat;
	width: 92px;
	text-indent: 30px;
	margin: 0;
	padding: 0;
}

.rub299 a:hover {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu/08_cadeaux_hover.gif) no-repeat;
}

.rub256 ul li a, .rub257 ul li a, .rub250 ul li a, .rub300 ul li a, .rub301 ul li a, .rub267 ul li a, .rub255 ul li a, .rub299 ul li a {
	text-indent: 0;
}

/*--------------------------------------------------*/
/*                  menu en-tête                    */
/*--------------------------------------------------*/

/* .menu1 {
		position: absolute;
		bottom: 15px;
		right: 375px;
		}
*/

.menu1 { display: none;}

.menu1 ul {padding:0;margin:0;list-style-type:none;}
.menu1 ul ul {padding:0;margin:0;}/* ---------n'a aucun effet sur FF*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li {float:left;position:relative;display: inline;} /* -------------Pour changer la largeur du menu principal*/
/* style the links for the top level */
.menu1 a, .menu1 a:visited {display:block;font-size:14px;text-decoration:none; height:51px; line-height:51px;}

.part1 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu-head/shop_bg-01-accueil.gif) no-repeat;
	width: 89px;
	text-indent: 30px;

}

.part1 a {
	color: #666;
}

.part1 a:hover {
	color: #d3147b;
}

.part2 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu-head/shop_bg-02-boutique.gif) no-repeat;
	width: 117px;
	text-indent: 29px;
	font-weight: bold;
}

.part2 a, .part2 a:hover {
	color: #5dac00;
}

.part3 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu-head/shop_bg-03-expertise.gif) no-repeat;
	width: 98px;
	text-indent: 22px;
}

.part3 a {
	color: #666;
}

.part3 a:hover {
	color: #33cced;
}

.part4 {
	background: transparent url(/_boutiques/MLLEBIO/site_image/menu-head/shop_bg-04-blog.gif) no-repeat;
	width: 79px;
	text-indent: 24px;
}

.part4 a {
	color: #666;
}

.part4 a:hover {
	color: #f60;
}

/*--------------------------------------------------*/
/*                  menu onglets                    */
/*--------------------------------------------------*/

#fp-menu {list-style-type:none; padding:0; margin:0; z-index:100; overflow: hidden;}
#fp-menu ul {list-style-type:none; padding:0; margin:0; width:143px;}
#fp-menu li {float:left; background:#fff; position:relative; text-align: center; display: inline;}

#fp-menu li.sub {background:#fff url(/_boutiques/MLLEBIO/site_image/onglets-gris.gif) no-repeat;}

#fp-menu li, #fp-menu li a {display:block; color:#5dac00; font-family:arial, sans-serif; font-size:11px; line-height:26px; width:143px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px;}


#fp-menu ul,
#fp-menu li.click ul ul,
#fp-menu li.click ul li.hover ul ul {display:none;}

#fp-menu li.hover a {color:#666; z-index:500;}
#fp-menu li.click a {background:#fff url(/_boutiques/MLLEBIO/site_image/onglets-blancs.gif) no-repeat; color:#d3147b;}


/* specifs pour la version anglaise */

.lang-fr {
	background: #fff url(/_boutiques/MLLEBIO/site_image/flag-fr.gif) 50% 0 no-repeat;
	padding: 16px 4px 0 4px;
	text-decoration: none;
	font-weight: normal;
	color: #666;
}

a:hover.lang-fr {
	background: #fff url(/_boutiques/MLLEBIO/site_image/flag-fr.gif) 50% 0 no-repeat;
	color: #D3147B;
}

.lang-en {
	background: #fff url(/_boutiques/MLLEBIO/site_image/flag-en.gif) 50% 0 no-repeat;
	padding: 16px 4px 0 4px;
	text-decoration: underline;
	font-weight: bold;
	color: #D3147B;
}

a:hover.lang-en {
	background: #fff url(/_boutiques/MLLEBIO/site_image/flag-en.gif) 50% 0 no-repeat;
	color: #D3147B;
}