Problème : liens non cliquables

Bonjour,

Je viens d'héberger mon site sur free.

Je ne comprends pas pourquoi les liens de ma 1re page ne fonctionnent pas...???

Voici mon code...est-ce que quelqu'un peut m'aider ??? Merci d'avance.


<div id="C03">
<img src="images/images/menu_08.png" alt="menu" usemap="#Map" class="menu" title="menu" />
<map name="Map" id="Map">
<area shape="poly" coords="407,237,582,289,478,291,408,236,365,164,406,93,492,91,538,164,499,235,584,239,587,284,580,286,579,287" href="file:site_celine/portfolio_page02.html" alt="portfolio" />
<area shape="poly" coords="271,163,356,167,403,241,349,322,269,324,53,326,55,262,228,244" href="file:contact.html" alt="formulaire de contact" />
<area shape="poly" coords="129,234,220,237,259,163,218,87,216,29,5,34,3,78" href="file:carnet_de_route_page03.html" alt="carnet de voyage" />
<area shape="poly" coords="271,9,356,8,450,-4,464,36,398,84,355,159,272,159,226,86" href="file:profil_page01.html" alt="profil" />
</map>
</div>

<div id="mentionslegalesaccueil">
<p class="footer"><a href="mentions.html">Mentions légales</a> - <a href="sitemap.html">Plan du site</a></p>
</div>

<div id="reseauxsociauxaccueil">
<img class="reseauxsociaux" src="images/images/menu_11.png" alt="reseaux sociaux" title="reseaux sociaux" />
</div>


<div id="C03">
<img src="images/images/menu_08.png" alt="menu" usemap="#Map" class="menu" title="menu" />
<map name="Map" id="Map">
<area shape="poly" coords="407,237,582,289,478,291,408,236,365,164,406,93,492,91,538,164,499,235,584,239,587,284,580,286,579,287" href="file:site_celine/portfolio_page02.html" alt="portfolio" />
<area shape="poly" coords="271,163,356,167,403,241,349,322,269,324,53,326,55,262,228,244" href="file:contact.html" alt="formulaire de contact" />
<area shape="poly" coords="129,234,220,237,259,163,218,87,216,29,5,34,3,78" href="file:carnet_de_route_page03.html" alt="carnet de voyage" />
<area shape="poly" coords="271,9,356,8,450,-4,464,36,398,84,355,159,272,159,226,86" href="file:profil_page01.html" alt="profil" />
</map>
</div>

<div id="mentionslegalesaccueil">
<p class="footer"><a href="mentions.html">Mentions légales</a> - <a href="sitemap.html">Plan du site</a></p>
</div>

<div id="reseauxsociauxaccueil">
<img class="reseauxsociaux" src="images/images/menu_11.png" alt="reseaux sociaux" title="reseaux sociaux" />
</div>