var menu_rectractable = "";

 // --- Categories du Menu ---
 categorie = new Array();
  // -- [categorie 1]
  categorie[0] = new Array();
   categorie[0][0] = "Accueil";
   categorie[0][1] = "http://www.educa.ass.ma";
   categorie[0][2] = "_parent";
  // -- [categorie 2]
  categorie[1] = new Array();
   categorie[1][0] = "Grammaire";
   categorie[1][1] = "../cours/grammaire/lecon1.html";
   categorie[1][2] = "site";
  // -- [categorie 3]
  categorie[2] = new Array();
   categorie[2][0] = "Conjugaison";
   categorie[2][1] = "../cours/conjugaison/lecon1.html";
   categorie[2][2] = "site";
  // -- [categorie 4]
  categorie[3] = new Array();
   categorie[3][0] = "Orthographe";
   categorie[3][1] = "../cours/orthographe/lecon1.html";
   categorie[3][2] = "site";
  // -- [categorie 5]
  categorie[4] = new Array();
   categorie[4][0] = "Lecture";
   categorie[4][1] = "../cours/lecture.html#lecon1";
   categorie[4][2] = "site";
  // -- [categorie 6]
  categorie[5] = new Array();
   categorie[5][0] = "Récitation";
   categorie[5][1] = "../cours/recitation.html#lecon1";
   categorie[5][2] = "site";
 
 // Cible des liens du menu
 /* Modifier ici la cible des liens. Vous devez affecter à la variable target:
     _blank: pour ouvrir dans une nouvelle page      =>       target = '_blank';
	 _self: pour ouvrir dans la même page            =>       target = '_self';
	 xxxx: pour ouvrir dans la frame/iframe xxxx     =>       target = 'xxxx';
 */
 var target = 'site';

// --- Groupe de liens ---
 /* Modifier, ici, les titres et liens, la cible
    Vous pouvez en rajouter ou en supprimer autant de liens que vous voulez.
 */
 lien = new Array();
 // -- [Accueil]
 lien[0] = new Array();
 lien[0]["Accueil"] = "site.html";
 lien[0]["Contact"] = "mailto:mchadli4@yahoo.fr?subject=Guide 4AEP";
 lien[0]["Page Précédente"] = "javascript:history.back()";
 lien[0]["Page Suivante"] = "javascript:history.forward()";

 // -- [Grammaire]
 lien[1] = new Array();
 lien[1]["La phrase"] = "../cours/grammaire/lecon1.html";
 lien[1]["la ponctuation"] = "../cours/grammaire/lecon2.html";
 lien[1]["Le genre du nom"] = "../cours/grammaire/lecon3.html";
 lien[1]["le pluriel"] = "../cours/grammaire/lecon4.html";
 lien[1]["Les déterminants"] = "../cours/grammaire/lecon5.html";
 lien[1]["la phrase impérative"] = "../cours/grammaire/lecon6.html";
 lien[1]["la phrase négative"] = "../cours/grammaire/lecon7.html";
 lien[1]["la phrase interrogative"] = "../cours/grammaire/lecon8.html";
 lien[1]["phrase exclamative"] = "../cours/grammaire/lecon9.html";
 lien[1]["les pronoms P.S."] = "../cours/grammaire/lecon10.html";
 lien[1]["L'adjectif qualificatif"] = "../cours/grammaire/lecon11.html";
 lien[1]["les pronoms possessifs"] = "../cours/grammaire/lecon12.html";
 lien[1]["La notion de verbe"] = "../cours/grammaire/lecon13.html";
 lien[1]["le groupe nominal"] = "../cours/grammaire/lecon14.html";
 lien[1]["le groupe verbal"] = "../cours/grammaire/lecon15.html";
 lien[1]["le groupe nominal C"] = "../cours/grammaire/lecon16.html";
 lien[1]["C.O.I."] = "../cours/grammaire/lecon17.html";
 lien[1]["expansion de la phrase"] = "../cours/grammaire/lecon18.html";
 lien[1]["réduction de la phrase"] = "../cours/grammaire/lecon19.html";


// -- [Conjugaison]
 lien[2] = new Array();
 lien[2]["Avoir au présent"] = "../cours/conjugaison/lecon1.html";
 lien[2]["être au présent"] = "../cours/conjugaison/lecon2.html";
 lien[2]["1er gr au présent"] = "../cours/conjugaison/lecon3.html";
 lien[2]["aller au présent"] = "../cours/conjugaison/lecon4.html";
 lien[2]["les verbes pronominaux"] = "../cours/conjugaison/lecon5.html";
 lien[2]["L'impératif"] = "../cours/conjugaison/lecon6.html";
 lien[2]["2e gr au présent"] = "../cours/conjugaison/lecon7.html";
 lien[2]["1er gr au futur"] = "../cours/conjugaison/lecon8.html";
 lien[2]["2e gr au futur"] = "../cours/conjugaison/lecon9.html";
 lien[2]["aller au futur"] = "../cours/conjugaison/lecon10.html";
 lien[2]["2e groupe au P.C"] = "../cours/conjugaison/lecon11.html";
 lien[2]["P.C avec avoir"] = "../cours/conjugaison/lecon12.html";
 lien[2]["P.C avec être"] = "../cours/conjugaison/lecon13.html";
 lien[2]["3e gr au présent"] = "../cours/conjugaison/lecon14.html";
 lien[2]["3e groupe au futur"] = "../cours/conjugaison/lecon15.html";
 lien[2]["Pouvoir au présent"] = "../cours/conjugaison/lecon16.html";
 lien[2]["vouloir au présent"] = "../cours/conjugaison/lecon17.html";
 lien[2]["Faire au présent"] = "../cours/conjugaison/lecon18.html";
 lien[2]["dire au présent"] = "../cours/conjugaison/lecon19.html";
 lien[2]["Le futur proche"] = "../cours/conjugaison/lecon20.html";
 lien[2]["le passé récent"] = "../cours/conjugaison/lecon21.html";


// -- [Orthographe]
 lien[3] = new Array();
 lien[3]["a / à"] = "../cours/orthographe/lecon1.html";
 lien[3]["et  /  est"] = "../cours/orthographe/lecon2.html";
 lien[3]["i  /  ie"] = "../cours/orthographe/lecon3.html";
 lien[3]["le pluriel"] = "../cours/orthographe/lecon4.html";
 lien[3]["son  /  sont"] = "../cours/orthographe/lecon5.html";
 lien[3]["ses / c’est"] = "../cours/orthographe/lecon6.html";
 lien[3]["[z]"] = "../cours/orthographe/lecon7.html";
 lien[3]["[f]"] = "../cours/orthographe/lecon8.html";
 lien[3]["c  /  ç"] = "../cours/orthographe/lecon9.html";
 lien[3]["g  /  gu"] = "../cours/orthographe/lecon10.html";
 lien[3]["é"] = "../cours/orthographe/lecon11.html";
 lien[3]["leur / leurs"] = "../cours/orthographe/lecon12.html";
 lien[3]["l'adjectif qualificatif"] = "../cours/orthographe/lecon13.html";
 lien[3]["mb  /  mp"] = "../cours/orthographe/lecon14.html";
 lien[3]["ou  /  où"] = "../cours/orthographe/lecon15.html";
 lien[3]["eur  /  euse"] = "../cours/orthographe/lecon16.html";
 lien[3]["teur / trice"] = "../cours/orthographe/lecon17.html";
 lien[3]["al  /  aux"] = "../cours/orthographe/lecon18.html";
 lien[3]["on  /  ont"] = "../cours/orthographe/lecon19.html";
 lien[3]["ces / c'est"] = "../cours/orthographe/lecon20.html";
 lien[3]["l’accord du verbe"] = "../cours/orthographe/lecon21.html";
 lien[3]["k"] = "../cours/orthographe/lecon22.html";


 // -- [Lecture]
 lien[4] = new Array();
 lien[4]["L’ordinateur"] = "../cours/lecture.html#lecon1";
 lien[4]["La Marmite"] = "../cours/lecture.html#lecon2";
 lien[4]["les animaux"] = "../cours/lecture.html#lecon3";
 lien[4]["Le petit chaperon"] = "../cours/lecture.html#lecon4";
 lien[4]["Le sport"] = "../cours/lecture.html#lecon5";
 lien[4]["Les misérables"] = "../cours/lecture.html#lecon6";


 // -- [Récitation]
 lien[5] = new Array();
 lien[5]["Le petit chaperon"] = "../cours/recitation.html#lecon1";
 lien[5]["Une goutte d'eau"] = "../cours/recitation.html#lecon2";
 lien[5]["L'Oiseau blessé"] = "../cours/recitation.html#lecon3";
 lien[5]["le Chat Botté"] = "../cours/recitation.html#lecon4";
 lien[5]["Les crayons de couleurs"] = "../cours/recitation.html#lecon5";
 lien[5]["A petits pas"] = "../cours/recitation.html#lecon6";



<!--------------------------------------------- Ne rien modifier sous cette ligne ---------------------------------------------->
function sousmenu_hide(actif) {
for (var i=0; i<categorie.length; i++)
 document.getElementById('menu' + i).className = i == actif ? 'sousmenu' : 'hide';
}

rectract_ok = menu_rectractable == "ok" ? "onmouseover='sousmenu_hide(-1)'" : '';

document.write("<table cellspacing='0' cellpadding='0' width='100%' border='0'><tbody>");
 for (var i=0; i<categorie.length; i++) {
   document.write("<tr class='cat_titre_nonselect'>");
   if (categorie[i][1] != "") {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='96%' class='bordure_cat' onclick='sousmenu_hide(" + i + ")'>");
	document.write("&nbsp;&nbsp;<img src='images/menu.gif' height='9' width='8'>&nbsp;&nbsp;");
	document.write("<a href='" + categorie[i][1] + "' target='" + categorie[i][2] + "' class='cat_titre_nonselect' onmouseover=\"this.className='cat_titre_select';\" onmouseout=\"this.className='cat_titre_nonselect';\">" + categorie[i][0] + "</a>");
   } else {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='96%' class='bordure_cat' onclick='sousmenu_hide(" + i + ")'>");
	document.write("&nbsp;&nbsp;<img src='images/menu.gif' height='9' width='8'>&nbsp;&nbsp;" + categorie[i][0]);
   }
   document.write("</td><td width='2%' " + rectract_ok + " class='bordure_cat_d'>&nbsp;</td></tr>");
   document.write("<tr>");
   document.write("<td " + rectract_ok + "></td>");
   document.write("<td><center><table width='90%' class='hide' id='menu" + (i) + "'>");
	 for (url in lien[i]) {
		if (target == "_blank") {
		 document.write("<tr onclick=\"window.open('" + lien[i][url] + "')\">");
		 document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else if (target == "_self" || target == "_parent" || target == "_top") {
		 document.write("<tr onclick=\"document.location.href='" + lien[i][url] + "'\">");
		 document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else {
		 document.write("<tr onclick=\"top." + target + ".location.href='" + lien[i][url] + "'\">");
		 document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		}
	 }
   document.write("</table></center></td><td " + rectract_ok + "></td><td></td></tr><tr " + rectract_ok + "><td colspan='4'></td></tr>");
 }
document.write("</tbody></table>");
<!------------------------------------------------------------------------------------------------------------------------------>