$(function(){

     var vitesse = 50;
      $(".rectangle").click(function(){
           var $div = $(this).attr("rel");
            $("#pop_up_"+$div).fadeIn(vitesse);
            $('#cache').fadeTo(vitesse,0.2);
   
           //alert("position x :"+x+"  position Y : "+y);
      });
   
      $(".rectangle").mouseleave(function(){
          var $div = $(this).attr("rel");
           //$("#pop_up_"+$div).fadeOut(vitesse);
            //$('#cache').fadeTo(vitesse, 0);
      });
      $("#cache, .btn_close").click(function(){
             $(".pop_up").fadeOut(vitesse);
             $('#cache').fadeTo(vitesse, 0,function(){ $('#cache').fadeOut(1); });
        });
           
   });