$(function(){
        // Poisition du contenu par rapport à la gauche

   $('#content > a').hover(function () {

      // Animation Fond
      $(this).children('span.bg').animate({
          'opacity': '.4'
      }, {duration: 1000, queue:false});

      // Animation Titre
      $(this).children('span.title').css('opacity', 0);
      $(this).children('span.title').css('display', 'block');
      $(this).children('span.title').animate({
        'opacity': 1,
        'top': '60px'
      }, {duration: 1000, queue:false})

      // Animation Description
      $(this).children('span.descr').css('opacity', 0);
      $(this).children('span.descr').css('display', 'block');
      $(this).children('span.descr').animate({
        'opacity': 1,
        'top': '90px'
      }, {duration: 1000, queue:false})


   }, function () {

      // Animation fin Fond
      $(this).children('span.bg').animate({
          'opacity': '0'
      }, {duration: 1000, queue:false}, function () {
        $(this).css('display', 'inline-block')
      });

      // Animation fin Titre
      $(this).children('span.title').animate({
        'opacity': 0,
        'top': '20px'
      },  {duration: 1000, queue:false})

      // Animation fin description
      $(this).children('span.descr').animate({
        'opacity': 0,
        'top': '20px'
      },  {duration: 1000, queue:false})
   })
   // Lorsque l'on survole un des lien
   /*$('#content a').mouseover(function(){
       // On vérifie que l'on ne suvole pas l'élément courant
       if(current && $(this).index() != current.index()){

       }
       // Si on survol l'éménent déja sélectionné on ne fait rien de plus
       if(current && $(this).index() == current.index()){
           return null;
       }


     current = $(this);
   });
   */

});