Déplacé le menu horizental

Bonjour,j'arrive pas a déplacé le menu horizontal voici mon code CSS:

body
{
width:760px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-image:url("001.jpg");
}

/* L'en-tête */

#en_tete
{
width:500px;
height:166px;
background-image:url("4567.bmp");
background-repeat:no-repeat;
margin-bottom:10px;
}


/* Le menu */

#menu
{
float:left;
width:120px;
}

.element_menu
{
background-color:#4569242;
background-image:url("ldskqjjjj.bmp");
background-repeat:repeat-x;

border:1px solid black;

margin-bottom:20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{
color:#B3B3B3;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:center;
}

.element_menu ul
{
list-style-image:url("puce.png");
padding:0px;
padding-left:20px;
margin:0px;
margin-bottom:5px;
}

.element_menu a
{
color:#B3B3B3;
}

.element_menu a:hover
{
background-color:#B3B3B3;
color:black;
}


/* Le corps de la page */

#corps
{
margin-left:140px;
margin-bottom:20px;
padding:5px;

color:#B3B3B3;
background-color:#626262;
background-image:url("ldskqjjjj.bmp");
background-repeat:repeat-x;

border:1px solid black;
}

#corps h1
{
color:#B3B3B3;
text-align:center;
font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height:30px;

background-image:url("Sanstitre1.png");
background-repeat:no-repeat;

padding-left:30px;
color:#B3B3B3;
text-align:left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
padding:5px;

text-align:center;

color:#B3B3B3;
background-color:#626262;
background-image:url("motif.bmp");
background-repeat:repeat-x;

border:1px solid black;
}

input, textarea
{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #FFFF99;
}

label
{
color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: #696969;
font-weight: bold;
}

fieldset
{
margin-bottom: 10px; /* Une marge pour séparer les fieldset */
background-color: #696969;
}

/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal li {
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal { /*Ici , c'est ma configuration, à vous de la changer */
width : 600px;
height : 25px;
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
li.bouton_gauche {
float : left;
}
li.bouton_droite {
float : right;
}
ul#menu_horizontal {
width : 600px;
height : 30px;
margin : 2em 0 0 0;
padding : 0;
background-color : #f4f9fd;
border : 1px dashed black;
list-style-type : none;
}

ul#menu_horizontal li {
padding : 0 1.0em;
line-height : 30px;
}

ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black;
}

ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
}

ul#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 1.0em;
font : 0.8em "Trebuchet MS";
}

ul#menu_horizontal a:hover { text-decoration : underline; }

ul#menu_horizontal a img {
border : none;
padding : 0 0.8em;
}