
.secteur, .secteuron{

padding-right:0px;
background-color:#CC6600;
list-style-type:none;
}
.rubrique, .rubriqueon {
padding-right:0px;
list-style-type:none;
background-color:#CC6600;
}
.secteuroff, .rubriqueoff {
padding-right:0px;
list-style-type:none;
}
.rubriqueterm, .rubriqueoffterm {
padding-right:0px;
list-style-type:none;
}



#menu_hierar{	
	FONT-FAMILY:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.5625em;
	margin: 0; 
	padding: 0;
	}

.secteur a, .secteuron a, .rubrique a, .rubriqueon a, 
.secteur a:hover, .secteuron a:hover, .rubrique a:hover, .rubriqueon a:hover {
color:#FFFFFF;
padding-right:0px;
}

.secteuroff a, .rubriqueoff a{
padding-right:0px;
}
.rubriqueoff a:hover {
padding-right:0px;
}
.secteuroff a:hover{
padding-right:0px;
color : #CC6600;
}
.rubriqueterm a, .rubriqueoffterm a,
.rubriqueterm a:hover, .rubriqueoffterm a:hover {
padding-right:0px;
}

.secteur a, .secteuroff a, .secteuron a, .rubrique a, .rubriqueon a {
font-weight: bold;
 }
.rubriqueoff a {
padding-right:0px;
font-weight: bold;
}

/* ces styles sont définis à 2 endroits car le CSS n'est pas interprété
   de la même manière avec IE 6 et qu'avec IE 7 ou Firefox et entraîne des
   différences d'affichage */
.secteuroff a, .rubriqueoff a, .rubriqueoffterm a, .rubriqueoffterm{
padding-right:0px;
color:#669900;
}

/* attention: l'ordre des 3 lignes suivantes ne doit pas être changé */
.secteuron a{
padding-right:0px;
color:#FFFFFF; 
}
.rubriqueon a{
padding-right:0px;
color:#FFFFFF; 
}
.secteur a, .rubrique a, .rubriqueterm a, .rubriqueterm{
padding-right:0px;
color:#FFFFFF;
}
.secteuroff a{
padding-right:0px;
color:#99CC00;
}
.rubriqueoff a{
padding-right:0px;
color:#505050;
}
.rubriqueoffterm a{
padding-right:0px;
color:#505050;
}
.rubriqueoffterm{
padding-right:0px;
color:#99CC00;
}
ul img.node {
border: 0;
width: 9px;
height: 9px;
margin: 8px 2px 0px 3px;
background-color: transparent;
float:left;
position: relative;
display:block;
cursor: pointer;
}

/*white-space: bold;*/
/* par défaut le menu n'est pas affiché. C'est le code javascript qui attribue la classe "visible"*/
#menu_hierar #ul0{
	margin: 0; 
	padding: 0;
	}
#menu_hierar ul.visible{
	margin: 0; 
	padding: 0;
	display:block;
	}

#menu_hierar ul{	
	margin: 0; 
	padding: 0;
	display:none; 
	text-align:right;	
	}
#menu_hierar li{
	margin: 0; 
	padding: 0;
	text-align:right;
	}

#menu_hierar ul li{
	margin: 0; 
	padding: 0;
	border-top: 1px solid #99CC00;	
	}
#menu_hierar ul ul li{
	margin: 0; 
	padding: 0;
	background-color:#F57E07;
	border-top: 1px solid #FAAC5E;
	}
#menu_hierar ul ul ul li{
	margin: 0; 
	padding: 0;
	background-color:#FAAC5E;
	border-bottom: 1px solid #FCC894;	
	border-top: 1px solid #FCC894;
	}
#menu_hierar ul ul ul ul li{
	margin: 0; 
	padding: 0;
	background-color:#FCC894;
	}






