$(document).ready( function () {
    
	var surElem = false;
	var elem = '';
	var old = '';

	function deroule(elem)  {
		if (surElem == true) {
			//on déroule les sous rubrique de l'élément sur lequel on est (elem)
			$(elem).children("ul.sous-menu").slideDown("normal", function () { $(elem).addClass("open") });
			
			//si l'élément sur lequel on est (elem) est différent de celui sur lequel on était (old)		
			if (old.id != elem.id) {
				//on replie le menu de l'élément sur lequel on était (old)
				$(old).children("ul.sous-menu").slideUp("normal", function () { $(old).parent().removeClass("open") });
				//old prend la valeur de l'élément sur lequel on est
				old = elem;
			}
		}
	}
	
	function renroule(elem) {
		//document.getElementById("test").innerHTML = surElem;
		if (surElem == false) {
			$(elem).children("ul.sous-menu").slideUp("normal", function () { $(elem).removeClass("open") });
		}
	}
	
	
	// On cache les sous-menus :     
	$(".navigation ul.sous-menu").hide();  
		
	// On modifie l'évènement "hover" sur les liens dans les items de liste         
	$(".navigation li.element-menu").hover(
		//over : on déroule le menu
		function () {       
			surElem = true;
			elem = this;
			setTimeout(function(){deroule(elem)},150);
		},
		//out : on replie le menu
		function () {
			surElem = false;
			elem = this;
			setTimeout(function(){renroule(elem)},150);
		}
	);
	
	// On modifie l'évènement "focus" sur les liens dans les items de liste   
	$(".navigation li.element-menu > a").focus( function () {   
		//on replie tous les menus ouverts      
		$(".navigation ul.sous-menu").slideUp("normal", function () { $(this).parent().removeClass("open") });   
		//on déroule le menu de la rubrique        
		$(this).next("ul.sous-menu").slideDown("normal", function () { $(this).parent().addClass("open") });          
	});
		
} ) ;