Problème centrage menu avec css

au lieu de faire des <li class="collection">... transforme le "li" en "div"

Faudrait que ton code ressemble plus à ça :

<div id="menu">

<div class="collection"> <!-- Cadre correspondant à un sous-menu -->
<h3>Collection</h3> <!-- Titre du sous-menu -->
<ul>
<li>Lien</li> <!-- Liste des liens du sous-menu -->
<li>Lien</li>
<li>Lien</li>
</div>

....

pour le html je n'ai mis tous le code. Mais voici tous le code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>page d'accueil </title>

<!-- ressources utiles-->
<link rel = "stylesheet" type = "text/css" href = "page_style.css"/>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script src="animated_menu.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>

<!-- les liens ne sont pas soulignés-->
<style>
a{
text-decoration:none;
}
</style>

</head>
<body>

<!-- le LOGO-->
<div id="en_tete"></div>

<!-- Trait dessus-->
<div class="trait_dessus"><hr></div>
<div class="trait_dessus"><hr></div>
<div id="menu">
<ul>

<li class="collection">
<p><a href = "collections.php">Collections</a></p>
<p class="subtext">Accueil du site</p>

</li>
<li class="actualites">
<p><a href = "actualites.php">Actualités</a></p>
<p class="subtext">actualite du site</p>
</li>
<li class="point_de_vente">
<p><a href= "pointdevente.php">Point de Vente</a></p>
<p class="subtext">Point de vente du site</p>
</li>
<!--<li class="Histoire">
<p><a href = "histoire.php">Histoire</a></p>
<p class="subtext">Histoire du site</p>
</li>-->
<!--<li class="Presse">
<p><a href = "presse.php">Presse</a></p>
<p class="subtext">Presse du site</p>
</li>-->
<!--<li class="archive">
<p><a href="archives.php">Archives</a></p>
<p class="subtext">Archives du site</p>
</li>-->
<li class="Vente_en_ligne">
<p><a href = "ventenligne.php">Boutique en ligne</a></p>
<p class="subtext">Vente en ligne du site</p>
</li>
<li class="Recherche">
<p><a href = "public/ChoixBijouxPublic.php">Recherche</a></p>
<p class="subtext">Recherche sur le site</p>
</li>
<!--<li class="contact">
<p><a href="contact01.php">Contact</a></p>
<p class="subtext">Contact du site</p>
</li>-->

</ul>
</div>
<div class="trait_dessous"><hr></div>
</body>
</html>

Et ce qui est attaché à l'id menu c'est menu ul (dans css). Mais j'ai fais une erreur en ajoutant ul.

C'est plus que brouillon ça... tu as un "div id menu" qui n'est pas fermé dans ton HTML, et dans ton CSS rien n'est attaché à l'id menu...