<div id="principale">
<div id="01">
<img src="vignettes/01.gif" />
<p>01-03-2005 : <a href="01.php">Page 1</a>.</p>
</div>
<div id="02">
<img src="vignettes/02.gif" />

<p>02-03-2005 : <a href="02.php">Page 2</a>.</p>
</div>
<div id="03">
<img src="vignettes/03.gif" />
<p>03-03-2005 : <a href="03.php">Page 3</a>.</p>

</div>
<div id="04">
<img src="vignettes/04.gif" />
<p>04-03-2005 : <a href="04.php">Page 4</a>.</p>
</div>
</div>

#principale img {
float: left;
padding: 0.25em;
}
#principale a{
text-decoration: none;
}
#principale p{
vertical-align: middle;
}
#principale div {
margin : 0 5em 2px 5em;
padding : 1em;
vertical-align:middle;
min-height:80px;
background-color: #EEEEEE;
border : 1px dashed #000000;
}