Tout d’abord, bravo pour le design de ce site, très plaisant.

Juste deux détails. Premièrement, on peut grouper les correctifs pour IE6 et ceux pour IE7 dans une même feuille de styles, qui sera appelée via un commentaire conditionnel visant IE7 et inférieures (dans la pratique, IE 6 et 7, les versions 5 étant pour ainsi dire éradiquées). Les correctifs pour les deux versions utiliseront des sélecteurs CSS «normaux», ceux pour IE6 utiliseront le Star HTML Hack (* html mon sélecteur {}), et ceux pour IE7 utiliseront le sélecteur d’enfants (html > body mon sélecteur {}). Les hacks, c’est mal quand c’est dans un environnement ouvert, mais ici on sait à quoi on a affaire et donc on évite toute surprise. Le but final de la manœuvre étant d’éviter de jongler entre deux fichiers pour les correctifs IE, et d’économiser un appel serveur.

Deuxième détail: les commentaires dans le CSS c’est très bien, mais dans certains cas ça peut faire monter le poids des feuilles de style très sensiblement. Récemment, j’ai fait une intégration pour un gros site, et j’ai documenté les correctifs IE avec des commentaires très précis. Mon fichier iefixes.css doit faire 20 ko, et tombe à 7 ko si on supprime les commentaires.

Pour un site à fort trafic, on peut envisager de passer les feuilles de style à la moulinette d’un outil qui «optimise» le code pour réduire le poids du fichier. Dans l’idéal, il faudrait avoir la version de développement avec code bien organisé, commentaires, etc., et la version de production qui regrouperait les feuilles de styles, supprimerait les commentaires, et éventuellement ferait d’autres petites opérations de compression. J’avais fait des tests plutôt probants avec YUI Compressor.