<!--Ce code écrit en Javascript va mettre automatiquement une -->
<!--classe (sfHover) aux éléments de nos listes.-->
<!--Au passage de la souris, cette classe est alors retirée. Cela -->
<!--nous permet donc de faire réagir facilement le menu.-->

sfHover = function() {
        var sfEls = document.getElementById("menu_principal").getElementsByTagName("li");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);