Quelques petites choses sont à revoir sur ton site, rien d'essentiel en soit mais tu as plusieurs points qui posent problème, esthétiquement et techniquement.
1 - La structure du menu horizontal
Tu utilise des <div> pour tes "boutons" du menu, la règle courante pour ce genre de choses et de prendre une liste <ul>/<li> et de la détourner, même si la sémantique est un peu barbare pour un index de navigation elle permet un travail en CSS simple et facile à maintenir.
Donc :
Bloc de code:
<div id="navigation">
<div class="nav">Lien</div>
<div class="nav">Lien</div>
<div class="nav">Lien</div>
</div>
Doit devenir :
Bloc de code:
<ul id="navigation">
<li>Lien</li>
<li>Lien</li>
<li>Lien</li>
</ul>
Tu vois l'avantage d'utiliser les éléments <ul> et <li> permet d'appliquer des attributs CSS à ces balises (je garde une classe ID pour cibler les styles).
Un bonne base pour ton menu sur le
Site du Zéro, ou un autre exemple sur
Dynamic Drive.
2 - Lien sur image
Un autre point à solutionner c'est les liens sur images, par défaut sous Explorer et Firefox, un lien <a> sur une image ajoute un filet à celle-ci, ça peut dénaturer ton affichage et brouiller la lecture globale, soit tu mets un attribut "border="0"" à tes images-lien, soit une règle globale par exemple :
Rien ne t'empêche de mettre un comportement "hover" sur les images-lien, un padding de 1 pixels avec fond blanc qui bascule en noir au survol par exemple.
3 - Texte justifié
Tu utilises la justification pour le bloc de droite dans tes pages, outre le fait d'employer du texte en capitale ce qui gênant pour la lecture, tu lui appliques cette justification qui créé des gros trous blancs dans le texte, du coup ta volonté de mettre en avant cette partie est complètement annulé par ta mise en page. Mon conseil c'est de mettre le texte en minuscule, centré avec une marge globale de 15/20 pixels pour améliorer la lecture, peut-être un corps gras mais une couleur de texte dans les gris moyens pour limiter l'impact du gras.
My Two cents
