Crée une fiche de lecture CE2 sur le modèle des fiches Edelios, avec mon ajout d'un cadre vocabulaire.

⚠️ CONTRAINTE ABSOLUE : La fiche DOIT tenir intégralement sur UNE SEULE page A4 paysage imprimable (297mm x 210mm). Aucun défilement, tout visible à l'impression.

📖 TEXTE À UTILISER :
[J'AI COLLÉ ICI LE TEXTE DE MERLIN]

🎯 STRUCTURE OBLIGATOIRE :

═══ MISE EN PAGE ═══
- Format : A4 paysage - dimensions 297mm x 210mm
- Répartition : Colonne gauche 55% | Colonne droite 45%
- Marges : 8mm maximum
- Hauteur utilisable : 190mm
- Gap entre colonnes : 4%

═══ COLONNE GAUCHE (55%) ═══
1. TITRE DU TEXTE
   - Police 16pt maximum
   - Avec emoji thématique
   - Bordure colorée en bas

2. TEXTE INTÉGRAL
   - Police : 9-10pt (ajuster selon longueur)
   - Interligne : 1.3
   - Espacement paragraphes : 5px
   - Mots difficiles en *rouge* (10-12 mots max)
   - Texte justifié

3. CADRE "MOTS DIFFICILES" (mon ajout spécifique)
   - Fond coloré (#ecf0f1)
   - Bordure bleue 2px
   - Police : 8.5-9pt
   - Format : "Mot : définition simple CE2"
   - Définitions courtes (1 ligne max)

═══ COLONNE DROITE (45%) ═══
FLUX CONTINU SANS FLEXBOX - Les sections s'enchaînent naturellement

A. QUESTIONS DE COMPRÉHENSION
   - Titre : "📝 Questions de compréhension"
   - Position : en haut de la colonne
   - 5 questions progressives
   - Format par question :
     * Numéro en bleu
     * Question (police 9.5pt)
     * "💡 Aide : [indication]" en italique gris
     * 2 lignes de réponse (hauteur 15px)
   - Espacement : 8px entre questions
   - Dernière question : margin-bottom: 0

B. MOTS MÊLÉS (immédiatement après)
   - Titre : "🔍 Mots mêlés"
   - Position : margin-top: 15px (pas de flex, suit directement les questions)
   - Grille 8x8 (cellules 16x16px)
   - Police grille : 8.5pt
   - Liste des mots sur 2 colonnes
   - Cases à cocher □ devant chaque mot
   - 8-10 mots à trouver

⚠️ IMPORTANT : Ne PAS utiliser display:flex sur .right-column
⚠️ Les sections doivent s'enchaîner dans le flux normal du document

═══ SPÉCIFICATIONS TECHNIQUES ═══
- Police principale : Comic Sans MS ou OpenDyslexic
- Couleurs :
  - Titres : #2c3e50
  - Mots difficiles : #e74c3c (rouge)
  - Bordures/accents : #3498db (bleu)
  - Aide : #95a5a6 (gris)
  - Fond vocabulaire : #ecf0f1
- CSS Grid principal :
  - grid-template-columns: 55% 45%
  - height: 190mm
  - width: 277mm
- CSS Colonne droite :
  - PAS de display: flex
  - PAS de flex-direction
  - Flux normal (block)
  - .word-search { margin-top: 15px }
- Optimisations d'espace :
  - Padding minimal (5-6px)
  - Marges réduites
  - Pas d'espace inutile

═══ RÈGLES PÉDAGOGIQUES ═══
✅ Questions progressives : factuel → inférence → interprétation
✅ Vocabulaire : définitions adaptées niveau CE2
✅ Aides contextuelles pour autonomie
✅ Mots mêlés : vocabulaire du texte uniquement
✅ Accessibilité : contrastes forts, police lisible

═══ VALIDATION FINALE ═══
□ Tout le texte visible sans scroll
□ Format A4 paysage respecté
□ Impression directe possible
□ Aucun débordement
□ Une seule page HTML autonome
□ Mots mêlés directement sous les questions (pas en bas de page)
□ Flux continu dans la colonne droite

Exemple 1 - Pour une classe avec plusieurs DYS :
→ "Utilise la police OpenDyslexic pour tout le document"
→ "Alterne les lignes du texte avec un fond blanc et un fond bleu très pâle"
→ "Ajoute des lignes Seyes sous chaque question"
→ "Augmente l'interligne du texte pour faciliter la lecture"

Exemple 2 - Pour rendre plus attractif :
→ "Ajoute un petit dessin ou emoji à côté de chaque mot difficile"
→ "Numérote les questions avec des cercles colorés"
→ "Colorie en jaune pâle une case sur deux de la grille comme un damier"
→ "Utilise des couleurs pastel pour les encadrés"

Exemple 3 - Pour différencier :
→ "Crée 3 niveaux de difficulté avec des questions différentes"
→ "Ajoute une question bonus facultative pour les plus rapides"
→ "Pour les questions ouvertes, mets 4 lignes d'écriture au lieu de 2"