/**  ici les transitions qui tuent  **/
function transition(texte){
$.post('code_a_retourner.php',  
  {content: texte},  
   function(data) { 
     //alert(data);
     var tablo_donnees = data.split("|");
     if (texte=='cestqui'){
       $("#blocun").append(tablo_donnees[0]);
         $("#blocuncqui").css("width", 0);
         $("#blocuncqui").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocuncqui").css("left",170);
         $("#blocuncqui").animate({opacity: "1", left: "0", width: "331"}, 300); 

       $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxcqui").css("width", 0);
         $("#blocdeuxcqui").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxcqui").css("left",170);
         $("#blocdeuxcqui").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroiscqui").css("width", 0);
         $("#bloctroiscqui").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroiscqui").css("left",170);
         $("#bloctroiscqui").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bottom").after(tablo_donnees[4]);
       $("#bottom").after(tablo_donnees[3]);
       $("#blocquatrecqui").fadeOut(0);
       $("#blocseptcqui").fadeOut(0);
       $("#fondbig").fadeOut(0);
       $("#blocquatrecqui").css("width", 0);
       $("#blocseptcqui").css("width", 0);
       $("#fondbig").css("width", 0);

       $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300, function(){
                                     $("#bottom").remove();
                                     $("#middle").remove();
                                     $("#blocquatrecqui").css("left",170);
                                     $("#blocquatrecqui").animate({opacity: "0.4"}, 300);
                                     $("#blocquatrecqui").animate({opacity: "1", left: "0", width: "331"}, 300);
                                     $("#blocseptcqui").css("left",170);
                                     $("#blocseptcqui").animate({opacity: "0.4"}, 400);
                                     $("#blocseptcqui").animate({opacity: "1", left: "0", width: "331"}, 400);
                                     $("#fondbig").css("left",310);
                                     $("#fondbig").animate({opacity: "0.4"}, 300);
                                     $("#fondbig").animate({opacity: "1", left: "0", width: "663"}, 300);
                                    })
                         .fadeOut(0);
       $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middlebigleft" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

       } // fin c'est qui
     if (texte=='yp'){
        var tablo_donnees = data.split("|");
        //alert(tablo_donnees[0]);
        $("#blocun").append(tablo_donnees[0]);
         $("#blocunyp").css("width", 0);
         $("#blocunyp").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocunyp").css("left",170);
         $("#blocunyp").animate({opacity: "1", left: "0", width: "331"}, 300); 

        $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxyp").css("width", 0);
         $("#blocdeuxyp").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxyp").css("left",170);
         $("#blocdeuxyp").animate({opacity: "1", left: "0", width: "331"}, 300);

        $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroisyp").css("width", 0);
         $("#bloctroisyp").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroisyp").css("left",170);
         $("#bloctroisyp").animate({opacity: "1", left: "0", width: "331"}, 300);

        $("#blocquatre").append(tablo_donnees[3]);
         $("#blocquatreyp").css("width", 0);
         $("#blocquatreyp").animate({opacity: "0.4"}, 500);
         $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#blocquatreyp").css("left",170);
         $("#blocquatreyp").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#bloccinq").append(tablo_donnees[4]);
         $("#bloccinqyp").css("width", 0);
         $("#bloccinqyp").animate({opacity: "0.4"}, 500);
         $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#bloccinqyp").css("left",170);
         $("#bloccinqyp").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#blocsix").append(tablo_donnees[5]);
         $("#blocsixyp").css("width", 0);
         $("#blocsixyp").animate({opacity: "0.4"}, 500);
         $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#blocsixyp").css("left",170);
         $("#blocsixyp").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#blocsept").append(tablo_donnees[6]);
         $("#blocseptyp").css("width", 0);
         $("#blocseptyp").animate({opacity: "0.4"}, 700);
         $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blocseptyp").css("left",170);
         $("#blocseptyp").animate({opacity: "1", left: "0", width: "331"}, 700);

        $("#blochuit").append(tablo_donnees[7]);
         $("#blochuityp").css("width", 0);
         $("#blochuityp").animate({opacity: "0.4"}, 700);
         $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blochuityp").css("left",170);
         $("#blochuityp").animate({opacity: "1", left: "0", width: "331"}, 700);

        $("#blocneuf").append(tablo_donnees[8]);
         $("#blocneufyp").css("width", 0);
         $("#blocneufyp").animate({opacity: "0.4"}, 700);
         $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blocneufyp").css("left",170);
         $("#blocneufyp").animate({opacity: "1", left: "0", width: "331"}, 700);

        $('#bloccinqyp').cycle({ 
         fx:    'fade', 
         timeout: 2000 
         });

       $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middle" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

        }// fin YP

     if (texte=='fontquoi'){
       $("#blocun").append(tablo_donnees[0]);
         $("#blocunfontquoi").css("width", 0);
         $("#blocunfontquoi").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocunfontquoi").css("left",170);
         $("#blocunfontquoi").animate({opacity: "1", left: "0", width: "331"}, 300); 

       $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxfontquoi").css("width", 0);
         $("#blocdeuxfontquoi").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxfontquoi").css("left",170);
         $("#blocdeuxfontquoi").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroisfontquoi").css("width", 0);
         $("#bloctroisfontquoi").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroisfontquoi").css("left",170);
         $("#bloctroisfontquoi").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bottom").after(tablo_donnees[4]);
       $("#bottom").after(tablo_donnees[3]);
       $("#blocquatrefontquoi").fadeOut(0);
       $("#blocseptfontquoi").fadeOut(0);
       $("#fondbig").fadeOut(0);
       $("#blocquatrefontquoi").css("width", 0);
       $("#blocseptfontquoi").css("width", 0);
       $("#fondbig").css("width", 0);

       $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300, function(){
                                     $("#bottom").remove();
                                     $("#middle").remove();
                                     $("#blocquatrefontquoi").css("left",170);
                                     $("#blocquatrefontquoi").animate({opacity: "0.4"}, 300);
                                     $("#blocquatrefontquoi").animate({opacity: "1", left: "0", width: "331"}, 300);
                                     $("#blocseptfontquoi").css("left",170);
                                     $("#blocseptfontquoi").animate({opacity: "0.4"}, 400);
                                     $("#blocseptfontquoi").animate({opacity: "1", left: "0", width: "331"}, 400);
                                     $("#fondbig").css("left",310);
                                     $("#fondbig").animate({opacity: "0.4"}, 300);
                                     $("#fondbig").animate({opacity: "1", left: "0", width: "663"}, 300);
                                    })
                         .fadeOut(0);
        $('#contenubigblockmm').cycle({
              fx:     'fade',
              speed:   500,
              timeout: 0,
              pager:  '#navpager',
              pagerAnchorBuilder: function() { 
                return '&nbsp;&nbsp;<a href="#" title="Autre image"><span>Autre image</span></a>&nbsp;&nbsp;'; 
                } 
          });
        // curiosité JQuery-esque patchée ci-dessous, probablement due aux positionnements en relatif
        $("#navpager").css("z-index",150);
        $("#navpager").css("position",'absolute');
        $("#navpager").css("top",446);
        $("#navpager").css("margin-left",-265);

        $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middlebigleft" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

        }// fin font quoi

     if (texte=='pg'){
        var tablo_donnees = data.split("|");
        //alert(tablo_donnees[0]);
        $("#blocun").append(tablo_donnees[0]);
         $("#blocunpg").css("width", 0);
         $("#blocunpg").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocunpg").css("left",170);
         $("#blocunpg").animate({opacity: "1", left: "0", width: "331"}, 300); 

        $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxpg").css("width", 0);
         $("#blocdeuxpg").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxpg").css("left",170);
         $("#blocdeuxpg").animate({opacity: "1", left: "0", width: "331"}, 300);

        $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroispg").css("width", 0);
         $("#bloctroispg").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroispg").css("left",170);
         $("#bloctroispg").animate({opacity: "1", left: "0", width: "331"}, 300);

        $("#blocquatre").append(tablo_donnees[3]);
         $("#blocquatrepg").css("width", 0);
         $("#blocquatrepg").animate({opacity: "0.4"}, 500);
         $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#blocquatrepg").css("left",170);
         $("#blocquatrepg").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#bloccinq").append(tablo_donnees[4]);
         $("#bloccinqpg").css("width", 0);
         $("#bloccinqpg").animate({opacity: "0.4"}, 500);
         $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#bloccinqpg").css("left",170);
         $("#bloccinqpg").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#blocsix").append(tablo_donnees[5]);
         $("#blocsixpg").css("width", 0);
         $("#blocsixpg").animate({opacity: "0.4"}, 500);
         $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#blocsixpg").css("left",170);
         $("#blocsixpg").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#blocsept").append(tablo_donnees[6]);
         $("#blocseptpg").css("width", 0);
         $("#blocseptpg").animate({opacity: "0.4"}, 700);
         $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blocseptpg").css("left",170);
         $("#blocseptpg").animate({opacity: "1", left: "0", width: "331"}, 700);

        $("#blochuit").append(tablo_donnees[7]);
         $("#blochuitpg").css("width", 0);
         $("#blochuitpg").animate({opacity: "0.4"}, 700);
         $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blochuitpg").css("left",170);
         $("#blochuitpg").animate({opacity: "1", left: "0", width: "331"}, 700);

        $("#blocneuf").append(tablo_donnees[8]);
         $("#blocneufpg").css("width", 0);
         $("#blocneufpg").animate({opacity: "0.4"}, 700);
         $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blocneufpg").css("left",170);
         $("#blocneufpg").animate({opacity: "1", left: "0", width: "331"}, 700);

        $('#bloccinqpg').cycle({ 
         fx:    'fade', 
         timeout: 2000 
         });

       $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middle" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

        }// fin PG

     if (texte=='cestou'){
       $("#blocun").append(tablo_donnees[0]);
         $("#blocuncou").css("width", 0);
         $("#blocuncou").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocuncou").css("left",170);
         $("#blocuncou").animate({opacity: "1", left: "0", width: "331"}, 300); 

       $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxcou").css("width", 0);
         $("#blocdeuxcou").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxcou").css("left",170);
         $("#blocdeuxcou").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroiscou").css("width", 0);
         $("#bloctroiscou").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroiscou").css("left",170);
         $("#bloctroiscou").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bottom").after(tablo_donnees[4]);
       $("#bottom").after(tablo_donnees[3]);
       $("#blocquatrecou").fadeOut(0);
       $("#blocseptcou").fadeOut(0);
       $("#fondbig").fadeOut(0);
       $("#blocquatrecou").css("width", 0);
       $("#blocseptcou").css("width", 0);
       $("#fondbig").css("width", 0);

       $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300, function(){
                                     $("#bottom").remove();
                                     $("#middle").remove();
                                     $("#blocquatrecou").css("left",170);
                                     $("#blocquatrecou").animate({opacity: "0.4"}, 300);
                                     $("#blocquatrecou").animate({opacity: "1", left: "0", width: "331"}, 300);
                                     $("#blocseptcou").css("left",170);
                                     $("#blocseptcou").animate({opacity: "0.4"}, 400);
                                     $("#blocseptcou").animate({opacity: "1", left: "0", width: "331"}, 400);
                                     $("#fondbig").css("left",310);
                                     $("#fondbig").animate({opacity: "0.4"}, 300);
                                     $("#fondbig").animate({opacity: "1", left: "0", width: "663"}, 300);
                                    })
                         .fadeOut(0);
       $('#blocquatrecou').cycle({ 
         fx:    'fade', 
         timeout: 2000 
         });
       
        $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middlebigleft" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

        }// fin C ou

     if (texte=='cestquoi'){
       $("#blocun").append(tablo_donnees[0]);
         $("#blocuncquoi").css("width", 0);
         $("#blocuncquoi").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocuncquoi").css("left",170);
         $("#blocuncquoi").animate({opacity: "1", left: "0", width: "331"}, 300); 

       $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxcquoi").css("width", 0);
         $("#blocdeuxcquoi").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxcquoi").css("left",170);
         $("#blocdeuxcquoi").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroiscquoi").css("width", 0);
         $("#bloctroiscquoi").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroiscquoi").css("left",170);
         $("#bloctroiscquoi").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bottom").after(tablo_donnees[4]);
       $("#bottom").after(tablo_donnees[3]);
       $("#blocquatrecquoi").fadeOut(0);
       $("#blocseptcquoi").fadeOut(0);
       $("#fondbig").fadeOut(0);
       $("#blocquatrecquoi").css("width", 0);
       $("#blocseptcquoi").css("width", 0);
       $("#fondbig").css("width", 0);

       $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300, function(){
                                     $("#bottom").remove();
                                     $("#middle").remove();
                                     $("#blocquatrecquoi").css("left",170);
                                     $("#blocquatrecquoi").animate({opacity: "0.4"}, 300);
                                     $("#blocquatrecquoi").animate({opacity: "1", left: "0", width: "331"}, 300);
                                     $("#blocseptcquoi").css("left",170);
                                     $("#blocseptcquoi").animate({opacity: "0.4"}, 400);
                                     $("#blocseptcquoi").animate({opacity: "1", left: "0", width: "331"}, 400);
                                     $("#fondbig").css("left",310);
                                     $("#fondbig").animate({opacity: "0.4"}, 300);
                                     $("#fondbig").animate({opacity: "1", left: "0", width: "663"}, 300);
                                    })
                         .fadeOut(0);
       $('#blocquatrecquoi').cycle({ 
         fx:    'fade', 
         timeout: 2000 
         });

        $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middlebigleft" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

        }// fin c quoi

     if (texte=='pb'){
        var tablo_donnees = data.split("|");
        //alert(tablo_donnees[0]);
        $("#blocun").append(tablo_donnees[0]);
         $("#blocunpb").css("width", 0);
         $("#blocunpb").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocunpb").css("left",170);
         $("#blocunpb").animate({opacity: "1", left: "0", width: "331"}, 300); 

        $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxpb").css("width", 0);
         $("#blocdeuxpb").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxpb").css("left",170);
         $("#blocdeuxpb").animate({opacity: "1", left: "0", width: "331"}, 300);

        $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroispb").css("width", 0);
         $("#bloctroispb").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroispb").css("left",170);
         $("#bloctroispb").animate({opacity: "1", left: "0", width: "331"}, 300);

        $("#blocquatre").append(tablo_donnees[3]);
         $("#blocquatrepb").css("width", 0);
         $("#blocquatrepb").animate({opacity: "0.4"}, 500);
         $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#blocquatrepb").css("left",170);
         $("#blocquatrepb").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#bloccinq").append(tablo_donnees[4]);
         $("#bloccinqpb").css("width", 0);
         $("#bloccinqpb").animate({opacity: "0.4"}, 500);
         $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#bloccinqpb").css("left",170);
         $("#bloccinqpb").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#blocsix").append(tablo_donnees[5]);
         $("#blocsixpb").css("width", 0);
         $("#blocsixpb").animate({opacity: "0.4"}, 500);
         $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 500)
                          .fadeOut(0);
         $("#blocsixpb").css("left",170);
         $("#blocsixpb").animate({opacity: "1", left: "0", width: "331"}, 500);

        $("#blocsept").append(tablo_donnees[6]);
         $("#blocseptpb").css("width", 0);
         $("#blocseptpb").animate({opacity: "0.4"}, 700);
         $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blocseptpb").css("left",170);
         $("#blocseptpb").animate({opacity: "1", left: "0", width: "331"}, 700);

        $("#blochuit").append(tablo_donnees[7]);
         $("#blochuitpb").css("width", 0);
         $("#blochuitpb").animate({opacity: "0.4"}, 700);
         $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blochuitpb").css("left",170);
         $("#blochuitpb").animate({opacity: "1", left: "0", width: "331"}, 700);

        $("#blocneuf").append(tablo_donnees[8]);
         $("#blocneufpb").css("width", 0);
         $("#blocneufpb").animate({opacity: "0.4"}, 700);
         $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 700)
                          .fadeOut(0);
         $("#blocneufpb").css("left",170);
         $("#blocneufpb").animate({opacity: "1", left: "0", width: "331"}, 700);

        $('#bloccinqpb').cycle({ 
         fx:    'fade', 
         timeout: 2000 
         });

       $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middle" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

        }// fin PB

     if (texte=='aimentquoi'){
       $("#blocun").append(tablo_donnees[0]);
         $("#blocunaimentquoi").css("width", 0);
         $("#blocunaimentquoi").animate({opacity: "0.4"}, 300);
         $("#blocunfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocunaimentquoi").css("left",170);
         $("#blocunaimentquoi").animate({opacity: "1", left: "0", width: "331"}, 300); 

       $("#blocdeux").append(tablo_donnees[1]);
         $("#blocdeuxaimentquoi").css("width", 0);
         $("#blocdeuxaimentquoi").animate({opacity: "0.4"}, 300);
         $("#blocdeuxfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#blocdeuxaimentquoi").css("left",170);
         $("#blocdeuxaimentquoi").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bloctrois").append(tablo_donnees[2]);
         $("#bloctroisaimentquoi").css("width", 0);
         $("#bloctroisaimentquoi").animate({opacity: "0.4"}, 300);
         $("#bloctroisfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
         $("#bloctroisaimentquoi").css("left",170);
         $("#bloctroisaimentquoi").animate({opacity: "1", left: "0", width: "331"}, 300);

       $("#bottom").after(tablo_donnees[4]);
       $("#bottom").after(tablo_donnees[3]);
       $("#blocquatreaimentquoi").fadeOut(0);
       $("#blocseptaimentquoi").fadeOut(0);
       $("#fondbig").fadeOut(0);
       $("#blocquatreaimentquoi").css("width", 0);
       $("#blocseptaimentquoi").css("width", 0);
       $("#fondbig").css("width", 0);

       $("#blocquatrefirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#bloccinqfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocsixfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocseptfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blochuitfirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300)
                          .fadeOut(0);
       $("#blocneuffirst").animate({opacity: "0.4", left: "+=170", width: "0"}, 300, function(){
                                     $("#bottom").remove();
                                     $("#middle").remove();
                                     $("#blocquatreaimentquoi").css("left",170);
                                     $("#blocquatreaimentquoi").animate({opacity: "0.4"}, 300);
                                     $("#blocquatreaimentquoi").animate({opacity: "1", left: "0", width: "331"}, 300);
                                     $("#blocseptaimentquoi").css("left",170);
                                     $("#blocseptaimentquoi").animate({opacity: "0.4"}, 400);
                                     $("#blocseptaimentquoi").animate({opacity: "1", left: "0", width: "331"}, 400);
                                     $("#fondbig").css("left",310);
                                     $("#fondbig").animate({opacity: "0.4"}, 300);
                                     $("#fondbig").animate({opacity: "1", left: "0", width: "663"}, 300);
                                    })
                         .fadeOut(0);
       $('#blocquatreaimentquoi').cycle({ 
         fx:    'fade', 
         timeout: 2000 
         });

       $("#menuaccess").html('<span>[&nbsp;</span><a href="#navprincipale" title="Aller au menu" id="gotomenu">Aller au menu</a><span>&nbsp;][&nbsp;</span><a href="#middlebigleft" title="Aller au contenu" id="gotocontenu" accesskey="s">Aller au contenu</a><span>&nbsp;]</span>');

        }// aiment quoi

     }, 
    'html');
}


$('#fadephotos').cycle({ 
    fx:    'fade', 
    timeout: 2000 
});

$('#bloccinqyp').cycle({ 
    fx:    'fade', 
    timeout: 2000 
});

$('#bloccinqpb').cycle({ 
    fx:    'fade', 
    timeout: 2000 
});

$('#bloccinqpg').cycle({ 
    fx:    'fade', 
    timeout: 2000 
});

$('#blocquatrecou').cycle({ 
    fx:    'fade', 
    timeout: 2000 
});

$('#blocquatrecquoi').cycle({ 
    fx:    'fade', 
    timeout: 2000 
});


$('#contenubigblockmm').cycle({
     fx:     'fade',
     speed:   500,
     timeout: 0,
     pager:  '#navpager',
     pagerAnchorBuilder: function() { 
   return '&nbsp;&nbsp;<a href="#" title="Autre image"><span>Autre image</span></a>&nbsp;&nbsp;'; 
   } 
});