$(document).ready( function () { 
    // On cache les sous-menus : 
    $(".navig2 ul.sous_nav").hide(); 
	// On sélectionne tous les items de liste portant la classe "toggleSubMenu" 
  $(".navig2 ul.sous_nav:not('.open_at_load')").hide(); 

	 // On modifie l'événement "click" sur les liens 
    // qui portent la classe "ouvre_sous_nav" : 
    $(".navig2 li.ouvre_sous_nav > span").hover( function () { 
        // Si le sous-menu était déjà ouvert, on le referme : 
        if ($(this).next("ul.sous_nav:visible").length != 0) { //si le prochain élément de ul.sous_nav visible n'est pas égal à zero
            $(this).next("ul.sous_nav").slideUp("normal"); //on ferme l'accordéon
        } 
        // Si le sous-menu est caché, on ferme les autres et on l'affiche : 
        else { 
            $(".navig2 ul.sous_nav").slideUp("normal"); 
            $(this).next("ul.sous_nav").slideDown("normal"); 
        } 
        // On empêche le navigateur de suivre le lien : 
        return false; 
    });     

 // Lorsqu'on clique sur un onglet
 
$("#content_1").show();
       $("#content_2").hide();
       $("#content_3").hide();
       $("#content_4").hide();
       $("#content_5").hide();
       $("#content_6").hide();
       $("#content_7").hide();
	   $("#content_8").hide();
	   $("#content_9").hide();
	   $("#content_10").hide();
	   
        $("li.cap_onglet").click(   function () {
            // On les met tous en inactif
            $(".cap_active").removeClass("cap_active");
 
            // On met l'onglet cliqué en actif
            $(this).addClass("cap_active");
 
            // On cache toutes les boîtes de contenu
            $(".cap_content").hide();
 
            // On affiche la boîte de contenu liée à notre onglet
            var contenu_aff = $(this).attr("title");
            	$("#" + contenu_aff).show();
        });

} ) ;