$(function()
{
	$(".no_js").addClass("bloque_invisible");

	$("#description_usage").html("<p id=\"clique_cat\">Cliquez sur le nom d&#039;une cat&eacute;gorie pour afficher la liste des commandes correspondantes.</p>" + $("#description_usage").html());

	// $("#description_usage").corner();
	// $("ul li").corner();

	$("ul .cat").css("cursor","pointer");

	$("#contenu ul ul").addClass("bloque_invisible"); // lors de l'accés à la page sont affichés uniquement les catégories

	$("#contenu ul li").click
	(
		function()
		{
			if($(this).find("ul").is(".bloque_invisible"))
				$(this).find("ul").removeClass().end().addClass("cat_border_open");
			else
			{
				$(this).removeClass().find("ul").addClass("bloque_invisible");
				/* $(this).remove("[@style]"); // pour virer l'effet certe jolie mais qui est un bug du style qui n'est pas supprimé du dom */
			}
		}
	);
});