   // Des Variables pour pouvoir modifier facilement ce qui doit l'etre
      var secDuration = 5;
      var image = 1;
      var maxImages = 4;
      var slider = document.getElementById('slider');
      var timeout
      
      // La fonction qui change les images. Peut pointer vers une image specifique, ou bien etre appelee vide, pour passer c celle d'apres
      function changeImage(requiredImage) {
      
        // Debut de l'algorithme  .
        if (!requiredImage && requiredImage != 0){ //Si nous n'avons pas specifie une image
          if(image < maxImages){// Si l'image n'est pas la derniere, on avance d'une image
            image++;
          }
          else{
            image = 1;//Si Nous sommes sur la derniere, on reviens au debut 
          }
        }
        else{ // Si nous avont specifie une image
          if(requiredImage > maxImages){//Si nous avont specifie une image au dela de la derniere, on revient a la premiere
            image = 1;
          }
          else if(requiredImage < 1){ //Si nous avont specifie une image 0 ou moins, on vas a la derniere image
            image = maxImages;
          }
          else{
            image = requiredImage; // Sinon, on vas a l'image specifiee.
          }
        }
        //On dis au slider a travers sa classe quel image il doit afficher
        slider.className = "image"+image;
        
        // On nettoie et relance le timeout
        clearTimeout(timeout)
        timeout = setTimeout("changeImage()",secDuration*1000);
      }
      
      //Deux petites fonctions tres comprehensibles
      function nextImage(){
        changeImage(image+1);
      }
      function prevImage(){
        changeImage(image-1);
      }
      
      //On met le slide sur l'image par defaut, ici la 1ere
      changeImage(1);
