function displayPics()
{
	var photos = document.getElementById('galeriemini') ;
	// On crée une variable "photos" dans laquelle oon récupère le contenu de l'id galerie_mini
	
	var liens = photos.getElementsByTagName('a') ;
	// Ici on crée la variable "liens" pour récupérer le contenu des balises <a> dans mini_galerie
	
	var big_photo = document.getElementById('big_pict') ;
	// Même principe mait on récupère cette fois le contenu de l'id big_pict
	
	var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
	// la variable titre_photosva correspondre le contenu de la balise <dt>

	/* On crée une boucle : tant qu'il y a des liens (tant que i est inférieur à la longueur de liens), on implémante une fonction
	qui va changer les attributs de la photo une fois que l'on a cliqué dessus*/
	for (var i = 0 ; i < liens.length ; ++i) {
		liens[i].onclick = function() {
			big_photo.src = this.href; // Ii c'est l'attribut source de l'image qui est remplacé par la valeur du lien
			big_photo.alt = this.title; // l'attribut alt prend la valeur de la balise alt
			titre_photo.firstChild.nodeValue = this.title; // on change le titre de la photo
			return false; // on inhibe l'action réelle du lien
		};
	}
}
window.onload = displayPics;
// appel de la fonction displayPics à l'ouverture de la fenêtre