#menu_hierar{font-size:0.8em}
/* par défaut le menu n'est pas affiché. C'est le code javascript qui attribue la classe "visible"*/
#menu_hierar ul{margin-left:0;padding-left:0.5em;display:none}
#menu_hierar #ul0{padding-left:0}
#menu_hierar ul.visible{display:block}

.secteur a, .secteuroff a, .secteuron a, .rubrique a, .rubriqueon a {font-weight: bold}
.rubriqueoff a {font-weight: normal}

/* attention: l'ordre des 3 lignes suivantes ne doit pas être changé */
.secteuron a, .rubriqueon a{color:#FF0000

}
.secteur a, .rubrique a, .rubriqueterm a, .rubriqueterm{color:#FF0000}
.secteuroff a, .rubriqueoff a, .rubriqueoffterm a, .rubriqueoffterm{color:#00000
}
.secteur, .secteuron, .rubrique, .rubriqueon {list-style-type:none}
.secteuroff, .rubriqueoff {list-style-type:none}
.rubriqueterm, .rubriqueoffterm {
list-style-type:square;margin-left:20px
}

.secteur a, .secteuron a, .rubrique a, .rubriqueon a, 
.secteur a:hover, .secteuron a:hover, .rubrique a:hover, .rubriqueon a:hover {
	background:url(ecrire/img_pack/deplierbas.gif) no-repeat;
	padding-left:18px;
background-color=#dddddd;
	color:#FF0000;
}
.secteuroff a, .rubriqueoff a,
.secteuroff a:hover, .rubriqueoff a:hover{
	background:url(ecrire/img_pack/deplierhaut.gif) no-repeat;
	padding-left:17px;
	background-color=#dddddd;
	
	
}


.rubriqueterm a, .rubriqueoffterm a,
.rubriqueterm a:hover, .rubriqueoffterm a:hover{
	background-image:none;
	color:#000000;
	padding:0;
}
.menuarticle a {
font-weight: normal;
background-image:none;
	text-decoration: none; color: #799597; background: #fffff;
}
.menuarticle a:hover{
font-weight: normal;
	background-image:none;
	text-decoration: none; color: #799597; background: #f8f8f8;
	
}
.secteuroff a:hover, .rubriqueoff a:hover,.secteur a:hover, .secteuron a:hover, .rubrique a:hover, .rubriqueon a:hover{
	background-color=#dddddd;
}