[Jean le Chauve]

Voilà qui est parfait.
Étant donné qu'une classe ne peut pas commencer par un chiffre et que nous allons avoir un petit problème avec le menu actif (pas d'espace entre menuactive et le n°), tu vas donc modifier cette ligne du gabarit :

Code :

<li class="{$classes}{$node->hierarchy}"><a class="{$classes}{$node->hierarchy}"

par

Code :

<li class="{$classes} menu{$node->hierarchy}"><a class="{$classes} menu{$node->hierarchy}"

et

Code :

{else}
  <li classe="{$node->hierarchy}">
  <a classe="{$node->hierarchy}"  
{/if}

par

Code :

{else}
  <li classe="menu{$node->hierarchy}">
  <a classe="menu{$node->hierarchy}"  
{/if}

Tu pourras dès lors appliquer les règles css sur :
.page-menu ul#primary-nav li a {border-top:1px solid white;}
.page-menu ul#primary-nav li.menu1 a {border-bottom:1px solid blue}
.page-menu ul#primary-nav li.menu2 a {border-bottom:1px solid red}
.page-menu ul#primary-nav li.menu1 a:active, .page-menu ul#primary-nav li.menu1 a:hover{border-top:1px solid blue;}
.page-menu ul#primary-nav li.menu2 a:active, .page-menu ul#primary-nav li.menu2 a:hover{border-top:1px solid red;}

cependant si je pourrait réussir à me débrouiller sur un site statique

A toi de jouer pour la finition, tu as tous les outils en main.