var zindex=0;
 
function creer_fenetre(left,top,width,height,page,categorie,type){
        var fenetre = document.createElement("div"); //Création du bloc principal
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+'px';
        fenetre.style.top=top+'px';
        fenetre.style.width=width+'px';
        fenetre.style.height=height+'px';
        if(document.all) fenetre.attachEvent("onmousedown",function (){premier_plan(fenetre)});
        else fenetre.addEventListener("mousedown",function (){premier_plan(fenetre)},true);
        
        //On crée la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
        //On crée ensuite les trois div qui y figureront :
        var haut_gauche = document.createElement("div");
        haut_gauche.className="haut_gauche";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";
        if(document.all) haut_droite.attachEvent("onclick",function (){fermer(fenetre)});
        else fenetre.addEventListener("click",function (){fermer(fenetre)},true);
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
        //Puis on les insère une par une dans notre bloc "haut" :
        haut.appendChild(haut_gauche);
        haut.appendChild(haut_droite);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre" :
        fenetre.appendChild(haut);
        
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("div");
        milieu_centre.className="milieu_centre";
        var textetitre = document.createTextNode("Identification");
        var formLogin = document.createElement("form");
        formLogin.setAttribute("method","post");
        formLogin.setAttribute("action","login.php?page="+page+"&idcateg="+categorie+"&idtype="+type);
        var table1 = document.createElement("table");
        table1.setAttribute("width","100%");
        
        // première ligne de la table avec l'identifiant
        var tr1 = document.createElement("tr");
        var td11 = document.createElement("td");
        td11.setAttribute("width","50%");
        td11.setAttribute("align","right");
        tr1.appendChild(td11);
        var td12 = document.createElement("td");
        td12.setAttribute("width","50%");
        td12.setAttribute("align","left");
        tr1.appendChild(td12);
        var texteuser = document.createTextNode("Identifiant");
        td11.appendChild(texteuser);
        var idUser = document.createElement("input");
        idUser.setAttribute("name","nom");
        idUser.setAttribute("type","text");
        td12.appendChild(idUser);
        
        // seconde ligne de la table avec le mot de passe
        var tr2 = document.createElement("tr");
        
        var td21 = document.createElement("td");
        td21.setAttribute("width","50%");
        td21.setAttribute("align","right");
        tr2.appendChild(td21);
        var td22 = document.createElement("td");
        td22.setAttribute("width","50%");
        td22.setAttribute("align","left");
        tr2.appendChild(td22);
        var textpassword = document.createTextNode("Mot de passe");
        td21.appendChild(textpassword);
        var password = document.createElement("input");
        password.setAttribute("name","password");
        password.setAttribute("type","password");
        td22.appendChild(password);
        
        // troisième ligne de la table avec le bouton de soumission
        var tr3 = document.createElement("tr");
        var td31 = document.createElement("td");
        if(document.all) 
        {
			td31.colSpan="2";
        }
        else
        {
			td31.setAttribute("colspan","2");
        }
        tr3.appendChild(td31);
        var btnValider = document.createElement("input");
        if(document.all) 
        {
			btnValider.Value="Valider";
        }
        else
        {
			btnValider.setAttribute("value","Valider");
        }
        btnValider.setAttribute("type","submit");
        td31.appendChild(btnValider);
        
        if(document.all) 
        {
        	var tbody1 = document.createElement("tbody");
        	tbody1.appendChild(tr1);
        	tbody1.appendChild(tr2);
        	tbody1.appendChild(tr3);
        	table1.appendChild(tbody1);
        }
        else
        {
        	table1.appendChild(tr1);
        	table1.appendChild(tr2);
        	table1.appendChild(tr3);
        }
        
        haut_centre.appendChild(textetitre);
        formLogin.appendChild(table1);
        milieu_centre.appendChild(formLogin);
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
        
        //On fait de même pour la div "bas"
        var bas = document.createElement("div");
        bas.className="bas";
        var bas_gauche = document.createElement("div");
        bas_gauche.className="bas_gauche";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";
        bas.appendChild(bas_gauche);
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);
 
        premier_plan(fenetre);
        document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
}
 
function premier_plan(fenetre) {
        zindex++;
        fenetre.style.zIndex=zindex;
}

function creer_forminscription(left,top,width,height,nbjoueur,page,categorie,type){

        var fenetre = document.createElement("div"); //Création du bloc principal
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+'px';
        fenetre.style.top=top+'px';
        fenetre.style.width=width+'px';
        fenetre.style.height=height+'px';
        if(document.all) fenetre.attachEvent("onmousedown",function (){premier_plan(fenetre)});
        else fenetre.addEventListener("mousedown",function (){premier_plan(fenetre)},true);
        
        //On crée de la même manière la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
        //On crée ensuite les trois div qui y figureront :
        var haut_gauche = document.createElement("div");
        haut_gauche.className="haut_gauche";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";
        if(document.all) haut_droite.attachEvent("onclick",function (){fermer(fenetre)});
        else fenetre.addEventListener("click",function (){fermer(fenetre)},true);
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
        //Puis on les insère une par une dans notre bloc "haut" :
        haut.appendChild(haut_gauche);
        haut.appendChild(haut_droite);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre" :
        fenetre.appendChild(haut);
        
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("div");
        milieu_centre.className="milieu_centre";
        
        // creation du formulaire d inscription
        var form1Joueur = document.createElement("form");
        form1Joueur.setAttribute("method","post");
        form1Joueur.setAttribute("action","inscrirefederaux.php?page="+page+"&idcateg="+categorie+"&idtype="+type+"&nbjoueurs="+nbjoueur);
        var table1 = document.createElement("table");
        table1.setAttribute("width","100%");
        var tbody1 = document.createElement("tbody");
        table1.appendChild(tbody1);
        
        if (nbjoueur==1) 
        {
        	// inscription 1 joueur
        	var texte = document.createTextNode("Inscription Tête à Tête "+categorie);
        	var tr1 = document.createElement("tr");
        	var td11 = document.createElement("td");
        	td11.setAttribute("align","right");
        	var td12 = document.createElement("td");
        	td12.setAttribute("align","left");
        	var tr2 = document.createElement("tr");
        	var td21 = document.createElement("td");
        	td21.setAttribute("align","right");
        	var td22 = document.createElement("td");
        	td22.setAttribute("align","left");
        	var tr3 = document.createElement("tr");
        	var td31 = document.createElement("td");
        	td31.setAttribute("align","right");
        	var td32 = document.createElement("td");
        	td32.setAttribute("align","left");
        	var tr4 = document.createElement("tr");
        	var td41 = document.createElement("td");
        	
        	var textenom = document.createTextNode("Nom");
        	var inpnom = document.createElement("input");
        	inpnom.setAttribute("name","nom1");
        	inpnom.setAttribute("type","text");
        	var texteprenom = document.createTextNode("Prénom");
        	var inpprenom = document.createElement("input");
        	inpprenom.setAttribute("name","prenom1");
        	inpprenom.setAttribute("type","text");
        	var textelicence = document.createTextNode("Numéro de licence");
        	var inplicence = document.createElement("input");
        	inplicence.setAttribute("name","licence1");
        	inplicence.setAttribute("type","text");
        	var btnValider = document.createElement("input");
        	btnValider.setAttribute("type","submit");
        	
        	if(document.all) 
        	{
				btnValider.Value="Valider votre inscription";
				td41.colSpan="2";
        	}
        	else
        	{
				btnValider.setAttribute("value","Valider votre inscription");
				td41.setAttribute("colspan","2");
        	}
        	
        	td11.appendChild(textenom);
        	td12.appendChild(inpnom);
        	td21.appendChild(texteprenom);
        	td22.appendChild(inpprenom);
        	td31.appendChild(textelicence);
        	td32.appendChild(inplicence);
        	td41.appendChild(btnValider);
        	tr1.appendChild(td11);
        	tr1.appendChild(td12);
        	tr2.appendChild(td21);
        	tr2.appendChild(td22);
        	tr3.appendChild(td31);
        	tr3.appendChild(td32);
        	tr4.appendChild(td41);
        	tbody1.appendChild(tr1);
        	tbody1.appendChild(tr2);
        	tbody1.appendChild(tr3);
        	tbody1.appendChild(tr4);
        }
        else if (nbjoueur==2) 
        {
        	// inscription 2 joueurs
        	var texte = document.createTextNode("Inscription Doublettes "+categorie);
        	var tr0 = document.createElement("tr");
        	var td01 = document.createElement("td");
        	var td02 = document.createElement("td");
        	var td03 = document.createElement("td");
        	var tr1 = document.createElement("tr");
        	// var td11 = document.createElement("td");
        	var td12 = document.createElement("td");
        	var td13 = document.createElement("td");
        	var td14 = document.createElement("td");
        	var tr2 = document.createElement("tr");
        	// var td21 = document.createElement("td");
        	var td22 = document.createElement("td");
        	var td23 = document.createElement("td");
        	var td24 = document.createElement("td");
        	var tr3 = document.createElement("tr");
        	// var td31 = document.createElement("td");
        	var td32 = document.createElement("td");
        	var td33 = document.createElement("td");
        	var td34 = document.createElement("td");
        	var tr4 = document.createElement("tr");
        	var td41 = document.createElement("td");
        	
        	var joueur1 = document.createTextNode("Joueur 1");
        	var joueur2 = document.createTextNode("Joueur 2");
        	var textenom = document.createTextNode("Nom");
        	var texteprenom = document.createTextNode("Prénom");
        	var textelicence = document.createTextNode("Numéro de licence");
        	var inputnom1 = document.createElement("input");
        	inputnom1.setAttribute("name","nom1");
        	inputnom1.setAttribute("type","text");
        	var inputnom2 = document.createElement("input");
        	inputnom2.setAttribute("name","nom2");
        	inputnom2.setAttribute("type","text");
        	var inputprenom1 = document.createElement("input");
        	inputprenom1.setAttribute("name","prenom1");
        	inputprenom1.setAttribute("type","text");
        	var inputprenom2 = document.createElement("input");
        	inputprenom2.setAttribute("name","prenom2");
        	inputprenom2.setAttribute("type","text");
        	var inputlicence1 = document.createElement("input");
        	inputlicence1.setAttribute("name","licence1");
        	inputlicence1.setAttribute("type","text");
        	var inputlicence2 = document.createElement("input");
        	inputlicence2.setAttribute("name","licence2");
        	inputlicence2.setAttribute("type","text");
        	var btnValider = document.createElement("input");
        	btnValider.setAttribute("type","submit");
        	
        	td01.appendChild(joueur1);
        	td03.appendChild(joueur2);
        	// td11.appendChild(textenom);
        	td12.appendChild(inputnom1);
        	td13.appendChild(textenom);
        	td14.appendChild(inputnom2);
        	// td21.appendChild(texteprenom);
        	td22.appendChild(inputprenom1);
        	td23.appendChild(texteprenom);
        	td24.appendChild(inputprenom2);
        	// td31.appendChild(textelicence);
        	td32.appendChild(inputlicence1);
        	td33.appendChild(textelicence);
        	td34.appendChild(inputlicence2);
        	td41.appendChild(btnValider);
        	
        	if(document.all) 
        	{
				btnValider.Value="Valider votre inscription";
				// td01.colSpan="2";
				// td02.colSpan="2";
				td41.colSpan="3";
        	}
        	else
        	{
				btnValider.setAttribute("value","Valider votre inscription");
				// td01.setAttribute("colspan","2");
				// td02.setAttribute("colspan","2");
				td41.setAttribute("colspan","3");
        	}
        	tr0.appendChild(td01);
        	tr0.appendChild(td02);
        	tr0.appendChild(td03);
        	// tr1.appendChild(td11);
        	tr1.appendChild(td12);
        	tr1.appendChild(td13);
        	tr1.appendChild(td14);
        	// tr2.appendChild(td21);
        	tr2.appendChild(td22);
        	tr2.appendChild(td23);
        	tr2.appendChild(td24);
        	// tr3.appendChild(td31);
        	tr3.appendChild(td32);
        	tr3.appendChild(td33);
        	tr3.appendChild(td34);
        	tr4.appendChild(td41);
        	tbody1.appendChild(tr0);
        	tbody1.appendChild(tr1);
        	tbody1.appendChild(tr2);
        	tbody1.appendChild(tr3);
        	tbody1.appendChild(tr4);
        }
        else 
        {
        	// inscription 3 joueurs
        	var texte = document.createTextNode("Inscription Triplettes "+categorie);
        	var tr0 = document.createElement("tr");
        	var td01 = document.createElement("td");
        	var td02 = document.createElement("td");
        	var td03 = document.createElement("td");
        	var td04 = document.createElement("td");
        	var tr1 = document.createElement("tr");
        	var td11 = document.createElement("td");
        	td11.setAttribute("align","right");
        	var td12 = document.createElement("td");
        	var td13 = document.createElement("td");
        	var td14 = document.createElement("td");
        	var tr2 = document.createElement("tr");
        	var td21 = document.createElement("td");
        	td21.setAttribute("align","right");
        	var td22 = document.createElement("td");
        	var td23 = document.createElement("td");
        	var td24 = document.createElement("td");
        	var tr3 = document.createElement("tr");
        	var td31 = document.createElement("td");
        	td31.setAttribute("align","right");
        	var td32 = document.createElement("td");
        	var td33 = document.createElement("td");
        	var td34 = document.createElement("td");
        	var tr4 = document.createElement("tr");
        	var td41 = document.createElement("td");
        	var td42 = document.createElement("td");
        	
        	var joueur1 = document.createTextNode("Joueur 1");
        	var joueur2 = document.createTextNode("Joueur 2");
        	var joueur3 = document.createTextNode("Joueur 3");
        	var textenom = document.createTextNode("Nom");
        	var texteprenom = document.createTextNode("Prénom");
        	var textelicence = document.createTextNode("Numéro de licence");
        	var inputnom1 = document.createElement("input");
        	inputnom1.setAttribute("name","nom1");
        	inputnom1.setAttribute("type","text");
        	var inputnom2 = document.createElement("input");
        	inputnom2.setAttribute("name","nom2");
        	inputnom2.setAttribute("type","text");
        	var inputnom3 = document.createElement("input");
        	inputnom3.setAttribute("name","nom3");
        	inputnom3.setAttribute("type","text");
        	var inputprenom1 = document.createElement("input");
        	inputprenom1.setAttribute("name","prenom1");
        	inputprenom1.setAttribute("type","text");
        	var inputprenom2 = document.createElement("input");
        	inputprenom2.setAttribute("name","prenom2");
        	inputprenom2.setAttribute("type","text");
        	var inputprenom3 = document.createElement("input");
        	inputprenom3.setAttribute("name","prenom3");
        	inputprenom3.setAttribute("type","text");
        	var inputlicence1 = document.createElement("input");
        	inputlicence1.setAttribute("name","licence1");
        	inputlicence1.setAttribute("type","text");
        	var inputlicence2 = document.createElement("input");
        	inputlicence2.setAttribute("name","licence2");
        	inputlicence2.setAttribute("type","text");
        	var inputlicence3 = document.createElement("input");
        	inputlicence3.setAttribute("name","licence3");
        	inputlicence3.setAttribute("type","text");
        	var btnValider = document.createElement("input");
        	btnValider.setAttribute("type","submit");
        	
        	if(document.all) 
        	{
				btnValider.Value="Valider votre inscription";
				// td01.colSpan="2";
				// td02.colSpan="2";
				td42.colSpan="3";
        	}
        	else
        	{
				btnValider.setAttribute("value","Valider votre inscription");
				// td01.setAttribute("colspan","2");
				// td02.setAttribute("colspan","2");
				td42.setAttribute("colspan","3");
        	}
        	td02.appendChild(joueur1);
        	td03.appendChild(joueur2);
        	td04.appendChild(joueur3);
        	td11.appendChild(textenom);
        	td12.appendChild(inputnom1);
        	td13.appendChild(inputnom2);
        	td14.appendChild(inputnom3);
        	td21.appendChild(texteprenom);
        	td22.appendChild(inputprenom1);
        	td23.appendChild(inputprenom2);
        	td24.appendChild(inputprenom3);
        	td31.appendChild(textelicence);
        	td32.appendChild(inputlicence1);
        	td33.appendChild(inputlicence2);
        	td34.appendChild(inputlicence3);
        	td42.appendChild(btnValider);
        	
        	tr0.appendChild(td01);
        	tr0.appendChild(td02);
        	tr0.appendChild(td03);
        	tr0.appendChild(td04);
        	tr1.appendChild(td11);
        	tr1.appendChild(td12);
        	tr1.appendChild(td13);
        	tr1.appendChild(td14);
        	tr2.appendChild(td21);
        	tr2.appendChild(td22);
        	tr2.appendChild(td23);
        	tr2.appendChild(td24);
        	tr3.appendChild(td31);
        	tr3.appendChild(td32);
        	tr3.appendChild(td33);
        	tr3.appendChild(td34);
        	tr4.appendChild(td41);
        	tr4.appendChild(td42);
        	tbody1.appendChild(tr0);
        	tbody1.appendChild(tr1);
        	tbody1.appendChild(tr2);
        	tbody1.appendChild(tr3);
        	tbody1.appendChild(tr4);
        }
        
        haut_centre.appendChild(texte);
        form1Joueur.appendChild(table1);
        milieu_centre.appendChild(form1Joueur);
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
        
        //On fait de même pour la div "bas"
        var bas = document.createElement("div");
        bas.className="bas";
        var bas_gauche = document.createElement("div");
        bas_gauche.className="bas_gauche";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";
        bas.appendChild(bas_gauche);
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);
 
        premier_plan(fenetre);
        document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
}

function creer_forminscription2(left,top,width,height,nbjoueur,page,categorie,type,nom,prenom){

        var fenetre = document.createElement("div"); //Création du bloc principal
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+'px';
        fenetre.style.top=top+'px';
        fenetre.style.width=width+'px';
        fenetre.style.height=height+'px';
        if(document.all) fenetre.attachEvent("onmousedown",function (){premier_plan(fenetre)});
        else fenetre.addEventListener("mousedown",function (){premier_plan(fenetre)},true);
        
        //On crée de la même manière la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
        //On crée ensuite les trois div qui y figureront :
        var haut_gauche = document.createElement("div");
        haut_gauche.className="haut_gauche";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";
        if(document.all) haut_droite.attachEvent("onclick",function (){fermer(fenetre)});
        else fenetre.addEventListener("click",function (){fermer(fenetre)},true);
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
        //Puis on les insère une par une dans notre bloc "haut" :
        haut.appendChild(haut_gauche);
        haut.appendChild(haut_droite);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre" :
        fenetre.appendChild(haut);
        
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("div");
        milieu_centre.className="milieu_centre";
        
        // creation du formulaire d inscription
        var form1Joueur = document.createElement("form");
        form1Joueur.setAttribute("method","post");
        form1Joueur.setAttribute("action","inscrirefederaux2.php?page="+page+"&idcateg="+categorie+"&idtype="+type+"&nbjoueurs="+nbjoueur+"&nom="+nom+"&prenom="+prenom);
        var table1 = document.createElement("table");
        table1.setAttribute("width","100%");
        var tbody1 = document.createElement("tbody");
        table1.appendChild(tbody1);
        
        if (nbjoueur==1) 
        {
        	// inscription 1 joueur
        	var texte = document.createTextNode("Inscription Tête à Tête "+categorie);
        	var tr1 = document.createElement("tr");
        	var td11 = document.createElement("td");
        	td11.setAttribute("align","right");
        	var td12 = document.createElement("td");
        	td12.setAttribute("align","left");
        	var tr2 = document.createElement("tr");
        	var td21 = document.createElement("td");
        	td21.setAttribute("align","right");
        	var td22 = document.createElement("td");
        	td22.setAttribute("align","left");
        	var tr3 = document.createElement("tr");
        	var td31 = document.createElement("td");
        	td31.setAttribute("align","right");
        	var td32 = document.createElement("td");
        	td32.setAttribute("align","left");
        	var tr4 = document.createElement("tr");
        	var td41 = document.createElement("td");
        	
        	var textenom = document.createTextNode("Nom");
        	var inpnom = document.createElement("input");
        	inpnom.setAttribute("name","nom1");
        	inpnom.setAttribute("type","text");
        	var texteprenom = document.createTextNode("Prénom");
        	var inpprenom = document.createElement("input");
        	inpprenom.setAttribute("name","prenom1");
        	inpprenom.setAttribute("type","text");
        	var textelicence = document.createTextNode("Numéro de licence");
        	var inplicence = document.createElement("input");
        	inplicence.setAttribute("name","licence1");
        	inplicence.setAttribute("type","text");
        	var btnValider = document.createElement("input");
        	btnValider.setAttribute("type","submit");
        	
        	if(document.all) 
        	{
				btnValider.Value="Valider votre inscription";
				td41.colSpan="2";
        	}
        	else
        	{
				btnValider.setAttribute("value","Valider votre inscription");
				td41.setAttribute("colspan","2");
        	}
        	
        	td11.appendChild(textenom);
        	td12.appendChild(inpnom);
        	td21.appendChild(texteprenom);
        	td22.appendChild(inpprenom);
        	td31.appendChild(textelicence);
        	td32.appendChild(inplicence);
        	td41.appendChild(btnValider);
        	tr1.appendChild(td11);
        	tr1.appendChild(td12);
        	tr2.appendChild(td21);
        	tr2.appendChild(td22);
        	tr3.appendChild(td31);
        	tr3.appendChild(td32);
        	tr4.appendChild(td41);
        	tbody1.appendChild(tr1);
        	tbody1.appendChild(tr2);
        	tbody1.appendChild(tr3);
        	tbody1.appendChild(tr4);
        }
        else if (nbjoueur==2) 
        {
        	// inscription 2 joueurs
        	var texte = document.createTextNode("Inscription Doublettes "+categorie);
        	var tr0 = document.createElement("tr");
        	var td01 = document.createElement("td");
        	var td02 = document.createElement("td");
        	var td03 = document.createElement("td");
        	var tr1 = document.createElement("tr");
        	// var td11 = document.createElement("td");
        	var td12 = document.createElement("td");
        	var td13 = document.createElement("td");
        	var td14 = document.createElement("td");
        	var tr2 = document.createElement("tr");
        	// var td21 = document.createElement("td");
        	var td22 = document.createElement("td");
        	var td23 = document.createElement("td");
        	var td24 = document.createElement("td");
        	var tr3 = document.createElement("tr");
        	// var td31 = document.createElement("td");
        	var td32 = document.createElement("td");
        	var td33 = document.createElement("td");
        	var td34 = document.createElement("td");
        	var tr4 = document.createElement("tr");
        	var td41 = document.createElement("td");
        	
        	var joueur1 = document.createTextNode("Joueur 1");
        	var joueur2 = document.createTextNode("Joueur 2");
        	var textenom = document.createTextNode("Nom");
        	var texteprenom = document.createTextNode("Prénom");
        	var textelicence = document.createTextNode("Numéro de licence");
        	var inputnom1 = document.createElement("input");
        	inputnom1.setAttribute("name","nom1");
        	inputnom1.setAttribute("type","text");
        	var inputnom2 = document.createElement("input");
        	inputnom2.setAttribute("name","nom2");
        	inputnom2.setAttribute("type","text");
        	var inputprenom1 = document.createElement("input");
        	inputprenom1.setAttribute("name","prenom1");
        	inputprenom1.setAttribute("type","text");
        	var inputprenom2 = document.createElement("input");
        	inputprenom2.setAttribute("name","prenom2");
        	inputprenom2.setAttribute("type","text");
        	var inputlicence1 = document.createElement("input");
        	inputlicence1.setAttribute("name","licence1");
        	inputlicence1.setAttribute("type","text");
        	var inputlicence2 = document.createElement("input");
        	inputlicence2.setAttribute("name","licence2");
        	inputlicence2.setAttribute("type","text");
        	var btnValider = document.createElement("input");
        	btnValider.setAttribute("type","submit");
        	
        	td01.appendChild(joueur1);
        	td03.appendChild(joueur2);
        	// td11.appendChild(textenom);
        	td12.appendChild(inputnom1);
        	td13.appendChild(textenom);
        	td14.appendChild(inputnom2);
        	// td21.appendChild(texteprenom);
        	td22.appendChild(inputprenom1);
        	td23.appendChild(texteprenom);
        	td24.appendChild(inputprenom2);
        	// td31.appendChild(textelicence);
        	td32.appendChild(inputlicence1);
        	td33.appendChild(textelicence);
        	td34.appendChild(inputlicence2);
        	td41.appendChild(btnValider);
        	
        	if(document.all) 
        	{
				btnValider.Value="Valider votre inscription";
				// td01.colSpan="2";
				// td02.colSpan="2";
				td41.colSpan="3";
        	}
        	else
        	{
				btnValider.setAttribute("value","Valider votre inscription");
				// td01.setAttribute("colspan","2");
				// td02.setAttribute("colspan","2");
				td41.setAttribute("colspan","3");
        	}
        	tr0.appendChild(td01);
        	tr0.appendChild(td02);
        	tr0.appendChild(td03);
        	// tr1.appendChild(td11);
        	tr1.appendChild(td12);
        	tr1.appendChild(td13);
        	tr1.appendChild(td14);
        	// tr2.appendChild(td21);
        	tr2.appendChild(td22);
        	tr2.appendChild(td23);
        	tr2.appendChild(td24);
        	// tr3.appendChild(td31);
        	tr3.appendChild(td32);
        	tr3.appendChild(td33);
        	tr3.appendChild(td34);
        	tr4.appendChild(td41);
        	tbody1.appendChild(tr0);
        	tbody1.appendChild(tr1);
        	tbody1.appendChild(tr2);
        	tbody1.appendChild(tr3);
        	tbody1.appendChild(tr4);
        }
        else 
        {
        	// inscription 3 joueurs
        	var texte = document.createTextNode("Inscription Triplettes "+categorie);
        	var tr0 = document.createElement("tr");
        	var td01 = document.createElement("td");
        	var td02 = document.createElement("td");
        	var td03 = document.createElement("td");
        	var td04 = document.createElement("td");
        	var tr1 = document.createElement("tr");
        	var td11 = document.createElement("td");
        	td11.setAttribute("align","right");
        	var td12 = document.createElement("td");
        	var td13 = document.createElement("td");
        	var td14 = document.createElement("td");
        	var tr2 = document.createElement("tr");
        	var td21 = document.createElement("td");
        	td21.setAttribute("align","right");
        	var td22 = document.createElement("td");
        	var td23 = document.createElement("td");
        	var td24 = document.createElement("td");
        	var tr3 = document.createElement("tr");
        	var td31 = document.createElement("td");
        	td31.setAttribute("align","right");
        	var td32 = document.createElement("td");
        	var td33 = document.createElement("td");
        	var td34 = document.createElement("td");
        	var tr4 = document.createElement("tr");
        	var td41 = document.createElement("td");
        	var td42 = document.createElement("td");
        	
        	var joueur1 = document.createTextNode("Joueur 1");
        	var joueur2 = document.createTextNode("Joueur 2");
        	var joueur3 = document.createTextNode("Joueur 3");
        	var textenom = document.createTextNode("Nom");
        	var texteprenom = document.createTextNode("Prénom");
        	var textelicence = document.createTextNode("Numéro de licence");
        	var inputnom1 = document.createElement("input");
        	inputnom1.setAttribute("name","nom1");
        	inputnom1.setAttribute("type","text");
        	var inputnom2 = document.createElement("input");
        	inputnom2.setAttribute("name","nom2");
        	inputnom2.setAttribute("type","text");
        	var inputnom3 = document.createElement("input");
        	inputnom3.setAttribute("name","nom3");
        	inputnom3.setAttribute("type","text");
        	var inputprenom1 = document.createElement("input");
        	inputprenom1.setAttribute("name","prenom1");
        	inputprenom1.setAttribute("type","text");
        	var inputprenom2 = document.createElement("input");
        	inputprenom2.setAttribute("name","prenom2");
        	inputprenom2.setAttribute("type","text");
        	var inputprenom3 = document.createElement("input");
        	inputprenom3.setAttribute("name","prenom3");
        	inputprenom3.setAttribute("type","text");
        	var inputlicence1 = document.createElement("input");
        	inputlicence1.setAttribute("name","licence1");
        	inputlicence1.setAttribute("type","text");
        	var inputlicence2 = document.createElement("input");
        	inputlicence2.setAttribute("name","licence2");
        	inputlicence2.setAttribute("type","text");
        	var inputlicence3 = document.createElement("input");
        	inputlicence3.setAttribute("name","licence3");
        	inputlicence3.setAttribute("type","text");
        	var btnValider = document.createElement("input");
        	btnValider.setAttribute("type","submit");
        	
        	if(document.all) 
        	{
				btnValider.Value="Valider votre inscription";
				// td01.colSpan="2";
				// td02.colSpan="2";
				td42.colSpan="3";
        	}
        	else
        	{
				btnValider.setAttribute("value","Valider votre inscription");
				// td01.setAttribute("colspan","2");
				// td02.setAttribute("colspan","2");
				td42.setAttribute("colspan","3");
        	}
        	td02.appendChild(joueur1);
        	td03.appendChild(joueur2);
        	td04.appendChild(joueur3);
        	td11.appendChild(textenom);
        	td12.appendChild(inputnom1);
        	td13.appendChild(inputnom2);
        	td14.appendChild(inputnom3);
        	td21.appendChild(texteprenom);
        	td22.appendChild(inputprenom1);
        	td23.appendChild(inputprenom2);
        	td24.appendChild(inputprenom3);
        	td31.appendChild(textelicence);
        	td32.appendChild(inputlicence1);
        	td33.appendChild(inputlicence2);
        	td34.appendChild(inputlicence3);
        	td42.appendChild(btnValider);
        	
        	tr0.appendChild(td01);
        	tr0.appendChild(td02);
        	tr0.appendChild(td03);
        	tr0.appendChild(td04);
        	tr1.appendChild(td11);
        	tr1.appendChild(td12);
        	tr1.appendChild(td13);
        	tr1.appendChild(td14);
        	tr2.appendChild(td21);
        	tr2.appendChild(td22);
        	tr2.appendChild(td23);
        	tr2.appendChild(td24);
        	tr3.appendChild(td31);
        	tr3.appendChild(td32);
        	tr3.appendChild(td33);
        	tr3.appendChild(td34);
        	tr4.appendChild(td41);
        	tr4.appendChild(td42);
        	tbody1.appendChild(tr0);
        	tbody1.appendChild(tr1);
        	tbody1.appendChild(tr2);
        	tbody1.appendChild(tr3);
        	tbody1.appendChild(tr4);
        }
        
        haut_centre.appendChild(texte);
        form1Joueur.appendChild(table1);
        milieu_centre.appendChild(form1Joueur);
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
        
        //On fait de même pour la div "bas"
        var bas = document.createElement("div");
        bas.className="bas";
        var bas_gauche = document.createElement("div");
        bas_gauche.className="bas_gauche";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";
        bas.appendChild(bas_gauche);
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);
 
        premier_plan(fenetre);
        document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
}

function fermer(fenetre) {
        fenetre.style.visibility=hidden;
}
function creer_joueurcompet(left,top,width,height,page,categorie,nom,prenom){

        var fenetre = document.createElement("div"); //Création du bloc principal
        fenetre.className="fenetre"; //On donne un attribut class à cette div
        fenetre.style.left=left+'px';
        fenetre.style.top=top+'px';
        fenetre.style.width=width+'px';
        fenetre.style.height=height+'px';
        if(document.all) fenetre.attachEvent("onmousedown",function (){premier_plan(fenetre)});
        else fenetre.addEventListener("mousedown",function (){premier_plan(fenetre)},true);
        
        //On crée de la même manière la div "haut":
        var haut = document.createElement("div");
        haut.className="haut";
        //On crée ensuite les trois div qui y figureront :
        var haut_gauche = document.createElement("div");
        haut_gauche.className="haut_gauche";
        var haut_droite = document.createElement("div");
        haut_droite.className="haut_droite";
        if(document.all) haut_droite.attachEvent("onclick",function (){fermer(fenetre)});
        else fenetre.addEventListener("click",function (){fermer(fenetre)},true);
        var haut_centre = document.createElement("div");
        haut_centre.className="haut_centre";
        //Puis on les insère une par une dans notre bloc "haut" :
        haut.appendChild(haut_gauche);
        haut.appendChild(haut_droite);
        haut.appendChild(haut_centre);
        //On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre" :
        fenetre.appendChild(haut);
        
        //On fait de même pour la div "milieu"
        var milieu = document.createElement("div");
        milieu.className="milieu";
        var milieu_gauche = document.createElement("div");
        milieu_gauche.className="milieu_gauche";
        var milieu_droite = document.createElement("div");
        milieu_droite.className="milieu_droite";
        var milieu_centre = document.createElement("div");
        milieu_centre.className="milieu_centre";
        
        // creation du formulaire d inscription
        var form1Joueur = document.createElement("form");
        form1Joueur.setAttribute("method","post");
        form1Joueur.setAttribute("action","ajoutjoueurcompet.php?page="+page+"&idcateg="+categorie+"&nom="+nom+"&prenom="+prenom);
        var table1 = document.createElement("table");
        table1.setAttribute("width","100%");
        var tbody1 = document.createElement("tbody");
        table1.appendChild(tbody1);
        
    	var tr0 = document.createElement("tr");
    	var td01 = document.createElement("td");
    	var td02 = document.createElement("td");
    	var td03 = document.createElement("td");
    	var td04 = document.createElement("td");
    	var tr1 = document.createElement("tr");
    	var td11 = document.createElement("td");
    	td11.setAttribute("align","right");
    	var td12 = document.createElement("td");
    	var td13 = document.createElement("td");
    	var td14 = document.createElement("td");
    	var tr2 = document.createElement("tr");
    	var td21 = document.createElement("td");
    	td21.setAttribute("align","right");
    	var td22 = document.createElement("td");
    	var td23 = document.createElement("td");
    	var td24 = document.createElement("td");
    	var tr4 = document.createElement("tr");
    	var td41 = document.createElement("td");
    	var td42 = document.createElement("td");
    	
    	var joueur1 = document.createTextNode("Joueur 1");
    	var joueur2 = document.createTextNode("Joueur 2");
    	var joueur3 = document.createTextNode("Joueur 3");
    	var textenom = document.createTextNode("Nom");
    	var texteprenom = document.createTextNode("Prénom");
    	var inputnom1 = document.createElement("input");
    	inputnom1.setAttribute("name","nom1");
    	inputnom1.setAttribute("type","text");
    	var inputnom2 = document.createElement("input");
    	inputnom2.setAttribute("name","nom2");
    	inputnom2.setAttribute("type","text");
    	var inputnom3 = document.createElement("input");
    	inputnom3.setAttribute("name","nom3");
    	inputnom3.setAttribute("type","text");
    	var inputprenom1 = document.createElement("input");
    	inputprenom1.setAttribute("name","prenom1");
    	inputprenom1.setAttribute("type","text");
    	var inputprenom2 = document.createElement("input");
    	inputprenom2.setAttribute("name","prenom2");
    	inputprenom2.setAttribute("type","text");
    	var inputprenom3 = document.createElement("input");
    	inputprenom3.setAttribute("name","prenom3");
    	inputprenom3.setAttribute("type","text");
    	var btnValider = document.createElement("input");
    	btnValider.setAttribute("type","submit");
    	
    	if(document.all) 
    	{
			btnValider.Value="Ajouter les joueurs";
			// td01.colSpan="2";
			// td02.colSpan="2";
			td42.colSpan="3";
    	}
    	else
    	{
			btnValider.setAttribute("value","Ajouter les joueurs");
			// td01.setAttribute("colspan","2");
			// td02.setAttribute("colspan","2");
			td42.setAttribute("colspan","3");
    	}
    	td02.appendChild(joueur1);
    	td03.appendChild(joueur2);
    	td04.appendChild(joueur3);
    	td11.appendChild(textenom);
    	td12.appendChild(inputnom1);
    	td13.appendChild(inputnom2);
    	td14.appendChild(inputnom3);
    	td21.appendChild(texteprenom);
    	td22.appendChild(inputprenom1);
    	td23.appendChild(inputprenom2);
    	td24.appendChild(inputprenom3);
    	td42.appendChild(btnValider);
    	
    	tr0.appendChild(td01);
    	tr0.appendChild(td02);
    	tr0.appendChild(td03);
    	tr0.appendChild(td04);
    	tr1.appendChild(td11);
    	tr1.appendChild(td12);
    	tr1.appendChild(td13);
    	tr1.appendChild(td14);
    	tr2.appendChild(td21);
    	tr2.appendChild(td22);
    	tr2.appendChild(td23);
    	tr2.appendChild(td24);
    	tr4.appendChild(td41);
    	tr4.appendChild(td42);
    	tbody1.appendChild(tr0);
    	tbody1.appendChild(tr1);
    	tbody1.appendChild(tr2);
    	tbody1.appendChild(tr4);
        
        form1Joueur.appendChild(table1);
        milieu_centre.appendChild(form1Joueur);
        milieu.appendChild(milieu_gauche);
        milieu.appendChild(milieu_droite);
        milieu.appendChild(milieu_centre);
        fenetre.appendChild(milieu);
        
        //On fait de même pour la div "bas"
        var bas = document.createElement("div");
        bas.className="bas";
        var bas_gauche = document.createElement("div");
        bas_gauche.className="bas_gauche";
        var bas_droite = document.createElement("div");
        bas_droite.className="bas_droite";
        var bas_centre = document.createElement("div");
        bas_centre.className="bas_centre";
        bas.appendChild(bas_gauche);
        bas.appendChild(bas_droite);
        bas.appendChild(bas_centre);
        fenetre.appendChild(bas);
 
        premier_plan(fenetre);
        document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corps
}