$(document).ready(function(){
        $("#menuLigne li ul").parent().prepend("<span></span>"); //Affiche simplement le bouton (ici représenté par une flèche) qui sert à afficher le menu déroulant lorsque le JavaScript est activé.
	$("#menuLigne li").mouseover(function() { //Lorsque l'on clique sur le bouton (flèche)...

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

		//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"
	});
	
	$("#mGauche li ul").parent().click(function () {
		$(this).parent().parent().find("li ul ").css("display","none");
		$(this).find("ul").css("display","block");
	});
});