jQuery(function() {
	var $ = jQuery;
	//On cache toutes les div au demarrage
	$("#detail-annee-3 a").next("div").hide();
	$("#detail-annee-3 a.premier").next("div").slideDown();
	
	//tous les h5 ont une couleur blanche et la fleche tournee vers la droite
	$("#detail-annee-3 a h5").addClass("normal");
	
	//le h5 devient bleu et la fleche pointe vers le bas
	
	if($("#detail-annee-3 a h5").className != "actif") {
		$("#detail-annee-3 a h5").mouseover(function() { $(this).addClass("survol"); $(this).removeClass("normal"); });
		$("#detail-annee-3 a h5").mouseout(function() { $(this).addClass("normal"); $(this).removeClass("survol"); });
	}
	
	//quand on clique, toutes les divs sont visible disparaissent et celle ou on a clique apparait
	$("#detail-annee-3 a").click(function() {
		if($(this).next("div").is(":hidden")) {
			$("#detail-annee-3 a").next("div:visible").slideUp();
			$(this).next("div").slideDown();
		}
		$("#detail-annee-3 a h5").removeClass("actif");
		$(this).children("h5").addClass("actif");
		$(this).children("h5").removeClass("normal");
		
	});
});