CSS mise en page/marge

Bonjour,

J'ai un petit souci de marge sous CSS.
Voici le lien de mon blog: http://mabulle.com/

je voudrais que le menus soit colle a gauche de la zone bleue. sans marge mais je n'arrive pas a l'enlever.

voila a quoi ressemble ma page css

/* style du blog
-------------------------------------------------------- */
html,body{
margin:0;
padding:0;
}
body{
text-align:center;
}
p{
margin:1em 0;
}
h3{
font-size:1em;
}
form{
border:0px;
}
fieldset{
border:none;
}
p.field{
clear:left;
margin-left:10px;
}
label.float{
position:relative;
float:left;
width:45%;
}
input,textarea,option{
-moz-border-radius:7px;
padding:2px;
font-size:12px;
}
input.text:focus,textarea:focus{
border-style:inset;
}
textarea{
width:100%;
}
.erreur,.message{
margin-top:5px;
border-left:6px solid #8b120d;
margin:20px;
padding:15px;
width:100%;
}
.message{
border-left:6px solid #006600;
}
.erreur span,.message span{
color:#8b120d;
font-weight:bold;
}
.message span{
color:#006600;
}
.erreur li{
list-style-type:square;
}
img{border:0;}

/* style de la page
-------------------------------------------------------- */
#page{
width:816px;
text-align:right;
margin:0 auto;
padding:0;
}

/* Style de l'entête (haut)
-------------------------------------------------------- */
#haut{
height:150px;
}
#haut h1{
margin:0;
padding-top:49px;
padding-left:115px;
font-size:61px;
font-weight:lighter;
}
#haut a{
text-decoration:none;
}
#prelude{
display:none;
}

/* style du contenant et contenu
-------------------------------------------------------- */
#contenant{
float:right;
margin:-30px 0 0;
padding:0;
}
#contenant #contenu{
width:500px;
margin-right:10px;
}

/* contenu: style des articles
-------------------------------------------------------- */
.day-date{
border-bottom-width:1px;
border-bottom-style:solid;
font-weight:bold;
font-size:20px;
text-align:right;
text-color:#5B2B15;
}
.post{
text-align:justify;
padding-bottom:12px;
}
.post-titre{
text-align:left;
font-weight:bold;
line-height:0px;
font-size:1.1em;
padding-top:10px;
}
html> #post-titre{
text-align:left;
font-weight:bold;
font-family:"trebuchet ms",geneva,arial,helvetica,sans-serif;
line-height:0px;
padding-top:0px;
font-size:1.1em;
}
.post-titre a{
text-decoration:none;
font-size:1.1em;
}
.post-info{
text-align:left;
font-size:0.7em;
margin-top:0px;
}
.post-contenu,.post-chapo{
clear:left;
font-size:0.75em;
}
.comment-info{
margin:1em 0 0 0;
font-size:0.8em;
}
.post-info a{
text-align:left;
margin-top:0px;
}
.com-info{
text-align:left;
font-size:0.75em;
margin-top:15px;
}
.post a{
clear:left;
}

/* contenu: style des commentaires et rétroliens
-------------------------------------------------------- */
#trackbacks blockquote,#comments blockquote,#preview blockquote{
margin-left:5px;
}
#trackbacks blockquote p,#comments blockquote p{
margin:-10px 0px 0px;
padding:0px 0px 5px 10px;
border-top:0px;
border-right:0px;
border-bottom:0px;
}
#trackbacks p,#comments p{
border:0px;
margin:0px;
padding:0px;
padding-bottom:5px;
font-size:0.75em;
}

/* style du menu
-------------------------------------------------------- */
#menu form{
height:30px;
border:0px;
}
#menu{
float:left;
width:260px;
font-size:0.7em;
}
#menu div{
padding:5px 10px 5px 15px;
margin:0 0 15px 80px;
text-align:left;
-moz-border-radius:4px;
}
#menu h2{
line-height:16px;
font-weight:bold;
text-transform:uppercase;
margin:0;
font-size:1.1em;
}
#menu ul,li{
margin:0px;
margin-left:0px;
padding:0px;
list-style-type:none;
}
#menu li{
margin-left:0.5em;
}
#menu a{
text-decoration:none;
letter-spacing:1px;
}
#menu input,#comment-form input,#comment-form textarea{
font-size:1em;
padding:1px;
-moz-border-radius:4px;
}

/* menu: style des blocs
-------------------------------------------------------- */
#calendrier table{
border-collapse:collapse;
font-size:0.9em;
font-family:geneva,arial,helvetica,sans-serif;
}
#calendrier caption{
padding:0 0 3px 0;
font-size:11px;
}
#calendrier abbr{
border:none;
}
#calendrier th{
border:none;
padding:1px;
}
#calendrier td{
border:none;
padding:1px;
}
#calendrier td{
text-align:center;
}
#calendrier td.active a{
font-weight:bold;
}
#calendrier a{
font-weight:bold;
text-decoration:underline;
}

/* style du pied de page (bas)
-------------------------------------------------------- */
#bas{
clear:both;
margin-top:5px;
text-align:center;
font-size:10px;
}
#bas ul{
clear:both;
margin:5px;
padding:0;
}
#bas li{
display:inline;
list-style-type:none;
}

est-ce que quelqu'un peut m'aider?

merci d'avance et bonne soiree a tous.