function pup() {
    var myAs = document.getElementsByTagName('a');
	var myAsPup = 0; // variable donnant le nb de pup existantes
    for (var a = 0; a < myAs.length; ++a) {
		// Si le lien a une classe de type pup
        if (myAs[a].className == 'pup') {
			myAsPup++; // incrémentation du nb de pup existantes
			// on extrait l'id de la popup à partir du href
            var pup = document.getElementById(myAs[a].href.substring(myAs[a].href.lastIndexOf('#') + 1));			
						
            if (pup) {
				// si la popup existe on la cache(display none)      
                pup.style.display = 'none';
				
				// sur le lien 1 clic affiche, 2 clic masque 
                myAs[a].onclick = function() {
					thisPopup = document.getElementById(this.href.substring(this.href.lastIndexOf('#') + 1))
					// recuperation de l'espace disponible sur l'ecran
					if (document.all) {
						wintop = parseInt(document.body.scrollTop);
						if(document.documentElement.scrollTop) {
							wintop = parseInt(document.documentElement.scrollTop);						
						}
					} else {
						wintop = parseInt(window.pageYOffset);
					}
					thisPopup.style.top = 100 + parseInt(wintop) + "px";
					
					// masquage de toutes les popup
					for (closePup=1; closePup<=myAsPup; closePup++) {
						document.getElementById('pup'+closePup).style.display='none';
					}				
					
					// affichage du popup
                   thisPopup.style.display = (thisPopup.style.display == 'none') ? 'block' : 'none';
					
                    return false;
					
                };
				// on efface la popup en cliquant dessus
                pup.onclick = function() {
                    this.style.display = 'none';
                };
            }
        }
    }
}