/* hack for IE5.5 */
* html .menu ul {
	margin-left:-16px;ma\rgin-left:0; height:29px; background-color:#fff;
	}
/* remove all the bullets, borders and padding from the default list styling */
.menu li {
	position:relative;padding:0px;
}
.menu li a {
padding-top:4px;padding-bottom:10px;
}
.menu li a:hover {
padding-top:4px;padding-bottom:10px;
}
/* get rid of the table */
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
	position:absolute;left:0;top:0;font-size:1em;z-index:-1; 
}
.menu ul ul table 
{
	lef\t:-1px;
}
.menu ul ul table ul.left 
{
	margin-lef\t:2px;
}
/* style the links */
.menu a, .menu a:visited {
	display:block;text-decoration:none;text-indent:5px;margin:0px;	
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {
	background:#fff; 
}
/* style the link hover */
* html .menu a:hover {
position:relative; 
}

.menu :hover > a{
position:relative;
}

/*dernier item du menu sans ligne en bas*/

li.menu_fin {
	list-style-type:none;padding:0 0 1px 0;border-bottom:0px solid #ffffff;
}
.menu ul ul li {display:block;width:141px;height:auto;position:relative; margin:0; padding:0;}


/* style the sub level links changement largeur sous menu pour mozilla */
.menu ul ul a, .menu ul ul a:visited {display:block; font-size:12px; font-weight:normal; color:#053C64;width:141px;height:100%;line-height:1.6em;}

.menu ul ul a:hover{font-size:12px; font-weight:normal; color:#053C64;width:141px;height:100%;line-height:1.6em;}
.menu ul ul a.bloom
{
background:url(../images/bloom_on.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul a.bloom:hover
{
background:url(../images/bloom_off.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul :hover > a.bloom {background:url(../images/bloom_off.gif) 1px 0 no-repeat;padding-left:40px;}
.menu ul ul a.soil
{
background:url(../images/soil_on.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul a.soil:hover
{
background:url(../images/soil_off.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul :hover > a.soil {background:url(../images/soil_off.gif) 1px 0 no-repeat;padding-left:40px;}
.menu ul ul a.aqua
{
background:url(../images/aqua_on.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul a.aqua:hover
{
background:url(../images/aqua_off.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul :hover > a.aqua {background:url(../images/aqua_off.gif) 1px 0 no-repeat;padding-left:40px;}

.menu ul ul a.cat
{
background:url(../images/cat_on.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul a.pure:hover
{
background:url(../images/cat_off.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul :hover > a.cat {background:url(../images/cat_off.gif) 1px 0 no-repeat;padding-left:40px;}

.menu ul ul a.pure
{
background:url(../images/pure_on.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul a.pure:hover
{
background:url(../images/pure_off.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul :hover > a.pure {background:url(../images/pure_off.gif) 1px 0 no-repeat;padding-left:40px;}

.menu ul ul a.substrate
{
background:url(../images/substrate_on.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul a.substrate:hover
{
background:url(../images/substrate_off.gif) 1px 0 no-repeat;padding-left:40px;
}
.menu ul ul :hover > a.substrate {background:url(../images/substrate_off.gif) 1px 0 no-repeat;padding-left:40px;}

.menu ul ul a.technical{background:url(../images/technical_on.gif) 1px -2px no-repeat;padding:0.3em 0.3em;}
.menu ul ul a.technical:hover{background:url(../images/technical_off.gif) 1px -2px no-repeat;padding:0.3em 0.3em;}
.menu ul ul :hover > a.technical {background:url(../images/technical_off.gif) 1px -2px no-repeat;padding:0.3em 0.3em;}
.menu ul ul li.fin {
height:9px;line-height:0.6em; padding:0 0;
}
.menu ul ul li.fin_accueil {
background:url(../images/bas_menu_acc.gif) no-repeat bottom;height:9px;line-height:0.6em; padding:0 0;
}
/*changement largeur sous menu pour IE */
.menu ul table ul a, .menu ul table ul a:visited  {}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; top:29px;left:0;width:100px;w\idth:141px; background:url(../images/pix_menu.gif) 0 bottom no-repeat;}

/* 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; height:auto; padding-bottom:0px; background:url(../images/pix_menu.gif) 0 bottom no-repeat; margin:0; padding:0;}
