$(document).ready(  function() {
	// On cache tout les onglet
	$(".cap_content").css({opacity: 0.0});
	$(".cap_content").removeClass("cap_content_active");
	
	// On récupère l'id de l'onglet
	var contenu_to_show = $(".cap_active").attr("title");
	// On le met à devant en activant le cap_content_active, qui utilise le z-index.
	$("#" + contenu_to_show).addClass("cap_content_active");
	$("#" + contenu_to_show).animate({opacity: 1.0}, 500);
	$("#" + contenu_to_show).find("div.flash_onglet").css("display", "block");
	
	// Lorsqu'on clique sur un onglet
	$("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 recupère l'onglet cliqué
		var contenu_aff = $(this).attr("title");
		
		// On cache toutes les boîtes de contenu
		$(".cap_content").animate({opacity: 0.0}, 200);
		$(".cap_content").removeClass("cap_content_active");
		$(".flash_onglet").css("display", "none");
		
		// On affiche l'onglet
		$("#" + contenu_aff).addClass("cap_content_active");
		
		// On affiche les div de flash de l'onglet
		$("#" + contenu_aff).find("div.flash_onglet").css("display", "block");
		$("#" + contenu_aff).animate({opacity: 1.0}, 200);
	});
});