Objectif :
- Créer un site en HTML et CSS uniquement (pas de JavaScript)
- Utiliser Bootstrap pour la structure et le design
- Design stylisé, clair, cohérent et moderne
- Respect strict de la maquette inspirée du site “The Portugal News”
- Structure en 3 pages : index.html (accueil), article.html, custom.html
- Code bien indenté, classes claires, commentaires si possible

Thème & Design :
- Couleur principale : purple (#800080)
- Police serif : Times New Roman
- Police sans-serif : Dubai
- Animations CSS autorisées
- Site responsive (adapté à toutes tailles d’écran)

Dispositions des articles (page d'accueil) :
- 1 grand article à gauche
- 2 articles moyens au centre
- 3 petits articles à droite
- 4 autres articles répartis pour arriver à un total de 10
- Chaque bloc d’article doit avoir : image, titre, paragraphe, bouton “Lire”

Images :
- Chaque article a sa propre image dans le dossier /media/
- Les dimensions sont personnalisées (via Bootstrap ou classes CSS)
- Les images doivent s’adapter à l’écran (object-fit: cover)

Navigation :
- Menu en haut avec liens vers les 3 pages
- Logo au-dessus du menu
- Footer simple avec droits d’auteur

Pages :
- index.html : aperçu des articles, mise en page fidèle au modèle
- article.html : tous les articles les uns en dessous des autres avec image + texte complet
- custom.html : formulaire statique de personnalisation (pas de JS, pas d’action)

Spécificité :
- Un article imposé sur le cinéma belge : “Ces coins de Belgique dont le cinéma raffole”
- Cet article doit rediriger vers une page externe
- L’image de cet article s’appelle : articlefinal.jpg


Structure des dossiers :
MonMediaFinal/
│── index.html
│── article.html
│── custom.html
│
├── css/
│   └── main.css
│
├── media/
│   ├── article1.jpg
│   ├── article2.jpg
│   ├── article3.jpg
│   ├── article4.jpg
│   ├── article5.jpg
│   ├── article6.jpg
│   └── logo.png
│
└── config/
    └── param.txt