Centrer un menu

Bonjour,





Pour mon futur site web j'essai de centrer les liens du menu tout en laissant la barre de couleur comme elle est .

https://www.casimages.com/i/130923102713886363.jpg.html

Ci-dessus l'image du futur site .

Le code css :

@charset "iso-8859-1";

body {
background-color: #FFFFFF;
color:#B5B5B5;
margin:0;
padding:0;
font:83%/1.4 verdana, arial, helvetica, sans-serif;
font-weight:bold;
}

img {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}
}
p {
font-size:10px;
padding:0 10px 0 10px;
}



#pagecomplete {
width:100%;
background-color:#ffffff;
padding:0 0 10px 0;
float:left;
margin:0 0 20px 0;
}
#bloc_header {
width: 100%;
height:112px;
float:left;
position:relative;
background-color:#ffffff;
text-align: center;
}

div#menu1 ul {
text-align: center;
}

ul#menu1{

float: left;
width:100%;
height:90px;
list-style: none;
padding:0px;
margin:0px;
background-color: #ff0fff;
text-align: center;
}
ul#menu1 li{
float:left;
text-align: center;
}
ul#menu1 li a{

display: block;
width:100%;

height: 50px;
line-height:50px;
font-family: verdana;
font-size: 18px;
font-weight: 700;
color: #000000;
text-decoration: none;
outline: none;
padding:20px 20px 0 20px;
}

J'ai cherché via google mais toute les solutions proposées n'ont rien donner .

Merci d'avance .