# Mettre en forme — Du texte brut au document > **Cycle 2 « Faire avec l'IA » · Épisode 07.** Page : `/mettre-en-forme/` > **Hub :** `/penser-avec-l-ia/#cycle-2` > **Design :** ocre `#d4944f` (humain) · teal `#0E6E66` (IA) · Fraunces + Inter + JetBrains Mono · mode clair/sombre · **blocs de prompt clairs même en sombre**. > **Registre :** tutoiement. > **Footer :** composant standard du site (`lb-footer`) — ne pas personnaliser. > **Accroche LinkedIn :** « L'IA t'a répondu. Elle ne t'a pas livré. Un pavé de chat n'est pas un document. » --- ## Bandeau supérieur (topbar) - Lien marque → `https://laurentberthelier.site/` - Lien série → `https://laurentberthelier.site/penser-avec-l-ia/` (libellé : « Penser avec l'IA ») ## Hero - **Eyebrow :** Faire avec l'IA · Cycle 2 · Épisode 07 - **Titre :** Mettre en forme - **Sous-titre :** *Du texte brut au document* - **Chapô :** Une réponse de chat n'est pas un livrable. Entre le pavé de texte que l'IA te renvoie et le document que tu peux vraiment remettre, il manque une étape : la mise en forme — structure, gabarit, identité visuelle, et l'assemblage de tout ce que le projet a produit en un seul support cohérent. - **Étiquette (`episode-meta`) :** Pour qui : Jeunes + conseillers · Durée : ~9 min · Niveau : Intermédiaire. - **Dans la série :** prolonge [01 · Découper](/decouper/), [06 · Outiller](/outiller/) · ↩ [Hub Cycle 2](/penser-avec-l-ia/#cycle-2) --- ## Le problème — Un pavé de chat n'est pas un document Le projet est fini : les objectifs sont posés (Découper), le contexte est stable (Contextualiser), les sources sont vérifiées (Documenter), les bons outils ont produit les bons matériaux (Outiller). Et pourtant, ce qu'on a sous les yeux, c'est encore une réponse de chat : un enchaînement de paragraphes, sans hiérarchie visuelle, sans page de garde, avec un tableau écrit en mots faute de mieux. Ce texte brut n'est pas un livrable. Un livret qu'on distribue à des jeunes, un support qu'on projette en atelier, un dossier qu'on transmet à un employeur : chacun a une forme attendue, que le contenu seul ne donne jamais. En Mission Locale, ça donne ce genre de scène : un conseiller colle dix réponses d'IA bout à bout dans un traitement de texte, sans jamais reprendre les titres, les tailles de police ou l'ordre des sections — et distribue ça tel quel à un groupe de 8 jeunes qui décroche à la deuxième page. > L'IA t'a répondu. Elle ne t'a pas livré. Un pavé de chat n'est pas un document. --- ## La méthode — Structurer puis assembler Deux gestes distincts, dans cet ordre : - **Structurer** — donner une hiérarchie visuelle au texte : titres, sous-titres, listes, mise en valeur des points clés. Un gabarit simple et répété plutôt qu'un mur de paragraphes identiques. - **Assembler** — faire tenir ensemble, dans un seul support cohérent, ce que plusieurs étapes du projet ont produit séparément : un texte rédigé, un tableau de données, une affiche générée à l'étape « Outiller ». Trois matériaux, un seul document. **Le principe qui change tout :** mettre en forme n'est pas décoratif. C'est le moment où plusieurs sorties de l'IA deviennent un seul objet — celui que tu remets vraiment. Tant que le contenu reste en pièces détachées, ce n'est pas encore un livrable, seulement une matière première. **Le réflexe simple :** avant de demander une mise en forme, demande-toi à qui ce document est destiné, et sur quel support il sera lu — papier, écran projeté, écran individuel. La réponse dicte le gabarit : un livret se feuillette, un support projeté se lit à distance en gros caractères, un dossier PDF s'imprime. --- ## L'atelier — De l'atelier TRE à deux livrables Reprend le fil rouge du cycle. À l'épisode Découper, tu as construit le déroulé d'un atelier collectif « Techniques de recherche d'emploi », maillon par maillon. À l'épisode Outiller, tu as produit une affiche pour l'accompagner. Il reste à transformer tout ça en deux vrais livrables : un **livret participant** (à imprimer, à distribuer) et un **support projeté** (à afficher pendant la séance). **Maillon 1 — Choisir le gabarit** *(livrable : une structure de document validée)* ``` Voici le déroulé validé de mon atelier « Techniques de recherche d'emploi » : [coller le déroulé de l'épisode Découper] Je veux en faire un livret participant de 4 pages maximum, à imprimer en noir et blanc. Propose-moi un plan de mise en forme : quelles sections, dans quel ordre, avec quels titres. Pas de rédaction complète pour l'instant, juste le squelette. ``` *Point de contrôle :* le squelette tient-il en 4 pages ? Est-ce que l'ordre suit vraiment le déroulé de l'atelier ? On corrige le plan avant de rédiger quoi que ce soit. **Maillon 2 — Rédiger dans le gabarit** *(livrable : le texte du livret, section par section)* ``` Voici le plan validé : [coller le plan du maillon 1] Rédige le contenu de chaque section, en respectant strictement ce plan. Phrases courtes, une idée par paragraphe, vocabulaire simple pour des jeunes de 18-25 ans en insertion. N'ajoute aucune section qui ne soit pas dans le plan. ``` *Point de contrôle :* le texte respecte-t-il le plan sans en déborder ? Est-il lisible pour ton public — pas trop dense, pas trop scolaire ? **Maillon 3 — Assembler le support projeté** *(livrable : un support en quelques diapos, texte + affiche)* ``` À partir du livret validé ci-dessus et de l'affiche produite à l'étape « Outiller » (jointe), construis le plan d'un support projeté en 6 diapos maximum : une diapo d'accueil, une par objectif pédagogique, une pour l'affiche, une de clôture. Pour chaque diapo : le titre, 3 lignes maximum de texte, et l'élément visuel à placer (l'affiche, ou rien). ``` *Point de contrôle :* chaque diapo tient-elle en une idée ? L'affiche a-t-elle sa propre diapo, sans texte qui la couvre ? Un support projeté trop chargé perd le groupe en 30 secondes. **Maillon 4 — Vérifier la cohérence d'ensemble** *(livrable : les deux documents, prêts à sortir)* ``` Compare le livret participant et le plan du support projeté. Signale toute incohérence : un objectif présent dans l'un et absent de l'autre, un terme utilisé différemment, un ordre qui ne correspond pas au déroulé initial de l'atelier. ``` *Point de contrôle final :* les deux documents racontent-ils le même atelier ? C'est cette cohérence — pas la beauté de la mise en page — qui fait qu'un livrable est vraiment prêt. --- ## Le revers — La forme qui maquille le vide Un document magnifiquement mis en page peut cacher un contenu jamais vérifié. Des titres nets, une police soignée, une affiche réussie donnent une impression de sérieux — qui ne dit rien de l'exactitude de ce qu'il y a dedans. **Le bon réflexe :** la mise en forme vient après la vérification, jamais à la place. Avant de soigner la présentation, relis le fond avec le réflexe de l'épisode Vérifier avant d'agir du Cycle 1 : un beau document faux reste un document faux. --- ## À retenir Mettre en forme, c'est **structurer** un texte brut en document lisible, puis **assembler** tout ce que le projet a produit — texte, tableau, image — en un seul support cohérent. Le gabarit dépend du public et du support de lecture. Et une belle forme ne remplace jamais un contenu vérifié. --- ## Lexique - **Gabarit** — une structure de document réutilisable — titres, sections, ordre — qu'on remplit à chaque fois plutôt que de repartir de zéro. - **Livrable** — le document final qu'on remet vraiment à quelqu'un, par opposition à une réponse brute encore en pièces détachées. --- ## Quiz — Testez vos connaissances Quiz intégré directement dans la page (pas une page séparée), juste avant « Bibliothèque de liens ». Titre affiché : **✏️ Quiz — Testez vos connaissances**. 24 questions, 3 niveaux de 8 (Facile / Intermédiaire / Expert), QCM à 4 réponses et Vrai/Faux mélangés aléatoirement (Fisher-Yates) à chaque lancement de niveau. Mécanique identique à `/decouper/` et `/atelier-prompts/` : tabs de niveau, barre de progression, panneau de résultat avec explication + lien « → Revoir l'épisode », écran de score final, bouton rejouer. Classes/IDs préfixés `mef-` pour éviter toute collision avec le CSS existant de la page. ### 🟢 Facile 1. **QCM** — Quel est le titre de l'épisode 07 du Cycle 2 « Faire avec l'IA » ? → **Mettre en forme** 2. **V/F** — Cet épisode est annoncé comme étant de niveau « Débutant ». → **Faux** (niveau Intermédiaire) 3. **QCM** — Quelle est la durée annoncée de cet épisode ? → **~9 min** 4. **V/F** — Selon la page, un pavé de texte renvoyé par l'IA est déjà un livrable. → **Faux** 5. **QCM** — Quelle est l'accroche de cet épisode, reprise en citation dans la page ? → **« L'IA t'a répondu. Elle ne t'a pas livré. Un pavé de chat n'est pas un document. »** 6. **V/F** — Selon la méthode de la page, mettre en forme, c'est structurer puis assembler. → **Vrai** 7. **QCM** — Dans l'atelier de cette page, combien de livrables au total doit-on produire ? → **Deux** (livret participant + support projeté) 8. **QCM** — Quel est l'épisode suivant du Cycle 2, indiqué dans le pied de navigation de cette page ? → **Présenter** ### 🟡 Intermédiaire 1. **QCM** — Que désigne le geste « Structurer », dans la méthode de cette page ? → **Donner une hiérarchie visuelle au texte : titres, sous-titres, listes** 2. **V/F** — Selon le bloc « Le principe qui change tout », mettre en forme est un geste purement décoratif. → **Faux** 3. **QCM** — D'après « Le réflexe simple », qu'est-ce qui dicte le choix du gabarit avant de demander une mise en forme ? → **À qui le document est destiné et sur quel support il sera lu** 4. **QCM** — Dans l'atelier, quel est le livrable du Maillon 1 « Choisir le gabarit » ? → **Une structure de document validée** 5. **QCM** — Selon le Maillon 1, le livret participant visé fait au maximum combien de pages, à imprimer en noir et blanc ? → **4 pages** 6. **QCM** — Quel est le nom du Maillon 3 de l'atelier de cette page ? → **Assembler le support projeté** 7. **V/F** — Le support projeté construit au Maillon 3 tient en un nombre de diapos illimité. → **Faux** (6 diapos maximum) 8. **QCM** — Selon le point de contrôle du Maillon 2, le texte rédigé dans le gabarit doit surtout être quoi pour le public visé ? → **Lisible, pas trop dense, pas trop scolaire** ### 🔴 Expert 1. **QCM** — Quels sont les trois matériaux cités par la page comme exemple de ce qu'« Assembler » peut réunir en un seul document ? → **Un texte rédigé, un tableau de données, une affiche** 2. **QCM** — Dans l'atelier, quel est le livrable du Maillon 4 « Vérifier la cohérence d'ensemble » ? → **Les deux documents, prêts à sortir** 3. **QCM** — Selon le point de contrôle final du Maillon 4, qu'est-ce qui fait qu'un livrable est vraiment prêt ? → **La cohérence entre les deux documents, qui racontent le même atelier** 4. **V/F** — Selon la section « Le revers », une mise en forme soignée garantit que le contenu du document a été vérifié. → **Faux** 5. **QCM** — D'après « Le bon réflexe » de la section Le revers, à quel épisode du Cycle 1 la page renvoie-t-elle avant de soigner la présentation ? → **Vérifier avant d'agir** 6. **QCM** — Selon le Lexique de la page, comment est défini un « Gabarit » ? → **Une structure de document réutilisable — titres, sections, ordre — qu'on remplit à chaque fois** 7. **QCM** — Dans le bloc « Dans la série », cette page indique prolonger deux épisodes précédents du Cycle 2 : lesquels ? → **01 · Découper et 06 · Outiller** 8. **QCM** — Selon le lexique, un « Livrable » se définit par opposition à quoi ? → **Une réponse brute encore en pièces détachées** --- ## Bibliothèque de liens **Sur ce site** - [Penser avec l'IA — la série](https://laurentberthelier.site/penser-avec-l-ia/) — le hub de la trilogie. - [Découper](https://laurentberthelier.site/decouper/) — épisode 01 du Cycle 2 : le déroulé d'atelier repris ici. - [Outiller](https://laurentberthelier.site/outiller/) — épisode 06 du Cycle 2 : le bon outil pour produire chaque matériau. - [Vérifier avant d'agir](https://laurentberthelier.site/verifier-avant-dagir/) — Cycle 1 : le réflexe de vérification, avant de soigner la présentation. --- ## Pied de navigation - ← Épisode 06 → *Outiller* → `/outiller/` - Épisode 08 → *Présenter* → `/presenter/` - Bloc nav série : « Cycle 2 · Faire avec l'IA · 7 / 10 », liste des 10 épisodes, aria-current sur 07. ## Photo Pexels, macro nature — coccinelle orange aux points noirs, posée sur un pétale de fleur jaune. Fichier : `photos/mettre-en-forme.jpg`. ## Footer Footer **standard du site** (composant `lb-footer`, identique sur toutes les pages) : ``` laurentberthelier.site · Laurent Berthelier · Mis à jour le 5 juillet 2026 · RGPD ``` Ne pas personnaliser ce footer par page. --- ## Remerciements ©️ Laurent Berthelier assisté par Claude.ai - [https://laurentberthelier.site/](https://laurentberthelier.site/)