$(document).ready(function(){
    $(".menu > dd > ul").hide();
    $(".menu > dt").hover(function() { //Lorsque l'on clique sur le bouton (flèche)...

    //Les événements suivants sont appliqués à la sous-navigation (menu déroulant).
	el = $(this).parent().find("dd > ul")
	el.show().show().slideDown('fast'); //Ouverture du menu déroulant lorsque l'on clique sur le bouton
	
	$(this).parent().hover(function() {
	}, function(){
	    el = $(this).parent().find("dd > ul")
	    el.slideUp('slow'); //Lorsque l'on survol à l'extérieur du menu déroulé, le menu déroulant remontra
	});

	//Les événements suivant s'appliquent lors du survol du bouton de la flèche.
    }).hover(function() {
	$(this).addClass("subhover"); //Lorsque l'on survol, ajout de la classe "subhover"
    }, function(){	//On Hover Out
	$(this).removeClass("subhover"); //Lorsque l'on survol à l'extérieur, enlève la classe "subhover"
    });
});