Actualiser index.html

index.html

@@ -1025,7 +1025,7 @@
     <div class="fiche-header">
       <div class="header-left">
         <div class="fiche-kicker">Formation de formateurs IA-PRO · Classe inversée · Séance 2/5</div>
-        <div class="fiche-title">Fiche de préparation<br />Mercredi 2 — Maîtriser UF1 & UF2</div>
+        <div class="fiche-title">Fiche de préparation<br />Mercredi 2 - Maîtriser UF1 & UF2</div>
       </div>
       <div class="header-right">
         <!-- Estimated duration badge -->
@@ -1073,7 +1073,7 @@
 
     <!-- Informative Intro Block -->
     <div class="intro-block">
-      <p>Avant la séance, lisez en détail les séquences de <strong>l'UF1 (chapitres 1, 2 et 3)</strong> et de <strong>l'UF2 (chapitres 1 et 2)</strong> dans le scénario IA-PRO. Complétez ensuite cette fiche. Elle servira de point de départ au débrief collectif — et votre micro-teaching prend appui dessus.</p>
+      <p>Avant la séance, lisez en détail les séquences de <strong>l'UF1 (chapitres 1, 2 et 3)</strong> et de <strong>l'UF2 (chapitres 1 et 2)</strong> dans le scénario IA-PRO. Complétez ensuite cette fiche. Elle servira de point de départ au débrief collectif - et votre micro-teaching prend appui dessus.</p>
     </div>
 
     <!-- Warning Reminder capsule -->
@@ -1084,7 +1084,7 @@
 
     <!-- PART 1 -->
     <div class="section-title">
-      <i class="ti ti-layout-grid" aria-hidden="true"></i>Partie 1 — Lecture UF1 & UF2
+      <i class="ti ti-layout-grid" aria-hidden="true"></i>Partie 1 - Lecture UF1 & UF2
     </div>
 
     <!-- Question 1 -->
@@ -1093,15 +1093,15 @@
         <div class="q-num">1</div>
         <div class="q-text">Après votre lecture détaillée, quelle est la séquence de l'UF1 ou de l'UF2 qui vous a semblé la plus difficile à enseigner ? Pourquoi ?</div>
       </div>
-      <p class="q-hint">Pas la plus difficile à comprendre — la plus difficile à transmettre à des apprenants.</p>
+      <p class="q-hint">Pas la plus difficile à comprendre - la plus difficile à transmettre à des apprenants.</p>
-      <textarea class="write-area" rows="3" placeholder="Ex. : La démo outils (Ch.2 UF1) — parce que les interfaces changent vite et que je crains de perdre de la crédibilité si quelque chose ne fonctionne pas comme prévu…"></textarea>
+      <textarea class="write-area" rows="3" placeholder="Ex. : La démo outils (Ch.2 UF1) - parce que les interfaces changent vite et que je crains de perdre de la crédibilité si quelque chose ne fonctionne pas comme prévu…"></textarea>
     </div>
 
     <!-- Question 2 -->
     <div class="question-block">
       <div class="q-header">
         <div class="q-num">2</div>
-        <div class="q-text">Pour chacune des UF, identifiez la séquence qui vous semble être le vrai cœur pédagogique — celle sans laquelle le reste perd de son sens.</div>
+        <div class="q-text">Pour chacune des UF, identifiez la séquence qui vous semble être le vrai cœur pédagogique - celle sans laquelle le reste perd de son sens.</div>
       </div>
       
       <!-- Grid comprising all 2 UF cards -->
@@ -1126,29 +1126,29 @@
     <div class="question-block">
       <div class="q-header">
         <div class="q-num">3</div>
-        <div class="q-text">Le scénario UF2 utilise la structure ROCCO pour le prompt engineering. Reformulez chaque lettre avec vos propres mots — comme si vous deviez l'expliquer à un apprenant débutant.</div>
+        <div class="q-text">Le scénario UF2 utilise la structure ROCCO pour le prompt engineering. Reformulez chaque lettre avec vos propres mots - comme si vous deviez l'expliquer à un apprenant débutant.</div>
       </div>
       
       <!-- ROCCO Grid -->
       <div class="rocco-grid">
         <div class="rg-item">
-          <div class="rg-lbl">R — Rôle</div>
+          <div class="rg-lbl">R - Rôle</div>
           <textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
         </div>
         <div class="rg-item">
-          <div class="rg-lbl">O — Objectif</div>
+          <div class="rg-lbl">O - Objectif</div>
           <textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
         </div>
         <div class="rg-item">
-          <div class="rg-lbl">C — Contexte</div>
+          <div class="rg-lbl">C - Contexte</div>
           <textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
         </div>
         <div class="rg-item">
-          <div class="rg-lbl">C — Contraintes</div>
+          <div class="rg-lbl">C - Contraintes</div>
           <textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
         </div>
         <div class="rg-item">
-          <div class="rg-lbl">O — Output</div>
+          <div class="rg-lbl">O - Output</div>
           <textarea class="write-area" rows="2" style="margin-top: 6px" placeholder="En vos mots…"></textarea>
         </div>
         <div class="rg-item">
@@ -1173,7 +1173,7 @@
         </div>
         <div class="mini-area-wrap">
           <span class="mini-label">Mon ébauche de réponse</span>
-          <textarea class="write-area" rows="3" placeholder="Ce que je dirais aujourd'hui — même si incomplet ou incertain…"></textarea>
+          <textarea class="write-area" rows="3" placeholder="Ce que je dirais aujourd'hui - même si incomplet ou incertain…"></textarea>
         </div>
       </div>
     </div>
@@ -1182,7 +1182,7 @@
 
     <!-- PART 2 -->
     <div class="section-title">
-      <i class="ti ti-player-play" aria-hidden="true"></i>Partie 2 — Préparation du micro-teaching (10 min)
+      <i class="ti ti-player-play" aria-hidden="true"></i>Partie 2 - Préparation du micro-teaching (10 min)
     </div>
 
     <div class="micro-block">
@@ -1197,7 +1197,7 @@
         </div>
         <div class="mb-row">
           <span class="mb-key">Intention pédagogique</span>
-          <textarea class="write-area" rows="2" placeholder="Ce que l'apprenant doit comprendre ou savoir faire à l'issue de vos 10 min — 1 phrase max."></textarea>
+          <textarea class="write-area" rows="2" placeholder="Ce que l'apprenant doit comprendre ou savoir faire à l'issue de vos 10 min - 1 phrase max."></textarea>
         </div>
         <div class="mb-row">
           <span class="mb-key">Méthode retenue</span>
@@ -1205,7 +1205,7 @@
         </div>
         <div class="mb-row">
           <span class="mb-key">Exemple concret préparé</span>
-          <textarea class="write-area" rows="3" placeholder="L'exemple ou le cas que vous utiliserez — précis, ancré dans un contexte professionnel réel. Ex. : prompt pour rédiger un mail de relance commercial pour une PME agroalimentaire."></textarea>
+          <textarea class="write-area" rows="3" placeholder="L'exemple ou le cas que vous utiliserez - précis, ancré dans un contexte professionnel réel. Ex. : prompt pour rédiger un mail de relance commercial pour une PME agroalimentaire."></textarea>
         </div>
         <div class="mb-row">
           <span class="mb-key">Ce que j'anticipe comme difficulté</span>
@@ -1213,7 +1213,7 @@
         </div>
         <div class="mb-row">
           <span class="mb-key">Posture visée</span>
-          <textarea class="write-area" rows="2" placeholder="Ex. : Praticien qui montre son raisonnement à voix haute — pas expert qui récite des règles."></textarea>
+          <textarea class="write-area" rows="2" placeholder="Ex. : Praticien qui montre son raisonnement à voix haute - pas expert qui récite des règles."></textarea>
         </div>
       </div>
     </div>
@@ -1222,14 +1222,14 @@
 
     <!-- PART 3 -->
     <div class="section-title">
-      <i class="ti ti-mood-check" aria-hidden="true"></i>Partie 3 — Positionnement avant la séance
+      <i class="ti ti-mood-check" aria-hidden="true"></i>Partie 3 - Positionnement avant la séance
     </div>
 
     <!-- Question 5 -->
     <div class="question-block">
       <div class="q-header">
         <div class="q-num">5</div>
-        <div class="q-text">Comment vous sentez-vous par rapport à l'animation de l'UF1 et de l'UF2 — les contenus que vous avez lus ?</div>
+        <div class="q-text">Comment vous sentez-vous par rapport à l'animation de l'UF1 et de l'UF2 - les contenus que vous avez lus ?</div>
       </div>
       
       <!-- confidence levels -->
@@ -1256,7 +1256,7 @@
         </label>
       </div>
       
-      <textarea class="write-area" rows="2" style="margin-top: 12px" placeholder="Ce qui explique cette position — en particulier sur UF2 / prompt engineering…"></textarea>
+      <textarea class="write-area" rows="2" style="margin-top: 12px" placeholder="Ce qui explique cette position - en particulier sur UF2 / prompt engineering…"></textarea>
     </div>
 
     <!-- Question 6 -->
@@ -1272,7 +1272,7 @@
 
     <!-- PART 4 -->
     <div class="section-title">
-      <i class="ti ti-edit" aria-hidden="true"></i>Partie 4 — Validation & Signature
+      <i class="ti ti-edit" aria-hidden="true"></i>Partie 4 - Validation & Signature
     </div>
 
     <div class="signature-block">
@@ -1307,7 +1307,7 @@
 
     <!-- Footer section with clear and print buttons -->
     <div class="footer-strip">
-      <div class="footer-note">À apporter en séance ou partager via le drive avant le Mercredi 2. La partie 2 (micro-teaching) est votre billet d'entrée — sans elle, impossible de passer.</div>
+      <div class="footer-note">À apporter en séance ou partager via le drive avant le Mercredi 2. La partie 2 (micro-teaching) est votre billet d'entrée - sans elle, impossible de passer.</div>
       <div class="footer-btns">
         <button class="signature-btn clear" onclick="clearAll()">
           <i class="ti ti-eraser" aria-hidden="true"></i> Effacer toutes les saisies