probleme avec le div footer

[Mado]

bonjour

voila la css du site que j'ai fait http://www.fabiennemanandise.be/

mais j'ai un probleme avec le footer qui prend la largeur du div de droite si je ne lui mets pas une largeur

je voudrais qu'il soit sur toute la longueur du site, normalement il y avait une couleur de fond mais je l'ai enlevée la

est ce ma css vous semble correcte?

merci

marie

/* CSS Document *zengrafom. Marie Pédrotti kit 1*/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	margin : 0;
	padding: 0;
	font-size : 80%;
	color: #000000;
	background-color: #ffffff
	}
a, a:link {
	color : #000000;
	text-decoration : none;
	}
a:hover {
	color: #ff8a00;
	}
#conteneur {
	text-align: center;
	}

#bloc-centre {
	margin-left: 5%;
	margin-right: 5%;
	text-align: left;
}	

#bloc-haut {
	height : 30px;
}

#bloc_orange {
	float : left; 
	top : 0;
	left : 2px;
	width : 170px;
	height : 28px;
	background-color : #ff8a00;
	}
#bloc_rouge {
	top : 0;
	height : 28px;
	width : 100%;
	margin-left : 2px;
	background-color : #Ad1a12;
	}
#bloc_rouge ul{
	margin : 0;
	padding: 9px;
	margin-left : 14px;
	}
#bloc_rouge li{
	font-size : 100%;
	display: inline;
  	list-style-type: none;
 	color :#ffffff;
  	margin : 1em;
  	line-height: 10px;
  }
#bloc_rouge a, a:link {
	color : #ffffff; font-weight : bold; text-decoration : none;
	}
#bloc_rouge a:hover {
	color: #ff8a00;
	}
#gauche {
	float:left;
	margin-top : 2px;
	width: 169px;
	left : 2px;
	}
#bloc_gauche a, a:link {
	color : #Ad1a12; font-weight : bold; text-decoration : none;
	}
#gauche hr {
	background-color : #Ad1a12;
	margin-top : 108px;
	width : 100%;
	height : 3px;
	}
#gauche img {
	margin-left : 2px;
}
#gauche ul {
	list-style-type: none;
	text-align : left;
	padding : 0;
	margin : 0;
	height : 15px;
	}
#gauche li{
	color :#000000;
	}
#gauche li.rouge { 
	background :#F38B36;
	color :#ffffff;
	font-size : 1em;
	padding : 6px;
} 
#droite {
	margin-top: 2px;
	margin-right: 1px;
	background-color: #ffffff;
	margin-left: 405px;
	}
#droite hr {
	background-color: #Ad1a12;
	width: 100%;
	height: 3px;
	margin-left: 10px;
	}
#droite p {
	margin: 10px;
	}
#droite ul {
	list-style-type: none;
	text-align : justify;
	padding : 0;
	margin : 10px;
	}
#droite li{
	color :#000000;
	}
#droite li.rouge { 
	background :#F38B36;
	color :#ffffff;
	font-size : 1em;
	padding : 6px;
} 
#droite h1, h2{
	text-align : left;
	background-color :#F38B36;
	color :#ffffff;
	font-size : 1em;
	padding : 6px;
	margin : 15px;
} 
#droite p.gras{
	font-weight : bold;
	text-decoration : underline;
	text-indent : 20px;
	}
#droite p.fond{
	font-weight : bold;
	text-indent : 20px;
	color : #000000;
	padding : 3px;
	border : dashed 2px #Ad1a12;
	}
#droite a, a:link {
	color : #Ad1a12; font-weight : bold; text-decoration : none;
	}
#milieu {
	float : left;
	margin-top: 2px;
	padding-left : 2px;
	margin-left : 2px;
	background: #ffffff;
	width: 231px;
	}
#milieu hr {
	background-color : #Ad1a12;
	width : 100%;
	height : 3px;
	margin-top : 0;
	}
#milieu p {
	margin: 10px;
	font-size : 100%;
	}
.blanc {
	margin : 3px;
	color : #ffffff;
	}
#footer {
	text-align: center;
	width : 700px;
	margin : 2px;
	}
#footer ul {
	list-style-type: none;
	text-align : center;
	padding : 0;
	margin : 0;
	}
#footer li{
	color :#FFFFFF;
	}

[ams51]

Bonjour,

essaye d'ajouter la ligne suivante dans le #footer du CSS

clear: both;

[Mado]

bonjour et merci

c'est good