Actualiser entrainement_certification_C1.html

entrainement_certification_C1.html

@@ -1148,19 +1148,19 @@
     <div class="score-strip">
       <div class="sc">
         <div class="sc-l">Exercice 1</div>
-        <div class="sc-v" id="sc1">—/4</div>
+        <div class="sc-v" id="sc1">-/4</div>
       </div>
       <div class="sc">
         <div class="sc-l">Exercice 2</div>
-        <div class="sc-v" id="sc2">—/6</div>
+        <div class="sc-v" id="sc2">-/6</div>
       </div>
       <div class="sc">
         <div class="sc-l">Exercice 3</div>
-        <div class="sc-v" id="sc3">—/6</div>
+        <div class="sc-v" id="sc3">-/6</div>
       </div>
       <div class="sc">
         <div class="sc-l">Total</div>
-        <div class="sc-v green" id="sct">—/16</div>
+        <div class="sc-v green" id="sct">-/16</div>
       </div>
     </div>
   
@@ -1239,7 +1239,7 @@
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">Il faut vérifier les conditions d'utilisation de chaque outil — certains modèles
+              <div class="opt-text">Il faut vérifier les conditions d'utilisation de chaque outil - certains modèles
                 utilisent les prompts pour réentraîner leurs modèles, ce qui pose un risque de fuite de données</div>
             </div>
             <div class="opt" onclick="selectOpt(this,'q2','d')">
@@ -1338,7 +1338,7 @@
       </div>
       <div class="ex-body">
         <div class="cas-box">
-          <div class="cas-lbl"><i class="ti ti-briefcase" aria-hidden="true"></i>Cas — Responsable communication dans une
+          <div class="cas-lbl"><i class="ti ti-briefcase" aria-hidden="true"></i>Cas - Responsable communication dans une
             PME agroalimentaire (12 salariés)</div>
           <div class="cas-text">Marie est responsable communication dans une PME qui fabrique des confitures artisanales.
             Elle doit <strong>produire du contenu régulier pour les réseaux sociaux</strong> (3 posts/semaine),
@@ -1352,7 +1352,7 @@
         <div class="drag-zone">
           <div
             style="font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:6px;">
-            Outils disponibles — faites glisser</div>
+            Outils disponibles - faites glisser</div>
           <div class="drag-items" id="drag-pool">
             <div class="drag-item" draggable="true" ondragstart="dragStart(event)" data-val="ChatGPT">ChatGPT</div>
             <div class="drag-item" draggable="true" ondragstart="dragStart(event)" data-val="Copilot">Copilot (Microsoft)
@@ -1424,14 +1424,14 @@
         <button class="corrige-btn" id="cbtn2" onclick="toggleCorrige('c2','cbtn2')"><i class="ti ti-eye"
             aria-hidden="true"></i> Voir le corrigé</button>
         <div class="corrige-panel" id="c2">
-          <div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé — exercice 2</div>
+          <div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé - exercice 2</div>
-          <div class="cp-item">Rédaction posts & fiches : ChatGPT, Gemini ou Mistral — les 3 sont pertinents. Mistral est
+          <div class="cp-item">Rédaction posts & fiches : ChatGPT, Gemini ou Mistral - les 3 sont pertinents. Mistral est
             souverain (hébergement EU) ce qui est un avantage pour les données clients. Gemini s'intègre à Google
             Workspace si Marie l'utilise.</div>
           <div class="cp-item">Création visuels : Midjourney (qualité artistique élevée), Adobe Firefly (intégré Creative
             Cloud, safe pour le droit d'auteur), ou Flux/Ideogram (gratuit ou peu coûteux, bon pour les visuels produits).
             Pour une PME avec budget limité, Firefly ou Flux/Ideogram sont à privilégier.</div>
-          <div class="cp-item">Intégration M365 : Copilot — c'est sa force principale. Pour une structure qui utilise déjà
+          <div class="cp-item">Intégration M365 : Copilot - c'est sa force principale. Pour une structure qui utilise déjà
             Word, Outlook et Teams, c'est le choix le plus rationnel. Pas besoin d'apprendre un nouvel outil.</div>
           <div class="cp-item">Question 5 : B. Pour une petite structure comme Marie, l'intégration aux outils existants +
             le coût + la conformité RGPD (données clients sensibles dans l'alimentaire) priment sur la puissance brute du
@@ -1451,7 +1451,7 @@
       </div>
       <div class="ex-body">
         <div class="cas-box">
-          <div class="cas-lbl"><i class="ti ti-building" aria-hidden="true"></i>Cas — Directrice d'un centre de formation
+          <div class="cas-lbl"><i class="ti ti-building" aria-hidden="true"></i>Cas - Directrice d'un centre de formation
             (35 salariés)</div>
           <div class="cas-text">Sophie dirige un organisme de formation professionnelle. Elle a participé à une
             démonstration IA et souhaite lancer un projet d'intégration. Elle identifie <strong>3 usages
@@ -1473,14 +1473,14 @@
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">1. Relances administratives → 2. Supports de cours → 3. Analyse des évaluations — du
+              <div class="opt-text">1. Relances administratives → 2. Supports de cours → 3. Analyse des évaluations - du
                 plus simple et à faible risque vers le plus complexe</div>
             </div>
             <div class="opt" onclick="selectOpt(this,'q6','b')">
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">1. Analyse des évaluations → 2. Supports de cours → 3. Relances — commencer par
+              <div class="opt-text">1. Analyse des évaluations → 2. Supports de cours → 3. Relances - commencer par
                 l'usage à plus forte valeur ajoutée stratégique</div>
             </div>
             <div class="opt" onclick="selectOpt(this,'q6','c')">
@@ -1493,7 +1493,7 @@
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">1. Supports de cours → 2. Analyse → 3. Relances — en commençant par les formateurs qui
+              <div class="opt-text">1. Supports de cours → 2. Analyse → 3. Relances - en commençant par les formateurs qui
                 sont les plus engagés</div>
             </div>
           </div>
@@ -1508,13 +1508,13 @@
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">Le coût des outils — résoudre avec un appel à projet ou une subvention OPCO</div>
+              <div class="opt-text">Le coût des outils - résoudre avec un appel à projet ou une subvention OPCO</div>
             </div>
             <div class="opt" onclick="selectOpt(this,'q7','b')" data-correct="true">
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">La résistance au changement d'une équipe peu familière avec le numérique — traiter
+              <div class="opt-text">La résistance au changement d'une équipe peu familière avec le numérique - traiter
                 avec une montée en compétences progressive, des ambassadeurs internes, et des victoires rapides visibles
               </div>
             </div>
@@ -1522,7 +1522,7 @@
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">Le manque d'outils adaptés au secteur de la formation — attendre que le marché mûrisse
+              <div class="opt-text">Le manque d'outils adaptés au secteur de la formation - attendre que le marché mûrisse
               </div>
             </div>
             <div class="opt" onclick="selectOpt(this,'q7','d')">
@@ -1558,7 +1558,7 @@
               <div class="opt-radio">
                 <div class="opt-dot"></div>
               </div>
-              <div class="opt-text">Dès la phase de cadrage — avant tout déploiement, pour tous les usages, car les 3
+              <div class="opt-text">Dès la phase de cadrage - avant tout déploiement, pour tous les usages, car les 3
                 manipulent des données relatives à des personnes (stagiaires, formateurs)</div>
             </div>
             <div class="opt" onclick="selectOpt(this,'q8','d')">
@@ -1581,16 +1581,16 @@
         <button class="corrige-btn" id="cbtn3" onclick="toggleCorrige('c3','cbtn3')" style="margin-top:14px;"><i
             class="ti ti-eye" aria-hidden="true"></i> Voir le corrigé détaillé</button>
         <div class="corrige-panel" id="c3">
-          <div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé — exercice 3</div>
+          <div class="cp-title"><i class="ti ti-check" aria-hidden="true"></i>Corrigé - exercice 3</div>
-          <div class="cp-item">Q6 — A. Commencer par les relances administratives : tâche répétitive, faible enjeu,
+          <div class="cp-item">Q6 - A. Commencer par les relances administratives : tâche répétitive, faible enjeu,
             résultat visible rapidement. C'est la "victoire rapide" qui crée la confiance dans l'outil et réduit la
             résistance pour les usages suivants. Déployer les 3 simultanément dans une structure peu digitalisée est une
             erreur fréquente qui génère de la confusion et de l'abandon.</div>
-          <div class="cp-item">Q7 — B. La résistance au changement est le frein n°1 dans les structures peu digitalisées.
+          <div class="cp-item">Q7 - B. La résistance au changement est le frein n°1 dans les structures peu digitalisées.
             Les clés : partir d'un usage concret et utile (pas d'une conférence sur l'IA), identifier 1 ou 2 formateurs
             enthousiastes comme ambassadeurs, montrer des résultats tangibles rapidement. Le coût est un faux problème :
             les outils gratuits ou peu coûteux suffisent pour les 3 usages cités.</div>
-          <div class="cp-item">Q8 — C. Les 3 usages manipulent des données personnelles : les convocations et émargements
+          <div class="cp-item">Q8 - C. Les 3 usages manipulent des données personnelles : les convocations et émargements
             contiennent les noms et coordonnées des stagiaires, les supports de cours peuvent inclure des données métier
             sensibles, et les évaluations sont nominatives. Le RGPD s'applique dès la phase de cadrage, pas après coup.
           </div>
@@ -1641,7 +1641,7 @@
       ['q1', 'q2', 'q3', 'q4'].forEach(qid => {
         document.getElementById(qid).querySelectorAll('.opt').forEach(o => o.classList.remove('selected', 'correct', 'wrong'));
       });
-      document.getElementById('sc1').textContent = '—/4';
+      document.getElementById('sc1').textContent = '-/4';
       document.getElementById('rb1').style.display = 'none';
       updateTotal();
     }
@@ -1660,7 +1660,7 @@
       ['q6', 'q7', 'q8'].forEach(qid => {
         document.getElementById(qid).querySelectorAll('.opt').forEach(o => o.classList.remove('selected', 'correct', 'wrong'));
       });
-      document.getElementById('sc3').textContent = '—/6';
+      document.getElementById('sc3').textContent = '-/6';
       document.getElementById('rb3').style.display = 'none';
       updateTotal();
     }
@@ -1734,7 +1734,7 @@
       document.getElementById('q5').querySelectorAll('.opt').forEach(o => {
         o.classList.remove('selected', 'correct', 'wrong');
       });
-      document.getElementById('sc2').textContent = '—/6';
+      document.getElementById('sc2').textContent = '-/6';
       document.getElementById('rb2').style.display = 'none';
       const p = document.getElementById('c2');
       const b = document.getElementById('cbtn2');
@@ -1748,9 +1748,9 @@
       const s1 = document.getElementById('sc1').textContent;
       const s2 = document.getElementById('sc2').textContent;
       const s3 = document.getElementById('sc3').textContent;
-      const v1 = s1.startsWith('—') ? null : parseInt(s1);
+      const v1 = s1.startsWith('-') ? null : parseInt(s1);
-      const v2 = s2.startsWith('—') ? null : parseInt(s2);
+      const v2 = s2.startsWith('-') ? null : parseInt(s2);
-      const v3 = s3.startsWith('—') ? null : parseInt(s3);
+      const v3 = s3.startsWith('-') ? null : parseInt(s3);
       
       let t = 0;
       let activeCount = 0;
@@ -1763,7 +1763,7 @@
         el.textContent = t + '/16';
         el.className = 'sc-v' + (t >= 10 ? ' green' : '');
       } else {
-        el.textContent = '—/16';
+        el.textContent = '-/16';
         el.className = 'sc-v';
       }
     }