#menu ul li {display:block; position:relative; float:left; margin: 0px; background:#e7f1f8 url(/media/skin/images/menu.png);}
#menu li ul { display: none; }
#menu ul li:first-child a {border-left:1px dotted #bbd8ec;}
-#menu ul li a {font:bold 130% "trebuchet ms", verdana, arial, helvetica, sans-serif; display: block; text-decoration: none; white-space: nowrap; border-right:1px dotted #bbd8ec; padding:8px 20px 8px 20px; color:#5f5f5f; text-align:center; text-decoration:none;}
+#menu ul li a {font:bold 130% "trebuchet ms", verdana, arial, helvetica, sans-serif; display: block; text-decoration: none; white-space: nowrap; border-right:1px dotted #bbd8ec; padding:8px 20px 8px 20px; color:#5f5f5f; text-align:left; text-decoration:none;}
#menu ul li.selected a, #menu ul li a:hover { color:#d15517;}
#menu li:hover ul { display: block; position: absolute; border-bottom: 1px dotted #bbd8ec;}
#menu li:hover li {float: none; font-size: 11px;}
<li class="{% menu_actif request '^dae$' %}">
<a href="{% url dae_index %}">DAE</a>
<ul>
+ <li class="{% menu_actif request '^poste$' %}">
+ <a href="{% url poste %}">Poste : formulaire</a>
+ </li>
<li class="{% menu_actif request '^postes$' %}">
- <a href="{% url dae_postes_liste %}">Postes</a>
+ <a href="{% url dae_postes_liste %}">Postes : voir et valider</a>
</li>
<li class="{% menu_actif request '^embauche$' %}">
- <a href="{% url embauche %}">Embauche</a>
+ <a href="{% url embauche %}">Embauche : formulaire</a>
+ </li>
+ <li class="{% menu_actif request '^embauches$' %}">
+ <a href="{% url dae_embauches_liste %}">Embauches : voir et valider</a>
</li>
</ul>
</li>