function afficher_sous_nav(emplacement){
	
  document.getElementById('contenu_rubrique'+emplacement).style.display='';

}
function effacer_sous_nav(emplacement){
	
  document.getElementById('contenu_rubrique'+emplacement).style.display='none';

}

var contenu='';

contenu+=('<table border="0" style="background:#2761a5;width:954px;" cellspacing="0" cellpadding="0" ><tr valign="middle">');
contenu+=('<td ><img src="./squelettes/IMG/bord-gauche.gif" /></td>');
		

contenu+=('<td id="rubrique1" nowrap  class="item_menu" onMouseOver="afficher_sous_nav(\'1\')" onMouseOut="effacer_sous_nav(\'1\')">');
contenu+=('<a href="#" >La Cité</a>');
contenu+=('<div id="contenu_rubrique1" style="position:absolute;display:none;z-index:100;wrap:nowrap;margin-top:2px;margin-left:-15px;">');
contenu+=('	<table border="0" cellpadding="0" cellspacing="0">');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Le-Marche-de-la-Gare-" >La gare d&#8217;accueil - Point Info</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Le-Chemin-des-Claires-" >Le Chemin des Claires</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-La-Cabane-des-Claires-" >La Cabane des Claires</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-L-Aventure-de-l-Huitre-" >L&#8217;Aventure de l&#8217;Huître</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Le-restaurant-La-Claire-" >Le restaurant</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Historique-" >Historique</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Partenaires-" >Partenaires</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-ACTUS-" >Les animations</a></td></tr>');

				

contenu+=('	</table>');
contenu+=('</div>');
contenu+=('</td>');
		

contenu+=('<td id="rubrique6" nowrap  class="item_menu" onMouseOver="afficher_sous_nav(\'6\')" onMouseOut="effacer_sous_nav(\'6\')">');
contenu+=('<a href="#" >Le Bassin</a>');
contenu+=('<div id="contenu_rubrique6" style="position:absolute;display:none;z-index:100;wrap:nowrap;margin-top:2px;margin-left:-15px;">');
contenu+=('	<table border="0" cellpadding="0" cellspacing="0">');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Sa-geographie-" >Sa géographie</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Son-histoire-" >Son histoire</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Ses-sites-remarquables-" >Ses sites remarquables</a></td></tr>');

				

contenu+=('	</table>');
contenu+=('</div>');
contenu+=('</td>');
		

contenu+=('<td id="rubrique40" nowrap  class="item_menu" onMouseOver="afficher_sous_nav(\'40\')" onMouseOut="effacer_sous_nav(\'40\')">');
contenu+=('<a href="#" >L&#8217;album</a>');
contenu+=('<div id="contenu_rubrique40" style="position:absolute;display:none;z-index:100;wrap:nowrap;margin-top:2px;margin-left:-15px;">');
contenu+=('	<table border="0" cellpadding="0" cellspacing="0">');

				
contenu+=('	<tr><td nowrap class="item_s_menu"><a href="La-Cayenne-et-sa-Cite" >La Cayenne et sa Cité</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="Au-rythme-des-marees" >Au rythme des marées</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="Huitroscope" >Huîtroscope</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="Vues-du-ciel" >Vues du ciel</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="Iles-et-Ocean" >Iles et navigants</a></td></tr>');


contenu+=('	</table>');
contenu+=('</div>');
contenu+=('</td>');
		

contenu+=('<td id="rubrique45" nowrap  class="item_menu" onMouseOver="afficher_sous_nav(\'45\')" onMouseOut="effacer_sous_nav(\'45\')">');
contenu+=('<a href="#" >Infos pratiques</a>');
contenu+=('<div id="contenu_rubrique45" style="position:absolute;display:none;z-index:100;wrap:nowrap;margin-top:2px;margin-left:-15px;">');
contenu+=('	<table border="0" cellpadding="0" cellspacing="0">');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Ou-sommes-nous-" >Où sommes-nous&nbsp;?</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Se-deplacer-dans-la-cite-" >Se déplacer dans la cité</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Tarifs-et-horaires-" >Tarifs et horaires</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Contacts-" >Contacts</a></td></tr>');

				

contenu+=('	</table>');
contenu+=('</div>');
contenu+=('</td>');
		

contenu+=('<td id="rubrique55" nowrap  class="item_menu" onMouseOver="afficher_sous_nav(\'55\')" onMouseOut="effacer_sous_nav(\'55\')">');
contenu+=('<a href="#" >Groupes &amp; professionnels</a>');
contenu+=('<div id="contenu_rubrique55" style="position:absolute;display:none;z-index:100;wrap:nowrap;margin-top:2px;margin-left:-15px;">');
contenu+=('	<table border="0" cellpadding="0" cellspacing="0">');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Adultes-et-seniors-" >Adultes et seniors</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Seminaires-et-conferences-" >Séminaires et conférences</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Comites-d-entreprise-" >Comités d&#8217;entreprise</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-L-offre-a-la-carte-" >L&#8217;offre à la carte</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-La-restauration-" >La restauration</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Les-infos-pratiques-" >Bon à savoir</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Comment-reserver-" >Comment réserver</a></td></tr>');

				

contenu+=('	</table>');
contenu+=('</div>');
contenu+=('</td>');
		

contenu+=('<td id="rubrique68" nowrap  class="item_menu" onMouseOver="afficher_sous_nav(\'68\')" onMouseOut="effacer_sous_nav(\'68\')">');
contenu+=('<a href="#" >Enseignants</a>');
contenu+=('<div id="contenu_rubrique68" style="position:absolute;display:none;z-index:100;wrap:nowrap;margin-top:2px;margin-left:-15px;">');
contenu+=('	<table border="0" cellpadding="0" cellspacing="0">');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Dossier-pedagogique-" >Projet pédagogique</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Ateliers-pedagogiques-" >Thématiques abordées</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Les-forfaits-scolaires-" >Journées pédagogiques</a></td></tr>');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Votre-espace-" >Votre espace</a></td></tr>');

				

contenu+=('	</table>');
contenu+=('</div>');
contenu+=('</td>');
		

contenu+=('<td id="rubrique71" nowrap  class="item_menu" onMouseOver="afficher_sous_nav(\'71\')" onMouseOut="effacer_sous_nav(\'71\')">');
contenu+=('<a href="#" >Presse</a>');
contenu+=('<div id="contenu_rubrique71" style="position:absolute;display:none;z-index:100;wrap:nowrap;margin-top:2px;margin-left:-15px;">');
contenu+=('	<table border="0" cellpadding="0" cellspacing="0">');

contenu+=('	<tr><td nowrap class="item_s_menu"><a href="-Contact,72-" >Contact</a></td></tr>');

				

contenu+=('	</table>');
contenu+=('</div>');
contenu+=('</td>');
		
contenu+=('<td><img src="./squelettes/IMG/bord-droit.gif" /></td>');    
contenu+=('  </tr></table>');

   
function afficher_menu(){
  document.getElementById('menu_hp').innerHTML=contenu;
}