[bess]

<ul id="topnav">
<li>
<a href="#">ENTETE DE SECTION LV1</a>
<div class="sub">
<ul>
<li><h2><a href="#">ENTETE DE SECTION LV2</a></h2></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

</ul>

<ul>
<li><h2><a href="#">ENTETE DE SECTION LV2</a></h2></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
</li>
<li>
<a href="#">ENTETE DE SECTION LV1</a>
<div class="sub">
<ul>
<li><h2><a href="#">ENTETE DE SECTION LV2</a></h2></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

</ul>

<ul>
<li><h2><a href="#">ENTETE DE SECTION LV2</a></h2></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
</li>

</ul>

en rouge : cette balise est inutile, pour preuve nos menus fonctionnent sans. La retirer (si possible) te permettras de te rapprocher d'un menu standard et donc de ne pas devoir t'emmerder à recoder la roue avec un gabarit personnalisé

en bleu des noms de class ou d'ID que tu as personnalisé mais qui restent très proches de ce qui existe déjà chez nous, second argument pour te convaincre qu'entre ton souhait et ce qui existe déjà il n'y a qu'un pas.

En résumé, si tu ne t'y connais pas suffisamment pour refaire un gabarit from-scratch (de zéro) je te conseil d'adapter ton menu existant au gabarit plutôt que l'inverse, visiblement sa structure est sensiblement identique, tu n'auras qu'a personnaliser le CSS du menu par défaut de CMS et hop c'est finit

enfin ca n'est que mon avis personnel, tous les menus de tous mes sites sont toujours un dérivé du modèle original + beaucoup de CSS personnalisé. Jamais de gabarit issu de rien