Probleme centrage d'onglet en milieu de page

Bonjour,

je suis acutellement en train de déveloper un site internet je n'en suis que au début et je met ma strucutre en place je suis arrivé à mettre de beau onglets en place seulement le resultat n'est pas tout a fait celui que je veux.

Je n'arrive pas à les centrer et j'aimerai aussi mettre en place des cadres fixe sur toutes mes pages comme sur l'image.

Je vous joins mon code CSS.

[URL=http://imageshack.com/f/3xexistantva4j][IMG]http://img141.imageshack.us/img141/3830/existantva4.th.jpg[/IMG][/URL]

[URL=https://imageshack.com/][IMG]http://img141.imageshack.us/img141/8295/resultatcf6.th.jpg[/IMG][/URL]

#onglet {
float:left;
width:100%;
font-size:93%;
border-bottom:1px solid #2763A5;
line-height:normal;
}
#onglet ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#onglet li {
display:inline;
margin:0;
padding:0;
}
#onglet a {
float:left;
background:url("../images/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#onglet a span {
float:left;
display:block;
background:url("../images/tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#onglet a span {float:none;}
/* End IE5-Mac hack */
#onglet a:hover span {
color:#FFF;
}
#onglet a:hover {
background-position:0% -42px;
}
#onglet a:hover span {
background-position:100% -42px;
}

#onglet #current a {
background-position:0% -42px;
}
#onglet #current a span {
background-position:100% -42px;
}

Donc je voudrais les centrer, j'ai essayé un div center , mais sa ma tout abimé, et les cadres bleu je sais pas si il faut faire des frames ou alors des div avec un background coloré? dans mon css? merci de vos réponses.