/* Feuille de style redefinissant l'affichage de texte entre des balises de liens */

document.write('<STYLE TYPE = "text/css">');

document.write('A.lien1{text-decoration: none; color: #405653;font-family: Arial; font-size: 10pt}');

document.write('A.lienbleu{text-decoration: none; color: #3333FF;font-family: Arial; font-size: 12pt}');

document.write('A:hover{text-decoration: none;font-weight: bold}');

document.write('</STYLE>');



/* Pause du menu */



var cat = -1; /* Cette variable permet de memoriser le sous menu a effacer (-1 = pas de sous menu ) */



/* La categorie sert à nommer chaque menu est sert d'identifiant pour la balise DIV */

categorie = new Array;

categorie[0] = "Accueil";

categorie[1] = "La Commune";

categorie[2] = "Culture";

categorie[3] = "Solidarite";

categorie[4] = "santé";

categorie[5] = "Jeunesse et Loisirs";

categorie[6] = "Emploi";

categorie[7] = "Marchés Publics";

categorie[8] = "Actualité";

categorie[9] = "Infos pratiques";

categorie[10] = "Contacts";

categorie[11] = "Info bus 146";

/* Definition des sous-menus */

sous_categorie = new Array;

sous_categorie[0] = new Array;  /* Accueil */

sous_categorie[1] = new Array;  /* La Commune */

sous_categorie[2] = new Array;  /* Culture */

sous_categorie[3] = new Array;  /* Solidarite */

sous_categorie[4] = new Array;  /* Santé */

sous_categorie[5] = new Array;  /* Jeunesse */

sous_categorie[6] = new Array;  /* Emploi */

sous_categorie[7] = new Array;  /* marchés publics */

sous_categorie[8] = new Array;  /* L'actualite */

sous_categorie[9] = new Array;  /* Infos pratiques */

sous_categorie[10] = new Array;  /* Contacts*/

sous_categorie[11] = new Array;  /* Info bus 146*/

/* Sous-menu: Accueil */

sous_categorie[0][0] = '<A HREF = "index.htm" class = "lien1" >Accueil</A>';

/* Sous-menu: La Commune */

sous_categorie[1][0] = '<A HREF = "la_mairie.htm" class = "lien1" >La Mairie</A>';

sous_categorie[1][1] = '<A HREF = "la_mairieservadmin.htm" class = "lien1" >Services administratifs</A>';

sous_categorie[1][2] = '<A HREF = "maisonservices.htm" class = "lien1" >La Maison des services Claude Erignac</A>';

sous_categorie[1][3] = '<A HREF = "les_elus_le_maire.htm" class = "lien1">Les Elus</A>';

sous_categorie[1][4] = '<A HREF = "les_elus_permanances.htm" class = "lien1">Permanences des élus</A>';

sous_categorie[1][5] = '<A HREF = "conseil.htm" class = "lien1">Le Conseil Municipal </A>';

sous_categorie[1][6] = '<A HREF = "Histoire.htm" class = "lien1">Histoire </A>';

sous_categorie[1][7] = '<A HREF = "etat_civil_dem.htm" class = "lien1">Population, Etat-Civil </A>';

sous_categorie[1][8] = '<A HREF = "Civisme.htm" class = "lien1">Civisme </A>';

sous_categorie[1][9] = '<A HREF = "environnement_triselectif.htm" class = "lien1">Environnement </A>';

sous_categorie[1][10] = '<A HREF = "urbanisme.htm" class = "lien1">Urbanisme </A>';


/* Sous-menu: Culture */

sous_categorie[2][0] = '<A HREF = "http://www.cecas.net/cinema%20MARS%201.htm" class = "lien1"> Cinéma </A>';

sous_categorie[2][1] = '<A HREF = "conservatoire.htm" class = "lien1"> Conservatoire </A>';

sous_categorie[2][2] = '<A HREF = "saisonculturelle.htm" class = "lien1"> Saison culturelle 2008-2009</A>';

sous_categorie[2][3] = '<A HREF = "bibliotheque.htm" class = "lien1"> Bibliothèque </A>';

sous_categorie[2][4] = '<A HREF = "cyberespace.htm" class = "lien1"> Cyberespace </A>';

sous_categorie[2][5] = '<A HREF = "associations.htm" class = "lien1"> Associations </A>';



/* Sous-menu: Solidarité */

sous_categorie[3][0] = '<A HREF = "maisonemploietexpantioneconomique.htm" class = "lien1"> Emploi </A>';

sous_categorie[3][1] = '<A HREF = "ccas_actionpersonneagees.htm" class = "lien1"> Seniors </A>';

sous_categorie[3][2] = '<A HREF = "ccas.htm" class = "lien1"> Le CCAS</A>';

sous_categorie[3][3] = '<A HREF = "associations.htm" class = "lien1"> Associations </A>';

sous_categorie[3][4] = '<A HREF = "le_logement_accueil.htm" class = "lien1"> Logement </A>';



/* Sous-menu: Santé */

sous_categorie[4][0] = '<A HREF = "sante_cms.htm" class = "lien1" > CMS</A>';

sous_categorie[4][1] = '<A HREF = "sante_ambulance.htm" class = "lien1" > Métiers de la santé</A>';

sous_categorie[4][2] = '<A HREF = "sante_cms_orgpublic.htm" class = "lien1" > Etablissements et organismes publics</A>';

sous_categorie[4][3] = '<A HREF = "sante_cms_assosdiv.htm" class = "lien1" > associations </A>';

sous_categorie[4][4] = '<A HREF = "sante_cms_veterinaire.htm" class = "lien1" > Médecine et institutions vétérinaires</A>';

sous_categorie[4][5] = '<A HREF = "sante_agenda.htm" class = "lien1" > Agenda Santé</A>';



/* Sous-menu: Jeunesse */

sous_categorie[5][0] = '<A HREF = "enseignement-accueil.htm" class = "lien1"> Service Enseignement </A>';

sous_categorie[5][1] = '<A HREF = "enseignement-creches.htm" class = "lien1"> Petite enfance </A>';

sous_categorie[5][2] = '<A HREF = "enseignement-ecolesmaternelles.htm" class = "lien1"> Ecoles maternelles</A>';

sous_categorie[5][3] = '<A HREF = "enseignement-ecolesprimaires.htm" class = "lien1"> Ecoles élémentaires</A>';

sous_categorie[5][4] = '<A HREF = "enseignement-college.htm" class = "lien1">Collèges</A>';

sous_categorie[5][5] = '<A HREF = "enseignement_lep.htm" class = "lien1">Lycées</A>';

sous_categorie[5][6] = '<A HREF = "enseignement-calendrierscolaire.htm" class = "lien1"> Le calendrier scolaire</A>';

sous_categorie[5][7] = '<A HREF = "enseignement-agenda.htm" class = "lien1"> Centre de loisirs </A>';

sous_categorie[5][8] = '<A HREF = "enseignement-centrevac.htm" class = "lien1"> Centres de vacances</A>';

sous_categorie[5][9] = '<A HREF = "enseignement-agendaticcket.htm" class = "lien1"> Tickets sports </A>';

sous_categorie[5][9] = '<A HREF = "enseignement-passeportloissir.htm" class = "lien1"> Passeport-Loisirs </A>';

sous_categorie[5][10] = '<A HREF = "enseignement-menu71104.htm" class = "lien1"> Menu des cantines scolaires</A>';

sous_categorie[5][11] = '<A HREF = "enseignement-menu_Ctre_Loisirs.htm" class = "lien1"> Menu des Centres de Loisirs</A>';

sous_categorie[5][12] = '<A HREF = "sportindex.htm" class = "lien1"> Sports </A>';

sous_categorie[5][13] = '<A HREF = "associations.htm" class = "lien1"> Associations </A>';





/* Sous-menu: Emploi */

sous_categorie[6][0] = '<A HREF = "maisonemploietexpantioneconomique.htm" class = "lien1"> Maison de l\'Emploi </A>';

sous_categorie[6][1] = '<A HREF = "maisnemploi_rmi.htm" class = "lien1"> Mission RMI </A>';

sous_categorie[6][2] = '<A HREF = "offreemploimaisonemploi.htm" class = "lien1"> Offres d\'emploi </A>';

sous_categorie[6][3] = '<A HREF = "offreemploi.htm" class = "lien1"> Offres d\'emploi de la ville </A>';

sous_categorie[6][4] = '<A HREF = "http://www.anpe.fr/" class = "lien1"> ANPE </A>';

sous_categorie[6][5] = '<A HREF = "borneassedic.htm" class = "lien1"> Borne Assédic 7j/7- 24h/24</A>';





/* Sous-menu: Marchés publics */

sous_categorie[7][0] = '<A HREF = "marche-publics.htm" class = "lien1"> Marchés publics  </A>';





/* Sous-menu: Actualité */

/*sous_categorie[8][0] = '<A HREF = "les_elus_motdumaire.htm" class = "lien1"> Editorial </A>';*/

sous_categorie[8][0] = '<A HREF = "agenda1.htm" class = "lien1"> avril mai </A>';

/*sous_categorie[8][2] ='<A HREF = "agenda1.htm" class = "lien1"> Juillet 2006 </A>';*/

sous_categorie[8][1] = '<A HREF = "consultation_juridique.htm" class = "lien1"> Consultations juridiques </A>';





/* Sous-menu: Infos pratiques */

sous_categorie[9][0] = '<A HREF = "numero_urgence.htm" class = "lien1"> Numéros Urgences  </A>';

sous_categorie[9][1] = '<A HREF = "marchesville.htm" class = "lien1"> Les marchés pavillonnais  </A>';

sous_categorie[9][2] = '<A HREF = "environnement_encobrants_dechet vert.htm" class = "lien1"> Les encombrants, déchets verts </A>';

sous_categorie[9][3] = '<A HREF = "environnement_triselectif.htm" class = "lien1"> Collecte sélective </A>';

sous_categorie[9][4] = '<A HREF = "environnement_dechetterie.htm" class = "lien1"> Dechetterie </A>';

sous_categorie[9][5] = '<A HREF = "http://www.impot.gouv.fr/" class = "lien1"> Impôts </A>';

sous_categorie[9][6] = '<A HREF = "http://alize.finances.gouv.fr/navigation_int/general/visualisation_dir_int.htm?id_etablissement=4337" class = "lien1"> Trésorerie </A>';

sous_categorie[9][7] = '<A HREF = "http://www.caf.fr/" class = "lien1"> Aides au logement </A>';

sous_categorie[9][8] = '<A HREF = "http://www.93.caf.fr/" class = "lien1"> CAF 93</A>';

sous_categorie[9][9] = '<A HREF = "http://www.bobigny.ameli.fr" class = "lien1"> La sécu </A>';

sous_categorie[9][10] = '<A HREF = "etat_civil_dem.htm" class = "lien1"> Démarches administratives</A>';

sous_categorie[9][10] = '<A HREF = "documerntaconserver.htm" class = "lien1"> Documents à conserver</A>';

sous_categorie[9][11] = '<A HREF = "http://www.service-public.fr" class = "lien1"> Portail administration française</A>';

sous_categorie[9][12] = '<A HREF = "conciliateur_justice.htm" class = "lien1"> Consultations juridique et conciliateur de justice</A>';

sous_categorie[9][13] = '<A HREF = "le_logement_copro.htm" class = "lien1"> Consultation sur la propriété et la copropriété</A>';

sous_categorie[9][14] = '<A HREF = "minibus.htm" class = "lien1"> Mini-Bus</A>';

sous_categorie[9][15] = '<A HREF = "Tram-Train.htm" class = "lien1"> Tram-Train</A>';





/* Sous-menu: Contact */

sous_categorie[10][0] = '<A HREF = "mailto:mairie@ville-pavillons-sous-bois.fr" class = "lien1"> Mairie </A>';

/* sous_categorie[10][1] = '<A HREF = "mailto:mairie@ville-pavillons-sous-bois.fr" class = "lien1"> Webmaster </A>'*/

/* Sous-menu: Transport info bus 146 */

sous_categorie[11][0] = '<A HREF = "info bus 146.pdf" class = "lien1"> Changement horaires bus 146 </A>';


/* Aide a la compatibilité du navigateur */

gebi = (document.getElementById)?true:false;   /* Pour tester IE5 et Netscape 6 */

layer = (document.layers)?true:false; /* Pour detecter Netscape 4.X */

dall = (document.all && !gebi)?true:false; /* Permet la detection de IE4 */

/*rien = (!layer && !document.all && !gebi)?true:false;  Permet de detecter un navigateur ancien ne gerant pas le DHTML */

rien = (layer && !document.all && !gebi)?true:false; /* Permet de detecter un navigateur ancien ne gerant pas le DHTML */



if( gebi ) /* Pour les navigateurs le permettant, on definit la taille de la police des liens */

{

 document.write('<STYLE TYPE = "text/css">A{font-size: 7pt}</STYLE>');



}



if( gebi || dall )

  document.write('<DIV id = "Menu"></DIV>');



/* La fonction sous_categorie permet la mise en place et l'affichage du sous_categorie demande (celui-ci etant passe en parametre) */

function Sousmenu( tmp )

{

  if(cat != tmp)  /* Pour resoudre partiellement le bug d'agrandissement de tableau de Netscape 6 */

  /* On 'nettoie' le sous menu deja affiche */

  KillFenetre();



  /* Mise a jour d la variable cat */

  cat = tmp;



  /* Declaration du tableau acceuillant le sous menu */

  var content = '<TABLE BORDER = 0 CELLPADDING = 0 CELLSPACING = 0 > <TR> <TD> <TABLE BORDER = 0 CELLPADDING = 0 CELLSPACING = 0>'



  /* Affichage des differents items du sous-menu */

  for(pass = 0; pass < sous_categorie[tmp].length; pass++ )

  {

    content += '<TR><TD BGCOLOR = "#F7F7D6" WIDTH = "105">'+sous_categorie[tmp][pass]+'</TD></TR>';

  }



  content += '</TABLE></TABLE>';



  if( gebi ) /* Si le navigateur le permet */

  {

  /* Mise en place du nouveau code HTML generant le sous-menu */

  document.getElementById(categorie[cat]).innerHTML = content;

  document.getElementById(categorie[cat]).style.visibility = "visible";

  }



  if( dall )

  {

    document.all[categorie[cat]].innerHTML = content;

    document.all[categorie[cat]].style.visibility = "visible";

  }



  if( layer )

  {

    document.layers[categorie[cat]].innerHTML = content;

    document.layers[categorie[cat]].visibility = "visible";

  }



}



/* Fonction permettant d'effacer le sous menu visible */

function KillFenetre()

{

 /*init = '<TR><TD STYLE = "font-size: 2pt"><FONT POINT-SIZE = "2">&nbsp</FONT></TD></TR>';*/

 init = '<FONT POINT-SIZE = "1"></FONT>';

 if(cat != -1)  /* veut dire: si un sous menu est affiche (rappel: -1 = pas de sous menu afficer ) */

 {

    if( dall ) /* Si le navigateur est IE4 */

    document.all[categorie[cat]].innerHTML = init;



    if( gebi )  /* Si le navigateur est IE5 ou Netscape 6 */

    /* Le code HTML du sous-menu est remplace par le code d'une cellule vide */

    document.getElementById(categorie[cat]).innerHTML = init;



    if( layer ) /* Si le navigateur est Netscape 4.X */

    document.layers[categorie[cat]].innerHTML = init;



 }



}

/* Si un clic sur la page est effectue, on appelle KillFenetre */

//document.onclick = KillFenetre;





/****************/

/* Mise en page */

/****************/



/* Tous les elements de la page sont places dans une table */

/*document.write('<TABLE>');

document.write('<TR><TD COLSPAN = "2"><DIV id = "Banniere"></DIV></TD>');

document.write('</TR>');

document.write('<TR><TD><DIV id = "Menu"></DIV></TD>');

document.write('<TD ALIGN = "right" ><DIV id = "Zone_Texte"></DIV></TD>');

document.write('</TR>');

document.write('</TABLE>');  */



/* Variable stockant le code du menu */

var liste = '';



/* Stockage du menu principal */



if( gebi || dall ) /* Pour toutes les versions de navigateur acceptant le DHTML */

{

  if( layer )

  liste += '<LAYER name = "Menu">';



  if( gebi || dall )

  liste += '<DIV id = "Menu" >';



  liste += '<TABLE CELLSPACING = "0"><TR><TD BACKGROUND = "image/image_tableau/truc_haut.gif" HEIGHT = "14" WIDTH = "107"></TD></TR><TR><TD WIDTH = "105" ALIGN = center BACKGROUND = "image/image_tableau/truc.gif"><TABLE CELLSPACING = 0 WIDTH = "100">';



  liste += '<TR><TD HEIGHT = "3" WIDTH = "105"></TD></TR>';



  /* Pour chaque categorie, on cree une cellule contenant le nom de cette categorie */

  for(i=0; i<categorie.length; i++)

    {

      liste += '<TR><TD BACKGROUND = "image/image_tableau/bouton_haut.gif" STYLE = "color: #FFFFFF; font-size: 8pt" WIDTH = "100" onMouseOver = "Sousmenu('+i+')" ALIGN = center><FONT POINT-SIZE = 8pt COLOR = "#FFFFFF" >'+categorie[i]+'</FONT></TD></TR>';

      liste += '<TR><TD>';



      if( gebi || dall )

      liste += '<DIV id = "'+categorie[i]+'"></DIV>';



      if( layer )

      liste += '<LAYER name = "'+categorie[i]+'"></LAYER>';



      liste += '</TD></TR>';



      /* Affichage du logo bas de menu puis d'une cellule de taille 3 separant les deux categories */

      liste += '<TR><TD BACKGROUND = "image/image_tableau/bouton_bas.gif" HEIGHT = "14" WIDTH = "100">';



      if( layer ) /* On est oblige de d'inserer cette ligne car Netscape 4.X ne peut pas creer des cellules vides */

      liste += '<FONT POINT-SIZE = 1pt>&nbsp</FONT>';



      liste += '</TD></TR>';



      liste += '<TR><TD BACKGROUND = "image/image_tableau/arriere_plan.gif" HEIGHT = "3">';



      if( layer )

      liste += '<FONT POINT-SIZE = 1pt>&nbsp</FONT>';



      liste += '</TD></TR>';

    }



    /* Et on ferme le tableau representant le menu principal */

   liste += '</TR></TD></TABLE><TR><TD BACKGROUND = "image/image_tableau/truc_bas.gif" HEIGHT = "14" WIDTH = "105"></TD></TR></TABLE>';



   if( gebi )

   liste += '</DIV>';



   if( layer )

   liste += '</LAYER>';



}

 /* NORMALEMENT NE SERT PAS !!!!*/

/* Pour les versions non-compatibles avec le DHTML : Menu statique */

else 

{

  /* Le menu se presente sous la forme d'un tableau */

  document.write( '<TABLE cellpadding=0 cellspacing=0 border=0><TR><TD BACKGROUND = "image/image_tableau/truc_haut.gif" HEIGHT = "14" WIDTH = "107"><FONT POINT-SIZE = "3">&nbsp</FONT></TD></TR><TR><TD WIDTH = "100" ALIGN = "center" BGCOLOR = "#28C0F0"><TABLE cellpadding=0 cellspacing=0 border=0 WIDTH = "100">');



  /* Pour chaque categorie */

  for(i=0; i< categorie.length; i++)

   {

    /* Le titre de la categorie */

    document.write( '<TR><TD BACKGROUND = "image/image_tableau/bouton_haut.gif" WIDTH = "100" ALIGN = "center"><FONT COLOR = "#FFFFFF" POINT-SIZE = "9">'+categorie[i]+'</FONT></TD></TR>');



    /* Pour chaque item de la categorie, on ecrit dans le tableau */

    for(j=0; j< sous_categorie[i].length; j++)

     {

       document.write( '<TR><TD BGCOLOR = "#F7F7D6" WIDTH = "100"><FONT POINT-SIZE = "7" COLOR = "#FFFFFF">'+sous_categorie[i][j]+'</FONT></TD></TR>');

     }



    /* Fin de la categorie */

    document.write( '<TR><TD BACKGROUND = "image/image_tableau/bouton_bas.gif" HEIGHT = "14" WIDTH ="100"><FONT POINT-SIZE = "7">&nbsp</FONT></TD></TR>');

    /* Trait de soulignement de la categorie */

    document.write( '<TR><TD BACKGROUND = "image/image_tableau/arriere_plan.gif" HEIGHT = "3"><FONT POINT-SIZE = "2">&nbsp</FONT></TD></TR>');



   }



   /* Fermeture du menu et donc du tableau */

   document.write( '</TR></TD></TABLE><TR><TD BACKGROUND = "image/image_tableau/truc_bas.gif" HEIGHT = "14" WIDTH = "100" VALIGN = "top"><FONT POINT-SIZE = "1">&nbsp</FONT></TD></TR></TABLE>');

}



/* Affichage de la banniere et du menu */



if( gebi )

{

  document.getElementById("Menu").innerHTML = liste;

}



if( dall )

{

  document.all["Menu"].innerHTML = liste;

}