<div id="content_inter">

<div id="interstice"><img id="survol" src="" alt="images interstices" width="500" height="520" /></div>

<div id="chiffres">
<p style="margin-top:3px;"><a href="#" title="interstice 01" onmouseover="javascript:text_over(0);">I 1</a></p>
<p><a href="#" title="interstice 02" onmouseover="javascript:text_over(1);">I 2</a></p>
<p><a href="#" title="interstice 03" onmouseover="javascript:text_over(2);">I 3</a></p>
<p><a href="#" title="interstice 04" onmouseover="javascript:text_over(4);">I 4</a></p>
<p><a href="#" title="interstice 05" onmouseover="javascript:text_over(5);">I 5</a></p>
<p><a href="#" title="interstice 06" onmouseover="javascript:text_over(6);">I 6</a></p>
<p><a href="#" title="interstice 07" onmouseover="javascript:text_over(7);">I 7</a></p>
</div>


<!-- fin content --></div>

<!-- pour ajouter une image
ajouter cette ligne ci-dessous au code avant la balise </div>
<p><a href="#" title="interstice 08" onmouseover="javascript:text_over(8);">I 8</a></p>

pour les images suivantes, le même code en augmentant tous les chiffre de +1

ensuite aller dans la feuille de style styles.css
et réduire la valeur margin-bottom, à vérifier après la mise en ligne afin que la liste s'ajuste à la page

#chiffres p{
font-size:18px;
font-weight:normal;
>> margin-bottom:60px; 
}

#chiffres p a{
color:#000000;
font-size:18px;
font-weight:normal;
>> margin-bottom:60px;
text-decoration:none;
}

ensuite aller dans javascript/tools.js

et voir la suite y décrite
-->
