Design menu en CSS

<li class="current"><a href="#">blabla</a></li>

li.current{
color:red;
}

                                     <p id="menu5" class="menu1"
				onmouseover="MontrerMenu('ssmenu5');"
				onmouseout="CacherDelai();">
			  <a href="society.php"
				onmouseover="MontrerMenu('ssmenu5');"
				onfocus="MontrerMenu('ssmenu5');">Société</a>
			</p>
			<ul id="ssmenu5" class="ssmenu"
				onmouseover="AnnulerCacher();"
				onfocus="AnnulerCacher();">
				<li>
					<a href="Mission.php">Notre mission</a>
				</li>
				<li>
					<a href="Clients.php">Nos clients</a>
				</li>
				<li>
					<a href="Team.php">Nos consultants</a>
				</li>			
				<li>
					<a href="contact.php">Nous contacter</a>
				</li>	
			</ul>

     .menu1, .menu2 {
	text-align:center;
	font-size:12px;
                }

             .menu1 a:hover, .menu2 a:hover, .menu1 a:focus, .menu2 a:focus {
	background-repeat:repeat-x;
	text-decoration:none;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	background-image: url("../images/topmenu.png");
             }

$_SESSION['current_page'] = 'la_page';

				onmouseover="MontrerMenu('ssmenu5');"
				onmouseout="CacherDelai();">
			  <a href="society.php"
				onmouseover="MontrerMenu('ssmenu5');"
				onfocus="MontrerMenu('ssmenu5');">Société</a>
			</p>