Un peu de styles

Tiens, le div contenu apparait avant le menu... Heureusement que les feuilles de style nous permettent de remettre tout ça dans l'ordre !
Ah, et le div footer est dans contenu... Mais au fait, pourquoi avoir écrit le code comme ceci ?

Maintenant que tout est dans l'ordre, modifiez les styles pour arriver à ce résultat :

Oh, comme c'est joli la bordure du contenu en pointillés jaunes avec une marge intérieure de 10
En revanche l'interligne est trop faible, à peine la hauteur d'une lettre :-(
Tiens, les liens sont surlignés dans contenu alors qu'ils sont bien soulignés dans footer. Ah, et dans le menu on ne voit pas que ce sont des liens, sauf lorsque la souris les survole...
Hum, certains mots ne sont pas de la même couleur que le texte
Le titre est centré par rapport au contenu mais il n'est pas défini dedans...

Occupons-nous du menu :

Faites-en sorte que les menus de niveau 2 s'affichent lors du survol du menu de niveau 1 correspondant
Là on ne le voit pas mais les sous-menus ont un fond blanc et deviennent oranges lors du survol
Quand vous aurez fait la suite, proposez une solution pour que le menu reste toujours visible (même lorsque l'on scrolle) ?

Tout est joli et bien rangé, modifiez maintenant le script qui affiche des paragraphes de bla bla afin qu'une cinquantaine de lignes s'affichent puis essayez de faire en sorte que l'image de fond ne bouge pas lorsque l'on scrolle. Faites de même pour le menu...

S'il vous reste du temps, faites une feuille de style pour l'impression et testez la à l'écran (pas de couleur, pas de menu, faire apparaitre les liens explicitement, ...)

Voila du bla bla généré en JavaScript :

Tant qu'on est là, vous avez vu comment il faut faire pour afficher la date de dernière modification d'une page web en JavaScript ?! Notez que si vous faites un site en PHP, il vaut mieux faire ce genre de choses sur le serveur...