$(document).ready( function () { 
	// On cache les sous-menus : 
	// sauf celui qui porte la classe "open_at_load" : 
	$(".navigation ul.subMenu:not('.open_at_load')").hide();
	// On sélectionne tous les items de liste portant la classe "toggleSubMenu" 
	// et on remplace l'élément span qu'ils contiennent par un lien : 
	$(".navigation li.toggleSubMenu span").each( function () { 
		// On stocke le contenu du span : 
		var TexteSpan = $(this).text(); 
		$(this).replaceWith("<a href='' title='Afficher le sous-menu'>" + TexteSpan + "<\/a>") ; 
	} ) ; 
 
	// On modifie l'évènement "click" sur les liens dans les items de liste 
	// qui portent la classe "toggleSubMenu" : 
	$(".navigation li.toggleSubMenu > a").click( function () { 
		// Si le sous-menu était déjà ouvert, on le referme : 
		if ($(this).next("ul.subMenu:visible").length != 0) { 
			$(this).next("ul.subMenu").slideUp("normal"); 
		} 
		// Si le sous-menu est caché, on ferme les autres et on l'affiche : 
		else { 
			$(".navigation ul.subMenu").slideUp("normal"); 
			$(this).next("ul.subMenu").slideDown("normal"); 
		} 
		// On empêche le navigateur de suivre le lien : 
		return false; 
	});
	
	// la même chose pour niveau 2
	$(".navigation ul.subMenu2:not('.open_at_load')").hide(); 
	$(".navigation li.toggleSubMenu2 span").each( function () { 
		var TexteSpan = $(this).text(); 
		$(this).replaceWith("<a href='' title='Afficher le sous-menu'>" + TexteSpan + "<\/a>") ; 
	} ) ; 
 
	$(".navigation li.toggleSubMenu2 > a").click( function () { 
		if ($(this).next("ul.subMenu2:visible").length != 0) { 
			$(this).next("ul.subMenu2").slideUp("normal"); 
		} else { 
			$(".navigation ul.subMenu2").slideUp("normal"); 
			$(this).next("ul.subMenu2").slideDown("normal"); 
		} 
		return false; 
	});
 

} ) ;