$(document).ready(function() {  
 
///*
  //selectionne tous les tag dont le nom = vingtieme
  $('a[name=vingtieme]').click(function(e) {
  
    //annule la redirection du lien
    e.preventDefault();
    //Get the A tag
    var id = $(this).attr('href');
//*/

	var id = "#vingtieme";

    //taille (hauteur et largeur) du document
    var masqueHeight = $(document).height();
    var masqueWidth  = $(document).width();

    //le masque couvre toute la fenetre
    $('#masque').css({'width':masqueWidth,'height':masqueHeight});

    //effet de transition
    $('#masque').fadeIn(1000);    
    $('#masque').fadeTo("slow",0.8);  

    //obtient (largeur et hauteur) de la fenetre
	var winH = $(window).height();
    var winW = $(window).width();

    //fenetre modale centree
    $(id).css('top',  winH/2-$(id).height()/2);
    $(id).css('left', winW/2-$(id).width()/2);

    //effect de transition 
    $(id).fadeIn(1500); 

  });
     
  //si clic pour fermer (sur lien dans la fenetre modale) 
  $('.modale .fermer').click(function (e) {
    //annule redirection du lien
    e.preventDefault();
    $('#masque, .modale').hide();
  });     
     
  //si clic sur le masque
  $('#masque').click(function () {
    $(this).hide();
    $('.modale').hide();
  });         
     
});