diff --git a/exercices/TP_Nuisibles_final_2.html b/exercices/TP_Nuisibles.html
similarity index 100%
rename from exercices/TP_Nuisibles_final_2.html
rename to exercices/TP_Nuisibles.html
diff --git a/exercices/TP_Nuisibles_final 2.html b/exercices/TP_Nuisibles_final 2.html
deleted file mode 100644
index a994e58..0000000
--- a/exercices/TP_Nuisibles_final 2.html	
+++ /dev/null
@@ -1,1114 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>TP Nuisibles final — Étude de cas</title>
-<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="../header-style.css"/>
-<style>
-/* SLIDES */
-.slide {
-  position: absolute;
-  inset: 0;
-  display: none;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 2rem;
-  padding-top: calc(70px + 2rem);
-  opacity: 0;
-  transition: opacity 0.4s ease;
-  overflow-y: auto;
-  min-height: calc(100vh - 70px);
-}
-.slide.active {
-  display: flex;
-  opacity: 1;
-}
-.slide.fade-in { animation: fadeIn 0.5s ease forwards; }
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(16px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.progress-fill {
-  background: var(--coral-mid);
-  transition: width 0.4s ease;
-}
-
-/* PHASE INDICATOR */
-.phase-badge {
-  position: fixed;
-  top: 80px; right: 16px;
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  padding: 4px 12px;
-  border-radius: 20px;
-  z-index: 100;
-}
-
-/* SLIDE NAV */
-.slide-counter {
-  position: fixed;
-  bottom: 20px; right: 20px;
-  font-size: 12px;
-  color: var(--text-muted);
-  z-index: 100;
-}
-
-/* BACK BUTTON */
-.back-btn {
-  position: fixed;
-  bottom: 20px; left: 20px;
-  background: none;
-  border: 0.5px solid var(--border);
-  border-radius: 20px;
-  padding: 6px 16px;
-  font-size: 12px;
-  color: var(--text-muted);
-  cursor: pointer;
-  z-index: 100;
-  transition: all 0.2s;
-  font-family: 'DM Sans', sans-serif;
-}
-.back-btn:hover { background: rgba(0,0,0,0.05); }
-
-/* CARDS & BUTTONS */
-.btn {
-  font-family: 'Syne', sans-serif;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 12px 28px;
-  border-radius: 40px;
-  border: none;
-  cursor: pointer;
-  transition: all 0.2s;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.btn:hover { transform: translateY(-1px); }
-.btn:active { transform: scale(0.98); }
-.btn-teal { background: var(--amber); color: white; }
-.btn-amber { background: var(--amber); color: white; }
-.btn-coral { background: var(--coral-mid); color: white; }
-.btn-purple { background: var(--amber); color: white; }
-.btn-blue { background: var(--amber); color: white; }
-.btn-outline {
-  background: transparent;
-  border: 1.5px solid currentColor;
-}
-
-/* HINT BUTTON */
-.hint-btn {
-  font-family: 'DM Sans', sans-serif;
-  font-size: 13px;
-  background: var(--amber-light);
-  color: var(--amber-dark);
-  border: 1px solid rgba(186,117,23,0.2);
-  border-radius: 20px;
-  padding: 6px 16px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  transition: all 0.2s;
-}
-.hint-btn:hover { background: #F5DFB8; }
-
-/* CASE CARDS */
-.case-grid {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 12px;
-  width: 100%;
-  max-width: 860px;
-}
-.case-card {
-  background: white;
-  border: 1.5px solid var(--border);
-  border-radius: 16px;
-  padding: 1.25rem 0.75rem;
-  text-align: center;
-  cursor: pointer;
-  transition: all 0.25s;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-}
-.case-card:hover {
-  border-color: var(--amber);
-  transform: translateY(-3px);
-  box-shadow: 0 8px 24px rgba(29,158,117,0.15);
-}
-.case-card.selected {
-  border-color: var(--amber);
-  background: var(--amber-light);
-}
-.case-icon { font-size: 32px; }
-.case-title {
-  font-family: 'Syne', sans-serif;
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--text);
-  line-height: 1.3;
-}
-.case-sub { font-size: 11px; color: var(--text-muted); }
-
-/* QUESTIONS */
-.questions-list {
-  list-style: none;
-  width: 100%;
-  max-width: 680px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-.q-item {
-  background: white;
-  border: 0.5px solid var(--border);
-  border-radius: 12px;
-  padding: 14px 18px;
-  font-size: 14px;
-  line-height: 1.5;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-}
-.q-num {
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 800;
-  min-width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 1px;
-}
-
-/* TABLE */
-.risk-table {
-  width: 100%;
-  max-width: 800px;
-  border-collapse: collapse;
-  background: white;
-  border-radius: 12px;
-  overflow: hidden;
-  border: 0.5px solid var(--border);
-  font-size: 13px;
-}
-.risk-table th {
-  background: var(--amber-light);
-  color: var(--amber);
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-  padding: 12px 16px;
-  text-align: left;
-  border-bottom: 2px solid var(--amber);
-}
-.risk-table td {
-  padding: 10px 16px;
-  border-bottom: 0.5px solid var(--border);
-  color: var(--text-muted);
-  font-style: italic;
-}
-.risk-table tr:last-child td { border-bottom: none; }
-.risk-table .meta-row td {
-  background: #FAFAFA;
-  font-style: normal;
-  font-size: 12px;
-}
-.risk-table .meta-label {
-  font-family: 'Syne', sans-serif;
-  font-weight: 700;
-  font-size: 11px;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-
-/* MODAL OVERLAY */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0,0,0,0.45);
-  display: none;
-  align-items: center;
-  justify-content: center;
-  z-index: 200;
-  padding: 2rem;
-}
-.modal-overlay.open { display: flex; }
-.modal {
-  background: white;
-  border-radius: 20px;
-  padding: 2rem;
-  max-width: 480px;
-  width: 100%;
-  position: relative;
-  animation: modalIn 0.3s ease;
-}
-@keyframes modalIn {
-  from { opacity: 0; transform: scale(0.92) translateY(12px); }
-  to { opacity: 1; transform: scale(1) translateY(0); }
-}
-.modal-close {
-  position: absolute;
-  top: 16px; right: 16px;
-  background: var(--bg);
-  border: none;
-  width: 28px; height: 28px;
-  border-radius: 50%;
-  cursor: pointer;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-}
-.modal-icon { font-size: 28px; margin-bottom: 12px; }
-.modal-title {
-  font-family: 'Syne', sans-serif;
-  font-size: 16px;
-  font-weight: 700;
-  margin-bottom: 10px;
-}
-.modal-body { font-size: 14px; line-height: 1.7; color: var(--text-muted); }
-.modal-body strong { color: var(--text); }
-
-/* SLIDE SPECIFIC */
-.hero-label {
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--amber);
-  margin-bottom: 8px;
-}
-.hero-title {
-  font-family: 'Syne', sans-serif;
-  font-size: clamp(36px, 6vw, 68px);
-  font-weight: 800;
-  line-height: 1.0;
-  color: var(--text);
-  margin-bottom: 12px;
-}
-.hero-sub {
-  font-size: 16px;
-  color: var(--text-muted);
-  max-width: 440px;
-  text-align: center;
-  line-height: 1.6;
-  margin-bottom: 2rem;
-}
-.section-tag {
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  padding: 4px 12px;
-  border-radius: 20px;
-  margin-bottom: 10px;
-  display: inline-block;
-}
-.slide-title {
-  font-family: 'Syne', sans-serif;
-  font-size: clamp(22px, 3.5vw, 34px);
-  font-weight: 800;
-  line-height: 1.15;
-  margin-bottom: 0.5rem;
-  text-align: center;
-}
-.slide-intro {
-  font-size: 14px;
-  color: var(--text-muted);
-  text-align: center;
-  max-width: 560px;
-  line-height: 1.6;
-  margin-bottom: 1.5rem;
-}
-.steps-row {
-  display: flex;
-  gap: 8px;
-  margin-bottom: 1.5rem;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-.step-pill {
-  font-size: 12px;
-  padding: 4px 14px;
-  border-radius: 20px;
-  border: 1px solid var(--border);
-  color: var(--text-muted);
-  background: white;
-}
-.step-pill.active-pill {
-  border-color: currentColor;
-  font-weight: 500;
-}
-.actions-row {
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  margin-top: 1.5rem;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-/* CASE SELECTED BANNER */
-.case-banner {
-  display: none;
-  background: var(--amber-light);
-  border: 1px solid rgba(29,158,117,0.25);
-  border-radius: 12px;
-  padding: 10px 18px;
-  font-size: 13px;
-  color: var(--amber-dark);
-  margin-bottom: 1rem;
-  align-items: center;
-  gap: 8px;
-  max-width: 680px;
-  width: 100%;
-}
-.case-banner.visible { display: flex; }
-.case-banner strong { font-family: 'Syne', sans-serif; font-weight: 700; }
-
-/* RESOURCE CARD */
-.resource-card {
-  background: white;
-  border: 0.5px solid var(--border);
-  border-radius: 12px;
-  padding: 14px 18px;
-  max-width: 680px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  margin-bottom: 1rem;
-}
-.resource-icon { font-size: 24px; }
-.resource-body { flex: 1; }
-.resource-title { font-size: 13px; font-weight: 500; }
-.resource-sub { font-size: 12px; color: var(--text-muted); }
-.resource-link {
-  font-size: 12px;
-  color: var(--amber);
-  text-decoration: none;
-  font-weight: 500;
-}
-.resource-link:hover { text-decoration: underline; }
-
-/* FINAL */
-.final-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 12px;
-  max-width: 640px;
-  width: 100%;
-  margin: 1.5rem 0;
-}
-.final-card {
-  background: white;
-  border: 0.5px solid var(--border);
-  border-radius: 14px;
-  padding: 1.25rem;
-  text-align: center;
-}
-.final-card-icon { font-size: 28px; margin-bottom: 8px; }
-.final-card-title { font-family: 'Syne', sans-serif; font-size: 12px; font-weight: 700; }
-.final-card-sub { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
-
-/* PYRAMID */
-.pyramid { display: flex; flex-direction: column; align-items: center; gap: 3px; margin: 1rem 0; }
-.pyr-level {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: white;
-  height: 28px;
-}
-
-/* SCROLLABLE AREA */
-.scroll-area {
-  overflow-y: auto;
-  max-height: calc(100vh - 180px);
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0.5rem 0 4rem;
-}
-.scroll-area::-webkit-scrollbar { width: 4px; }
-.scroll-area::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
-
-/* DECORATIVE BG */
-.deco-circle {
-  position: fixed;
-  border-radius: 50%;
-  pointer-events: none;
-  z-index: 0;
-}
-.slide > * { position: relative; z-index: 1; }
-</style>
-</head>
-<body>
-
-<!-- HEADER WITH NAVIGATION -->
-    <header>
-        <div class="logo">NextGN Formation</div>
-        <nav>
-            <a href="../index.html">Accueil</a>
-            <a href="../index.html#formations">Exercices</a>
-            <a href="../index.html#documentation">Documentation</a>
-            <a href="../index.html#rapports">Rapports</a>
-            <a href="../index.html#about">À propos</a>
-            <a href="../index.html#contact">Contact</a>
-        </nav>
-    </header>
-
-<!-- Progress bar -->
-<div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
-
-<!-- Phase badge -->
-<div class="phase-badge" id="phaseBadge" style="display:none"></div>
-
-<!-- Slide counter -->
-<div class="slide-counter" id="slideCounter"></div>
-
-<!-- Back button -->
-<button class="back-btn" id="backBtn" onclick="goBack()" style="display:none">← Retour</button>
-
-<!-- Modal overlay -->
-<div class="modal-overlay" id="modalOverlay" onclick="closeModal(event)">
-  <div class="modal" id="modal">
-    <button class="modal-close" onclick="closeModal()">✕</button>
-    <div class="modal-icon" id="modalIcon"></div>
-    <div class="modal-title" id="modalTitle"></div>
-    <div class="modal-body" id="modalBody"></div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 1 — ACCUEIL ======================== -->
-<div class="slide active fade-in" id="slide-1">
-  <div class="deco-circle" style="width:400px;height:400px;background:var(--amber-light);top:-100px;right:-80px;opacity:0.6;"></div>
-  <div class="deco-circle" style="width:200px;height:200px;background:var(--amber-light);bottom:60px;left:-60px;opacity:0.5;"></div>
-  <div style="text-align:center; z-index:1;">
-    <div class="hero-label">Formation 2025</div>
-    <div class="hero-title">CERTIBIOCIDE</div>
-    <div style="font-family:'Syne',sans-serif;font-size:clamp(14px,2.5vw,22px);font-weight:600;color:var(--amber-mid);letter-spacing:0.04em;margin-bottom:1.5rem;">TRAVAUX PRATIQUES</div>
-    <p class="hero-sub">Votre mission, si vous l'acceptez : maîtriser l'identification, le traitement et la sécurité face aux nuisibles.</p>
-    <button class="btn btn-teal" onclick="goTo(2)">Démarrer la mission →</button>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 2 — CHOIX DU CAS ======================== -->
-<div class="slide" id="slide-2">
-  <div class="deco-circle" style="width:300px;height:300px;background:var(--amber-light);top:-60px;left:-60px;opacity:0.4;"></div>
-  <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">Étape 1 / 3</div>
-  <div class="slide-title">Choisissez votre mission</div>
-  <p class="slide-intro">Chaque groupe choisit un cas pratique. Vous travaillerez avec ce scénario tout au long des 3 exercices.</p>
-  <div class="case-grid">
-    <div class="case-card" onclick="selectCase('punaises','🛏️','Hôtel — Punaises de lit','Infestation importante dans un hôtel')">
-      <div class="case-icon">🛏️</div>
-      <div class="case-title">Punaises de lit</div>
-      <div class="case-sub">Hôtel</div>
-    </div>
-    <div class="case-card" onclick="selectCase('frelons','🐝','Apiculture — Frelons','Nid de frelons à 15m de hauteur')">
-      <div class="case-icon">🐝</div>
-      <div class="case-title">Frelons</div>
-      <div class="case-sub">Apiculteur</div>
-    </div>
-    <div class="case-card" onclick="selectCase('mites','🌾','Boulangerie — Mites alimentaires','Infestation dans l\'atelier de production')">
-      <div class="case-icon">🌾</div>
-      <div class="case-title">Mites alimentaires</div>
-      <div class="case-sub">Boulangerie</div>
-    </div>
-    <div class="case-card" onclick="selectCase('rongeurs','🐀','Agroalimentaire — Rongeurs','Plan anti-nuisibles complet')">
-      <div class="case-icon">🐀</div>
-      <div class="case-title">Rongeurs</div>
-      <div class="case-sub">Société agro</div>
-    </div>
-    <div class="case-card" onclick="selectCase('moustiques','🦟','Camping — Moustiques','Restaurant près de la piscine')">
-      <div class="case-icon">🦟</div>
-      <div class="case-title">Moustiques</div>
-      <div class="case-sub">Camping</div>
-    </div>
-  </div>
-  <div class="actions-row">
-    <button class="btn btn-teal" id="btnConfirmCase" onclick="goTo(3)" style="display:none">Confirmer le choix →</button>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 3 — CONSIGNES ======================== -->
-<div class="slide" id="slide-3">
-  <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">Consignes</div>
-  <div class="slide-title">Déroulé des travaux pratiques</div>
-  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:660px;width:100%;margin:1.5rem 0;">
-    <div style="background:white;border:0.5px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;">
-      <div style="font-size:28px;margin-bottom:8px;">🗂️</div>
-      <div style="font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;">TP 1</div>
-      <div style="font-size:12px;color:var(--text-muted);">Définir un protocole d'intervention</div>
-    </div>
-    <div style="background:white;border:0.5px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;">
-      <div style="font-size:28px;margin-bottom:8px;">🔍</div>
-      <div style="font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;">TP 2</div>
-      <div style="font-size:12px;color:var(--text-muted);">Trouver votre produit sur biocid-anses.fr</div>
-    </div>
-    <div style="background:white;border:0.5px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;">
-      <div style="font-size:28px;margin-bottom:8px;">⚠️</div>
-      <div style="font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;">TP 3</div>
-      <div style="font-size:12px;color:var(--text-muted);">Réaliser l'analyse de risques complète</div>
-    </div>
-  </div>
-  <div style="background:var(--amber-light);border-radius:12px;padding:12px 18px;max-width:560px;width:100%;font-size:13px;color:var(--amber-dark);display:flex;gap:10px;align-items:flex-start;margin-bottom:1.5rem;">
-    <span>💡</span>
-    <div>À tout moment, cliquez sur <strong>« Besoin d'aide ? »</strong> pour accéder à un indice. Le formateur corrigera à l'oral en fin de séance.</div>
-  </div>
-  <button class="btn btn-teal" onclick="goTo(4)">Commencer le TP 1 →</button>
-</div>
-
-<!-- ======================== SLIDE 4 — TP1 INTRO ======================== -->
-<div class="slide" id="slide-4">
-  <div class="deco-circle" style="width:280px;height:280px;background:var(--amber-light);top:-40px;right:-40px;opacity:0.5;"></div>
-  <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Définir un protocole</div>
-  <div class="slide-title">Votre cas pratique</div>
-  <div class="case-banner visible" id="caseBanner4" style="margin-top:0.75rem;">
-    <span id="caseIcon4">🛏️</span>
-    <div><strong id="caseTitle4">Cas sélectionné</strong> — <span id="caseDesc4">Description</span></div>
-  </div>
-  <p class="slide-intro" style="margin-top:0.5rem;">Vous recevez un appel de votre client. Il vous décrit la situation et attend votre expertise. Organisez votre réponse en 3 étapes : prévention, intervention, évaluation.</p>
-  <div class="steps-row">
-    <div class="step-pill" style="color:var(--amber);border-color:var(--amber);">1. Prévention & conseil</div>
-    <div class="step-pill">2. Intervention</div>
-    <div class="step-pill">3. Évaluation</div>
-  </div>
-  <button class="btn btn-amber" onclick="goTo(5)">Commencer →</button>
-</div>
-
-<!-- ======================== SLIDE 5 — TP1 PREVENTION ======================== -->
-<div class="slide" id="slide-5">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Étape 1 / 3</div>
-    <div class="slide-title">Prévention & conseil</div>
-    <div class="case-banner" id="caseBanner5">
-      <span id="caseIcon5">🛏️</span><strong id="caseTitle5">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">1</span>
-        <span>Quelles questions posez-vous au client lors du premier contact ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">2</span>
-        <span>Quels conseils lui donnez-vous en premier lieu ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">3</span>
-        <span>Quelles actions de prévention allez-vous mener sur le site ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">4</span>
-        <span>Quels éléments allez-vous observer ? Comment prouver la présence du nuisible ?</span>
-      </li>
-    </ul>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('prevention')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-amber" onclick="goTo(6)">Étape suivante →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 6 — TP1 INTERVENTION ======================== -->
-<div class="slide" id="slide-6">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Étape 2 / 3</div>
-    <div class="slide-title">Intervention</div>
-    <div class="case-banner" id="caseBanner6">
-      <span id="caseIcon6">🛏️</span><strong id="caseTitle6">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">1</span>
-        <span>Quelles solutions alternatives (non-biocides) pouvez-vous mettre en place ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">2</span>
-        <span>Quelles solutions biocides allez-vous mettre en place ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">3</span>
-        <span>Quel est le type de produit (TP) adapté ? Avec quel mode de traitement ?</span>
-      </li>
-    </ul>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('intervention')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-amber" onclick="goTo(7)">Étape suivante →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 7 — TP1 EVALUATION ======================== -->
-<div class="slide" id="slide-7">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Étape 3 / 3</div>
-    <div class="slide-title">Évaluation & suivi</div>
-    <div class="case-banner" id="caseBanner7">
-      <span id="caseIcon7">🛏️</span><strong id="caseTitle7">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">1</span>
-        <span>Quel suivi allez-vous mettre en place ? Pendant combien de temps ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">2</span>
-        <span>Comment allez-vous gérer les déchets issus de votre intervention ?</span>
-      </li>
-    </ul>
-    <div style="background:var(--amber-light);border-radius:12px;padding:14px 18px;max-width:680px;width:100%;font-size:13px;color:var(--amber-dark);margin:0.75rem 0;">
-      ✅ <strong>TP 1 terminé !</strong> Préparez-vous à identifier le produit adapté à votre cas sur biocid-anses.fr.
-    </div>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('evaluation')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-coral" onclick="goTo(8)">Passer au TP 2 →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 8 — TP2 INTRO ======================== -->
-<div class="slide" id="slide-8">
-  <div class="deco-circle" style="width:280px;height:280px;background:var(--coral-light);top:-40px;left:-40px;opacity:0.5;"></div>
-  <div class="section-tag" style="background:var(--coral-light);color:var(--coral);">TP 2 — Trouver le produit</div>
-  <div class="slide-title">Enquête produit</div>
-  <div class="case-banner visible" id="caseBanner8">
-    <span id="caseIcon8">🛏️</span>
-    <div><strong id="caseTitle8">Cas sélectionné</strong></div>
-  </div>
-  <p class="slide-intro">Rendez-vous sur le registre officiel des biocides. Utilisez la <strong>recherche avancée</strong> en filtrant par substance active et nuisible dans l'usage.</p>
-  <div class="resource-card">
-    <div class="resource-icon">🌐</div>
-    <div class="resource-body">
-      <div class="resource-title">Registre officiel des biocides</div>
-      <div class="resource-sub">Recherche avancée → Substance / Nuisible dans Usage</div>
-    </div>
-    <a href="https://biocid-anses.fr" target="_blank" class="resource-link">Ouvrir le site ↗</a>
-  </div>
-  <button class="btn btn-coral" onclick="goTo(9)">Commencer →</button>
-</div>
-
-<!-- ======================== SLIDE 9 — TP2 FDS & AMM ======================== -->
-<div class="slide" id="slide-9">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--coral-light);color:var(--coral);">TP 2 — Partie 1 / 2</div>
-    <div class="slide-title">Fiche de données de sécurité</div>
-    <div class="case-banner" id="caseBanner9">
-      <span id="caseIcon9">🛏️</span><strong id="caseTitle9">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">1</span>
-        <span>Trouvez et téléchargez la <strong>Fiche de Données de Sécurité (FDS)</strong> de votre produit.</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">2</span>
-        <span>Quel est le <strong>nom du produit</strong> et de son fabricant / fournisseur ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">3</span>
-        <span>Quel est son <strong>numéro d'Autorisation de Mise sur le Marché (AMM)</strong> ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">4</span>
-        <span>Quels sont les <strong>risques pour la santé</strong> liés à ce produit ?</span>
-      </li>
-    </ul>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('fds')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-coral" onclick="goTo(10)">Partie suivante →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 10 — TP2 EPI & SECOURS ======================== -->
-<div class="slide" id="slide-10">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--coral-light);color:var(--coral);">TP 2 — Partie 2 / 2</div>
-    <div class="slide-title">EPI, environnement & premiers secours</div>
-    <div class="case-banner" id="caseBanner10">
-      <span id="caseIcon10">🛏️</span><strong id="caseTitle10">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">5</span>
-        <span>Quels <strong>équipements de protection individuelle (EPI)</strong> dois-je porter lors de la manipulation ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">6</span>
-        <span>Quels sont les <strong>risques pour l'environnement</strong> ? Que faire en cas de dispersion accidentelle ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">7</span>
-        <span>Quelle est la <strong>DL50</strong> de la (ou des) substance(s) active(s) ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">8</span>
-        <span>Quels <strong>gestes de premiers secours</strong> adopter en cas d'exposition ?</span>
-      </li>
-    </ul>
-    <div style="background:var(--amber-light);border-radius:12px;padding:14px 18px;max-width:680px;width:100%;font-size:13px;color:var(--amber-dark);margin:0.75rem 0;">
-      ✅ <strong>TP 2 terminé !</strong> Passez maintenant à l'analyse de risques complète.
-    </div>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('epi')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-purple" onclick="goTo(11)">Passer au TP 3 →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 11 — TP3 INTRO ======================== -->
-<div class="slide" id="slide-11">
-  <div class="deco-circle" style="width:260px;height:260px;background:var(--amber-light);bottom:-40px;right:-40px;opacity:0.5;"></div>
-  <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 3 — Analyse de risques</div>
-  <div class="slide-title">Protégez votre équipe</div>
-  <p class="slide-intro">Avant toute intervention, vous devez rédiger l'analyse de risques. Rappel de la hiérarchie de prévention :</p>
-  <div class="pyramid">
-    <div class="pyr-level" style="width:200px;background:#633806;">Élimination</div>
-    <div class="pyr-level" style="width:240px;background:#BA7517;">Réduction</div>
-    <div class="pyr-level" style="width:280px;background:#BA7517;">Protection collective</div>
-    <div class="pyr-level" style="width:320px;background:#D85A30;">Communication</div>
-    <div class="pyr-level" style="width:360px;background:#BA7517;">EPI (dernier recours)</div>
-  </div>
-  <div class="actions-row" style="margin-top:1rem;">
-    <button class="btn btn-purple" onclick="goTo(12)">Remplir le tableau →</button>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 12 — TP3 TABLEAU ======================== -->
-<div class="slide" id="slide-12">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 3 — Tableau d'analyse</div>
-    <div class="slide-title">Analyse de risques complète</div>
-    <div class="case-banner" id="caseBanner12">
-      <span id="caseIcon12">🛏️</span><strong id="caseTitle12">Cas</strong>
-    </div>
-    <table class="risk-table" style="max-width:780px;width:100%;">
-      <tr class="meta-row">
-        <td style="width:200px;" class="meta-label">Intitulé du projet</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter par votre groupe</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Description de l'activité</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Lieu de l'activité</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Début de l'activité prévu le</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Numéro(s) d'urgence</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">15 · 17 · 18 · 112</td>
-      </tr>
-      <tr>
-        <th>Étapes de l'activité</th>
-        <th>Risques</th>
-        <th>Mesures de prévention</th>
-      </tr>
-      <tr>
-        <td onclick="showHint('etape1')" style="cursor:pointer;color:var(--text-muted);font-style:italic;">Ex : Préparation du produit <span style="font-size:11px;color:var(--amber);">💡</span></td>
-        <td onclick="showHint('risque1')" style="cursor:pointer;color:var(--text-muted);font-style:italic;">Ex : Contact cutané <span style="font-size:11px;color:var(--amber);">💡</span></td>
-        <td onclick="showHint('mesure1')" style="cursor:pointer;color:var(--text-muted);font-style:italic;">Ex : Port de gants nitrile <span style="font-size:11px;color:var(--amber);">💡</span></td>
-      </tr>
-      <tr>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-      </tr>
-      <tr>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-      </tr>
-      <tr>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Analyse réalisée par</td>
-        <td class="meta-label">Vérifiée par</td>
-        <td class="meta-label">Mise à jour par</td>
-      </tr>
-    </table>
-    <div style="background:var(--amber-light);border-radius:10px;padding:10px 16px;max-width:780px;width:100%;font-size:12px;color:var(--amber-dark);margin:0.75rem 0;">
-      💡 Cliquez sur les cellules de la première ligne pour obtenir des indices. Reproduisez ce tableau sur papier pour votre groupe.
-    </div>
-    <div style="background:var(--amber-light);border-radius:12px;padding:14px 18px;max-width:780px;width:100%;font-size:13px;color:var(--amber-dark);margin:0.25rem 0;">
-      ✅ <strong>TP 3 terminé !</strong> Présentez vos réponses au formateur pour la correction.
-    </div>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('analyse')">💡 Aide générale</button>
-      <button class="btn btn-blue" onclick="goTo(13)">Terminer la mission →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 13 — FIN ======================== -->
-<div class="slide" id="slide-13">
-  <div class="deco-circle" style="width:350px;height:350px;background:var(--amber-light);bottom:-80px;right:-80px;opacity:0.5;"></div>
-  <div class="deco-circle" style="width:180px;height:180px;background:var(--amber-light);top:20px;left:-40px;opacity:0.5;"></div>
-  <div style="text-align:center;">
-    <div style="font-size:48px;margin-bottom:1rem;">🎉</div>
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">Mission accomplie</div>
-    <div class="slide-title" style="margin-top:0.5rem;">Félicitations !</div>
-    <p style="font-size:14px;color:var(--text-muted);max-width:480px;text-align:center;line-height:1.7;margin:1rem auto;">Vous avez complété les 3 travaux pratiques de la formation Certibiocide 2025. Le formateur va maintenant corriger à l'oral.</p>
-    <div class="final-grid">
-      <div class="final-card">
-        <div class="final-card-icon">🗂️</div>
-        <div class="final-card-title">TP 1</div>
-        <div class="final-card-sub">Protocole d'intervention</div>
-      </div>
-      <div class="final-card">
-        <div class="final-card-icon">🔍</div>
-        <div class="final-card-title">TP 2</div>
-        <div class="final-card-sub">Produit biocide</div>
-      </div>
-      <div class="final-card">
-        <div class="final-card-icon">⚠️</div>
-        <div class="final-card-title">TP 3</div>
-        <div class="final-card-sub">Analyse de risques</div>
-      </div>
-    </div>
-    <div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;">
-      <a href="https://biocid-anses.fr" target="_blank" class="btn btn-outline btn-teal" style="font-size:13px;padding:10px 20px;">biocid-anses.fr ↗</a>
-      <button class="btn btn-teal" onclick="restartAll()">↺ Recommencer depuis le début</button>
-    </div>
-  </div>
-</div>
-
-<script>
-let currentSlide = 1;
-let history = [];
-const totalSlides = 13;
-
-const selectedCase = { key: '', icon: '', title: '', desc: '' };
-
-const hints = {
-  prevention: {
-    icon: '💡',
-    title: 'Indice — Prévention & conseil',
-    body: `<strong>Questions à poser au client :</strong> ancienneté de l'infestation, surface concernée, présence de personnes vulnérables, traitements déjà réalisés.<br><br>
-    <strong>Prouver la présence :</strong> pièges collants, inspection visuelle, excréments, mues, morsures, témoignages.<br><br>
-    <strong>Prévention :</strong> information du client, mesures d'hygiène, inspection régulière.`
-  },
-  intervention: {
-    icon: '🛡️',
-    title: 'Indice — Types de produits (TP)',
-    body: `<strong>Principaux types biocides :</strong><br>
-    • <strong>TP 14</strong> — Rodenticides (rongeurs)<br>
-    • <strong>TP 18</strong> — Insecticides (insectes rampants, volants)<br>
-    • <strong>TP 19</strong> — Répulsifs & attractifs<br><br>
-    <strong>Solutions alternatives :</strong> pièges mécaniques, barrières physiques, thermique (vapeur, chaleur), modification de l'environnement.`
-  },
-  evaluation: {
-    icon: '📋',
-    title: 'Indice — Évaluation & déchets',
-    body: `<strong>Suivi :</strong> visites de contrôle à J+15, J+30 et J+60 minimum. Rapport de traitement obligatoire.<br><br>
-    <strong>Gestion des déchets :</strong> tri selon la réglementation DASRI si contact avec organismes vivants. Emballages vides → filière agréée. Ne jamais jeter dans les ordures ménagères.`
-  },
-  fds: {
-    icon: '🔍',
-    title: 'Indice — Trouver la FDS',
-    body: `Sur <strong>biocid-anses.fr</strong> :<br>
-    1. Cliquez sur <em>"Recherche avancée"</em><br>
-    2. Filtrez par <em>"Substance active"</em> et <em>"Nuisible dans usage"</em><br>
-    3. Sélectionnez votre produit → onglet <em>"Documents"</em><br><br>
-    La FDS est un document de 16 sections standardisées (règlement REACH).`
-  },
-  epi: {
-    icon: '🦺',
-    title: 'Indice — DL50 et EPI',
-    body: `<strong>DL50</strong> (Dose Létale 50%) : trouvée à la <strong>section 11</strong> de la FDS (informations toxicologiques). S'exprime en mg/kg de poids corporel — plus elle est basse, plus la substance est toxique.<br><br>
-    <strong>EPI courants :</strong> gants nitrile, lunettes, masque FFP2 ou à cartouche, combinaison, bottes. Vérifier la FDS section 8.`
-  },
-  etape1: {
-    icon: '🗂️',
-    title: 'Indice — Étapes de l\'activité',
-    body: `Listez les étapes chronologiques de votre intervention :<br><br>
-    • Transport des produits<br>
-    • Préparation et dilution du produit<br>
-    • Application / traitement<br>
-    • Aération des locaux<br>
-    • Rangement et décontamination du matériel<br>
-    • Gestion des déchets`
-  },
-  risque1: {
-    icon: '⚠️',
-    title: 'Indice — Types de risques',
-    body: `Pour chaque étape, identifiez les risques :<br><br>
-    • <strong>Chimiques :</strong> inhalation, contact cutané, ingestion accidentelle<br>
-    • <strong>Biologiques :</strong> contact avec animaux nuisibles, excréments<br>
-    • <strong>Physiques :</strong> chute de hauteur, TMS, bruit<br>
-    • <strong>Pour les tiers :</strong> contamination des aliments, clients présents`
-  },
-  mesure1: {
-    icon: '🛡️',
-    title: 'Indice — Mesures de prévention',
-    body: `Appliquez la pyramide de prévention :<br><br>
-    <strong>1. Élimination</strong> : supprimer le risque à la source<br>
-    <strong>2. Réduction</strong> : dose minimale efficace<br>
-    <strong>3. Protection collective</strong> : signalisation, ventilation, balisage<br>
-    <strong>4. Communication</strong> : formation, étiquetage, consignes<br>
-    <strong>5. EPI</strong> : en dernier recours seulement`
-  },
-  analyse: {
-    icon: '📊',
-    title: 'Aide — Analyse de risques',
-    body: `L'analyse de risques doit couvrir <strong>toutes les phases</strong> de l'intervention, pas seulement le traitement lui-même.<br><br>
-    Pensez à inclure : préparation, transport, manipulation des produits, application, nettoyage, gestion des déchets, et les risques pour les tiers présents sur le site.`
-  }
-};
-
-function goTo(n) {
-  const cur = document.getElementById('slide-' + currentSlide);
-  const next = document.getElementById('slide-' + n);
-  if (!next) return;
-  history.push(currentSlide);
-  cur.classList.remove('active', 'fade-in');
-  cur.style.display = 'none';
-  currentSlide = n;
-  next.style.display = 'flex';
-  setTimeout(() => { next.classList.add('active', 'fade-in'); }, 10);
-  updateUI();
-  updateCaseBanners();
-}
-
-function goBack() {
-  if (history.length === 0) return;
-  const prev = history.pop();
-  const cur = document.getElementById('slide-' + currentSlide);
-  const target = document.getElementById('slide-' + prev);
-  cur.classList.remove('active', 'fade-in');
-  cur.style.display = 'none';
-  currentSlide = prev;
-  target.style.display = 'flex';
-  setTimeout(() => { target.classList.add('active', 'fade-in'); }, 10);
-  updateUI();
-}
-
-function updateUI() {
-  const fill = document.getElementById('progressFill');
-  fill.style.width = ((currentSlide / totalSlides) * 100) + '%';
-
-  const counter = document.getElementById('slideCounter');
-  counter.textContent = currentSlide + ' / ' + totalSlides;
-
-  const backBtn = document.getElementById('backBtn');
-  backBtn.style.display = history.length > 0 ? 'block' : 'none';
-
-  const badge = document.getElementById('phaseBadge');
-  if (currentSlide === 1 || currentSlide === 2 || currentSlide === 3 || currentSlide === 13) {
-    badge.style.display = 'none';
-  } else if (currentSlide >= 4 && currentSlide <= 7) {
-    badge.style.display = 'block';
-    badge.style.background = 'var(--amber-light)';
-    badge.style.color = 'var(--amber-dark)';
-    badge.textContent = 'TP 1 — Protocole';
-  } else if (currentSlide >= 8 && currentSlide <= 10) {
-    badge.style.display = 'block';
-    badge.style.background = 'var(--coral-light)';
-    badge.style.color = 'var(--coral)';
-    badge.textContent = 'TP 2 — Produit';
-  } else if (currentSlide >= 11 && currentSlide <= 12) {
-    badge.style.display = 'block';
-    badge.style.background = 'var(--amber-light)';
-    badge.style.color = 'var(--amber-dark)';
-    badge.textContent = 'TP 3 — Risques';
-  }
-}
-
-function selectCase(key, icon, title, desc) {
-  selectedCase.key = key;
-  selectedCase.icon = icon;
-  selectedCase.title = title;
-  selectedCase.desc = desc;
-  document.querySelectorAll('.case-card').forEach(c => c.classList.remove('selected'));
-  event.currentTarget.classList.add('selected');
-  document.getElementById('btnConfirmCase').style.display = 'inline-flex';
-}
-
-function updateCaseBanners() {
-  if (!selectedCase.key) return;
-  const banners = [4, 5, 6, 7, 8, 9, 10, 12];
-  banners.forEach(n => {
-    const b = document.getElementById('caseBanner' + n);
-    if (b) {
-      b.classList.add('visible');
-      const iconEl = document.getElementById('caseIcon' + n);
-      const titleEl = document.getElementById('caseTitle' + n);
-      const descEl = document.getElementById('caseDesc' + n);
-      if (iconEl) iconEl.textContent = selectedCase.icon;
-      if (titleEl) titleEl.textContent = selectedCase.title;
-      if (descEl) descEl.textContent = selectedCase.desc;
-    }
-  });
-}
-
-function showHint(key) {
-  const h = hints[key];
-  if (!h) return;
-  document.getElementById('modalIcon').textContent = h.icon;
-  document.getElementById('modalTitle').textContent = h.title;
-  document.getElementById('modalBody').innerHTML = h.body;
-  document.getElementById('modalOverlay').classList.add('open');
-}
-
-function closeModal(e) {
-  if (!e || e.target === document.getElementById('modalOverlay') || e.target.classList.contains('modal-close')) {
-    document.getElementById('modalOverlay').classList.remove('open');
-  }
-}
-
-function restartAll() {
-  history = [];
-  document.querySelectorAll('.slide').forEach(s => {
-    s.classList.remove('active', 'fade-in');
-    s.style.display = 'none';
-  });
-  currentSlide = 1;
-  const first = document.getElementById('slide-1');
-  first.style.display = 'flex';
-  setTimeout(() => first.classList.add('active', 'fade-in'), 10);
-  updateUI();
-}
-
-document.addEventListener('keydown', e => {
-  if (e.key === 'Escape') closeModal();
-});
-
-updateUI();
-</script>
-</body>
-</html>
-
diff --git a/exercices/TP_Nuisibles_final.html b/exercices/TP_Nuisibles_final.html
deleted file mode 100644
index fd09c46..0000000
--- a/exercices/TP_Nuisibles_final.html
+++ /dev/null
@@ -1,1114 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>TP Nuisibles final — Étude de cas</title>
-<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="../header-style.css"/>
-<style>
-/* SLIDES */
-.slide {
-  position: absolute;
-  inset: 0;
-  display: none;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 2rem;
-  padding-top: calc(70px + 2rem);
-  opacity: 0;
-  transition: opacity 0.4s ease;
-  overflow-y: auto;
-  min-height: calc(100vh - 70px);
-}
-.slide.active {
-  display: flex;
-  opacity: 1;
-}
-.slide.fade-in { animation: fadeIn 0.5s ease forwards; }
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(16px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.progress-fill {
-  background: var(--coral-mid);
-  transition: width 0.4s ease;
-}
-
-/* PHASE INDICATOR */
-.phase-badge {
-  position: fixed;
-  top: 80px; right: 16px;
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  padding: 4px 12px;
-  border-radius: 20px;
-  z-index: 100;
-}
-
-/* SLIDE NAV */
-.slide-counter {
-  position: fixed;
-  bottom: 20px; right: 20px;
-  font-size: 12px;
-  color: var(--text-muted);
-  z-index: 100;
-}
-
-/* BACK BUTTON */
-.back-btn {
-  position: fixed;
-  bottom: 20px; left: 20px;
-  background: none;
-  border: 0.5px solid var(--border);
-  border-radius: 20px;
-  padding: 6px 16px;
-  font-size: 12px;
-  color: var(--text-muted);
-  cursor: pointer;
-  z-index: 100;
-  transition: all 0.2s;
-  font-family: 'DM Sans', sans-serif;
-}
-.back-btn:hover { background: rgba(0,0,0,0.05); }
-
-/* CARDS & BUTTONS */
-.btn {
-  font-family: 'Syne', sans-serif;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 12px 28px;
-  border-radius: 40px;
-  border: none;
-  cursor: pointer;
-  transition: all 0.2s;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-.btn:hover { transform: translateY(-1px); }
-.btn:active { transform: scale(0.98); }
-.btn-teal { background: var(--teal-mid); color: white; }
-.btn-amber { background: var(--amber); color: white; }
-.btn-coral { background: var(--coral-mid); color: white; }
-.btn-purple { background: var(--purple); color: white; }
-.btn-blue { background: var(--blue); color: white; }
-.btn-outline {
-  background: transparent;
-  border: 1.5px solid currentColor;
-}
-
-/* HINT BUTTON */
-.hint-btn {
-  font-family: 'DM Sans', sans-serif;
-  font-size: 13px;
-  background: var(--amber-light);
-  color: var(--amber-dark);
-  border: 1px solid rgba(186,117,23,0.2);
-  border-radius: 20px;
-  padding: 6px 16px;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  transition: all 0.2s;
-}
-.hint-btn:hover { background: #F5DFB8; }
-
-/* CASE CARDS */
-.case-grid {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 12px;
-  width: 100%;
-  max-width: 860px;
-}
-.case-card {
-  background: white;
-  border: 1.5px solid var(--border);
-  border-radius: 16px;
-  padding: 1.25rem 0.75rem;
-  text-align: center;
-  cursor: pointer;
-  transition: all 0.25s;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-}
-.case-card:hover {
-  border-color: var(--teal-mid);
-  transform: translateY(-3px);
-  box-shadow: 0 8px 24px rgba(29,158,117,0.15);
-}
-.case-card.selected {
-  border-color: var(--teal-mid);
-  background: var(--teal-light);
-}
-.case-icon { font-size: 32px; }
-.case-title {
-  font-family: 'Syne', sans-serif;
-  font-size: 12px;
-  font-weight: 700;
-  color: var(--text);
-  line-height: 1.3;
-}
-.case-sub { font-size: 11px; color: var(--text-muted); }
-
-/* QUESTIONS */
-.questions-list {
-  list-style: none;
-  width: 100%;
-  max-width: 680px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-.q-item {
-  background: white;
-  border: 0.5px solid var(--border);
-  border-radius: 12px;
-  padding: 14px 18px;
-  font-size: 14px;
-  line-height: 1.5;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-}
-.q-num {
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 800;
-  min-width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 1px;
-}
-
-/* TABLE */
-.risk-table {
-  width: 100%;
-  max-width: 800px;
-  border-collapse: collapse;
-  background: white;
-  border-radius: 12px;
-  overflow: hidden;
-  border: 0.5px solid var(--border);
-  font-size: 13px;
-}
-.risk-table th {
-  background: var(--blue-light);
-  color: var(--blue);
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-  padding: 12px 16px;
-  text-align: left;
-  border-bottom: 2px solid var(--blue);
-}
-.risk-table td {
-  padding: 10px 16px;
-  border-bottom: 0.5px solid var(--border);
-  color: var(--text-muted);
-  font-style: italic;
-}
-.risk-table tr:last-child td { border-bottom: none; }
-.risk-table .meta-row td {
-  background: #FAFAFA;
-  font-style: normal;
-  font-size: 12px;
-}
-.risk-table .meta-label {
-  font-family: 'Syne', sans-serif;
-  font-weight: 700;
-  font-size: 11px;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-}
-
-/* MODAL OVERLAY */
-.modal-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0,0,0,0.45);
-  display: none;
-  align-items: center;
-  justify-content: center;
-  z-index: 200;
-  padding: 2rem;
-}
-.modal-overlay.open { display: flex; }
-.modal {
-  background: white;
-  border-radius: 20px;
-  padding: 2rem;
-  max-width: 480px;
-  width: 100%;
-  position: relative;
-  animation: modalIn 0.3s ease;
-}
-@keyframes modalIn {
-  from { opacity: 0; transform: scale(0.92) translateY(12px); }
-  to { opacity: 1; transform: scale(1) translateY(0); }
-}
-.modal-close {
-  position: absolute;
-  top: 16px; right: 16px;
-  background: var(--bg);
-  border: none;
-  width: 28px; height: 28px;
-  border-radius: 50%;
-  cursor: pointer;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--text-muted);
-}
-.modal-icon { font-size: 28px; margin-bottom: 12px; }
-.modal-title {
-  font-family: 'Syne', sans-serif;
-  font-size: 16px;
-  font-weight: 700;
-  margin-bottom: 10px;
-}
-.modal-body { font-size: 14px; line-height: 1.7; color: var(--text-muted); }
-.modal-body strong { color: var(--text); }
-
-/* SLIDE SPECIFIC */
-.hero-label {
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--teal-mid);
-  margin-bottom: 8px;
-}
-.hero-title {
-  font-family: 'Syne', sans-serif;
-  font-size: clamp(36px, 6vw, 68px);
-  font-weight: 800;
-  line-height: 1.0;
-  color: var(--text);
-  margin-bottom: 12px;
-}
-.hero-sub {
-  font-size: 16px;
-  color: var(--text-muted);
-  max-width: 440px;
-  text-align: center;
-  line-height: 1.6;
-  margin-bottom: 2rem;
-}
-.section-tag {
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  padding: 4px 12px;
-  border-radius: 20px;
-  margin-bottom: 10px;
-  display: inline-block;
-}
-.slide-title {
-  font-family: 'Syne', sans-serif;
-  font-size: clamp(22px, 3.5vw, 34px);
-  font-weight: 800;
-  line-height: 1.15;
-  margin-bottom: 0.5rem;
-  text-align: center;
-}
-.slide-intro {
-  font-size: 14px;
-  color: var(--text-muted);
-  text-align: center;
-  max-width: 560px;
-  line-height: 1.6;
-  margin-bottom: 1.5rem;
-}
-.steps-row {
-  display: flex;
-  gap: 8px;
-  margin-bottom: 1.5rem;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-.step-pill {
-  font-size: 12px;
-  padding: 4px 14px;
-  border-radius: 20px;
-  border: 1px solid var(--border);
-  color: var(--text-muted);
-  background: white;
-}
-.step-pill.active-pill {
-  border-color: currentColor;
-  font-weight: 500;
-}
-.actions-row {
-  display: flex;
-  gap: 12px;
-  align-items: center;
-  margin-top: 1.5rem;
-  flex-wrap: wrap;
-  justify-content: center;
-}
-
-/* CASE SELECTED BANNER */
-.case-banner {
-  display: none;
-  background: var(--teal-light);
-  border: 1px solid rgba(29,158,117,0.25);
-  border-radius: 12px;
-  padding: 10px 18px;
-  font-size: 13px;
-  color: var(--teal-dark);
-  margin-bottom: 1rem;
-  align-items: center;
-  gap: 8px;
-  max-width: 680px;
-  width: 100%;
-}
-.case-banner.visible { display: flex; }
-.case-banner strong { font-family: 'Syne', sans-serif; font-weight: 700; }
-
-/* RESOURCE CARD */
-.resource-card {
-  background: white;
-  border: 0.5px solid var(--border);
-  border-radius: 12px;
-  padding: 14px 18px;
-  max-width: 680px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  margin-bottom: 1rem;
-}
-.resource-icon { font-size: 24px; }
-.resource-body { flex: 1; }
-.resource-title { font-size: 13px; font-weight: 500; }
-.resource-sub { font-size: 12px; color: var(--text-muted); }
-.resource-link {
-  font-size: 12px;
-  color: var(--blue);
-  text-decoration: none;
-  font-weight: 500;
-}
-.resource-link:hover { text-decoration: underline; }
-
-/* FINAL */
-.final-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 12px;
-  max-width: 640px;
-  width: 100%;
-  margin: 1.5rem 0;
-}
-.final-card {
-  background: white;
-  border: 0.5px solid var(--border);
-  border-radius: 14px;
-  padding: 1.25rem;
-  text-align: center;
-}
-.final-card-icon { font-size: 28px; margin-bottom: 8px; }
-.final-card-title { font-family: 'Syne', sans-serif; font-size: 12px; font-weight: 700; }
-.final-card-sub { font-size: 11px; color: var(--text-muted); margin-top: 4px; }
-
-/* PYRAMID */
-.pyramid { display: flex; flex-direction: column; align-items: center; gap: 3px; margin: 1rem 0; }
-.pyr-level {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  font-family: 'Syne', sans-serif;
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: white;
-  height: 28px;
-}
-
-/* SCROLLABLE AREA */
-.scroll-area {
-  overflow-y: auto;
-  max-height: calc(100vh - 180px);
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 0.5rem 0 4rem;
-}
-.scroll-area::-webkit-scrollbar { width: 4px; }
-.scroll-area::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
-
-/* DECORATIVE BG */
-.deco-circle {
-  position: fixed;
-  border-radius: 50%;
-  pointer-events: none;
-  z-index: 0;
-}
-.slide > * { position: relative; z-index: 1; }
-</style>
-</head>
-<body>
-
-<!-- HEADER WITH NAVIGATION -->
-    <header>
-        <div class="logo">NextGN Formation</div>
-        <nav>
-            <a href="../index.html">Accueil</a>
-            <a href="../index.html#formations">Exercices</a>
-            <a href="../index.html#documentation">Documentation</a>
-            <a href="../index.html#rapports">Rapports</a>
-            <a href="../index.html#about">À propos</a>
-            <a href="../index.html#contact">Contact</a>
-        </nav>
-    </header>
-
-<!-- Progress bar -->
-<div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
-
-<!-- Phase badge -->
-<div class="phase-badge" id="phaseBadge" style="display:none"></div>
-
-<!-- Slide counter -->
-<div class="slide-counter" id="slideCounter"></div>
-
-<!-- Back button -->
-<button class="back-btn" id="backBtn" onclick="goBack()" style="display:none">← Retour</button>
-
-<!-- Modal overlay -->
-<div class="modal-overlay" id="modalOverlay" onclick="closeModal(event)">
-  <div class="modal" id="modal">
-    <button class="modal-close" onclick="closeModal()">✕</button>
-    <div class="modal-icon" id="modalIcon"></div>
-    <div class="modal-title" id="modalTitle"></div>
-    <div class="modal-body" id="modalBody"></div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 1 — ACCUEIL ======================== -->
-<div class="slide active fade-in" id="slide-1">
-  <div class="deco-circle" style="width:400px;height:400px;background:var(--teal-light);top:-100px;right:-80px;opacity:0.6;"></div>
-  <div class="deco-circle" style="width:200px;height:200px;background:var(--amber-light);bottom:60px;left:-60px;opacity:0.5;"></div>
-  <div style="text-align:center; z-index:1;">
-    <div class="hero-label">Formation 2025</div>
-    <div class="hero-title">CERTIBIOCIDE</div>
-    <div style="font-family:'Syne',sans-serif;font-size:clamp(14px,2.5vw,22px);font-weight:600;color:var(--teal-mid);letter-spacing:0.04em;margin-bottom:1.5rem;">TRAVAUX PRATIQUES</div>
-    <p class="hero-sub">Votre mission, si vous l'acceptez : maîtriser l'identification, le traitement et la sécurité face aux nuisibles.</p>
-    <button class="btn btn-teal" onclick="goTo(2)">Démarrer la mission →</button>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 2 — CHOIX DU CAS ======================== -->
-<div class="slide" id="slide-2">
-  <div class="deco-circle" style="width:300px;height:300px;background:var(--teal-light);top:-60px;left:-60px;opacity:0.4;"></div>
-  <div class="section-tag" style="background:var(--teal-light);color:var(--teal-dark);">Étape 1 / 3</div>
-  <div class="slide-title">Choisissez votre mission</div>
-  <p class="slide-intro">Chaque groupe choisit un cas pratique. Vous travaillerez avec ce scénario tout au long des 3 exercices.</p>
-  <div class="case-grid">
-    <div class="case-card" onclick="selectCase('punaises','🛏️','Hôtel — Punaises de lit','Infestation importante dans un hôtel')">
-      <div class="case-icon">🛏️</div>
-      <div class="case-title">Punaises de lit</div>
-      <div class="case-sub">Hôtel</div>
-    </div>
-    <div class="case-card" onclick="selectCase('frelons','🐝','Apiculture — Frelons','Nid de frelons à 15m de hauteur')">
-      <div class="case-icon">🐝</div>
-      <div class="case-title">Frelons</div>
-      <div class="case-sub">Apiculteur</div>
-    </div>
-    <div class="case-card" onclick="selectCase('mites','🌾','Boulangerie — Mites alimentaires','Infestation dans l\'atelier de production')">
-      <div class="case-icon">🌾</div>
-      <div class="case-title">Mites alimentaires</div>
-      <div class="case-sub">Boulangerie</div>
-    </div>
-    <div class="case-card" onclick="selectCase('rongeurs','🐀','Agroalimentaire — Rongeurs','Plan anti-nuisibles complet')">
-      <div class="case-icon">🐀</div>
-      <div class="case-title">Rongeurs</div>
-      <div class="case-sub">Société agro</div>
-    </div>
-    <div class="case-card" onclick="selectCase('moustiques','🦟','Camping — Moustiques','Restaurant près de la piscine')">
-      <div class="case-icon">🦟</div>
-      <div class="case-title">Moustiques</div>
-      <div class="case-sub">Camping</div>
-    </div>
-  </div>
-  <div class="actions-row">
-    <button class="btn btn-teal" id="btnConfirmCase" onclick="goTo(3)" style="display:none">Confirmer le choix →</button>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 3 — CONSIGNES ======================== -->
-<div class="slide" id="slide-3">
-  <div class="section-tag" style="background:var(--teal-light);color:var(--teal-dark);">Consignes</div>
-  <div class="slide-title">Déroulé des travaux pratiques</div>
-  <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:660px;width:100%;margin:1.5rem 0;">
-    <div style="background:white;border:0.5px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;">
-      <div style="font-size:28px;margin-bottom:8px;">🗂️</div>
-      <div style="font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;">TP 1</div>
-      <div style="font-size:12px;color:var(--text-muted);">Définir un protocole d'intervention</div>
-    </div>
-    <div style="background:white;border:0.5px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;">
-      <div style="font-size:28px;margin-bottom:8px;">🔍</div>
-      <div style="font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;">TP 2</div>
-      <div style="font-size:12px;color:var(--text-muted);">Trouver votre produit sur biocid-anses.fr</div>
-    </div>
-    <div style="background:white;border:0.5px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;">
-      <div style="font-size:28px;margin-bottom:8px;">⚠️</div>
-      <div style="font-family:'Syne',sans-serif;font-size:13px;font-weight:700;margin-bottom:4px;">TP 3</div>
-      <div style="font-size:12px;color:var(--text-muted);">Réaliser l'analyse de risques complète</div>
-    </div>
-  </div>
-  <div style="background:var(--amber-light);border-radius:12px;padding:12px 18px;max-width:560px;width:100%;font-size:13px;color:var(--amber-dark);display:flex;gap:10px;align-items:flex-start;margin-bottom:1.5rem;">
-    <span>💡</span>
-    <div>À tout moment, cliquez sur <strong>« Besoin d'aide ? »</strong> pour accéder à un indice. Le formateur corrigera à l'oral en fin de séance.</div>
-  </div>
-  <button class="btn btn-teal" onclick="goTo(4)">Commencer le TP 1 →</button>
-</div>
-
-<!-- ======================== SLIDE 4 — TP1 INTRO ======================== -->
-<div class="slide" id="slide-4">
-  <div class="deco-circle" style="width:280px;height:280px;background:var(--amber-light);top:-40px;right:-40px;opacity:0.5;"></div>
-  <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Définir un protocole</div>
-  <div class="slide-title">Votre cas pratique</div>
-  <div class="case-banner visible" id="caseBanner4" style="margin-top:0.75rem;">
-    <span id="caseIcon4">🛏️</span>
-    <div><strong id="caseTitle4">Cas sélectionné</strong> — <span id="caseDesc4">Description</span></div>
-  </div>
-  <p class="slide-intro" style="margin-top:0.5rem;">Vous recevez un appel de votre client. Il vous décrit la situation et attend votre expertise. Organisez votre réponse en 3 étapes : prévention, intervention, évaluation.</p>
-  <div class="steps-row">
-    <div class="step-pill" style="color:var(--amber);border-color:var(--amber);">1. Prévention & conseil</div>
-    <div class="step-pill">2. Intervention</div>
-    <div class="step-pill">3. Évaluation</div>
-  </div>
-  <button class="btn btn-amber" onclick="goTo(5)">Commencer →</button>
-</div>
-
-<!-- ======================== SLIDE 5 — TP1 PREVENTION ======================== -->
-<div class="slide" id="slide-5">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Étape 1 / 3</div>
-    <div class="slide-title">Prévention & conseil</div>
-    <div class="case-banner" id="caseBanner5">
-      <span id="caseIcon5">🛏️</span><strong id="caseTitle5">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">1</span>
-        <span>Quelles questions posez-vous au client lors du premier contact ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">2</span>
-        <span>Quels conseils lui donnez-vous en premier lieu ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">3</span>
-        <span>Quelles actions de prévention allez-vous mener sur le site ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">4</span>
-        <span>Quels éléments allez-vous observer ? Comment prouver la présence du nuisible ?</span>
-      </li>
-    </ul>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('prevention')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-amber" onclick="goTo(6)">Étape suivante →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 6 — TP1 INTERVENTION ======================== -->
-<div class="slide" id="slide-6">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Étape 2 / 3</div>
-    <div class="slide-title">Intervention</div>
-    <div class="case-banner" id="caseBanner6">
-      <span id="caseIcon6">🛏️</span><strong id="caseTitle6">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">1</span>
-        <span>Quelles solutions alternatives (non-biocides) pouvez-vous mettre en place ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">2</span>
-        <span>Quelles solutions biocides allez-vous mettre en place ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">3</span>
-        <span>Quel est le type de produit (TP) adapté ? Avec quel mode de traitement ?</span>
-      </li>
-    </ul>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('intervention')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-amber" onclick="goTo(7)">Étape suivante →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 7 — TP1 EVALUATION ======================== -->
-<div class="slide" id="slide-7">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--amber-light);color:var(--amber-dark);">TP 1 — Étape 3 / 3</div>
-    <div class="slide-title">Évaluation & suivi</div>
-    <div class="case-banner" id="caseBanner7">
-      <span id="caseIcon7">🛏️</span><strong id="caseTitle7">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">1</span>
-        <span>Quel suivi allez-vous mettre en place ? Pendant combien de temps ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--amber-light);color:var(--amber-dark);">2</span>
-        <span>Comment allez-vous gérer les déchets issus de votre intervention ?</span>
-      </li>
-    </ul>
-    <div style="background:var(--teal-light);border-radius:12px;padding:14px 18px;max-width:680px;width:100%;font-size:13px;color:var(--teal-dark);margin:0.75rem 0;">
-      ✅ <strong>TP 1 terminé !</strong> Préparez-vous à identifier le produit adapté à votre cas sur biocid-anses.fr.
-    </div>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('evaluation')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-coral" onclick="goTo(8)">Passer au TP 2 →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 8 — TP2 INTRO ======================== -->
-<div class="slide" id="slide-8">
-  <div class="deco-circle" style="width:280px;height:280px;background:var(--coral-light);top:-40px;left:-40px;opacity:0.5;"></div>
-  <div class="section-tag" style="background:var(--coral-light);color:var(--coral);">TP 2 — Trouver le produit</div>
-  <div class="slide-title">Enquête produit</div>
-  <div class="case-banner visible" id="caseBanner8">
-    <span id="caseIcon8">🛏️</span>
-    <div><strong id="caseTitle8">Cas sélectionné</strong></div>
-  </div>
-  <p class="slide-intro">Rendez-vous sur le registre officiel des biocides. Utilisez la <strong>recherche avancée</strong> en filtrant par substance active et nuisible dans l'usage.</p>
-  <div class="resource-card">
-    <div class="resource-icon">🌐</div>
-    <div class="resource-body">
-      <div class="resource-title">Registre officiel des biocides</div>
-      <div class="resource-sub">Recherche avancée → Substance / Nuisible dans Usage</div>
-    </div>
-    <a href="https://biocid-anses.fr" target="_blank" class="resource-link">Ouvrir le site ↗</a>
-  </div>
-  <button class="btn btn-coral" onclick="goTo(9)">Commencer →</button>
-</div>
-
-<!-- ======================== SLIDE 9 — TP2 FDS & AMM ======================== -->
-<div class="slide" id="slide-9">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--coral-light);color:var(--coral);">TP 2 — Partie 1 / 2</div>
-    <div class="slide-title">Fiche de données de sécurité</div>
-    <div class="case-banner" id="caseBanner9">
-      <span id="caseIcon9">🛏️</span><strong id="caseTitle9">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">1</span>
-        <span>Trouvez et téléchargez la <strong>Fiche de Données de Sécurité (FDS)</strong> de votre produit.</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">2</span>
-        <span>Quel est le <strong>nom du produit</strong> et de son fabricant / fournisseur ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">3</span>
-        <span>Quel est son <strong>numéro d'Autorisation de Mise sur le Marché (AMM)</strong> ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">4</span>
-        <span>Quels sont les <strong>risques pour la santé</strong> liés à ce produit ?</span>
-      </li>
-    </ul>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('fds')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-coral" onclick="goTo(10)">Partie suivante →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 10 — TP2 EPI & SECOURS ======================== -->
-<div class="slide" id="slide-10">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--coral-light);color:var(--coral);">TP 2 — Partie 2 / 2</div>
-    <div class="slide-title">EPI, environnement & premiers secours</div>
-    <div class="case-banner" id="caseBanner10">
-      <span id="caseIcon10">🛏️</span><strong id="caseTitle10">Cas</strong>
-    </div>
-    <ul class="questions-list">
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">5</span>
-        <span>Quels <strong>équipements de protection individuelle (EPI)</strong> dois-je porter lors de la manipulation ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">6</span>
-        <span>Quels sont les <strong>risques pour l'environnement</strong> ? Que faire en cas de dispersion accidentelle ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">7</span>
-        <span>Quelle est la <strong>DL50</strong> de la (ou des) substance(s) active(s) ?</span>
-      </li>
-      <li class="q-item">
-        <span class="q-num" style="background:var(--coral-light);color:var(--coral);">8</span>
-        <span>Quels <strong>gestes de premiers secours</strong> adopter en cas d'exposition ?</span>
-      </li>
-    </ul>
-    <div style="background:var(--teal-light);border-radius:12px;padding:14px 18px;max-width:680px;width:100%;font-size:13px;color:var(--teal-dark);margin:0.75rem 0;">
-      ✅ <strong>TP 2 terminé !</strong> Passez maintenant à l'analyse de risques complète.
-    </div>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('epi')">💡 Besoin d'aide ?</button>
-      <button class="btn btn-purple" onclick="goTo(11)">Passer au TP 3 →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 11 — TP3 INTRO ======================== -->
-<div class="slide" id="slide-11">
-  <div class="deco-circle" style="width:260px;height:260px;background:var(--purple-light);bottom:-40px;right:-40px;opacity:0.5;"></div>
-  <div class="section-tag" style="background:var(--purple-light);color:var(--purple-dark);">TP 3 — Analyse de risques</div>
-  <div class="slide-title">Protégez votre équipe</div>
-  <p class="slide-intro">Avant toute intervention, vous devez rédiger l'analyse de risques. Rappel de la hiérarchie de prévention :</p>
-  <div class="pyramid">
-    <div class="pyr-level" style="width:200px;background:#085041;">Élimination</div>
-    <div class="pyr-level" style="width:240px;background:#1D9E75;">Réduction</div>
-    <div class="pyr-level" style="width:280px;background:#BA7517;">Protection collective</div>
-    <div class="pyr-level" style="width:320px;background:#D85A30;">Communication</div>
-    <div class="pyr-level" style="width:360px;background:#534AB7;">EPI (dernier recours)</div>
-  </div>
-  <div class="actions-row" style="margin-top:1rem;">
-    <button class="btn btn-purple" onclick="goTo(12)">Remplir le tableau →</button>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 12 — TP3 TABLEAU ======================== -->
-<div class="slide" id="slide-12">
-  <div class="scroll-area">
-    <div class="section-tag" style="background:var(--purple-light);color:var(--purple-dark);">TP 3 — Tableau d'analyse</div>
-    <div class="slide-title">Analyse de risques complète</div>
-    <div class="case-banner" id="caseBanner12">
-      <span id="caseIcon12">🛏️</span><strong id="caseTitle12">Cas</strong>
-    </div>
-    <table class="risk-table" style="max-width:780px;width:100%;">
-      <tr class="meta-row">
-        <td style="width:200px;" class="meta-label">Intitulé du projet</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter par votre groupe</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Description de l'activité</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Lieu de l'activité</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Début de l'activité prévu le</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">À compléter</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Numéro(s) d'urgence</td>
-        <td colspan="2" style="color:var(--text-muted);font-style:italic;">15 · 17 · 18 · 112</td>
-      </tr>
-      <tr>
-        <th>Étapes de l'activité</th>
-        <th>Risques</th>
-        <th>Mesures de prévention</th>
-      </tr>
-      <tr>
-        <td onclick="showHint('etape1')" style="cursor:pointer;color:var(--text-muted);font-style:italic;">Ex : Préparation du produit <span style="font-size:11px;color:var(--amber);">💡</span></td>
-        <td onclick="showHint('risque1')" style="cursor:pointer;color:var(--text-muted);font-style:italic;">Ex : Contact cutané <span style="font-size:11px;color:var(--amber);">💡</span></td>
-        <td onclick="showHint('mesure1')" style="cursor:pointer;color:var(--text-muted);font-style:italic;">Ex : Port de gants nitrile <span style="font-size:11px;color:var(--amber);">💡</span></td>
-      </tr>
-      <tr>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-      </tr>
-      <tr>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-      </tr>
-      <tr>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-        <td style="color:var(--text-muted);font-style:italic;">…</td>
-      </tr>
-      <tr class="meta-row">
-        <td class="meta-label">Analyse réalisée par</td>
-        <td class="meta-label">Vérifiée par</td>
-        <td class="meta-label">Mise à jour par</td>
-      </tr>
-    </table>
-    <div style="background:var(--amber-light);border-radius:10px;padding:10px 16px;max-width:780px;width:100%;font-size:12px;color:var(--amber-dark);margin:0.75rem 0;">
-      💡 Cliquez sur les cellules de la première ligne pour obtenir des indices. Reproduisez ce tableau sur papier pour votre groupe.
-    </div>
-    <div style="background:var(--teal-light);border-radius:12px;padding:14px 18px;max-width:780px;width:100%;font-size:13px;color:var(--teal-dark);margin:0.25rem 0;">
-      ✅ <strong>TP 3 terminé !</strong> Présentez vos réponses au formateur pour la correction.
-    </div>
-    <div class="actions-row">
-      <button class="hint-btn" onclick="showHint('analyse')">💡 Aide générale</button>
-      <button class="btn btn-blue" onclick="goTo(13)">Terminer la mission →</button>
-    </div>
-  </div>
-</div>
-
-<!-- ======================== SLIDE 13 — FIN ======================== -->
-<div class="slide" id="slide-13">
-  <div class="deco-circle" style="width:350px;height:350px;background:var(--teal-light);bottom:-80px;right:-80px;opacity:0.5;"></div>
-  <div class="deco-circle" style="width:180px;height:180px;background:var(--purple-light);top:20px;left:-40px;opacity:0.5;"></div>
-  <div style="text-align:center;">
-    <div style="font-size:48px;margin-bottom:1rem;">🎉</div>
-    <div class="section-tag" style="background:var(--teal-light);color:var(--teal-dark);">Mission accomplie</div>
-    <div class="slide-title" style="margin-top:0.5rem;">Félicitations !</div>
-    <p style="font-size:14px;color:var(--text-muted);max-width:480px;text-align:center;line-height:1.7;margin:1rem auto;">Vous avez complété les 3 travaux pratiques de la formation Certibiocide 2025. Le formateur va maintenant corriger à l'oral.</p>
-    <div class="final-grid">
-      <div class="final-card">
-        <div class="final-card-icon">🗂️</div>
-        <div class="final-card-title">TP 1</div>
-        <div class="final-card-sub">Protocole d'intervention</div>
-      </div>
-      <div class="final-card">
-        <div class="final-card-icon">🔍</div>
-        <div class="final-card-title">TP 2</div>
-        <div class="final-card-sub">Produit biocide</div>
-      </div>
-      <div class="final-card">
-        <div class="final-card-icon">⚠️</div>
-        <div class="final-card-title">TP 3</div>
-        <div class="final-card-sub">Analyse de risques</div>
-      </div>
-    </div>
-    <div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;">
-      <a href="https://biocid-anses.fr" target="_blank" class="btn btn-outline btn-teal" style="font-size:13px;padding:10px 20px;">biocid-anses.fr ↗</a>
-      <button class="btn btn-teal" onclick="restartAll()">↺ Recommencer depuis le début</button>
-    </div>
-  </div>
-</div>
-
-<script>
-let currentSlide = 1;
-let history = [];
-const totalSlides = 13;
-
-const selectedCase = { key: '', icon: '', title: '', desc: '' };
-
-const hints = {
-  prevention: {
-    icon: '💡',
-    title: 'Indice — Prévention & conseil',
-    body: `<strong>Questions à poser au client :</strong> ancienneté de l'infestation, surface concernée, présence de personnes vulnérables, traitements déjà réalisés.<br><br>
-    <strong>Prouver la présence :</strong> pièges collants, inspection visuelle, excréments, mues, morsures, témoignages.<br><br>
-    <strong>Prévention :</strong> information du client, mesures d'hygiène, inspection régulière.`
-  },
-  intervention: {
-    icon: '🛡️',
-    title: 'Indice — Types de produits (TP)',
-    body: `<strong>Principaux types biocides :</strong><br>
-    • <strong>TP 14</strong> — Rodenticides (rongeurs)<br>
-    • <strong>TP 18</strong> — Insecticides (insectes rampants, volants)<br>
-    • <strong>TP 19</strong> — Répulsifs & attractifs<br><br>
-    <strong>Solutions alternatives :</strong> pièges mécaniques, barrières physiques, thermique (vapeur, chaleur), modification de l'environnement.`
-  },
-  evaluation: {
-    icon: '📋',
-    title: 'Indice — Évaluation & déchets',
-    body: `<strong>Suivi :</strong> visites de contrôle à J+15, J+30 et J+60 minimum. Rapport de traitement obligatoire.<br><br>
-    <strong>Gestion des déchets :</strong> tri selon la réglementation DASRI si contact avec organismes vivants. Emballages vides → filière agréée. Ne jamais jeter dans les ordures ménagères.`
-  },
-  fds: {
-    icon: '🔍',
-    title: 'Indice — Trouver la FDS',
-    body: `Sur <strong>biocid-anses.fr</strong> :<br>
-    1. Cliquez sur <em>"Recherche avancée"</em><br>
-    2. Filtrez par <em>"Substance active"</em> et <em>"Nuisible dans usage"</em><br>
-    3. Sélectionnez votre produit → onglet <em>"Documents"</em><br><br>
-    La FDS est un document de 16 sections standardisées (règlement REACH).`
-  },
-  epi: {
-    icon: '🦺',
-    title: 'Indice — DL50 et EPI',
-    body: `<strong>DL50</strong> (Dose Létale 50%) : trouvée à la <strong>section 11</strong> de la FDS (informations toxicologiques). S'exprime en mg/kg de poids corporel — plus elle est basse, plus la substance est toxique.<br><br>
-    <strong>EPI courants :</strong> gants nitrile, lunettes, masque FFP2 ou à cartouche, combinaison, bottes. Vérifier la FDS section 8.`
-  },
-  etape1: {
-    icon: '🗂️',
-    title: 'Indice — Étapes de l\'activité',
-    body: `Listez les étapes chronologiques de votre intervention :<br><br>
-    • Transport des produits<br>
-    • Préparation et dilution du produit<br>
-    • Application / traitement<br>
-    • Aération des locaux<br>
-    • Rangement et décontamination du matériel<br>
-    • Gestion des déchets`
-  },
-  risque1: {
-    icon: '⚠️',
-    title: 'Indice — Types de risques',
-    body: `Pour chaque étape, identifiez les risques :<br><br>
-    • <strong>Chimiques :</strong> inhalation, contact cutané, ingestion accidentelle<br>
-    • <strong>Biologiques :</strong> contact avec animaux nuisibles, excréments<br>
-    • <strong>Physiques :</strong> chute de hauteur, TMS, bruit<br>
-    • <strong>Pour les tiers :</strong> contamination des aliments, clients présents`
-  },
-  mesure1: {
-    icon: '🛡️',
-    title: 'Indice — Mesures de prévention',
-    body: `Appliquez la pyramide de prévention :<br><br>
-    <strong>1. Élimination</strong> : supprimer le risque à la source<br>
-    <strong>2. Réduction</strong> : dose minimale efficace<br>
-    <strong>3. Protection collective</strong> : signalisation, ventilation, balisage<br>
-    <strong>4. Communication</strong> : formation, étiquetage, consignes<br>
-    <strong>5. EPI</strong> : en dernier recours seulement`
-  },
-  analyse: {
-    icon: '📊',
-    title: 'Aide — Analyse de risques',
-    body: `L'analyse de risques doit couvrir <strong>toutes les phases</strong> de l'intervention, pas seulement le traitement lui-même.<br><br>
-    Pensez à inclure : préparation, transport, manipulation des produits, application, nettoyage, gestion des déchets, et les risques pour les tiers présents sur le site.`
-  }
-};
-
-function goTo(n) {
-  const cur = document.getElementById('slide-' + currentSlide);
-  const next = document.getElementById('slide-' + n);
-  if (!next) return;
-  history.push(currentSlide);
-  cur.classList.remove('active', 'fade-in');
-  cur.style.display = 'none';
-  currentSlide = n;
-  next.style.display = 'flex';
-  setTimeout(() => { next.classList.add('active', 'fade-in'); }, 10);
-  updateUI();
-  updateCaseBanners();
-}
-
-function goBack() {
-  if (history.length === 0) return;
-  const prev = history.pop();
-  const cur = document.getElementById('slide-' + currentSlide);
-  const target = document.getElementById('slide-' + prev);
-  cur.classList.remove('active', 'fade-in');
-  cur.style.display = 'none';
-  currentSlide = prev;
-  target.style.display = 'flex';
-  setTimeout(() => { target.classList.add('active', 'fade-in'); }, 10);
-  updateUI();
-}
-
-function updateUI() {
-  const fill = document.getElementById('progressFill');
-  fill.style.width = ((currentSlide / totalSlides) * 100) + '%';
-
-  const counter = document.getElementById('slideCounter');
-  counter.textContent = currentSlide + ' / ' + totalSlides;
-
-  const backBtn = document.getElementById('backBtn');
-  backBtn.style.display = history.length > 0 ? 'block' : 'none';
-
-  const badge = document.getElementById('phaseBadge');
-  if (currentSlide === 1 || currentSlide === 2 || currentSlide === 3 || currentSlide === 13) {
-    badge.style.display = 'none';
-  } else if (currentSlide >= 4 && currentSlide <= 7) {
-    badge.style.display = 'block';
-    badge.style.background = 'var(--amber-light)';
-    badge.style.color = 'var(--amber-dark)';
-    badge.textContent = 'TP 1 — Protocole';
-  } else if (currentSlide >= 8 && currentSlide <= 10) {
-    badge.style.display = 'block';
-    badge.style.background = 'var(--coral-light)';
-    badge.style.color = 'var(--coral)';
-    badge.textContent = 'TP 2 — Produit';
-  } else if (currentSlide >= 11 && currentSlide <= 12) {
-    badge.style.display = 'block';
-    badge.style.background = 'var(--purple-light)';
-    badge.style.color = 'var(--purple-dark)';
-    badge.textContent = 'TP 3 — Risques';
-  }
-}
-
-function selectCase(key, icon, title, desc) {
-  selectedCase.key = key;
-  selectedCase.icon = icon;
-  selectedCase.title = title;
-  selectedCase.desc = desc;
-  document.querySelectorAll('.case-card').forEach(c => c.classList.remove('selected'));
-  event.currentTarget.classList.add('selected');
-  document.getElementById('btnConfirmCase').style.display = 'inline-flex';
-}
-
-function updateCaseBanners() {
-  if (!selectedCase.key) return;
-  const banners = [4, 5, 6, 7, 8, 9, 10, 12];
-  banners.forEach(n => {
-    const b = document.getElementById('caseBanner' + n);
-    if (b) {
-      b.classList.add('visible');
-      const iconEl = document.getElementById('caseIcon' + n);
-      const titleEl = document.getElementById('caseTitle' + n);
-      const descEl = document.getElementById('caseDesc' + n);
-      if (iconEl) iconEl.textContent = selectedCase.icon;
-      if (titleEl) titleEl.textContent = selectedCase.title;
-      if (descEl) descEl.textContent = selectedCase.desc;
-    }
-  });
-}
-
-function showHint(key) {
-  const h = hints[key];
-  if (!h) return;
-  document.getElementById('modalIcon').textContent = h.icon;
-  document.getElementById('modalTitle').textContent = h.title;
-  document.getElementById('modalBody').innerHTML = h.body;
-  document.getElementById('modalOverlay').classList.add('open');
-}
-
-function closeModal(e) {
-  if (!e || e.target === document.getElementById('modalOverlay') || e.target.classList.contains('modal-close')) {
-    document.getElementById('modalOverlay').classList.remove('open');
-  }
-}
-
-function restartAll() {
-  history = [];
-  document.querySelectorAll('.slide').forEach(s => {
-    s.classList.remove('active', 'fade-in');
-    s.style.display = 'none';
-  });
-  currentSlide = 1;
-  const first = document.getElementById('slide-1');
-  first.style.display = 'flex';
-  setTimeout(() => first.classList.add('active', 'fade-in'), 10);
-  updateUI();
-}
-
-document.addEventListener('keydown', e => {
-  if (e.key === 'Escape') closeModal();
-});
-
-updateUI();
-</script>
-</body>
-</html>
-

Étapes de l'activité	Risques	Mesures de prévention
Intitulé du projet	À compléter par votre groupe
Description de l'activité	À compléter
Lieu de l'activité	À compléter
Début de l'activité prévu le	À compléter
Numéro(s) d'urgence	15 · 17 · 18 · 112
Ex : Préparation du produit 💡	Ex : Contact cutané 💡	Ex : Port de gants nitrile 💡
…	…	…
…	…	…
…	…	…
Analyse réalisée par	Vérifiée par	Mise à jour par