Menu php

<div id="haut">
	<div id="menu">
	<ul id="menu">
		<li><a id="page1" 			onclick="$('#contenu').html('erreur'); $('#contenu').load('societe_accueil.php');"> 			Part1 </a>
		</li>
		<li><a id="page2"  			onclick="$('#contenu').html('erreur'); $('#contenu').load('solutions.php');"> 					Part2</a>
		<ul class="menuderoulant">
		<li>
			<a id="page3" 	onclick="$('#contenu').html('erreur'); $('#contenu').load('solutions_management.php');"> 		SousPart1</a>
		</li>
		<li>
			<a id="page4" 	onclick="$('#contenu').html('erreur'); $('#contenu').load('solutions_gmao.php');">				SousPart2 </a>
		</li>
		<li>
			<a id="page5" 	onclick="$('#contenu').html('erreur'); $('#contenu').load('solutions_sav.php');">				SousPart3</a>
		</li>
		</ul>
		</li>
	</ul>
	</div>  <!-- fin de la div menu -->
</div> <!-- fin de la div haut  -->

<div id="BasPage">
<div id="contenu">
<?
	/* 
	je mets ici le code qui s'affiche par défaut c est  a dire 
	le conteu de la page societe_accueil.php

	
/?></div></div>   <?/* fin de la div body*/  ?>

#menu
{
	width					: 700px;/*-----donner une largeur au menu, prendre en compte les marges-------*/
	height					: auto;/*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type			: none;/*-----pas de puce-----*/
	margin-left				: 0px;  
	margin-right			: 0px;/*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding-left			: 2px;
	padding-right			: 2px;/*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
	border					: 0;
	font-size      		 	: 13px;

}
#menu > li     /*------uniquement pour la liste de premier niveau-------*/
{
	float					: left;    /*------permet de mettre les items <li> horizontalement------*/
	width					: 80px;
	margin					: 0px;     /*------j'espace mes cellules de 1px-------*/
	padding-left			: 5px;
	padding-right			: 5px;
	padding-top				: 5px;
	padding-bottom			: 5px;
	border-left				: 1px solid black;
	border-right			: 1px solid black;
	border-bottom			: 1px solid black;
	background-color 		: white;
	text-align  			: center;
	font-size       		: 13px;
}
#menu li a/*------pour les liens de premier niveau-------*/
{
	display					: block;/*------pour mettre mes liens en block------*/
	color					: black;/*------donne une couleur à la police------*/
	background-color		: white;/*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
	margin					: 0; /*------mettre tout le monde d'accord--------*/
	padding-left			: 2px;
	padding-right			: 2px;/*-----marge interne----*/
	font-size       		: 13px;
	text-decoration			: none;/*-----pas de décoration pour mes liens-----*/

}

#menu li a:hover {/*-------une couleur de fond au survol sur mes liens-------*/
	background-color		: lightblue;
	color					: red; 
	font-size       		: 13px;
}

/*---------------fin du menu de premier niveau-------------*/
#menu .menuderoulant/*----pour mon menu déroulant-------*/
{
	background-color 		: white;
	display					: none;/*------pour le faire disparaitre------*/
	list-style-type			: none;/*-------pas de puce-------*/
	margin-top				: 6px;/*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
	margin-left 			: 0px;   
	padding					: 0;
	border					: 0;
	position				: absolute;/*------pour ne pas pousser un éventuel texte dessous-----*/
}
#menu .menuderoulant li /*-------pour ma liste de deuxième niveau-------*/
{
	margin-top				: 0px;
	padding				: 5px;
	border				: 0;
	width					: auto;               
 /*----------je donne une largeur à mes cellules de sous menu----------*/
	/*border-top			: 1px solid transparent;*/
	border-bottom     		: 1px solid black;
	border-right			: 1px solid black;
	border-left				: 1px solid black;
	background-color 		: white;
	font-size       		     : 13px;
}
#menu .menuderoulant li a         			
/*---------pour mes liens du menu deroulant---------*/
{
	text-align		                : left;
	display				: block;
	/*color				: rgba(0,0,0,0.6);*/
	color 				        : black;
	margin				: 0;
	border				: 0;
	text-decoration		: none;
	background-color	: white;
	padding-left		: 5px;
	padding-right		: 5px;
	font-size       	: 13px;
	/*background-color:rgba(0,0,0,0.8);*/

}
#menu .menuderoulant li a:hover /*------pour le survol du sous menu-------*/
{
	background-color	: lightblue;
}

#menu .menuderoulant li a:visited {         /*---------pour permmetre au visiteur de savoir sur les liens qu'il a déjà visité--------*/
	background-color	:rgb(227, 22, 30);
}

#menu li:hover > .menuderoulant { display: block; }    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/

#BasPage
{
	height			: auto;
	min-height			: 900px;
	overflow			: auto;
	background-color	: white;
	font-size			: 13px;
}

#contenu
{
	height			: auto;
	min-height			: 900px;
	overflow			: auto;
	border-collapse 	: collapse;
	border-left			: 1px solid darkblue;
}