diff --git a/4tq-agent-education/files.zip b/4tq-agent-education/files.zip
new file mode 100644
index 0000000..b151644
Binary files /dev/null and b/4tq-agent-education/files.zip differ
diff --git a/4tq-agent-education/files/4AE-TT_S1_cours-eleve-corrige.docx b/4tq-agent-education/files/4AE-TT_S1_cours-eleve-corrige.docx
new file mode 100644
index 0000000..aacf59b
Binary files /dev/null and b/4tq-agent-education/files/4AE-TT_S1_cours-eleve-corrige.docx differ
diff --git a/4tq-agent-education/files/4AE-TT_S1_cours-eleve-corrige.md b/4tq-agent-education/files/4AE-TT_S1_cours-eleve-corrige.md
new file mode 100644
index 0000000..10f0663
--- /dev/null
+++ b/4tq-agent-education/files/4AE-TT_S1_cours-eleve-corrige.md
@@ -0,0 +1,62 @@
+# Séance 1 : Bienvenue à l'agence (corrigé)
+
+TIC (Traitement de texte), 4e Agent d'éducation. M. Courcelle.
+
+Ce corrigé reprend uniquement les parties qui ont une réponse attendue : le défi diagnostique, la mise en commun de l'enquête et le « Cliché ou réalité ? ». Les parties 1, 6 et 7 sont personnelles et n'ont pas de corrigé.
+
+## 3. Défi diagnostique
+
+### Le résultat attendu
+
+Le fichier porte un nom du type 2026-10-01_S1_diagnostic_Yasmine et se trouve sur la clé, dans le dossier de l'année. Le titre « Une soirée à l'internat » est en gras, en taille 16, centré. Le paragraphe est justifié. Les quatre dernières lignes forment une liste à puces. Les mots « encourrage », « Aprés » et « activitées » sont corrigés en « encourage », « Après » et « activités ». « L'éducatrice les accueil » est corrigé en « L'éducatrice les accueille ». Le prénom de l'élève apparaît en bas de la page.
+
+### Comment faire dans LibreOffice Writer
+
+| Consigne | Marche à suivre |
+|---|---|
+| 1. Ouvrir le fichier | Double-clic sur le fichier, ou dans Writer : menu Fichier, puis Ouvrir, puis chercher le fichier. |
+| 2. Enregistrer sous un nouveau nom | Menu Fichier, puis Enregistrer sous. Choisir la clé et le dossier de l'année, taper le nouveau nom, puis Enregistrer. Garder le format proposé (ODF). |
+| 3. Mettre en gras | Sélectionner le titre, puis cliquer sur le bouton G de la barre de formatage. |
+| 4. Taille 16 et centré | Titre toujours sélectionné : taper 16 dans la zone de taille de police, puis cliquer sur le bouton Centrer. |
+| 5. Justifier | Cliquer n'importe où dans le paragraphe, puis sur le bouton Justifier. Pas besoin de sélectionner tout le paragraphe. |
+| 6. Liste à puces | Sélectionner les quatre lignes, puis cliquer sur le bouton de liste à puces de la barre de formatage (ou menu Format, puis Puces et numérotation). |
+| 7. Corriger avec le correcteur | Clic droit sur le mot souligné en rouge, puis choisir la bonne proposition dans la liste. |
+| 8. Trouver la faute invisible | « accueil » existe comme mot (le nom : un bon accueil), donc le correcteur ne le souligne pas. Ici il faut le verbe accueillir conjugué : elle accueille. |
+| 9. Pied de page | Menu Insertion, puis En-tête et pied de page, puis Pied de page, puis Style par défaut. Taper son prénom dans la zone qui apparaît en bas de la page. |
+
+### À retenir
+
+Le correcteur ne voit que les mots qui n'existent pas. Un mot qui existe mais qui est mal employé passe à travers : il faut toujours se relire.
+
+## 4. Enquête : le métier vu par Internet
+
+Il n'y a pas de bonne réponse unique : chaque binôme décrit ce qu'il a trouvé. La mise en commun sert à comparer ces images avec la réalité du métier. Les questions posées en classe :
+
+- Les lieux sont-ils variés, ou retrouve-t-on toujours le même type d'endroit ?
+- Voit-on des publics différents : enfants, adolescents, adultes, personnes âgées, personnes en situation de handicap ?
+- Voit-on des éducateurs et des éducatrices, jeunes et moins jeunes ?
+- Voit-on l'éducateur accompagner, écouter, animer, observer, ou surtout surveiller et punir ?
+
+## 5. Cliché ou réalité ?
+
+| Affirmation | Réponse | Explication |
+|---|---|---|
+| Un agent d'éducation travaille surtout dans les écoles, comme surveillant. | Cliché | L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue... |
+| Un agent d'éducation peut travailler auprès de personnes âgées. | Réalité | Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail. |
+| Le métier consiste surtout à faire respecter la discipline. | Cliché | Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Le cadre et les règles en font partie, mais ce n'est pas le but. |
+| Un agent d'éducation travaille seul, sans collègues d'autres métiers. | Cliché | Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs (centres PMS, CPAS...). |
+| Il existe des éducateurs qui travaillent dans la rue. | Réalité | Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier. |
+| Observer les personnes fait partie du métier. | Réalité | L'observation est un outil de base de l'agent d'éducation. Elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année. |
+
+### Ce que fait vraiment un agent d'éducation
+
+L'agent d'éducation accompagne des personnes au quotidien, pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents :
+
+- l'aide à la jeunesse : services d'aide en milieu ouvert (AMO), centres d'accueil, institutions publiques de protection de la jeunesse (IPPJ) ;
+- l'aide aux personnes en situation de handicap : services d'accueil de jour, services résidentiels, entreprises de travail adapté ;
+- la petite enfance et les personnes âgées : maisons maternelles, maisons de repos, centres de jour ;
+- la santé : santé mentale, services hospitaliers ;
+- le secteur socioculturel : maisons de jeunes, écoles de devoirs, centres culturels, centres de loisirs ;
+- l'enseignement : écoles, enseignement spécialisé, internats ;
+- les services de proximité : éducateurs de rue ;
+- l'aide aux adultes en difficulté : maisons d'accueil.
diff --git a/4tq-agent-education/files/4AE-TT_S1_cours-eleve.docx b/4tq-agent-education/files/4AE-TT_S1_cours-eleve.docx
new file mode 100644
index 0000000..7bb1678
Binary files /dev/null and b/4tq-agent-education/files/4AE-TT_S1_cours-eleve.docx differ
diff --git a/4tq-agent-education/files/4AE-TT_S1_cours-eleve.md b/4tq-agent-education/files/4AE-TT_S1_cours-eleve.md
new file mode 100644
index 0000000..1c0928e
--- /dev/null
+++ b/4tq-agent-education/files/4AE-TT_S1_cours-eleve.md
@@ -0,0 +1,129 @@
+# Séance 1 : Bienvenue à l'agence
+
+TIC (Traitement de texte), 4e Agent d'éducation. M. Courcelle.
+
+Nom et prénom : ............................................................ Date : ......................
+
+## Ce que tu vas faire aujourd'hui
+
+Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?
+
+Rien de ce que tu fais aujourd'hui n'est coté.
+
+## 1. Trois mots
+
+Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.
+
+## 2. Le cours en bref
+
+Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.
+
+L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.
+
+Tes points viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention que je te donne aujourd'hui. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.
+
+En fin d'année, tu passeras ton épreuve de qualification, la SIPS. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.
+
+## 3. Défi diagnostique
+
+Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as 30 minutes. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.
+
+### Niveau 1
+
+1. Ouvre le fichier S1_texte-brut. Tu le trouves sur la page de la séance, ou dans le dossier que le professeur t'indique.
+2. Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : AAAA-MM-JJ_S1_diagnostic_Prenom, avec la date du jour et ton prénom, sans accent et sans espace. Exemple : 2026-10-01_S1_diagnostic_Yasmine.
+3. Mets le titre en gras.
+
+### Niveau 2
+
+4. Mets le titre en taille 16 et centre-le.
+5. Justifie le paragraphe.
+6. Transforme les quatre dernières lignes en liste à puces.
+7. Corrige les trois mots soulignés en rouge par le correcteur.
+
+### Niveau 3
+
+8. Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.
+9. Ajoute ton prénom dans le pied de page.
+
+Pour terminer : enregistre ton fichier et montre-le au professeur.
+
+### Comment ça s'est passé ?
+
+Coche une case par consigne.
+
+| Consigne | Réussi seul | Réussi avec aide | Pas réussi |
+|---|---|---|---|
+| 1. Ouvrir le fichier | | | |
+| 2. Enregistrer sous un nouveau nom | | | |
+| 3. Mettre en gras | | | |
+| 4. Taille 16 et centré | | | |
+| 5. Justifier | | | |
+| 6. Liste à puces | | | |
+| 7. Corriger avec le correcteur | | | |
+| 8. Trouver la faute invisible | | | |
+| 9. Pied de page | | | |
+
+## 4. Enquête : le métier vu par Internet
+
+En binôme, 25 minutes.
+
+Lance une recherche d'images ou de vidéos avec ces mots : « éducateur », « éducatrice spécialisée », « éducateur internat », « éducateur de rue ». Choisis quatre résultats différents et remplis le tableau.
+
+| N° | Où ça se passe ? | Qui voit-on ? (âge, homme ou femme) | Que fait l'éducateur ? | Quelle ambiance ? |
+|---|---|---|---|---|
+| 1 | | | | |
+| 2 | | | | |
+| 3 | | | | |
+| 4 | | | | |
+
+D'après ces résultats, le métier d'éducateur, c'est surtout :
+
+..........................................................................................................................................
+
+..........................................................................................................................................
+
+Attention : si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.
+
+## 5. Cliché ou réalité ?
+
+Après la mise en commun, coche ta réponse. On corrige ensemble.
+
+| Affirmation | Cliché | Réalité |
+|---|---|---|
+| Un agent d'éducation travaille surtout dans les écoles, comme surveillant. | | |
+| Un agent d'éducation peut travailler auprès de personnes âgées. | | |
+| Le métier consiste surtout à faire respecter la discipline. | | |
+| Un agent d'éducation travaille seul, sans collègues d'autres métiers. | | |
+| Il existe des éducateurs qui travaillent dans la rue. | | |
+| Observer les personnes fait partie du métier. | | |
+
+Ce que fait vraiment un agent d'éducation, et où il peut travailler :
+
+..........................................................................................................................................
+
+..........................................................................................................................................
+
+..........................................................................................................................................
+
+## 6. Où en es-tu ?
+
+Pour chaque ligne, coche ce qui te correspond aujourd'hui. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.
+
+| Je sais... | Oui | Un peu | Pas encore |
+|---|---|---|---|
+| retrouver un fichier sur l'ordinateur ou sur ma clé | | | |
+| enregistrer un fichier sous un nouveau nom, au bon endroit | | | |
+| choisir un nom de fichier clair, que je retrouverai plus tard | | | |
+| mettre un texte en gras, changer sa taille, le centrer | | | |
+| faire une liste à puces | | | |
+| utiliser le correcteur orthographique | | | |
+| utiliser les styles de titre (Titre 1, Titre 2) | | | |
+| trouver une information sur Internet | | | |
+
+## 7. Ticket de sortie
+
+Réponds sur le papillon que je te donne, et remets-le en sortant.
+
+1. Un cliché sur le métier que tu as repéré aujourd'hui.
+2. Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.
diff --git a/4tq-agent-education/files/4AE-TT_S1_fiche-prof.docx b/4tq-agent-education/files/4AE-TT_S1_fiche-prof.docx
new file mode 100644
index 0000000..7d1201b
Binary files /dev/null and b/4tq-agent-education/files/4AE-TT_S1_fiche-prof.docx differ
diff --git a/4tq-agent-education/files/4AE-TT_S1_fiche-prof.md b/4tq-agent-education/files/4AE-TT_S1_fiche-prof.md
new file mode 100644
index 0000000..3728c23
--- /dev/null
+++ b/4tq-agent-education/files/4AE-TT_S1_fiche-prof.md
@@ -0,0 +1,83 @@
+# Séance 1 : Bienvenue à l'agence (fiche préparatoire)
+
+TIC (Traitement de texte), 4e Agent d'éducation. Période 1, séance S1 de la séquence annuelle. Durée : 100 minutes (2 périodes). Semaine du 28 septembre 2026. M. Courcelle.
+
+## Objectifs de la séance
+
+Au terme de la séance, l'élève sera capable de :
+
+- expliquer en quelques mots le fonctionnement du cours et ce qu'est la SIPS ;
+- se situer sur les compétences de la période 1 (autopositionnement) ;
+- relever, dans des résultats de recherche, la façon dont Internet représente le métier ;
+- distinguer quelques clichés de la réalité du métier.
+
+Pour l'enseignant : dresser un état des lieux des compétences de base de chaque élève (défi diagnostique) avant les défis cotés de S2 et S3.
+
+Lien avec le programme : aptitudes « Utiliser les technologies de l'information nécessaires à la recherche » et « Confronter ses représentations aux informations recueillies » ; élément méthodologique « S'intéresser au monde du travail, en particulier les champs d'activités de l'agent d'éducation ».
+
+## Prérequis
+
+Aucun. Le défi diagnostique sert justement à mesurer les acquis.
+
+## Matériel et préparation
+
+À préparer avant la séance :
+
+- déposer S1_texte-brut.odt dans le dossier partagé de la classe et sur la page de la séance ;
+- ouvrir ce fichier sur un poste de l'école et vérifier que le correcteur souligne bien « encourrage », « Aprés » et « activitées », et pas « accueil » ;
+- tester la recherche d'images et de vidéos sur un poste élève : filtre de contenu actif, sites de vidéos accessibles ou bloqués ;
+- préparer une solution de secours si les vidéos sont bloquées : 6 à 8 captures d'images variées, ou la bande-annonce d'un film sur le métier projetée au TBI (pistes : Hors normes, 2019, sur des éducateurs auprès de jeunes autistes ; La Tête haute, 2015, avec un éducateur de l'aide à la jeunesse) ;
+- imprimer le cours élève et la déclaration d'intention, un exemplaire par élève ;
+- prévoir deux papillons autocollants par élève (trois mots, ticket de sortie) ;
+- vérifier que chaque élève a une clé USB ou un accès à son stockage en ligne.
+
+Matériel en classe : un ordinateur par élève, TBI ou projecteur avec la page de la séance, tableau.
+
+## Déroulement minuté
+
+| Temps | Phase | Ce que fait l'enseignant | Ce que font les élèves |
+|---|---|---|---|
+| 0 à 8 min | Accroche : trois mots | Distribue les papillons. Consigne : trois mots pour « éducateur », sans nom. Regroupe les papillons au tableau par thème, sans commenter. | Écrivent trois mots, collent le papillon. |
+| 8 à 20 min | Le cours en bref | Présente l'agence, les cinq périodes, les points, la SIPS en mots simples. Distribue la déclaration d'intention : lecture des points clés (barème, reprise des défis, réussite à 50 %). Retour signé pour S2. | Écoutent, posent leurs questions. |
+| 20 à 50 min | Défi diagnostique | Affiche la page de la séance. Circule, observe, aide sans faire à la place. Note pour chaque élève le niveau atteint. | Réalisent les consignes, cochent leur tableau de réussite, enregistrent. |
+| 50 à 75 min | Enquête en binômes | Forme les binômes (mélanger les niveaux repérés au diagnostic). Rappelle la consigne de sécurité sur les résultats. | Recherchent, choisissent quatre résultats, remplissent le tableau. |
+| 75 à 90 min | Mise en commun et « Cliché ou réalité ? » | Recueille les observations au tableau en deux colonnes : ce qu'Internet montre, ce que fait vraiment un agent d'éducation. Lance le quiz de la page au TBI. Revient sur les papillons du début. | Partagent, répondent au quiz, complètent la partie 5. |
+| 90 à 100 min | Autopositionnement et ticket de sortie | Explique que l'autopositionnement sera refait en fin de période. Ramasse les tickets. | Remplissent la partie 6, puis le ticket de sortie. |
+
+Si la séance de lancement a déjà eu lieu la semaine du 21 septembre (présentation du cours et déclaration d'intention), la phase « Le cours en bref » se réduit à un rappel de 3 minutes, et le temps gagné va à l'enquête.
+
+## Méthodes pédagogiques
+
+Diagnostic individuel en autonomie, enquête en binômes, mise en commun dialoguée, quiz collectif au TBI. Aucune évaluation sommative : tout ce qui est produit aujourd'hui sert au diagnostic ou à la prise de conscience.
+
+## Différenciation
+
+- Défi diagnostique organisé en trois niveaux : chaque élève va aussi loin qu'il peut, et le niveau 3 occupe les plus rapides.
+- Les élèves qui terminent tôt aident leur voisin, à condition de lui expliquer sans prendre la souris.
+- Binômes hétérogènes pour l'enquête, formés à partir du diagnostic.
+- Pour un élève en difficulté de lecture : consignes lues à voix haute au TBI, tableau d'enquête réduit à deux colonnes (« Où ? », « Que fait l'éducateur ? »).
+
+## Points de vigilance
+
+- **Recherche d'images :** des résultats inappropriés peuvent apparaître. Consigne donnée avant la recherche, filtre de contenu vérifié, écrans visibles depuis le fond de la classe.
+- **Droit à l'image :** aucune photo de personne téléchargée ni partagée. C'est l'occasion d'annoncer ce qui sera travaillé en période 3.
+- **Les trois mots et le ticket de sortie restent anonymes :** ce ne sont pas des traces du portfolio. La représentation initiale de chaque élève est une trace personnelle, prise dans le cours désigné par l'équipe.
+- **Représentation initiale :** si l'équipe l'a confiée au cours TIC, utiliser la fiche en annexe, à la place des parties 6 et 7 ou à la séance suivante. La fiche est rangée dans un espace personnel non partagé, ou gardée sur papier par l'élève.
+- **Champs d'activités :** la liste du corrigé vient du programme du 3e degré (2002). Certains services de l'aide à la jeunesse ont changé de nom depuis ; la liste suffit pour une première approche en 4e.
+
+## Traces à conserver
+
+- Pour l'enseignant : le niveau atteint par chaque élève au diagnostic, pour ajuster S2 et S3 ; les tickets de sortie ; la photo du tableau des trois mots, à ressortir en fin d'année.
+- Pour l'élève : le fichier du diagnostic, rangé dans son dossier de l'année, et le cours élève complété.
+
+## Annexe : fiche « Ma représentation du métier »
+
+À imprimer uniquement si l'équipe a confié au cours TIC la mise en forme de la représentation initiale.
+
+Cette fiche est pour toi. Tu la gardes dans ton portfolio, et personne ne la lit sans ton accord. En fin d'année, tu la reliras pour voir ce qui a changé dans ta vision du métier.
+
+1. Pour moi, un agent d'éducation, c'est...
+2. Trois qualités qu'il faut avoir pour faire ce métier :
+3. Un endroit où j'aimerais travailler plus tard, et pourquoi :
+4. Ce qui me fait un peu peur dans ce métier :
+5. Pourquoi j'ai choisi cette option :
diff --git a/4tq-agent-education/files/4ae-site.zip b/4tq-agent-education/files/4ae-site.zip
new file mode 100644
index 0000000..3a6afe0
Binary files /dev/null and b/4tq-agent-education/files/4ae-site.zip differ
diff --git a/4tq-agent-education/files/4ae/index.html b/4tq-agent-education/files/4ae/index.html
new file mode 100644
index 0000000..2cfa80d
--- /dev/null
+++ b/4tq-agent-education/files/4ae/index.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>4e TQ Agent d'éducation · TIC</title>
+<meta name="description" content="Les séances du cours de TIC (traitement de texte) de 4e TQ Agent d'éducation.">
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../assets/theme.css">
+</head>
+<body class="classe-ae">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
+    </nav>
+    <h1>4e TQ Agent d'éducation</h1>
+    <p class="entete__meta">TIC (traitement de texte) · M. Courcelle</p>
+  </div>
+</header>
+
+<main class="contenu">
+
+  <p class="chapeau">Cette année, la classe fonctionne comme une agence qui reçoit des missions. Choisis la séance sur laquelle tu travailles : chaque page se lit du début à la fin, avec des exercices à faire directement dedans.</p>
+
+  <h2>Période 1 : Bienvenue à l'agence</h2>
+
+  <!-- ==================================================================
+       POUR AJOUTER UNE SÉANCE
+       1. Créer le dossier de la séance à côté de ce fichier (seance2,
+          seance3...), avec son index.html dedans (le plus simple :
+          copier seance1).
+       2. Copier-coller le bloc <li class="module"> ci-dessous dans la
+          liste de la bonne période, et remplir les quatre champs.
+       3. Adapter le href vers le dossier de la nouvelle séance.
+
+       Gabarit à copier :
+
+       <li class="module">
+         <a class="module__lien" href="DOSSIER/index.html">
+           <span class="module__num">Période N · Séance N</span>
+           <span class="module__titre">Titre de la séance</span>
+           <span class="module__resume">Ce qu'on y fait, en une phrase.</span>
+           <span class="module__meta">Ce qu'il y a dans la page</span>
+         </a>
+       </li>
+
+       Une séance annoncée mais pas encore prête : ajouter la classe
+       « module--bientot » au <li> et remplacer le <a> par un
+       <div class="module__lien">, sans href.
+       ================================================================== -->
+
+  <ul class="modules">
+    <li class="module">
+      <a class="module__lien" href="seance1/index.html">
+        <span class="module__num">Période 1 · Séance 1</span>
+        <span class="module__titre">Bienvenue à l'agence</span>
+        <span class="module__resume">Le fonctionnement du cours, un défi pour voir où tu en es, et ta première enquête : que raconte Internet sur le métier ?</span>
+        <span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? »</span>
+      </a>
+    </li>
+    <li class="module module--bientot">
+      <div class="module__lien">
+        <span class="module__num">Période 1 · Séance 2</span>
+        <span class="module__titre">Ranger, nommer, mettre en forme</span>
+        <span class="module__resume">Organiser ton dossier d'apprentissage et mettre en forme un texte sans tricher avec les espaces.</span>
+        <span class="module__meta">Bientôt en ligne</span>
+      </div>
+    </li>
+    <li class="module module--bientot">
+      <div class="module__lien">
+        <span class="module__num">Période 1 · Séance 3</span>
+        <span class="module__titre">Les styles</span>
+        <span class="module__resume">Titres, volet de navigation, table des matières : structurer un document en quelques clics.</span>
+        <span class="module__meta">Bientôt en ligne</span>
+      </div>
+    </li>
+  </ul>
+
+</main>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
+  </div>
+</footer>
+
+</body>
+</html>
diff --git a/4tq-agent-education/files/4ae/seance1/S1_texte-brut.odt b/4tq-agent-education/files/4ae/seance1/S1_texte-brut.odt
new file mode 100644
index 0000000..cbcdb86
Binary files /dev/null and b/4tq-agent-education/files/4ae/seance1/S1_texte-brut.odt differ
diff --git a/4tq-agent-education/files/4ae/seance1/index.html b/4tq-agent-education/files/4ae/seance1/index.html
new file mode 100644
index 0000000..bb9ff5b
--- /dev/null
+++ b/4tq-agent-education/files/4ae/seance1/index.html
@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Séance 1 · Bienvenue à l'agence · 4e TQ Agent d'éducation</title>
+<meta name="description" content="Séance 1 du cours de TIC de 4e TQ Agent d'éducation : défi diagnostique, enquête sur le métier, cliché ou réalité.">
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../../assets/theme.css">
+<link rel="stylesheet" href="../../assets/atelier-texte.css">
+<style>
+  /* Propre à cette page : l'autopositionnement. */
+  .auto { list-style: none; padding: 0; margin: 1rem 0; max-width: var(--lecture); }
+  .auto li { border-bottom: 1px solid var(--trait); padding: .6rem 0; margin: 0; }
+  .auto p { margin: 0 0 .4rem; }
+  .auto .zones { margin: 0; }
+</style>
+</head>
+<body class="classe-ae">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="../index.html">4e TQ Agent d'éducation</a><span aria-hidden="true">/</span><strong>Séance 1</strong>
+    </nav>
+    <div class="entete__barre">
+      <div>
+        <h1>Bienvenue à l'agence</h1>
+        <p class="entete__meta">Période 1 · Séance 1 · TIC (traitement de texte) · M. Courcelle</p>
+      </div>
+      <button type="button" class="action action--secondaire" id="projection" aria-pressed="false">Agrandir</button>
+    </div>
+  </div>
+</header>
+
+<div class="wrap">
+
+  <nav class="sommaire-lat" aria-label="Sommaire de la séance">
+    <div class="top">Séance 1</div>
+    <h2>Découvrir</h2>
+    <a href="#aujourdhui">Aujourd'hui</a>
+    <a href="#trois-mots">1. Trois mots</a>
+    <a href="#le-cours">2. Le cours en bref</a>
+    <h2>Faire</h2>
+    <a href="#diagnostic">3. Défi diagnostique</a>
+    <a href="#enquete">4. Enquête</a>
+    <a href="#cliche">5. Cliché ou réalité ?</a>
+    <h2>Faire le point</h2>
+    <a href="#ou-en-es-tu">6. Où en es-tu ?</a>
+    <a href="#ticket">7. Ticket de sortie</a>
+  </nav>
+
+  <main class="feuille">
+    <div class="regle" aria-hidden="true"></div>
+    <div class="inner">
+
+      <span class="module-tag">Période 1 · Séance 1</span>
+
+      <section id="aujourdhui">
+        <h2>Ce que tu vas faire aujourd'hui</h2>
+        <p>Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?</p>
+        <p><strong>Rien de ce que tu fais aujourd'hui n'est coté.</strong></p>
+      </section>
+
+      <section id="trois-mots">
+        <h2>1. Trois mots</h2>
+        <p>Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.</p>
+      </section>
+
+      <section id="le-cours">
+        <h2>2. Le cours en bref</h2>
+        <p>Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.</p>
+        <p>L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.</p>
+        <div class="encadre">
+          <h3>Tes points</h3>
+          <p>Ils viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.</p>
+        </div>
+        <p>En fin d'année, tu passeras ton épreuve de qualification, la <strong>SIPS</strong>. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.</p>
+      </section>
+
+      <section id="diagnostic">
+        <h2>3. Défi diagnostique</h2>
+        <p>Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as <strong>30 minutes</strong>. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.</p>
+
+        <div class="actions">
+          <a class="action" href="S1_texte-brut.odt" download>Télécharger le fichier S1_texte-brut</a>
+        </div>
+
+        <h3>Niveau 1</h3>
+        <ol>
+          <li>Ouvre le fichier <code>S1_texte-brut</code> que tu viens de télécharger, ou celui du dossier que le professeur t'indique.</li>
+          <li>Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : <code>AAAA-MM-JJ_S1_diagnostic_Prenom</code>, avec la date du jour et ton prénom, sans accent et sans espace.</li>
+          <li>Mets le titre en gras.</li>
+        </ol>
+
+        <div class="nomtest">
+          <h4>Vérifie ton nom de fichier avant d'enregistrer</h4>
+          <label for="nom">Tape le nom que tu veux donner à ton fichier :</label><br>
+          <input id="nom" type="text" autocomplete="off" spellcheck="false" placeholder="2026-10-01_S1_diagnostic_Yasmine">
+          <ul class="check" id="nom-check" aria-live="polite"></ul>
+        </div>
+
+        <h3>Niveau 2</h3>
+        <ol start="4">
+          <li>Mets le titre en taille 16 et centre-le.</li>
+          <li>Justifie le paragraphe.</li>
+          <li>Transforme les quatre dernières lignes en liste à puces.</li>
+          <li>Corrige les trois mots soulignés en rouge par le correcteur.</li>
+        </ol>
+
+        <h3>Niveau 3</h3>
+        <ol start="8">
+          <li>Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.</li>
+          <li>Ajoute ton prénom dans le pied de page.</li>
+        </ol>
+
+        <p>Pour terminer : enregistre ton fichier et montre-le au professeur. Puis coche, sur ta feuille, comment chaque consigne s'est passée : réussi seul, réussi avec aide, ou pas réussi.</p>
+      </section>
+
+      <section id="enquete">
+        <h2>4. Enquête : le métier vu par Internet</h2>
+        <p>En binôme, <strong>25 minutes</strong>.</p>
+        <p>Lance une recherche d'images ou de vidéos avec ces mots : <code>éducateur</code>, <code>éducatrice spécialisée</code>, <code>éducateur internat</code>, <code>éducateur de rue</code>. Choisis quatre résultats différents et remplis le tableau de ta feuille.</p>
+
+        <table>
+          <thead>
+            <tr><th scope="col">Pour chaque résultat, note</th><th scope="col">Exemple de réponse</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>Où ça se passe ?</td><td>une cour de récréation, un salon, une rue</td></tr>
+            <tr><td>Qui voit-on ?</td><td>des ados, un homme d'environ 30 ans</td></tr>
+            <tr><td>Que fait l'éducateur ?</td><td>il joue au foot avec eux</td></tr>
+            <tr><td>Quelle ambiance ?</td><td>détendue, tendue, triste</td></tr>
+          </tbody>
+        </table>
+
+        <p>Pour finir, complète la phrase : « D'après ces résultats, le métier d'éducateur, c'est surtout... »</p>
+
+        <div class="encadre encadre--attention">
+          <p>Si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.</p>
+        </div>
+      </section>
+
+      <section id="cliche">
+        <h2>5. Cliché ou réalité ?</h2>
+        <p>Après la mise en commun, réponds à chaque affirmation. La correction s'affiche tout de suite.</p>
+        <div class="quiz" id="quiz-cliche"></div>
+        <div class="encadre encadre--cle">
+          <p>L'agent d'éducation accompagne des personnes au quotidien pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé, maisons de jeunes, écoles et internats, travail de rue, aide aux adultes en difficulté.</p>
+        </div>
+      </section>
+
+      <section id="ou-en-es-tu">
+        <h2>6. Où en es-tu ?</h2>
+        <p>Pour chaque ligne, choisis ce qui te correspond aujourd'hui, puis reporte tes réponses sur ta feuille : cette page ne garde rien en mémoire. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.</p>
+        <ul class="auto" id="auto"></ul>
+      </section>
+
+      <section id="ticket">
+        <h2>7. Ticket de sortie</h2>
+        <p>Réponds sur le papillon que je te donne, et remets-le en sortant.</p>
+        <ol>
+          <li>Un cliché sur le métier que tu as repéré aujourd'hui.</li>
+          <li>Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.</li>
+        </ol>
+      </section>
+
+    </div>
+  </main>
+
+</div>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
+  </div>
+</footer>
+
+<script src="../../assets/atelier-texte.js"></script>
+<script>
+"use strict";
+
+/* ---------- mode projection (TBI) ---------- */
+(function(){
+  var b = document.getElementById('projection');
+  b.addEventListener('click', function(){
+    var on = document.documentElement.classList.toggle('projection');
+    b.setAttribute('aria-pressed', on ? 'true' : 'false');
+    b.textContent = on ? 'Taille normale' : 'Agrandir';
+  });
+})();
+
+/* ---------- vérification du nom de fichier ---------- */
+(function(){
+  var champ = document.getElementById('nom');
+  var liste = document.getElementById('nom-check');
+
+  function dateValide(a, m, j){
+    var d = new Date(a, m - 1, j);
+    return d.getFullYear() === a && d.getMonth() === m - 1 && d.getDate() === j;
+  }
+
+  function verifier(){
+    var v = champ.value.trim();
+    if (!v) { liste.innerHTML = ''; return; }
+    var ext = /\.odt$/i.test(v);
+    var n = v.replace(/\.odt$/i, '');
+    var md = n.match(/^(\d{4})-(\d{2})-(\d{2})/);
+    var regles = [
+      ['Commence par une date au format AAAA-MM-JJ', !!md && dateValide(+md[1], +md[2], +md[3])],
+      ['La date est suivie de _S1_diagnostic_', /^\d{4}-\d{2}-\d{2}_S1_diagnostic_/.test(n)],
+      ['Se termine par ton prénom', /_S1_diagnostic_[A-Za-z][A-Za-z-]+$/.test(n)],
+      ['Aucun espace', !/\s/.test(n)],
+      ['Aucun accent ni caractère spécial', /^[A-Za-z0-9_-]+$/.test(n)]
+    ];
+    liste.innerHTML = regles.map(function(r){
+      return '<li class="' + (r[1] ? 'ok' : 'ko') + '">' + r[0] + '</li>';
+    }).join('') + (ext ? '<li class="ok">Pas besoin de taper .odt : Writer l\'ajoute tout seul.</li>' : '');
+  }
+
+  champ.addEventListener('input', verifier);
+})();
+
+/* ---------- cliché ou réalité ---------- */
+var CR = ["C'est un cliché", "C'est la réalité"];
+quiz(document.getElementById('quiz-cliche'), [
+  { q: "Un agent d'éducation travaille surtout dans les écoles, comme surveillant.", r: CR, b: 0,
+    e: "L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue..." },
+  { q: "Un agent d'éducation peut travailler auprès de personnes âgées.", r: CR, b: 1,
+    e: "Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail." },
+  { q: "Le métier consiste surtout à faire respecter la discipline.", r: CR, b: 0,
+    e: "Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Les règles en font partie, mais ce n'est pas le but." },
+  { q: "Un agent d'éducation travaille seul, sans collègues d'autres métiers.", r: CR, b: 0,
+    e: "Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs comme les centres PMS ou le CPAS." },
+  { q: "Il existe des éducateurs qui travaillent dans la rue.", r: CR, b: 1,
+    e: "Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier." },
+  { q: "Observer les personnes fait partie du métier.", r: CR, b: 1,
+    e: "L'observation est un outil de base de l'agent d'éducation : elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année." }
+]);
+
+/* ---------- autopositionnement ---------- */
+(function(){
+  var items = [
+    "retrouver un fichier sur l'ordinateur ou sur ma clé",
+    "enregistrer un fichier sous un nouveau nom, au bon endroit",
+    "choisir un nom de fichier clair, que je retrouverai plus tard",
+    "mettre un texte en gras, changer sa taille, le centrer",
+    "faire une liste à puces",
+    "utiliser le correcteur orthographique",
+    "utiliser les styles de titre (Titre 1, Titre 2)",
+    "trouver une information sur Internet"
+  ];
+  var choix = ['Oui', 'Un peu', 'Pas encore'];
+  var ul = document.getElementById('auto');
+  ul.innerHTML = items.map(function(t, i){
+    return '<li><p>Je sais ' + t + '.</p><div class="zones" role="group" aria-label="Je sais ' + t + '">' +
+      choix.map(function(c){ return '<button type="button" aria-pressed="false">' + c + '</button>'; }).join('') +
+      '</div></li>';
+  }).join('');
+  ul.addEventListener('click', function(e){
+    var b = e.target.closest('button');
+    if (!b) return;
+    b.parentNode.querySelectorAll('button').forEach(function(x){
+      x.setAttribute('aria-pressed', x === b ? 'true' : 'false');
+    });
+  });
+})();
+</script>
+
+</body>
+</html>
diff --git a/4tq-agent-education/files/S1_texte-brut.odt b/4tq-agent-education/files/S1_texte-brut.odt
new file mode 100644
index 0000000..cbcdb86
Binary files /dev/null and b/4tq-agent-education/files/S1_texte-brut.odt differ
diff --git a/4tq-agent-education/files/index.html b/4tq-agent-education/files/index.html
new file mode 100644
index 0000000..bb9ff5b
--- /dev/null
+++ b/4tq-agent-education/files/index.html
@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Séance 1 · Bienvenue à l'agence · 4e TQ Agent d'éducation</title>
+<meta name="description" content="Séance 1 du cours de TIC de 4e TQ Agent d'éducation : défi diagnostique, enquête sur le métier, cliché ou réalité.">
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../../assets/theme.css">
+<link rel="stylesheet" href="../../assets/atelier-texte.css">
+<style>
+  /* Propre à cette page : l'autopositionnement. */
+  .auto { list-style: none; padding: 0; margin: 1rem 0; max-width: var(--lecture); }
+  .auto li { border-bottom: 1px solid var(--trait); padding: .6rem 0; margin: 0; }
+  .auto p { margin: 0 0 .4rem; }
+  .auto .zones { margin: 0; }
+</style>
+</head>
+<body class="classe-ae">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="../index.html">4e TQ Agent d'éducation</a><span aria-hidden="true">/</span><strong>Séance 1</strong>
+    </nav>
+    <div class="entete__barre">
+      <div>
+        <h1>Bienvenue à l'agence</h1>
+        <p class="entete__meta">Période 1 · Séance 1 · TIC (traitement de texte) · M. Courcelle</p>
+      </div>
+      <button type="button" class="action action--secondaire" id="projection" aria-pressed="false">Agrandir</button>
+    </div>
+  </div>
+</header>
+
+<div class="wrap">
+
+  <nav class="sommaire-lat" aria-label="Sommaire de la séance">
+    <div class="top">Séance 1</div>
+    <h2>Découvrir</h2>
+    <a href="#aujourdhui">Aujourd'hui</a>
+    <a href="#trois-mots">1. Trois mots</a>
+    <a href="#le-cours">2. Le cours en bref</a>
+    <h2>Faire</h2>
+    <a href="#diagnostic">3. Défi diagnostique</a>
+    <a href="#enquete">4. Enquête</a>
+    <a href="#cliche">5. Cliché ou réalité ?</a>
+    <h2>Faire le point</h2>
+    <a href="#ou-en-es-tu">6. Où en es-tu ?</a>
+    <a href="#ticket">7. Ticket de sortie</a>
+  </nav>
+
+  <main class="feuille">
+    <div class="regle" aria-hidden="true"></div>
+    <div class="inner">
+
+      <span class="module-tag">Période 1 · Séance 1</span>
+
+      <section id="aujourdhui">
+        <h2>Ce que tu vas faire aujourd'hui</h2>
+        <p>Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?</p>
+        <p><strong>Rien de ce que tu fais aujourd'hui n'est coté.</strong></p>
+      </section>
+
+      <section id="trois-mots">
+        <h2>1. Trois mots</h2>
+        <p>Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.</p>
+      </section>
+
+      <section id="le-cours">
+        <h2>2. Le cours en bref</h2>
+        <p>Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.</p>
+        <p>L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.</p>
+        <div class="encadre">
+          <h3>Tes points</h3>
+          <p>Ils viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.</p>
+        </div>
+        <p>En fin d'année, tu passeras ton épreuve de qualification, la <strong>SIPS</strong>. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.</p>
+      </section>
+
+      <section id="diagnostic">
+        <h2>3. Défi diagnostique</h2>
+        <p>Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as <strong>30 minutes</strong>. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.</p>
+
+        <div class="actions">
+          <a class="action" href="S1_texte-brut.odt" download>Télécharger le fichier S1_texte-brut</a>
+        </div>
+
+        <h3>Niveau 1</h3>
+        <ol>
+          <li>Ouvre le fichier <code>S1_texte-brut</code> que tu viens de télécharger, ou celui du dossier que le professeur t'indique.</li>
+          <li>Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : <code>AAAA-MM-JJ_S1_diagnostic_Prenom</code>, avec la date du jour et ton prénom, sans accent et sans espace.</li>
+          <li>Mets le titre en gras.</li>
+        </ol>
+
+        <div class="nomtest">
+          <h4>Vérifie ton nom de fichier avant d'enregistrer</h4>
+          <label for="nom">Tape le nom que tu veux donner à ton fichier :</label><br>
+          <input id="nom" type="text" autocomplete="off" spellcheck="false" placeholder="2026-10-01_S1_diagnostic_Yasmine">
+          <ul class="check" id="nom-check" aria-live="polite"></ul>
+        </div>
+
+        <h3>Niveau 2</h3>
+        <ol start="4">
+          <li>Mets le titre en taille 16 et centre-le.</li>
+          <li>Justifie le paragraphe.</li>
+          <li>Transforme les quatre dernières lignes en liste à puces.</li>
+          <li>Corrige les trois mots soulignés en rouge par le correcteur.</li>
+        </ol>
+
+        <h3>Niveau 3</h3>
+        <ol start="8">
+          <li>Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.</li>
+          <li>Ajoute ton prénom dans le pied de page.</li>
+        </ol>
+
+        <p>Pour terminer : enregistre ton fichier et montre-le au professeur. Puis coche, sur ta feuille, comment chaque consigne s'est passée : réussi seul, réussi avec aide, ou pas réussi.</p>
+      </section>
+
+      <section id="enquete">
+        <h2>4. Enquête : le métier vu par Internet</h2>
+        <p>En binôme, <strong>25 minutes</strong>.</p>
+        <p>Lance une recherche d'images ou de vidéos avec ces mots : <code>éducateur</code>, <code>éducatrice spécialisée</code>, <code>éducateur internat</code>, <code>éducateur de rue</code>. Choisis quatre résultats différents et remplis le tableau de ta feuille.</p>
+
+        <table>
+          <thead>
+            <tr><th scope="col">Pour chaque résultat, note</th><th scope="col">Exemple de réponse</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>Où ça se passe ?</td><td>une cour de récréation, un salon, une rue</td></tr>
+            <tr><td>Qui voit-on ?</td><td>des ados, un homme d'environ 30 ans</td></tr>
+            <tr><td>Que fait l'éducateur ?</td><td>il joue au foot avec eux</td></tr>
+            <tr><td>Quelle ambiance ?</td><td>détendue, tendue, triste</td></tr>
+          </tbody>
+        </table>
+
+        <p>Pour finir, complète la phrase : « D'après ces résultats, le métier d'éducateur, c'est surtout... »</p>
+
+        <div class="encadre encadre--attention">
+          <p>Si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.</p>
+        </div>
+      </section>
+
+      <section id="cliche">
+        <h2>5. Cliché ou réalité ?</h2>
+        <p>Après la mise en commun, réponds à chaque affirmation. La correction s'affiche tout de suite.</p>
+        <div class="quiz" id="quiz-cliche"></div>
+        <div class="encadre encadre--cle">
+          <p>L'agent d'éducation accompagne des personnes au quotidien pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé, maisons de jeunes, écoles et internats, travail de rue, aide aux adultes en difficulté.</p>
+        </div>
+      </section>
+
+      <section id="ou-en-es-tu">
+        <h2>6. Où en es-tu ?</h2>
+        <p>Pour chaque ligne, choisis ce qui te correspond aujourd'hui, puis reporte tes réponses sur ta feuille : cette page ne garde rien en mémoire. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.</p>
+        <ul class="auto" id="auto"></ul>
+      </section>
+
+      <section id="ticket">
+        <h2>7. Ticket de sortie</h2>
+        <p>Réponds sur le papillon que je te donne, et remets-le en sortant.</p>
+        <ol>
+          <li>Un cliché sur le métier que tu as repéré aujourd'hui.</li>
+          <li>Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.</li>
+        </ol>
+      </section>
+
+    </div>
+  </main>
+
+</div>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
+  </div>
+</footer>
+
+<script src="../../assets/atelier-texte.js"></script>
+<script>
+"use strict";
+
+/* ---------- mode projection (TBI) ---------- */
+(function(){
+  var b = document.getElementById('projection');
+  b.addEventListener('click', function(){
+    var on = document.documentElement.classList.toggle('projection');
+    b.setAttribute('aria-pressed', on ? 'true' : 'false');
+    b.textContent = on ? 'Taille normale' : 'Agrandir';
+  });
+})();
+
+/* ---------- vérification du nom de fichier ---------- */
+(function(){
+  var champ = document.getElementById('nom');
+  var liste = document.getElementById('nom-check');
+
+  function dateValide(a, m, j){
+    var d = new Date(a, m - 1, j);
+    return d.getFullYear() === a && d.getMonth() === m - 1 && d.getDate() === j;
+  }
+
+  function verifier(){
+    var v = champ.value.trim();
+    if (!v) { liste.innerHTML = ''; return; }
+    var ext = /\.odt$/i.test(v);
+    var n = v.replace(/\.odt$/i, '');
+    var md = n.match(/^(\d{4})-(\d{2})-(\d{2})/);
+    var regles = [
+      ['Commence par une date au format AAAA-MM-JJ', !!md && dateValide(+md[1], +md[2], +md[3])],
+      ['La date est suivie de _S1_diagnostic_', /^\d{4}-\d{2}-\d{2}_S1_diagnostic_/.test(n)],
+      ['Se termine par ton prénom', /_S1_diagnostic_[A-Za-z][A-Za-z-]+$/.test(n)],
+      ['Aucun espace', !/\s/.test(n)],
+      ['Aucun accent ni caractère spécial', /^[A-Za-z0-9_-]+$/.test(n)]
+    ];
+    liste.innerHTML = regles.map(function(r){
+      return '<li class="' + (r[1] ? 'ok' : 'ko') + '">' + r[0] + '</li>';
+    }).join('') + (ext ? '<li class="ok">Pas besoin de taper .odt : Writer l\'ajoute tout seul.</li>' : '');
+  }
+
+  champ.addEventListener('input', verifier);
+})();
+
+/* ---------- cliché ou réalité ---------- */
+var CR = ["C'est un cliché", "C'est la réalité"];
+quiz(document.getElementById('quiz-cliche'), [
+  { q: "Un agent d'éducation travaille surtout dans les écoles, comme surveillant.", r: CR, b: 0,
+    e: "L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue..." },
+  { q: "Un agent d'éducation peut travailler auprès de personnes âgées.", r: CR, b: 1,
+    e: "Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail." },
+  { q: "Le métier consiste surtout à faire respecter la discipline.", r: CR, b: 0,
+    e: "Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Les règles en font partie, mais ce n'est pas le but." },
+  { q: "Un agent d'éducation travaille seul, sans collègues d'autres métiers.", r: CR, b: 0,
+    e: "Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs comme les centres PMS ou le CPAS." },
+  { q: "Il existe des éducateurs qui travaillent dans la rue.", r: CR, b: 1,
+    e: "Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier." },
+  { q: "Observer les personnes fait partie du métier.", r: CR, b: 1,
+    e: "L'observation est un outil de base de l'agent d'éducation : elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année." }
+]);
+
+/* ---------- autopositionnement ---------- */
+(function(){
+  var items = [
+    "retrouver un fichier sur l'ordinateur ou sur ma clé",
+    "enregistrer un fichier sous un nouveau nom, au bon endroit",
+    "choisir un nom de fichier clair, que je retrouverai plus tard",
+    "mettre un texte en gras, changer sa taille, le centrer",
+    "faire une liste à puces",
+    "utiliser le correcteur orthographique",
+    "utiliser les styles de titre (Titre 1, Titre 2)",
+    "trouver une information sur Internet"
+  ];
+  var choix = ['Oui', 'Un peu', 'Pas encore'];
+  var ul = document.getElementById('auto');
+  ul.innerHTML = items.map(function(t, i){
+    return '<li><p>Je sais ' + t + '.</p><div class="zones" role="group" aria-label="Je sais ' + t + '">' +
+      choix.map(function(c){ return '<button type="button" aria-pressed="false">' + c + '</button>'; }).join('') +
+      '</div></li>';
+  }).join('');
+  ul.addEventListener('click', function(e){
+    var b = e.target.closest('button');
+    if (!b) return;
+    b.parentNode.querySelectorAll('button').forEach(function(x){
+      x.setAttribute('aria-pressed', x === b ? 'true' : 'false');
+    });
+  });
+})();
+</script>
+
+</body>
+</html>
diff --git a/4tq-agent-education/files/mnt/user-data/outputs/S1/site/4ae/index.html b/4tq-agent-education/files/mnt/user-data/outputs/S1/site/4ae/index.html
new file mode 100644
index 0000000..2cfa80d
--- /dev/null
+++ b/4tq-agent-education/files/mnt/user-data/outputs/S1/site/4ae/index.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>4e TQ Agent d'éducation · TIC</title>
+<meta name="description" content="Les séances du cours de TIC (traitement de texte) de 4e TQ Agent d'éducation.">
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../assets/theme.css">
+</head>
+<body class="classe-ae">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
+    </nav>
+    <h1>4e TQ Agent d'éducation</h1>
+    <p class="entete__meta">TIC (traitement de texte) · M. Courcelle</p>
+  </div>
+</header>
+
+<main class="contenu">
+
+  <p class="chapeau">Cette année, la classe fonctionne comme une agence qui reçoit des missions. Choisis la séance sur laquelle tu travailles : chaque page se lit du début à la fin, avec des exercices à faire directement dedans.</p>
+
+  <h2>Période 1 : Bienvenue à l'agence</h2>
+
+  <!-- ==================================================================
+       POUR AJOUTER UNE SÉANCE
+       1. Créer le dossier de la séance à côté de ce fichier (seance2,
+          seance3...), avec son index.html dedans (le plus simple :
+          copier seance1).
+       2. Copier-coller le bloc <li class="module"> ci-dessous dans la
+          liste de la bonne période, et remplir les quatre champs.
+       3. Adapter le href vers le dossier de la nouvelle séance.
+
+       Gabarit à copier :
+
+       <li class="module">
+         <a class="module__lien" href="DOSSIER/index.html">
+           <span class="module__num">Période N · Séance N</span>
+           <span class="module__titre">Titre de la séance</span>
+           <span class="module__resume">Ce qu'on y fait, en une phrase.</span>
+           <span class="module__meta">Ce qu'il y a dans la page</span>
+         </a>
+       </li>
+
+       Une séance annoncée mais pas encore prête : ajouter la classe
+       « module--bientot » au <li> et remplacer le <a> par un
+       <div class="module__lien">, sans href.
+       ================================================================== -->
+
+  <ul class="modules">
+    <li class="module">
+      <a class="module__lien" href="seance1/index.html">
+        <span class="module__num">Période 1 · Séance 1</span>
+        <span class="module__titre">Bienvenue à l'agence</span>
+        <span class="module__resume">Le fonctionnement du cours, un défi pour voir où tu en es, et ta première enquête : que raconte Internet sur le métier ?</span>
+        <span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? »</span>
+      </a>
+    </li>
+    <li class="module module--bientot">
+      <div class="module__lien">
+        <span class="module__num">Période 1 · Séance 2</span>
+        <span class="module__titre">Ranger, nommer, mettre en forme</span>
+        <span class="module__resume">Organiser ton dossier d'apprentissage et mettre en forme un texte sans tricher avec les espaces.</span>
+        <span class="module__meta">Bientôt en ligne</span>
+      </div>
+    </li>
+    <li class="module module--bientot">
+      <div class="module__lien">
+        <span class="module__num">Période 1 · Séance 3</span>
+        <span class="module__titre">Les styles</span>
+        <span class="module__resume">Titres, volet de navigation, table des matières : structurer un document en quelques clics.</span>
+        <span class="module__meta">Bientôt en ligne</span>
+      </div>
+    </li>
+  </ul>
+
+</main>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
+  </div>
+</footer>
+
+</body>
+</html>
diff --git a/4tq-agent-education/index.html b/4tq-agent-education/index.html
index 23787fa..2cfa80d 100644
--- a/4tq-agent-education/index.html
+++ b/4tq-agent-education/index.html
@@ -3,8 +3,8 @@
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>4e TQ Agent d'éducation — Traitement de texte</title>
-<meta name="description" content="Les modules du cours de traitement de texte de 4e TQ Agent d'éducation.">
+<title>4e TQ Agent d'éducation · TIC</title>
+<meta name="description" content="Les séances du cours de TIC (traitement de texte) de 4e TQ Agent d'éducation.">
 <meta name="robots" content="noindex">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -19,48 +19,67 @@
       <a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
     </nav>
     <h1>4e TQ Agent d'éducation</h1>
-    <p class="entete__meta">Traitement de texte · M. Courcelle</p>
+    <p class="entete__meta">TIC (traitement de texte) · M. Courcelle</p>
   </div>
 </header>
 
 <main class="contenu">
 
-  <p class="chapeau">Choisis le module sur lequel tu travailles. Chaque module se lit du début à la fin, avec des exercices à faire directement dans la page.</p>
+  <p class="chapeau">Cette année, la classe fonctionne comme une agence qui reçoit des missions. Choisis la séance sur laquelle tu travailles : chaque page se lit du début à la fin, avec des exercices à faire directement dedans.</p>
 
-  <h2>Les modules du cours</h2>
+  <h2>Période 1 : Bienvenue à l'agence</h2>
 
   <!-- ==================================================================
-       POUR AJOUTER UN MODULE
-       1. Créer le dossier du module à côté de ce fichier, avec son
-          index.html dedans (le plus simple : copier un module existant).
-       2. Copier-coller le bloc <li class="module"> ci-dessous, juste
-          avant la fin de la liste, et remplir les quatre champs :
-            module__num     « Module 3 », « Module C »…
-            module__titre   le titre affiché à l'élève
-            module__resume  une phrase sur ce qu'on y fait
-            module__meta    nombre de séances, chapitre du cours papier…
-       3. Adapter le href vers le dossier du nouveau module.
+       POUR AJOUTER UNE SÉANCE
+       1. Créer le dossier de la séance à côté de ce fichier (seance2,
+          seance3...), avec son index.html dedans (le plus simple :
+          copier seance1).
+       2. Copier-coller le bloc <li class="module"> ci-dessous dans la
+          liste de la bonne période, et remplir les quatre champs.
+       3. Adapter le href vers le dossier de la nouvelle séance.
 
        Gabarit à copier :
 
        <li class="module">
          <a class="module__lien" href="DOSSIER/index.html">
-           <span class="module__num">Module N</span>
-           <span class="module__titre">Titre du module</span>
-           <span class="module__resume">Ce qu'on y apprend, en une phrase.</span>
-           <span class="module__meta">X séances · cours papier, chapitre Y</span>
+           <span class="module__num">Période N · Séance N</span>
+           <span class="module__titre">Titre de la séance</span>
+           <span class="module__resume">Ce qu'on y fait, en une phrase.</span>
+           <span class="module__meta">Ce qu'il y a dans la page</span>
          </a>
        </li>
 
-       Un module annoncé mais pas encore prêt : garder le <li> en
-       ajoutant la classe « module--bientot » et remplacer le <a> par
-       un <div class="module__lien">, sans href.
+       Une séance annoncée mais pas encore prête : ajouter la classe
+       « module--bientot » au <li> et remplacer le <a> par un
+       <div class="module__lien">, sans href.
        ================================================================== -->
 
-  <p class="vide">
-    Aucun module n'est encore en ligne pour cette classe.<br>
-    Les exercices arriveront ici au fil de l'année.
-  </p>
+  <ul class="modules">
+    <li class="module">
+      <a class="module__lien" href="seance1/index.html">
+        <span class="module__num">Période 1 · Séance 1</span>
+        <span class="module__titre">Bienvenue à l'agence</span>
+        <span class="module__resume">Le fonctionnement du cours, un défi pour voir où tu en es, et ta première enquête : que raconte Internet sur le métier ?</span>
+        <span class="module__meta">Défi diagnostique · enquête · quiz « Cliché ou réalité ? »</span>
+      </a>
+    </li>
+    <li class="module module--bientot">
+      <div class="module__lien">
+        <span class="module__num">Période 1 · Séance 2</span>
+        <span class="module__titre">Ranger, nommer, mettre en forme</span>
+        <span class="module__resume">Organiser ton dossier d'apprentissage et mettre en forme un texte sans tricher avec les espaces.</span>
+        <span class="module__meta">Bientôt en ligne</span>
+      </div>
+    </li>
+    <li class="module module--bientot">
+      <div class="module__lien">
+        <span class="module__num">Période 1 · Séance 3</span>
+        <span class="module__titre">Les styles</span>
+        <span class="module__resume">Titres, volet de navigation, table des matières : structurer un document en quelques clics.</span>
+        <span class="module__meta">Bientôt en ligne</span>
+      </div>
+    </li>
+  </ul>
 
 </main>
 
diff --git a/4tq-agent-education/index2.html b/4tq-agent-education/index2.html
new file mode 100644
index 0000000..23787fa
--- /dev/null
+++ b/4tq-agent-education/index2.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>4e TQ Agent d'éducation — Traitement de texte</title>
+<meta name="description" content="Les modules du cours de traitement de texte de 4e TQ Agent d'éducation.">
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../assets/theme.css">
+</head>
+<body class="classe-ae">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><strong>4e TQ Agent d'éducation</strong>
+    </nav>
+    <h1>4e TQ Agent d'éducation</h1>
+    <p class="entete__meta">Traitement de texte · M. Courcelle</p>
+  </div>
+</header>
+
+<main class="contenu">
+
+  <p class="chapeau">Choisis le module sur lequel tu travailles. Chaque module se lit du début à la fin, avec des exercices à faire directement dans la page.</p>
+
+  <h2>Les modules du cours</h2>
+
+  <!-- ==================================================================
+       POUR AJOUTER UN MODULE
+       1. Créer le dossier du module à côté de ce fichier, avec son
+          index.html dedans (le plus simple : copier un module existant).
+       2. Copier-coller le bloc <li class="module"> ci-dessous, juste
+          avant la fin de la liste, et remplir les quatre champs :
+            module__num     « Module 3 », « Module C »…
+            module__titre   le titre affiché à l'élève
+            module__resume  une phrase sur ce qu'on y fait
+            module__meta    nombre de séances, chapitre du cours papier…
+       3. Adapter le href vers le dossier du nouveau module.
+
+       Gabarit à copier :
+
+       <li class="module">
+         <a class="module__lien" href="DOSSIER/index.html">
+           <span class="module__num">Module N</span>
+           <span class="module__titre">Titre du module</span>
+           <span class="module__resume">Ce qu'on y apprend, en une phrase.</span>
+           <span class="module__meta">X séances · cours papier, chapitre Y</span>
+         </a>
+       </li>
+
+       Un module annoncé mais pas encore prêt : garder le <li> en
+       ajoutant la classe « module--bientot » et remplacer le <a> par
+       un <div class="module__lien">, sans href.
+       ================================================================== -->
+
+  <p class="vide">
+    Aucun module n'est encore en ligne pour cette classe.<br>
+    Les exercices arriveront ici au fil de l'année.
+  </p>
+
+</main>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
+  </div>
+</footer>
+
+</body>
+</html>
diff --git a/4tq-agent-education/seance1/S1_texte-brut.odt b/4tq-agent-education/seance1/S1_texte-brut.odt
new file mode 100644
index 0000000..cbcdb86
Binary files /dev/null and b/4tq-agent-education/seance1/S1_texte-brut.odt differ
diff --git a/4tq-agent-education/seance1/index.html b/4tq-agent-education/seance1/index.html
new file mode 100644
index 0000000..bb9ff5b
--- /dev/null
+++ b/4tq-agent-education/seance1/index.html
@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Séance 1 · Bienvenue à l'agence · 4e TQ Agent d'éducation</title>
+<meta name="description" content="Séance 1 du cours de TIC de 4e TQ Agent d'éducation : défi diagnostique, enquête sur le métier, cliché ou réalité.">
+<meta name="robots" content="noindex">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="../../assets/theme.css">
+<link rel="stylesheet" href="../../assets/atelier-texte.css">
+<style>
+  /* Propre à cette page : l'autopositionnement. */
+  .auto { list-style: none; padding: 0; margin: 1rem 0; max-width: var(--lecture); }
+  .auto li { border-bottom: 1px solid var(--trait); padding: .6rem 0; margin: 0; }
+  .auto p { margin: 0 0 .4rem; }
+  .auto .zones { margin: 0; }
+</style>
+</head>
+<body class="classe-ae">
+
+<header class="entete">
+  <div class="entete__interieur">
+    <nav class="ariane" aria-label="Fil d'Ariane">
+      <a href="../../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="../index.html">4e TQ Agent d'éducation</a><span aria-hidden="true">/</span><strong>Séance 1</strong>
+    </nav>
+    <div class="entete__barre">
+      <div>
+        <h1>Bienvenue à l'agence</h1>
+        <p class="entete__meta">Période 1 · Séance 1 · TIC (traitement de texte) · M. Courcelle</p>
+      </div>
+      <button type="button" class="action action--secondaire" id="projection" aria-pressed="false">Agrandir</button>
+    </div>
+  </div>
+</header>
+
+<div class="wrap">
+
+  <nav class="sommaire-lat" aria-label="Sommaire de la séance">
+    <div class="top">Séance 1</div>
+    <h2>Découvrir</h2>
+    <a href="#aujourdhui">Aujourd'hui</a>
+    <a href="#trois-mots">1. Trois mots</a>
+    <a href="#le-cours">2. Le cours en bref</a>
+    <h2>Faire</h2>
+    <a href="#diagnostic">3. Défi diagnostique</a>
+    <a href="#enquete">4. Enquête</a>
+    <a href="#cliche">5. Cliché ou réalité ?</a>
+    <h2>Faire le point</h2>
+    <a href="#ou-en-es-tu">6. Où en es-tu ?</a>
+    <a href="#ticket">7. Ticket de sortie</a>
+  </nav>
+
+  <main class="feuille">
+    <div class="regle" aria-hidden="true"></div>
+    <div class="inner">
+
+      <span class="module-tag">Période 1 · Séance 1</span>
+
+      <section id="aujourdhui">
+        <h2>Ce que tu vas faire aujourd'hui</h2>
+        <p>Tu vas découvrir comment fonctionne le cours, montrer ce que tu sais déjà faire à l'ordinateur, et mener ta première enquête : qu'est-ce qu'Internet raconte sur le métier d'agent d'éducation ?</p>
+        <p><strong>Rien de ce que tu fais aujourd'hui n'est coté.</strong></p>
+      </section>
+
+      <section id="trois-mots">
+        <h2>1. Trois mots</h2>
+        <p>Quand tu entends « éducateur » ou « éducatrice », quels sont les trois premiers mots qui te viennent en tête ? Écris-les sur le papillon que je te donne, sans ton nom. On les affiche au tableau, et on les regardera à nouveau en fin de séance.</p>
+      </section>
+
+      <section id="le-cours">
+        <h2>2. Le cours en bref</h2>
+        <p>Cette année, la classe fonctionne comme une agence qui reçoit des missions. Le numérique, tu le connais déjà : réseaux, messageries, vidéos courtes. Ici, tu vas apprendre à t'en servir comme un professionnel de l'éducation : chercher une information fiable, créer des documents clairs, communiquer pour un vrai public, respecter les personnes avec qui tu travailles.</p>
+        <p>L'année est découpée en cinq périodes. La première sert à prendre en main les outils. Ensuite, chaque période se termine par une mission.</p>
+        <div class="encadre">
+          <h3>Tes points</h3>
+          <p>Ils viennent de trois sources : des défis techniques courts, les missions, et la tenue de ton dossier d'apprentissage. Tout est expliqué dans la déclaration d'intention. Lis-la avec tes parents et rapporte-la signée à la prochaine séance.</p>
+        </div>
+        <p>En fin d'année, tu passeras ton épreuve de qualification, la <strong>SIPS</strong>. Tu devras présenter devant un jury ta vision du métier et ce qui a changé pendant l'année, puis observer une situation professionnelle. Ce cours t'aide à préparer le support de ta présentation et à tenir tes documents en ordre.</p>
+      </section>
+
+      <section id="diagnostic">
+        <h2>3. Défi diagnostique</h2>
+        <p>Ce défi me montre ce que tu sais déjà faire, pour que je puisse adapter le cours. Il n'y a pas de points. Tu as <strong>30 minutes</strong>. Fais les consignes dans l'ordre. Si tu bloques, passe à la suivante.</p>
+
+        <div class="actions">
+          <a class="action" href="S1_texte-brut.odt" download>Télécharger le fichier S1_texte-brut</a>
+        </div>
+
+        <h3>Niveau 1</h3>
+        <ol>
+          <li>Ouvre le fichier <code>S1_texte-brut</code> que tu viens de télécharger, ou celui du dossier que le professeur t'indique.</li>
+          <li>Enregistre-le sous un nouveau nom, sur ta clé, dans ton dossier de l'année. Le nom : <code>AAAA-MM-JJ_S1_diagnostic_Prenom</code>, avec la date du jour et ton prénom, sans accent et sans espace.</li>
+          <li>Mets le titre en gras.</li>
+        </ol>
+
+        <div class="nomtest">
+          <h4>Vérifie ton nom de fichier avant d'enregistrer</h4>
+          <label for="nom">Tape le nom que tu veux donner à ton fichier :</label><br>
+          <input id="nom" type="text" autocomplete="off" spellcheck="false" placeholder="2026-10-01_S1_diagnostic_Yasmine">
+          <ul class="check" id="nom-check" aria-live="polite"></ul>
+        </div>
+
+        <h3>Niveau 2</h3>
+        <ol start="4">
+          <li>Mets le titre en taille 16 et centre-le.</li>
+          <li>Justifie le paragraphe.</li>
+          <li>Transforme les quatre dernières lignes en liste à puces.</li>
+          <li>Corrige les trois mots soulignés en rouge par le correcteur.</li>
+        </ol>
+
+        <h3>Niveau 3</h3>
+        <ol start="8">
+          <li>Une faute n'est pas soulignée par le correcteur. Trouve-la et corrige-la.</li>
+          <li>Ajoute ton prénom dans le pied de page.</li>
+        </ol>
+
+        <p>Pour terminer : enregistre ton fichier et montre-le au professeur. Puis coche, sur ta feuille, comment chaque consigne s'est passée : réussi seul, réussi avec aide, ou pas réussi.</p>
+      </section>
+
+      <section id="enquete">
+        <h2>4. Enquête : le métier vu par Internet</h2>
+        <p>En binôme, <strong>25 minutes</strong>.</p>
+        <p>Lance une recherche d'images ou de vidéos avec ces mots : <code>éducateur</code>, <code>éducatrice spécialisée</code>, <code>éducateur internat</code>, <code>éducateur de rue</code>. Choisis quatre résultats différents et remplis le tableau de ta feuille.</p>
+
+        <table>
+          <thead>
+            <tr><th scope="col">Pour chaque résultat, note</th><th scope="col">Exemple de réponse</th></tr>
+          </thead>
+          <tbody>
+            <tr><td>Où ça se passe ?</td><td>une cour de récréation, un salon, une rue</td></tr>
+            <tr><td>Qui voit-on ?</td><td>des ados, un homme d'environ 30 ans</td></tr>
+            <tr><td>Que fait l'éducateur ?</td><td>il joue au foot avec eux</td></tr>
+            <tr><td>Quelle ambiance ?</td><td>détendue, tendue, triste</td></tr>
+          </tbody>
+        </table>
+
+        <p>Pour finir, complète la phrase : « D'après ces résultats, le métier d'éducateur, c'est surtout... »</p>
+
+        <div class="encadre encadre--attention">
+          <p>Si un résultat te met mal à l'aise ou n'a rien à voir avec le métier, ferme-le et préviens le professeur. Ne télécharge pas et ne partage pas de photos de personnes.</p>
+        </div>
+      </section>
+
+      <section id="cliche">
+        <h2>5. Cliché ou réalité ?</h2>
+        <p>Après la mise en commun, réponds à chaque affirmation. La correction s'affiche tout de suite.</p>
+        <div class="quiz" id="quiz-cliche"></div>
+        <div class="encadre encadre--cle">
+          <p>L'agent d'éducation accompagne des personnes au quotidien pour les aider à gagner en autonomie. Il travaille en équipe, dans des lieux très différents : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé, maisons de jeunes, écoles et internats, travail de rue, aide aux adultes en difficulté.</p>
+        </div>
+      </section>
+
+      <section id="ou-en-es-tu">
+        <h2>6. Où en es-tu ?</h2>
+        <p>Pour chaque ligne, choisis ce qui te correspond aujourd'hui, puis reporte tes réponses sur ta feuille : cette page ne garde rien en mémoire. Tu referas cet exercice à la fin de la période pour voir ce qui a changé.</p>
+        <ul class="auto" id="auto"></ul>
+      </section>
+
+      <section id="ticket">
+        <h2>7. Ticket de sortie</h2>
+        <p>Réponds sur le papillon que je te donne, et remets-le en sortant.</p>
+        <ol>
+          <li>Un cliché sur le métier que tu as repéré aujourd'hui.</li>
+          <li>Un endroit où tu ne savais pas qu'un agent d'éducation pouvait travailler.</li>
+        </ol>
+      </section>
+
+    </div>
+  </main>
+
+</div>
+
+<footer class="pied">
+  <div class="pied__interieur">
+    Les exercices se font dans LibreOffice Writer. Enregistre ton travail dans ton dossier de l'année, sur ta clé.
+  </div>
+</footer>
+
+<script src="../../assets/atelier-texte.js"></script>
+<script>
+"use strict";
+
+/* ---------- mode projection (TBI) ---------- */
+(function(){
+  var b = document.getElementById('projection');
+  b.addEventListener('click', function(){
+    var on = document.documentElement.classList.toggle('projection');
+    b.setAttribute('aria-pressed', on ? 'true' : 'false');
+    b.textContent = on ? 'Taille normale' : 'Agrandir';
+  });
+})();
+
+/* ---------- vérification du nom de fichier ---------- */
+(function(){
+  var champ = document.getElementById('nom');
+  var liste = document.getElementById('nom-check');
+
+  function dateValide(a, m, j){
+    var d = new Date(a, m - 1, j);
+    return d.getFullYear() === a && d.getMonth() === m - 1 && d.getDate() === j;
+  }
+
+  function verifier(){
+    var v = champ.value.trim();
+    if (!v) { liste.innerHTML = ''; return; }
+    var ext = /\.odt$/i.test(v);
+    var n = v.replace(/\.odt$/i, '');
+    var md = n.match(/^(\d{4})-(\d{2})-(\d{2})/);
+    var regles = [
+      ['Commence par une date au format AAAA-MM-JJ', !!md && dateValide(+md[1], +md[2], +md[3])],
+      ['La date est suivie de _S1_diagnostic_', /^\d{4}-\d{2}-\d{2}_S1_diagnostic_/.test(n)],
+      ['Se termine par ton prénom', /_S1_diagnostic_[A-Za-z][A-Za-z-]+$/.test(n)],
+      ['Aucun espace', !/\s/.test(n)],
+      ['Aucun accent ni caractère spécial', /^[A-Za-z0-9_-]+$/.test(n)]
+    ];
+    liste.innerHTML = regles.map(function(r){
+      return '<li class="' + (r[1] ? 'ok' : 'ko') + '">' + r[0] + '</li>';
+    }).join('') + (ext ? '<li class="ok">Pas besoin de taper .odt : Writer l\'ajoute tout seul.</li>' : '');
+  }
+
+  champ.addEventListener('input', verifier);
+})();
+
+/* ---------- cliché ou réalité ---------- */
+var CR = ["C'est un cliché", "C'est la réalité"];
+quiz(document.getElementById('quiz-cliche'), [
+  { q: "Un agent d'éducation travaille surtout dans les écoles, comme surveillant.", r: CR, b: 0,
+    e: "L'école et l'internat ne sont qu'un secteur parmi d'autres : aide à la jeunesse, handicap, petite enfance, personnes âgées, santé mentale, maisons de jeunes, travail de rue..." },
+  { q: "Un agent d'éducation peut travailler auprès de personnes âgées.", r: CR, b: 1,
+    e: "Les maisons de repos et les centres de jour pour personnes âgées font partie de ses lieux de travail." },
+  { q: "Le métier consiste surtout à faire respecter la discipline.", r: CR, b: 0,
+    e: "Le cœur du métier, c'est l'accompagnement au quotidien : aider chaque personne à devenir plus autonome, selon ses possibilités. Les règles en font partie, mais ce n'est pas le but." },
+  { q: "Un agent d'éducation travaille seul, sans collègues d'autres métiers.", r: CR, b: 0,
+    e: "Il travaille en équipe avec des assistants sociaux, des psychologues, des infirmiers, des enseignants, et avec des services extérieurs comme les centres PMS ou le CPAS." },
+  { q: "Il existe des éducateurs qui travaillent dans la rue.", r: CR, b: 1,
+    e: "Les éducateurs de rue vont à la rencontre des jeunes là où ils se trouvent, dans le quartier." },
+  { q: "Observer les personnes fait partie du métier.", r: CR, b: 1,
+    e: "L'observation est un outil de base de l'agent d'éducation : elle permet de comprendre ce que vivent les personnes et d'adapter son action. Tu la travailleras toute l'année." }
+]);
+
+/* ---------- autopositionnement ---------- */
+(function(){
+  var items = [
+    "retrouver un fichier sur l'ordinateur ou sur ma clé",
+    "enregistrer un fichier sous un nouveau nom, au bon endroit",
+    "choisir un nom de fichier clair, que je retrouverai plus tard",
+    "mettre un texte en gras, changer sa taille, le centrer",
+    "faire une liste à puces",
+    "utiliser le correcteur orthographique",
+    "utiliser les styles de titre (Titre 1, Titre 2)",
+    "trouver une information sur Internet"
+  ];
+  var choix = ['Oui', 'Un peu', 'Pas encore'];
+  var ul = document.getElementById('auto');
+  ul.innerHTML = items.map(function(t, i){
+    return '<li><p>Je sais ' + t + '.</p><div class="zones" role="group" aria-label="Je sais ' + t + '">' +
+      choix.map(function(c){ return '<button type="button" aria-pressed="false">' + c + '</button>'; }).join('') +
+      '</div></li>';
+  }).join('');
+  ul.addEventListener('click', function(e){
+    var b = e.target.closest('button');
+    if (!b) return;
+    b.parentNode.querySelectorAll('button').forEach(function(x){
+      x.setAttribute('aria-pressed', x === b ? 'true' : 'false');
+    });
+  });
+})();
+</script>
+
+</body>
+</html>
diff --git a/FEUILLE-DE-ROUTE-CLAUDE-CHAT.md b/FEUILLE-DE-ROUTE-CLAUDE-CHAT.md
index 3463b93..a0d9d98 100644
--- a/FEUILLE-DE-ROUTE-CLAUDE-CHAT.md
+++ b/FEUILLE-DE-ROUTE-CLAUDE-CHAT.md
@@ -13,6 +13,47 @@
 
 ---
 
+## 0. Ce qu'il faut joindre à la conversation
+
+Toujours ce fichier, plus les pièces de la classe concernée. Sans la feuille de
+style, Claude invente des classes qui n'existent pas ; sans la page d'exemple,
+il invente une structure de page.
+
+| Classe | Gabarit | À joindre, en plus de ce fichier |
+|---|---|---|
+| **1re tronc commun**<br>`1re-numerique` | C | `assets/theme.css`<br>`assets/numerique-1re.css`<br>`1re-numerique/1TC-NUM_bloc-01_ouvrir-le-cours.html` *(exemple élève)*<br>`1re-numerique/1TC-NUM_bloc-01_pilotage.html` *(exemple enseignant, si la séance en a besoin)* |
+| **2e différenciée**<br>`2e-differenciee` | jeux | `assets/theme.css`<br>`assets/jeux-differenciee.css`<br>`2e-differenciee/module-a/index.html` *(exemple : il porte aussi tout le moteur de jeux)* |
+| **2e commune**<br>`2e-commune` | A | `assets/theme.css`<br>`assets/exercices-commune.css`<br>`2e-commune/module1/bloc2.html` *(exemple)* |
+| **3e TQ Technique sociale**<br>`3tq-technique-sociale` | B | `assets/theme.css`<br>`assets/atelier-texte.css`<br>`assets/atelier-texte.js`<br>`3tq-technique-sociale/module1/index.html` *(exemple)* |
+| **4e TQ Agent d'éducation**<br>`4tq-agent-education` | B | les mêmes qu'en 3e TQ : le cours est le même, seule la classe du `<body>` change (`classe-ae`) |
+
+Remarques :
+
+- `assets/exercices-commune.js` n'a pas besoin d'être joint : Claude n'écrit pas
+  de code pour le gabarit A, seulement les données `window.DATA` décrites en 6.2.
+- Pour la 2e différenciée, le moteur de jeux est écrit **dans la page** du
+  module A. C'est pourquoi on joint la page entière : elle sert à la fois
+  d'exemple de structure et de bibliothèque de jeux à réutiliser.
+- Si la conversation devient longue et que Claude se met à dériver, rouvrir une
+  conversation neuve et rejoindre les mêmes pièces. C'est plus rapide que de le
+  corriger.
+
+### La marche à suivre, en cinq temps
+
+1. **Ouvrir une conversation par module.** Un module par conversation : au-delà,
+   Claude perd le fil et mélange les gabarits.
+2. **Joindre les pièces** du tableau ci-dessus.
+3. **Décrire la commande** : la classe, le numéro et le titre du module, le
+   nombre de séances, et le contenu du cours (un extrait du cours papier, le
+   plan, les notions à couvrir). Plus c'est précis, moins il invente.
+4. **Récupérer la livraison** au format imposé en 11 : fichiers complets,
+   carte d'index, liste des images attendues.
+5. **Rapporter le tout ici**, dans Claude Code : mise en place des fichiers,
+   ajout de la carte dans l'index de la classe, et vérification du rendu réel
+   dans le navigateur.
+
+---
+
 ## 1. Le contexte en bref
 
 - Site **statique** : HTML, CSS et JavaScript natifs. Aucun framework, aucune