
chaine = ""
+"<DIV ID = 'obj1' CLASS = 'backmenu' onmouseover='cache()'>"
+"<table border='0' cellpadding='0' cellspacing='0' width='800'><tr><td>"
+"<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR></td></tr></table>"
+"</DIV>"

/* ce bloc ci dessous est un onglet du menu
   la premiere balise <DIV> defini le titre de l'onglet (celui qui apparé dans la barre)
   la seconde defini l'onglet lui meme avec les liens 
   remarques dans la premiere balise le lien nomme 'titre A' possedes un fonction
   onmouseover='voir(2)'
   le numero doit correspondre a la balise ( ici obj2,donc voir(2) )
   si il y avait obj3 ce serait voir(3) etc...
   pour rajouter une entree dans l'onglet, il faut juste rajouter cette ligne:
   +"<A HREF='#' class='liens'>Entree C</A><BR>"
   juste en dessous des autres pareilles (le nom 'entree C' est ce qui apparé dans le menu)

   pour rajouter un onglet, regardes le bloc juste en dessous
   ce qui change, c'est: le nom de la premiere balise <DIV ID= 'obj2' ...> devient <DIV ID= 'obj4' ...>   
                         le nom de la seconde balise  <DIV ID= 'obj3' ...> devient <DIV ID= 'obj5' ...>   
			 et le onmouseover voir(2) qui devient voir(4)

   meme technique pour le troisieme onglet...

*/


/*PRESENTATION*/
+"<DIV ID = 'obj2' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(2)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>   Présentation</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj3' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='190' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/presentation/statut.html' class='blanc'> L'établissement</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/presentation/motprov.html' class='blanc'> Proviseur</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/presentation/quietaitlouis.html' class='blanc'> Qui était Louis Massignon?</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Localisation</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Equipements</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/presentation/effectifs.html' class='blanc'> Effectifs et classes </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/presentation/personnel.html' class='blanc'> Personnels de l'établissement </A></td></tr>"
+"</table>"
+"</DIV>"

/*Inscriptions*/
+"<DIV ID = 'obj4' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(4)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>  Inscriptions</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj5' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='170' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/inscription/conditions.html' class='blanc'> Conditions</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/inscription/tarifs.html' class='blanc'> Tarifs</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/inscription/assurance.html' class='blanc'> Assurances</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Formulaires</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/inscription/manuels.html' class='blanc'> Manuels </A></td></tr>"
+"</table>"
+"</DIV>"


/*PEDAGOGIE remplacée par Enseignements*/
+"<DIV ID = 'obj6' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(6)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>  Enseignements</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj7' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='190' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/enseignement/profprincip.html' class='blanc'> Professeurs Principaux </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/enseignement/profcoordonn.html' class='blanc'> Professeurs Coordonnateurs </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Espace Pédagogique </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/enseignement/cdi.html' class='blanc'> C.D.I</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Le Projet d'établissement</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Actions Educatives</A></td></tr>"
+"</table>"
+"</DIV>"

/*ADMINISTRATION*/
+"<DIV ID = 'obj8' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(8)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>   Administration</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj9' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='170' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/Administration/projconseil.html' class='blanc'> Conseil d'établissement</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Postes à pourvoir</A></td></tr>"
+"</table>"
+"</DIV>"


/*Vie Scolaire*/
+"<DIV ID = 'obj10' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(10)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>  Vie Scolaire</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj11' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='170' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/viescolaire/delegue.html' class='blanc'> Délégués élèves</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='../secondaire/viescolaire/reglement.html' class='blanc'> Règlement Intérieur</A></td></tr>"
+"</table>"
+"</DIV>"


/*Calendrier*/
/*+"<tr bgcolor='#21354B'><td><img src='Imagesec/puce2.gif' width='15' height='15'><A HREF='javascript:calab()' class='blanc'> Répartition Semaine A et B</A></td></tr>"
*/

+"<DIV ID = 'obj12' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(12)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>  Calendrier</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj13' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='190' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Calendrier/calendrier0304.html' class='blanc'> Année En Cours</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Calendrier/calendrierab1s.html' class='blanc'> Répartition Semaine A et B</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Calendrier/devoirsurv1.html' class='blanc'> Devoirs Surveillés</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Calendrier/examensblancs1s.html' class='blanc'> Examens Blancs </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Calendrier/conseildeclasse.html' class='blanc'> Conseils de Classes </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Examens </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Réunion Parents/Professeurs </A></td></tr>"
+"</table>"
+"</DIV>"

/*PARTENAIRES*/

+"<DIV ID = 'obj14' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(14)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>  Partenaires</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj15' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='190' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Associations Parents d'élèves</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='http://www.ambafrance-ma.org/efmaroc/lycee' class='blanc'> Ambassade de France</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='http://www.mission-laique.asso.fr' class='blanc'> Mission laîque Francaise</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='http://www.eurest.co.ma' class='blanc'> Eurest </A></td></tr>"
+"</table>"
+"</DIV>"




/*Professeur Acces-Reserve*/
+"<DIV ID = 'obj16' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(16)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'> Espace Prof.</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj17' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='170' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Espaceprof/accesprotege.php' class='blanc'> Accès Réservé</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='http://amicale-osui.ifrance.com' class='blanc'> Amicale OSUI</A></td></tr>"
+"</table>"
+"</DIV>"

/*Foyer Socio-Educative*/
+"<DIV ID = 'obj18' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(18)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>Foyer Socio-Educ. </a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj19' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='170' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Foyer/regles.html' class='blanc'> Règles de fonctionnement </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='Foyer/compobur.html' class='blanc'> Composition du bureau </A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='#' class='blanc'> Activités du Foyer </A></td></tr>"
+"</table>"
+"</DIV>"

/*Activites Eleves*/
+"<DIV ID = 'obj20' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(20)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>Activités Elèves </a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj21' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='170' bgcolor='#FEE5B2'>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='ActivitesEleves/acteleves.php' class='blanc'> Activités Elèves </A></td></tr>"
+"</table>"
+"</DIV>"

/*Anciens eleves*/
+"<DIV ID = 'obj22' CLASS = 'menu'>"
+"<table cellpadding='2' cellspacing='1' valign='center' width='140' onmouseover='voir(22)' bgcolor='#0A386B'><tr><td bgcolor='#FFF2D9'><img src='Imagesec/puce.gif' width='12' height='14'><a href='#' class='Magie'>  Anciens élèves</a></td></tr></table>"
+"</DIV>"
+"<DIV ID = 'obj23' CLASS = 'menu'>"
+"<table border='0' cellpadding='0' cellspacing='1' width='170' bgcolor='#FEE5B2'>"
//+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='anciens/index.php' class='blanc'> Inscription</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='NewAnciens/anc_menugl.php' class='blanc'> Menu_Anciens </A></td></tr>"
//+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='anciens/consul.php' class='blanc'> Consultation</A></td></tr>"
//+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='anciens/choix.php' class='blanc'> Administration</A></td></tr>"
+"<tr bgcolor='#21354B'><td><img src='../Images/puce2.gif' width='15' height='15'><A HREF='NewAnciens/choix.php' class='blanc'> Administration</A></td></tr>"
+"</table>"
+"</DIV>"

function calab()
{
	window.open("Calendrier/calendrierab.html", "calab", "toolbar=0,location=0,directories=0,menuBar=0,scrollbars=1,resizable=1,width=600,height=400,left=160,top=180");
}


/* cette ligne ne change pas*/ 
document.write(chaine);

/* alors ici, il faut rajouter une ligne par balise DIV existantes (celle du dessus obj2,obj3,obj4,etc...)
   donc ici 7 div (var div1,var div2,var div3,etc....)
   remarques,div1 correspond a obj1
             div2 a obj2
             etc...

   la derniere ligne doit contenir toute les div creer juste au dessus
   div1,div2,div3,...,div7

*/
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var div1 = (isNS) ? document.obj1 : document.all.obj1.style;
var div2 = (isNS) ? document.obj2 : document.all.obj2.style;
var div3 = (isNS) ? document.obj3 : document.all.obj3.style;
var div4 = (isNS) ? document.obj4 : document.all.obj4.style;
var div5 = (isNS) ? document.obj5 : document.all.obj5.style;
var div6 = (isNS) ? document.obj6 : document.all.obj6.style;
var div7 = (isNS) ? document.obj7 : document.all.obj7.style;
var div8 = (isNS) ? document.obj8 : document.all.obj8.style;
var div9 = (isNS) ? document.obj9 : document.all.obj9.style;
var div10 = (isNS) ? document.obj10 : document.all.obj10.style;
var div11 = (isNS) ? document.obj11 : document.all.obj11.style;
var div12 = (isNS) ? document.obj12 : document.all.obj12.style;
var div13 = (isNS) ? document.obj13 : document.all.obj13.style;
var div14 = (isNS) ? document.obj14 : document.all.obj14.style;
var div15 = (isNS) ? document.obj15 : document.all.obj15.style;
var div16 = (isNS) ? document.obj16 : document.all.obj16.style;
var div17 = (isNS) ? document.obj17 : document.all.obj17.style;
var div18 = (isNS) ? document.obj18 : document.all.obj18.style;
var div19 = (isNS) ? document.obj19 : document.all.obj19.style;
var div20 = (isNS) ? document.obj20 : document.all.obj20.style;
var div21 = (isNS) ? document.obj21 : document.all.obj21.style;
var div22 = (isNS) ? document.obj22 : document.all.obj22.style;
var div23 = (isNS) ? document.obj23 : document.all.obj23.style;





var objet;objet = new Array(div1,div2,div3,div4,div5,div6,div7,div8,div9,div10,div11,div12,div13,div14,div15,div16,div17,div18,div19,div20,div21,div22,div23)


/* voici les fonction utilisees par le menu,rien a modifier */

function placeObj(i,px,py) {objet[i].left=px;objet[i].top=py;}
function voirObj(i) {objet[i].visibility="visible";}
function cacheObj(i) {objet[i].visibility="hidden";}

function voir(i) {
for (var j = 1; j < objet.length; j++) {
if ((Math.round(j/2)*2)==j) {cacheObj(j)};
}
voirObj(i);voirObj(0);
}
function cache() {
for (var j = 1; j < objet.length; j++) {
if ((Math.round(j/2)*2)==j) {cacheObj(j)};
}
cacheObj(0);
}
voirObj(1);placeObj(1,0,0);placeObj(2,140,0);
voirObj(3);placeObj(3,0,23);placeObj(4,140,23);
voirObj(5);placeObj(5,0,46);placeObj(6,140,46);
voirObj(7);placeObj(7,0,69);placeObj(8,140,69);
voirObj(9);placeObj(9,0,92);placeObj(10,140,92);
voirObj(11);placeObj(11,0,115);placeObj(12,140,115);
voirObj(13);placeObj(13,0,138);placeObj(14,140,138);
voirObj(15);placeObj(15,0,161);placeObj(16,140,161);
voirObj(17);placeObj(17,0,184);placeObj(18,140,184);
voirObj(19);placeObj(19,0,207);placeObj(20,140,207);
voirObj(21);placeObj(21,0,230);placeObj(22,140,230);




