body {behavior: url(csshover.htc);}

div#menu a {color:#FFFFFF}
div#menu a:hover {color:#ffe92d}
div#menu ul {padding: 0; margin:0px; background: #2c7925; text-align:center}
div#menu li {
  background:#2c7925;
  font-family:Arial;
  color:#2c7925;
  font-size:12px;
  text-align:center;
  font-weight: bold ;
  }
div#menu li:hover {background: #2c7925}
div#menu li.sousmenu:hover {background: #2c7925}
/* rajout couleur de fond */
div#menu li.sousmenu {background: url(icones/fleche.gif) 95% 50% no-repeat; background-color:#a5df2f;}
/* rajout pr pour fleche direction bas et couleur de fond*/
div#menu li.plop { background:url(icones/fleche2.gif) 95% 50% no-repeat #2c7925;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left;}

div#menu ul ul {position: absolute;display:none; width:120px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:120px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 120px;}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau2 li { background: #189d0c}
div#menu ul.niveau2 li:hover { background: #2c7925}
div#menu ul.niveau3 li { background: #189d0c}
div#menu ul.niveau3 li:hover { background: #2c7925}

#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:#660824}
.secteur a, .rubrique a, .rubriqueterm a, .rubriqueterm{color:#f33}
.secteuroff a, .rubriqueoff a, .rubriqueoffterm a, .rubriqueoffterm{color:#999}
.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:17px;
}
.secteuroff a, .rubriqueoff a,
.secteuroff a:hover, .rubriqueoff a:hover{
	background:url(ecrire/img_pack/deplierhaut.gif) no-repeat;
	padding-left:17px;
}
.rubriqueterm a, .rubriqueoffterm a,
.rubriqueterm a:hover, .rubriqueoffterm a:hover{
	background-image:none;
	padding:0;
}