/* CSS Document */

div#menuArbo {
	float: left;
	width: 22%;
	margin: 0 0 0 3px;
	padding: 50px 0 0 0;
	background: url(../img/globe.gif) no-repeat 20px top;
	height: 100%;
}


/* 1er niveau */
div#menuArbo ul li {
	background: #174259 url(../img/bg_menuArbo_gris.gif) no-repeat -5px top;
	margin: 0 0 5px 0;
	
	
	/* coins arrondis */
	-moz-border-radius: 6px; 
	-webkit-border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-top-left-radius:6px;
    -khtml-border-radius: 6px; 
    border-radius: 6px; 
}
div#menuArbo ul li h2,
div#menuArbo ul li a.h2 {
	font-weight: normal;
	font-size: 0.7em;
	display: block;
}
div#menuArbo ul li a.h2 {
	font-weight: normal;
	font-size: 0.7em;
	display: block;
}
div#menuArbo ul li h2 a,
div#menuArbo ul li a.h2 {
	display: block;
	padding: 7px 8px;
	/*background: url(../img/bg_menuArbo_gris_fin.gif) no-repeat right top;*/
	color: #ffffff;
}
div#menuArbo ul li h2 a {
	display: block;
	padding: 7px 8px;
	color: #fff;
}
* html div#menuArbo ul li h2 a,
* html div#menuArbo ul li a.h2{
	padding: 5px 8px;
}


/* les autres couleurs (rose et bleu) */
div#menuArbo ul li.fushia {
	background: #6e0b2c url(../img/bg_menuArbo_rose.gif) no-repeat -5px top;
}
div#menuArbo ul li.fushia h2 a,
div#menuArbo ul li.fushia a.h2
{
	/*background: url(../img/bg_menuArbo_rose_fin.gif) no-repeat right top;*/
}
div#menuArbo ul li.metal {
	background: #6f8d9d url(../img/bg_menuArbo_bleu.gif) no-repeat -5px top;
}
div#menuArbo ul li.metal h2 a,
div#menuArbo ul li.metal a.h2 {
	/*background: url(../img/bg_menuArbo_bleu_fin.gif) no-repeat right top;*/
	color: #000;
}

/* 1er niveau ouvert */
div#menuArbo ul li.on {
	background: url(../img/bg_menuArbo_li_ok.gif) no-repeat right 10px;
}
div#menuArbo ul li.on a,
div#menuArbo ul li.on h2 a,
div#menuArbo ul li.on a.h2 {
	background: none;
	color: #b10065;
}




/* 2nd niveau */
div#menuArbo ul li ul {
	background: #e9eff2 url(../img/bg_menuArbo_li_ok_ul.gif) no-repeat top left;
	padding: 10px 0;
}
div#menuArbo ul li ul li {
	/*background: url(../img/bg_menuArbo_li_ok_ul_li.gif) repeat-y;*/
	background: none;
	margin: 0;
	padding: 0 15px 5px 15px;
	line-height: 12px;
}
div#menuArbo ul li ul li a,
div#menuArbo ul li.on ul li a {
	display: inline;
	color: #49545a;
	font-size: 0.7em;
}
/* 1er niveau ouvert */
div#menuArbo ul li.on ul li.on {
	background: none;
}
div#menuArbo ul li.on ul li.on a {
	color: #b10065;
	display: block;
}
div#menuArbo ul li ul li h2 a,
div#menuArbo ul li ul li a.h2,
div#menuArbo ul li.on ul li h2 a,
div#menuArbo ul li.on ul li a.h2 {
	padding: 0;
	color: #49545A;
	background: none;
}
div#menuArbo ul li ul li h2 a,
div#menuArbo ul li.on ul li h2 a {
	font-size: 100%;
}



/* 3e niveau */
div#menuArbo ul li ul li ul {
	background: none;
	padding: 5px 0 0 10px;
}
div#menuArbo ul li ul li ul li {
	background: none;
	margin: 0;
}
div#menuArbo ul li.on ul li ul li a,
div#menuArbo ul li.on ul li.on ul li a {
	font-weight: normal;
	color: #49545A;
}
div#menuArbo ul li ul li.ok ul li.on a {
	color: #B10065;
}



/* on "dynamise" le menu */
#menuArbo ul ul {display:none;}
#menuArbo ul ul ul {display:none;}
#menuArbo ul li:hover ul, 
#menuArbo ul ul li:hover ul {display:block;}

#menuArbo ul li.on ul {
	display: block;
}