/* CSS Document */

div#menu {
	margin: 0 20px 0 145px;
	text-align: left;
}
div#menu h2 {
	display: block;
	font-size: 1em;
}
/* 1er niveau */
div#menu ul li {
	margin: 0 0 5px 0;
}

div#menu ul li a {
	font-size: 1em;
	display: inline-block;
	padding: 7px 0 7px 35px;
	color: #000;
	font-weight: bold;
}






/* les autres couleurs (rouge - orange - vert - bleu - rose) */
div#menu ul li.Rouge {
}
div#menu ul li.Rouge h2 a,
div#menu ul li.Rouge a.h2,
div#menu ul li.Rouge a {
	background: url(../img/puce_menu_rouge.gif) no-repeat;
	color: #ed1c24;
}
div#menu ul li.Orange {
}
div#menu ul li.Orange h2 a,
div#menu ul li.Orange a.h2,
div#menu ul li.Orange a {
	background: url(../img/puce_menu_orange.gif) no-repeat;
	color: #ef521b;
}
div#menu ul li.Vert {
}
div#menu ul li.Vert h2 a,
div#menu ul li.Vert a.h2,
div#menu ul li.Vert a {
	background: url(../img/puce_menu_vert.gif) no-repeat;
	color: #8cc63f;
}
div#menu ul li.Bleu {
}
div#menu ul li.Bleu h2 a,
div#menu ul li.Bleu a.h2,
div#menu ul li.Bleu a {
	background: url(../img/puce_menu_bleu.gif) no-repeat;
	color: #0071bc;
}
div#menu ul li.Rose {
}
div#menu ul li.Rose h2 a,
div#menu ul li.Rose a.h2,
div#menu ul li.Rose a {
	background: url(../img/puce_menu_rose.gif) no-repeat;
	color: #d4145a;
}


/* 1er niveau ouvert */
* html div#menuArbo ul li.on {
	background: url(../img/puce_menu_ok.gif) no-repeat;
}
div#menuArbo ul li.Rouge.on a.h2 {
	background: url(../img/puce_menu_rouge_ok.gif) no-repeat;
}
div#menuArbo ul li.Orange.on a.h2 {
	background: url(../img/puce_menu_orange_ok.gif) no-repeat;
}
div#menuArbo ul li.Vert.on a.h2 {
	background: url(../img/puce_menu_vert_ok.gif) no-repeat;
}
div#menuArbo ul li.Bleu.on a.h2 {
	background: url(../img/puce_menu_bleu_ok.gif) no-repeat;
}
div#menuArbo ul li.Rose.on a.h2 {
	background: url(../img/puce_menu_rose_ok.gif) no-repeat;
}






/* 2nd niveau */
div#menu ul li ul {
	padding: 0 0 10px 0;
}
div#menu ul li ul li {
	line-height: 12px;
	margin: 0;
	list-style: disc;
	color: #ed1c24;
	margin: 0 0 5px 25px;
}
#menuArbo ul li ul li a,
div#menuArbo ul li.on ul li a {
	background: none;
	display: inline-block;
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
}

div#menu ul li.Rouge ul li {
	color: #ed1c24;
}
div#menu ul li.Rouge ul li a {
	background: none;
}
div#menu ul li.Orange ul li {
	color: #ef521b;
}
div#menu ul li.Orange ul li a {
	background: none;
}
div#menu ul li.Vert ul li {
	color: #8cc63f;
}
div#menu ul li.Vert ul li a {
	background: none;
}
div#menu ul li.Bleu ul li {
	color: #0071bc;
}
div#menu ul li.Bleu ul li a {
	background: none;
}
div#menu ul li.Rose ul li {
	color: #d4145a;
}
div#menu ul li.Rose ul li a {
	background: none;
}


/* 1er niveau ouvert */
div#menu ul li.on ul li.on a {
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: -0.05em;
}





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




/********************************/
/*         second menu          */
/********************************/
ul#menuEnDur {
	margin: 5px 0 0 120px;
	text-align: left;
}
ul#menuEnDur li {
	background: #720c5b url(../img/puce_jaune.gif) no-repeat;
	margin: 0 0 5px 0;
}
ul#menuEnDur li.ok {
	background: #974c86 url(../img/puce_jaune_ok.gif) no-repeat;
}
ul#menuEnDur li a {
	display: inline-block;
	color: #f79338;
	text-transform: uppercase;
	padding: 5px;
	font-size: 0.7em;
	margin: 0 0 0 25px;
	white-space: nowrap;
}
ul#menuEnDur li.ok a {
	color: #720c5b;
}
ul#menuEnDur li.rss {
	background: #f79338 url(../img/puce_rss.gif) no-repeat;
	margin: 0 0 5px 0;
}
ul#menuEnDur li.rss a {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	font-size: 0.7em;
	margin: 0 0 0 25px;
	padding: 5px 20px 5px 5px;
	background: url(../img/picto_rss.gif) no-repeat right center;
	white-space: nowrap;
}
