// *** VERSION DE NAVIGATUR ***
    // Note: Avec IE5, vous optenez 4, alors utiliser is.ie5up pour détecter IE5.

    // Conversion de tout les caractère en minuscule pour faciliter les tests
    var agt=navigator.userAgent.toLowerCase();

    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1));
    var is_nav4up = (is_nav && (is_major >= 4));

    var is_ie   = (agt.indexOf("msie") != -1);
    var is_ie4up  = (is_ie  && (is_major >= 4));

    var is_aol   = (agt.indexOf("aol") != -1);

    var is_opera = (agt.indexOf("opera") != -1);
    var is_firefox = (agt.indexOf("firefox") != -1);
    var is_webtv = (agt.indexOf("webtv") != -1);

// *************** Définition des variables ***************
curseur='hand'     // ou 'default'
//************ Menu Principal ************//
Align = 'Left'                // Alignement du texte dans les cellules
Padding = 0                   // Espace intérieur des cellules (Cellpadding)
fond = 'images/fond1.gif'     // image de fond du tableau (laisser vide si couleur définie)
bgcolor = '#FEFAF1'           // Couleur Arrière plan (laisser vide si image définie)
bgcolor2 = '#E7C38B'          // Couleur Arrière Surbrillance
bgcolor3 = '#000000'          // Couleur Bordure
colortxtM1 = '#986D3F'        // Couleur Texte Normal
colortxtM2 = '#FFFFFF'        // Couleur Texte Survol
Separation = 3                // Hauteur en pixels de l'image séparatrice
Fonte = 'Arial, Helvetica'    // Police du menu

//************ Sous-Menus ************//
bgcolor5 ='#FEEECF'           // Couleur Arrière
bgcolor6 ='#C49C5C'           // Couleur Arrière Surbrillance
bgcolor4 ='#986D3F'           // Couleur Bordure Sous-Menu
colortxtSM1 = '#986D3F'       // Couleur Texte Normal
colortxtSM2 = '#FFFFFF'       // Couleur Texte Survol
Fonte = 'Arial, Helvetica'    // Police du menu

if (screen.width==800)
   {
   TailleM = 8;                  // Taille Font
   TailleS = 8;                // Taille Font
   LargeurM = 117                // Largeur
   HauteurM = 14                 // Hauteur
   LargeurS = 11                // Largeur
   HauteurS = 14                 // Hauteur
   X = 92                       // Chevauchement horizontal du Sous-Menu
   Y = 5                         // Décalage vertical du Sous-Menu
   haut = 2
   }
else
   {
   TailleM = 10;                  // Taille Font
   TailleS = 10;                // Taille Font
   LargeurM = 150                // Largeur
   HauteurM = 20                 // Hauteur
   LargeurS = 143                // Largeur
   HauteurS = 15                 // Hauteur
   haut = 3
   }

if (is_firefox)
   {
   X = 48                       // Chevauchement horizontal du Sous-Menu
   Y = 92                         // Décalage vertical du Sous-Menu
   }
else if (is_nav4up)
   {
   X = 48                       // Chevauchement horizontal du Sous-Menu
   Y = 92                         // Décalage vertical du Sous-Menu
   }
else if (is_opera)
   {
   X = 40                       // Chevauchement horizontal du Sous-Menu
   Y = 5                         // Décalage vertical du Sous-Menu
   }
else
   {
   X = 120                       // Chevauchement horizontal du Sous-Menu
   Y = 5                         // Décalage vertical du Sous-Menu
   }

// *************** Fin de la définition des variables ***************

HauteurMM = HauteurM+Separation
posY = LargeurM - X

// ***************** Paramétrage du Menu principal
menu = new Array
i=0
menu[i++] = "L'Association"     //0
menu[i++] = "index.php?page=association/statuts"
menu[i++] = "Le GEP Nord-Sud"   //1
menu[i++] = "index.php?page=gep/introduction"
menu[i++] = "Notre Projet"      //2
menu[i++] = "index.php?page=projet/preambule"
menu[i++] = "Conception Pédagogique"   //3
menu[i++] = "index.php?page=conception/conception"
menu[i++] = "Bibliothèque Pédagogique" //4
menu[i++] = "index.php?page=pedagogie/affiche_liste"
menu[i++] = "L'éducation au Sénégal"   //5
menu[i++] = "index.php?page=education/contexte"
menu[i++] = "La vie au Sénégal"        //6
menu[i++] = "index.php?page=vie/galerie&num_page=1"
// menu[i++] = "Dossiers & Reportages" //7
// menu[i++] = "index.php?page=dossiers/dossier"
menu[i++] = "Liens Utiles"
menu[i++] = "index.php?page=liens/liste_liens"
menu[i++] = "Nos Partenaires"          //8
menu[i++] = "index.php?page=partenaires/partenaires"
menu[i++] = "Soutenir notre Action"    //9
menu[i++] = "index.php?page=soutien/avantages"
menu[i++] = "Plan du site"             //10
menu[i++] = "index.php?page=plan_du_site"

// ******************* Paramétrage des Sous-Menus
zlien = new Array
zlien[0] = new Array 
zlien[1] = new Array 
zlien[2] = new Array
zlien[3] = new Array
zlien[4] = new Array
zlien[5] = new Array
zlien[6] = new Array
zlien[7] = new Array
zlien[8] = new Array
zlien[9] = new Array
zlien[10] = new Array
// zlien[11] = new Array
i=0
zlien[0][i++] = "Historique"  // <-- Titre
zlien[0][i++] = "index.php?page=association/histoire" // <-- Adresse
zlien[0][i++] = "Les Statuts"  // <-- Titre
zlien[0][i++] = "index.php?page=association/statuts" // <-- Adresse
zlien[0][i++] = "Les Membres"  // <-- Titre
zlien[0][i++] = "index.php?page=association/association" // <-- Adresse
i=0
zlien[1][i++] = "Introduction"
zlien[1][i++] = "index.php?page=gep/introduction"
zlien[1][i++] = "Les Statuts"
zlien[1][i++] = "index.php?page=gep/statuts"
zlien[1][i++] = "Les Membres"
zlien[1][i++] = "index.php?page=gep/collectif"
i=0
zlien[2][i++] = "Préambule"
zlien[2][i++] = "index.php?page=projet/preambule"
zlien[2][i++] = "Présentation du Projet"
zlien[2][i++] = "index.php?page=projet/presentation"
zlien[2][i++] = "Fiche Signalétique"
zlien[2][i++] = "index.php?page=projet/fiche"
zlien[2][i++] = "Missions à St-Louis"
zlien[2][i++] = "index.php?page=projet/missions"
zlien[2][i++] = "Formation à Distance"
zlien[2][i++] = "index.php?page=projet/fad"
i=0
zlien[3][i++] = "Travaux réalisés"
zlien[3][i++] = "index.php?page=conception/conception"
zlien[3][i++] = "Les travaux en cours"
zlien[3][i++] = "index.php?page=conception/cours"
zlien[3][i++] = "Calendrier des réunions"
zlien[3][i++] = "index.php?page=conception/calendrier"
zlien[3][i++] = "Comptes-rendus"
zlien[3][i++] = "index.php?page=conception/c_rendu"
i=0
zlien[4][i++] = "Sommaire"
zlien[4][i++] = "index.php?page=pedagogie/affiche_liste"
zlien[4][i++] = "Proposer un document"
zlien[4][i++] = "index.php?page=pedagogie/proposer"
zlien[4][i++] = "Identification"
zlien[4][i++] = "index.php?page=ident/ident&direction=pedagogie/affiche_liste"
zlien[4][i++] = "Inscription"
zlien[4][i++] = "index.php?page=ident/inscription&direction=pedagogie/affiche_liste"
i=0
zlien[5][i++] = "Contexte Social"
zlien[5][i++] = "index.php?page=education/contexte"
zlien[5][i++] = "Scolarisation"
zlien[5][i++] = "index.php?page=education/scolarisation"
zlien[5][i++] = "Contexte National"
zlien[5][i++] = "index.php?page=education/context_national"
zlien[5][i++] = "Contexte Local"
zlien[5][i++] = "index.php?page=education/context_local"
i=0
zlien[6][i++] = "Art & Culture"
zlien[6][i++] = "index.php?page=art/bounama"
zlien[6][i++] = "Galerie Photos"
zlien[6][i++] = "index.php?page=vie/galerie&num_page=1"
// i=0
//zlien[7][i++] = "Sommaire"
//zlien[7][i++] = "index.php?page=dossiers/dossier"
//zlien[7][i++] = "Mes Documents"
//zlien[7][i++] = "index.php?page=dossiers/mes_dossiers"
//zlien[7][i++] = "Publier un Document"
//zlien[7][i++] = "index.php?page=dossiers/publier/publier"
i=0
zlien[9][i++] = "Vos avantages..."
zlien[9][i++] = "index.php?page=soutien/avantages"
zlien[9][i++] = "Faire un Don (Particuliers)"
zlien[9][i++] = "index.php?page=soutien/don_particulier"
zlien[9][i++] = "Faire un Don (Sociétés)"
zlien[9][i++] = "index.php?page=soutien/don_societe"

//************ Fin des paramètres, Début du programme ************//

document.write('<style type="text/css">')
document.write('.popper {POSITION:absolute; VISIBILITY:hidden; z-index:1; left:' + posY + ' }')
document.write('.ejsmenuS {color:' + colortxtSM1 + '; font-family:' + Fonte + '; font-size:' + TailleS + 'px; cursor:' + curseur + ';}')
document.write('.ejsmenu {background:' + fond + '; color:' + colortxtM1 + '; font-family:' + Fonte + '; font-size:' + TailleM + 'px; font-weight:bold; cursor:' + curseur + ';}')
document.write('</style>')
document.write('<div style="position:relative"><DIV class=popper id=topdeck></DIV>')

if(document.getElementById) { skn = document.getElementById("topdeck").style }

// *************** Affichage des sous-menus ***************
function pop(msg,pos)
{    skn.visibility = "hidden" 
    skn.top = pos 
    if(msg.length == 0) return
    var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 BGCOLOR=" + bgcolor4 + " WIDTH=" + LargeurS + ">";
    pass = 0
    while(pass < msg.length) 
    {    content += "<TR HEIGHT=" + HauteurS + ">"
         content += "<TD nowrap BGCOLOR=" + bgcolor5 + " WIDTH=" + LargeurS + " onMouseDown='location.href=\"" + msg[pass+1] + "\"' onMouseOver=\"this.style.background='" + bgcolor6 + "'; this.style.color='" + colortxtSM2 + "'\" onMouseOut=\"this.style.background='" + bgcolor5 + "'; this.style.color='" + colortxtSM1 + "'\" CLASS=ejsmenuS>"
         content += "&nbsp;" + msg[pass] + "</TD></TR>";
         pass+=2
    } 
    content += "</TABLE>"
    document.getElementById("topdeck").innerHTML = content
    skn.visibility = "visible" 
} 

document.onclick = function() { if(document.getElementById) skn.visibility = "hidden" } 

// *************** Affichage des menus ***************
if(document.getElementById)
{   document.write('<DIV ID=topgauche>')
    document.write('<TABLE cellpadding=' + Padding + ' CELLSPACING=0 BORDER=0 Background=' + fond + ' WIDTH=' + LargeurM + '>')
    document.write('<tr><td Background=\'images/separat.gif\' height=\''+haut+'\'></td></tr>')
    pass = 0
    while(pass < menu.length/2)
        {
        posX = (pass*HauteurMM) + Y;
        document.write('<tr height=' + HauteurM + '>')
        document.write('<TD WIDTH=' + LargeurM + ' ALIGN=' + Align + ' onMouseDown="location.href=\'' + menu[pass*2+1] + '\'" onMouseOver="this.style.background=\'' + bgcolor2 + '\';this.style.color=\'' + colortxtM2 + '\';pop(zlien[' + pass + '],' + posX + ')" onMouseOut="this.style.color=\'' + colortxtM1 + '\';this.style.background=\'\'" CLASS=ejsmenu>')
        document.write('&nbsp;&nbsp;' + menu[pass*2] + '&nbsp;&nbsp;')
        document.write('</TD></tr><tr><td Background=\'images/separat.gif\' height=\''+haut+'\'></td></tr>')
        pass++
        }
    document.write('</TABLE></DIV>')
} 
document.write('</div>')