[Résolu] Equilibre des div

.header { 
margin: 0px; padding: 0px; background-color: rgb(180, 100, 60); height: 72px; width: 100%; top: 0px; position: absolute; }

.espmenu { margin: 0px; padding: 0px; height: 47px; width: 100%; top: 72px; position: absolute; background-image:  url("images/backmenu.gif"); }

.contenu { margin: 0px; padding: 0px; background-color: rgb(255, 255, 255); width: 100%; height: auto; top: 120px; position: absolute; }

.menugauche {
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: left;
	background-image:  url("images/col-G_texture.gif");
	min-height: 100%;
	background-repeat: repeat-y;
}

.mesart {
	position:relative;
	margin-left:220px;
	margin-top:20px;
	margin-bottom:0px;
	border-bottom-style:solid;
	border-bottom-width: thin;
	border-bottom-color: #FFFFFF;
}

.footer {
	background-color: rgb(250,200,5);
	margin-top:0px; 
	position: relative;
	clear: both;
	display:block;
	padding: 0px; 
	width:100%; 
	text-align: center; 
	height:20px; 
	color:white; 
	font-size:10px; 
}

<div class="header"><img src="images/BANDEAU.GIF"></div>
<div class="espmenu"></div>
<INCLURE(menu.php3){id_rubrique}>
<div class="contenu">
  <div class="menugauche">
       .../...
  </div>
  <div class="mesart">
       .../...
  </div>
  <div class="footer">
      .../...
  </div>
</div>