PROBELME CSS

Bonjour,

Je n'arrive pas a centrer le cadre de mon CSS au milieu de l'ecran.

Voici un lien vers la page qui pose probleme: http://www.izimo.eu

Le cadre est situer legerement sur la gauche.. et je n'arrive pas a le centrer au milieu de l'ecran.

Voici mon code CSS:

@charset "utf-8";
/* CSS Document */

body {
margin: 0%;
padding: 0%;
background-color: #00FF00;

}
div#cadre {
width:90%;
height:90%;
background-color:#FF6699;
margin-left: 5% ;
margin-right: 5%;
margin-top: 5%;
margin-bottom: 5%;
border:#000000;
border-width: 0;
border-style: solid;

}
div#logo {
width:100%;
height:10%;
background-color:#99CC99;

}
div#menu {
width:100%;
height:10%;
background-color:#000000;

}
div#colonne_gauche {
float:left;
width:10%;
height:90%;
background-color:#FFFF00;

}
div#contenu {
float:left;
width:60%;
height:90%;
background-color:#CCCC33;

}
div#colonne_droite {
float: right;
text-align: right;
width: 30%;
height:90%;
background-color:#FFFFFF;

}
div#piedpage {
width:100%;
height:5%;
background-color:#9966FF;
clear:both;
vertical-align: bottom;



Merci par avance pour votre aide.