function tableofcontent() {
	// On crée le sommaire dans la place prévue pour
	$('#summary_start').html('<div id="summary" class="summary"><div class="title">Sommaire:</div><ul class="level1"></ul></div>');

	var no = 0;
	var no2 = 0

	$('#main *').each(function(useless, title){ 
		if ( title.tagName == "H1" ) {
			// numéro de title suivant
			no++;
			// On ajoute l'id au title, pour l'ancre
			$(title).attr('id', 'title-'+no);
			// on met dans le sommaire
			$('#summary .level1').append(
				  '<li id="summary-'+no+'">'
					+'<a href="#title-'+no+'">'+$(title).text()+'</a>'
				 +'</li>');
			// sous title repart de 0
			no2 = 0;
		} else if ( title.tagName == "H2" ) { 
			// On crée une liste de sous-parties
			if ( no2 == 0 ) {
				$('#summary-'+no).append('<ul class="level2"></ul>');
			}
			// incrémentation du numéro de la sous partie
			no2++;
			// On ajoute l'id au sous-title, pour l'ancre
		  	$(title).attr('id', 'title-'+no+'-'+no2);
			// + le lien de l'ancre vers le sous-title
			$('#summary-'+no+' ul').append(
				  '<li>'
				   +'<a href="#title-'+no+'-'+no2+'">'+$(title).text()+'</a>'
				 +'</li>');
		}
	});

	if ( no == 0 ) { // il ne faut pas afficher le sommaire 
		$('div.summary').hide();
	}
}
