Bonjour,
Étant à la maison, je peux vérifier sans problème.
Ce qui m'a frappée en entrant, c'est ce en-tête IMPOSANT qui est trop haut pour rien ! Je suis en 1280*1024, mais si j'avais une résolution plus basse (1024*768 ou un portable comme celui de ma mère (1280*800), je verrais à peine la barre contenant le fil d'ariane et quelques liens, alors j'ose pas imaginer ce que ça donne sur un netbook. Il faut que le visiteur voit dès le chargement de la page qu'il y a du contenu en dessous du header, et pour ça, celui-ci ne devrait pas cumuler plus de 150px (gros max selon moi).
Aussi, tes images gagneraient à être redimensionnées avec un logiciel de traitement d'image (ex: Gimp) au lieu d'être redimensionnés à coups de CSS. Quand tu redimensionnes une images avec le HTML (propriétés height et width) ou le CSS (height et width), ça ne change
aucunement le poids des images que le navigateur doit charger ! Tu gagnerais certainement plusieurs dizaines de Ko en corrigeant ça, car en ce momenet, juste tes images font au total 500 Ko alors qu'il y a déjà place à l'amélioration sans même faire intervenir gzip (ceci ne doit pas être utilisé pour pallier à des mauvaises pratiques, mais bien comme complément à des bonnes pratiques).
102 erreurs même pour HTML 4.01 Transitional qui est pourtant un DTD très permissif ! C'est énorne !!
Externalise ta feuille CSS. Une feuille externe peut être mise en cache par le navigateur, ce qui n'est pas le cas d'une feuille interne. Fais la même chose avec tout ce style en-ligne !
La mise en page à coups de tableaux avec les images décoratives insérées avec <img />, c'est dépassé : Trop rigide pour la maintenance d'un design, et plus lourd à charger qu'une structure en DIV avec les images décoratives en background CSS.
Des avalanches de <span> comme ceci :
<span style="BACKGROUND-COLOR: #dcdcdc; FONT-FAMILY: Monotype Corsiva; COLOR: #000000; FONT-SIZE: 36pt">
<span style="BACKGROUND-COLOR: #dcdcdc; FONT-FAMILY: Monotype Corsiva; COLOR: #000000; FONT-SIZE: 36pt">
<span style="BACKGROUND-COLOR: #dcdcdc; FONT-FAMILY: Monotype Corsiva; COLOR: #000000; FONT-SIZE: 36pt">
<span style="FONT-FAMILY: Monotype Corsiva; COLOR: #ff1493">
<span style="FONT-FAMILY: Monotype Corsiva; COLOR: #ff1493; FONT-SIZE: 36pt">
<span style="FONT-FAMILY: Monotype Corsiva; FONT-SIZE: 36pt"> </span></span></span></span></span></span>
Ça craint, sérieux !
Des titres <h1> qui servent juste à centrer... no comment !
Bref, le code est un vrai fouillis et il y a un sérieux nettoyage à faire, voire même repartir d'un template utilisant une structure en DIV (puisque tu utilises un CMS).
Il y a donc BEAUCOUP de travail à faire !
