function displayContent(id, count){
			for(var i=1 ; i <= count ; i++){
				document.getElementById("Content" + i).style.display = "none";
			}
			document.getElementById("Content" + id).style.display = "";
}

//------------------------------------------------------------------------------
function fade() {
// des variables pour stocker l'élément
	// en cours d'affichage
	// et celui que l'on voudra afficher au clic
	var current;
	var next;
	// lorsque le document est chargé totalement
	$(document).ready(function() {
	// on masque toutes les divisions de classe content (sélecteur CSS)
	$("div.content").hide();
	// on choisit la division à afficher par défaut
	current = $("div#Content1");
	// et on la montre
	current.show();
	
	// pour chacun des liens du menu de navigation
	// lorsqu'on clic dessus
	//$("div#nav2 ul li a").click(function() {
	$("ul#TM2 a").click(function() {
	 	// on stocke la "cible" à afficher
		
		var elem = this.getAttribute("href");
		var ancre = elem.substring(elem.lastIndexOf("#"));
		next = $("div"+ancre);
		//next = $("div"+this.getAttribute("href"));
	 	// on masque la zone courante
	 	// et une fois ça fait (fonction "callback")
		current.fadeOut(400, function() {
	 	 	// on affiche la zone "cible"
			current = next;
			current.fadeIn(400);
			});
	 	// on finit par annuler l'action sur le lien
		return false;
	});
});
}