Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Maîtrise des Allergènes dans les Systèmes GFSI</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#1e3a8a', | |
| secondary: '#93c5fd', | |
| accent: '#c084fc', | |
| alert: '#f87171', | |
| codexGreen: '#228B22', // Vert pour le Codex | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap'); | |
| body { | |
| font-family: 'Montserrat', sans-serif; | |
| scroll-behavior: smooth; | |
| } | |
| .section { | |
| scroll-margin-top: 100px; | |
| } | |
| .bg-gradient { | |
| background: linear-gradient(120deg, #e0f7fa, #bbdefb); | |
| } | |
| .border-gradient { | |
| border-width: 4px; | |
| border-style: solid; | |
| border-image: linear-gradient(to right, #1e3a8a, #93c5fd) 1; | |
| } | |
| .allergene-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); | |
| transition: all 0.3s ease; | |
| } | |
| .regulation-timeline { | |
| position: relative; | |
| } | |
| .regulation-timeline::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| bottom: 0; | |
| left: 20px; | |
| width: 4px; | |
| background: linear-gradient(to bottom, #1e3a8a, #c084fc); | |
| margin-left: -2px; | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| 100% { transform: scale(1); } | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| .modal { | |
| display: none; | |
| position: fixed; | |
| z-index: 1000; /* Augmenté pour être au-dessus de tout */ | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| overflow: auto; | |
| background-color: rgba(0,0,0,0.7); | |
| } | |
| .modal-content { | |
| background-color: #fefefe; | |
| margin: 5% auto; /* Réduit pour meilleure visibilité sur petits écrans */ | |
| padding: 20px 30px 30px 30px; | |
| border: 1px solid #888; | |
| width: 90%; | |
| max-width: 800px; /* Augmenté pour plus de contenu */ | |
| border-radius: 10px; | |
| box-shadow: 0 5px 15px rgba(0,0,0,0.3); | |
| position: relative; | |
| } | |
| .modal-content h3 { margin-bottom: 20px; } | |
| .modal-content p, .modal-content ul { margin-bottom: 15px; font-size: 0.95rem; line-height: 1.6; } | |
| .modal-content ul { padding-left: 20px; } | |
| .modal-content strong { color: #1e3a8a; } | |
| .close-button { | |
| color: #aaa; | |
| position: absolute; | |
| top: 15px; | |
| right: 25px; | |
| font-size: 32px; | |
| font-weight: bold; | |
| line-height: 1; | |
| } | |
| .close-button:hover, | |
| .close-button:focus { | |
| color: black; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| .tooltip { | |
| position: relative; | |
| display: inline-block; | |
| /* border-bottom: 1px dotted black; */ /* Optionnel */ | |
| } | |
| .tooltip .tooltiptext { | |
| visibility: hidden; | |
| width: 250px; /* Augmenté */ | |
| background-color: #333; /* Un peu plus foncé */ | |
| color: #fff; | |
| text-align: left; /* Mieux pour des explications à revoir */ | |
| border-radius: 6px; | |
| padding: 8px 12px; /* Plus d'espace */ | |
| position: absolute; | |
| z-index: 10; | |
| bottom: 130%; | |
| left: 50%; | |
| margin-left: -125px; /* Ajusté */ | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| font-size: 0.8rem; /* Plus petit pour tooltip */ | |
| line-height: 1.4; | |
| } | |
| .tooltip .tooltiptext::after { | |
| content: ""; | |
| position: absolute; | |
| top: 100%; | |
| left: 50%; | |
| margin-left: -5px; | |
| border-width: 5px; | |
| border-style: solid; | |
| border-color: #333 transparent transparent transparent; | |
| } | |
| .tooltip:hover .tooltiptext { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Header --> | |
| <header class="bg-white shadow-md fixed w-full z-50"> | |
| <div class="container mx-auto px-4 py-4 flex flex-col md:flex-row justify-between items-center"> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center mr-3"> | |
| <i class="fas fa-allergies text-white text-xl"></i> | |
| </div> | |
| <h1 class="text-xl font-bold text-primary">Gestion des Allergènes <span class="text-sm font-normal">& Systèmes <span class="tooltip">GFSI<span class="tooltiptext">Global Food Safety Initiative : initiative visant à harmoniser les normes de sécurité alimentaire à l'échelle mondiale.</span></span></span></h1> | |
| </div> | |
| <nav class="mt-4 md:mt-0"> | |
| <ul class="flex space-x-1 md:space-x-2 lg:space-x-4 text-sm md:text-base"> | |
| <li><a href="#framework" class="px-3 py-2 rounded-md hover:bg-secondary transition">Cadre Réglementaire</a></li> | |
| <li><a href="#gfsi" class="px-3 py-2 rounded-md hover:bg-secondary transition">Référentiels GFSI</a></li> | |
| <li><a href="#suppliers" class="px-3 py-2 rounded-md hover:bg-secondary transition">Fournisseurs</a></li> | |
| <li><a href="#prevention" class="px-3 py-2 rounded-md hover:bg-secondary transition">Prévention</a></li> | |
| <li><a href="#tools" class="px-3 py-2 rounded-md hover:bg-secondary transition">Outils</a></li> | |
| <li><a href="#training" class="px-3 py-2 rounded-md hover:bg-secondary transition">Formation</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="pt-32 pb-12 px-4 bg-gradient"> | |
| <div class="container mx-auto max-w-6xl"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-2/3 md:pr-12"> | |
| <h1 class="text-3xl md:text-5xl font-bold text-primary mb-4">Maîtrise des Allergènes dans les Systèmes <span class="tooltip">GFSI<span class="tooltiptext">Global Food Safety Initiative. Les référentiels reconnus par GFSI (IFS, BRCGS, FSSC 22000) intègrent des exigences strictes pour la gestion des allergènes.</span></span></h1> | |
| <p class="text-gray-700 text-lg mb-8">Synthèse des exigences réglementaires (UE, Codex) et opérationnelles pour une gestion optimale des allergènes, alignée sur les standards internationaux de sécurité alimentaire.</p> | |
| <div class="flex flex-wrap gap-3 mb-6"> | |
| <span class="px-3 py-1 bg-white rounded-full text-primary font-medium shadow-sm"><i class="fas fa-shield-alt mr-1"></i> IFS</span> | |
| <span class="px-3 py-1 bg-white rounded-full text-primary font-medium shadow-sm"><i class="fas fa-certificate mr-1"></i> BRCGS</span> | |
| <span class="px-3 py-1 bg-white rounded-full text-primary font-medium shadow-sm"><i class="fas fa-check-double mr-1"></i> FSSC 22000</span> | |
| <span class="px-3 py-1 bg-white rounded-full text-codexGreen font-medium shadow-sm"><i class="fas fa-book-open mr-1"></i> Codex Alimentarius</span> | |
| </div> | |
| </div> | |
| <div class="md:w-1/3 flex justify-center mt-8 md:mt-0"> | |
| <div class="relative"> | |
| <div class="w-64 h-64 rounded-full bg-primary bg-opacity-10 flex items-center justify-center"> | |
| <div class="w-56 h-56 rounded-full bg-white shadow-xl flex items-center justify-center pulse"> | |
| <i class="fas fa-exclamation-triangle text-6xl text-alert"></i> | |
| </div> | |
| </div> | |
| <div class="absolute -bottom-4 left-0 right-0 text-center"> | |
| <span class="bg-accent text-white px-4 py-2 rounded-lg shadow-lg text-xs">UE: 14 allergènes alimentaires majeurs <br>Codex: 8 allergènes principaux mondiaux</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Main Content --> | |
| <main class="container mx-auto max-w-6xl px-4 py-12"> | |
| <!-- Regulatory Framework --> | |
| <section id="framework" class="section mb-20"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-primary">Cadre Réglementaire Général</h2> | |
| <p class="text-gray-600 mt-2">Focus sur les réglementations européennes et les directives internationales du Codex Alimentarius.</p> | |
| <div class="w-32 h-1 bg-secondary mx-auto mt-4"></div> | |
| </div> | |
| <div class="regulation-timeline pl-10 mb-12"> | |
| <!-- INCO --> | |
| <div class="relative mb-10 pl-10"> | |
| <div class="absolute left-0 top-3 w-10 h-10 rounded-full bg-primary flex items-center justify-center"> | |
| <i class="fas fa-landmark text-white"></i> <!-- EU Flag icon or similar --> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border border-gray-200"> | |
| <h3 class="text-xl font-bold text-primary mb-2">Europe: Règlement INCO (UE) 1169/2011</h3> | |
| <p class="text-gray-700 mb-4 text-sm">Ce règlement fondamental harmonise l'étiquetage des denrées alimentaires dans l'UE, y compris la déclaration obligatoire de 14 allergènes (Annexe II). Il vise à assurer un niveau élevé de protection de la santé des consommateurs et à garantir leur droit à l'information. <span class="text-xs text-gray-500">(Source: R(UE) 1169/2011)</span></p> | |
| <ul class="list-disc list-inside text-sm text-gray-600 mb-4 space-y-1"> | |
| <li><strong>Mise en évidence :</strong> Les allergènes doivent être indiqués dans la liste des ingrédients et mis en évidence par une typographie distincte (ex: gras, italique, couleur). (Art. 21)</li> | |
| <li><strong>Lisibilité :</strong> Taille minimale de caractère (x-hauteur ≥ 1,2 mm, ou 0,9 mm pour petits emballages). (Art. 13, Annexe IV)</li> | |
| <li><strong>Aliments non préemballés :</strong> L'information doit aussi être disponible, les États membres pouvant définir les modalités. (Art. 44)</li> | |
| </ul> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3 mt-6"> | |
| <!-- Exemple d'allergène (répéter pour les 14) --> | |
| <div class="bg-secondary bg-opacity-20 p-2 rounded-lg text-center text-xs"> | |
| <i class="fas fa-wheat-awn text-primary text-xl mb-1"></i> <span class="font-medium text-gray-700 block">Céréales (gluten)</span> | |
| </div> | |
| <div class="bg-secondary bg-opacity-20 p-2 rounded-lg text-center text-xs"> | |
| <i class="fas fa-egg text-primary text-xl mb-1"></i> <span class="font-medium text-gray-700 block">Œufs</span> | |
| </div> | |
| <div class="bg-secondary bg-opacity-20 p-2 rounded-lg text-center text-xs"> | |
| <i class="fas fa-cow text-primary text-xl mb-1"></i> <span class="font-medium text-gray-700 block">Lait</span> | |
| </div> | |
| <div class="bg-secondary bg-opacity-20 p-2 rounded-lg text-center text-xs"> | |
| <i class="fas fa-fish-fins text-primary text-xl mb-1"></i> <span class="font-medium text-gray-700 block">Poissons</span> | |
| </div> | |
| <!-- Ajouter les 10 autres allergènes ici de la même manière --> | |
| </div> | |
| <button onclick="openModal('incoModal')" class="mt-4 text-sm text-primary hover:underline">Détails techniques du R(UE) 1169/2011</button> | |
| </div> | |
| </div> | |
| <!-- Codex Alimentarius --> | |
| <div class="relative mb-10 pl-10"> | |
| <div class="absolute left-0 top-3 w-10 h-10 rounded-full bg-codexGreen flex items-center justify-center"> | |
| <i class="fas fa-globe-americas text-white"></i> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md border border-gray-200"> | |
| <h3 class="text-xl font-bold text-codexGreen mb-2">Mondial: Codex Alimentarius CXC 80-2020</h3> | |
| <p class="text-gray-700 mb-4 text-sm">Le "Code de pratiques concernant la gestion des allergènes alimentaires par les exploitants du secteur alimentaire" fournit des orientations pour identifier et contrôler les allergènes tout au long de la chaîne alimentaire, de la production primaire à la consommation. <span class="text-xs text-gray-500">(Source: Codex CXC 80-2020)</span></p> | |
| <ul class="list-disc list-inside text-sm text-gray-600 mb-4 space-y-1"> | |
| <li><strong>Principes généraux d'hygiène alimentaire (GHPs) :</strong> Base de la gestion des allergènes.</li> | |
| <li><strong>Système <span class="tooltip">HACCP<span class="tooltiptext">Hazard Analysis Critical Control Point. Système d'analyse des dangers et points critiques pour leur maîtrise.</span></span> :</strong> Les allergènes doivent être traités comme des dangers significatifs.</li> | |
| <li><strong>Prévention de la contamination croisée :</strong> À toutes les étapes (conception, matières premières, transformation, nettoyage, etc.).</li> | |
| <li><strong>Étiquetage :</strong> Informations claires et précises pour le consommateur. Le Codex liste 8 allergènes prioritaires au niveau mondial.</li> | |
| </ul> | |
| <button onclick="openModal('codexModal')" class="mt-4 text-sm text-codexGreen hover:underline">Principes clés du Codex CXC 80-2020</button> | |
| </div> | |
| </div> | |
| <!-- Autres réglementations (UK, AUS/NZ) peuvent être ajoutées ici ou dans une section "Autres Réglementations" si nécessaire --> | |
| </div> | |
| <!-- Note sur les allergènes de parfum --> | |
| <div class="mt-8 p-4 bg-purple-50 rounded-lg border border-purple-200"> | |
| <h4 class="text-md font-semibold text-purple-700 mb-2"><i class="fas fa-flask mr-2"></i>Note sur les Allergènes de Parfums (Cosmétiques)</h4> | |
| <p class="text-sm text-gray-700">Le Règlement (UE) 2023/1545 concerne spécifiquement les substances parfumantes allergènes dans les produits cosmétiques et non les allergènes alimentaires. Il a étendu la liste des allergènes de parfums à déclaration obligatoire de 24 à 80. Il est important de ne pas les confondre avec les allergènes alimentaires régis par l'INCO.</p> | |
| </div> | |
| </section> | |
| <!-- GFSI Standards (Contenu similaire mais peut être étoffé dans les modales ou descriptions) --> | |
| <section id="gfsi" class="section mb-20"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-primary">Intégration dans les Référentiels <span class="tooltip">GFSI<span class="tooltiptext">Global Food Safety Initiative. Les référentiels reconnus (IFS, BRCGS, FSSC 22000) intègrent les principes du Codex et les exigences réglementaires pour la gestion des allergènes.</span></span></h2> | |
| <p class="text-gray-600 mt-2">Les standards GFSI exigent une approche systématique et documentée de la gestion des allergènes.</p> | |
| <div class="w-32 h-1 bg-secondary mx-auto mt-4"></div> | |
| </div> | |
| <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> | |
| <!-- IFS Card --> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden border-gradient transform transition hover:scale-[1.02]"> | |
| <div class="p-6"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h3 class="text-xl font-bold text-primary">IFS Food</h3> | |
| <div class="w-12 h-12 rounded-full bg-primary bg-opacity-10 flex items-center justify-center"> | |
| <i class="fas fa-shield-alt text-primary text-xl"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4 text-sm">Exige un plan de maîtrise des allergènes basé sur l'analyse des risques (<span class="tooltip">HACCP<span class="tooltiptext">Allergens must be included as a significant hazard in the HACCP study.</span></span>), la prévention de la contamination croisée, la validation du nettoyage, la gestion des matières premières et l'étiquetage. Une attention particulière est portée à la formation du personnel. <span class="text-xs text-gray-500">(Ex: IFS Food v8, Ch. 4.11)</span></p> | |
| </div> | |
| </div> | |
| <!-- BRCGS Card --> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden border-gradient transform transition hover:scale-[1.02]"> | |
| <div class="p-6"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h3 class="text-xl font-bold text-primary">BRCGS Food Safety</h3> | |
| <div class="w-12 h-12 rounded-full bg-primary bg-opacity-10 flex items-center justify-center"> | |
| <i class="fas fa-certificate text-primary text-xl"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4 text-sm">Section 5.3 dédiée à la gestion des allergènes. Requiert une évaluation documentée des risques, des contrôles pour prévenir la contamination croisée (séparation, nettoyage validé), la gestion des matières premières contenant des allergènes, et des procédures d'étiquetage précises. <span class="text-xs text-gray-500">(Ex: BRCGS Food Safety Issue 9, Section 5.3)</span></p> | |
| </div> | |
| </div> | |
| <!-- FSSC 22000 Card --> | |
| <div class="bg-white rounded-xl shadow-md overflow-hidden border-gradient transform transition hover:scale-[1.02]"> | |
| <div class="p-6"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h3 class="text-xl font-bold text-primary">FSSC 22000</h3> | |
| <div class="w-12 h-12 rounded-full bg-primary bg-opacity-10 flex items-center justify-center"> | |
| <i class="fas fa-check-double text-primary text-xl"></i> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4 text-sm">S'appuie sur ISO 22000 et les spécifications techniques pour les <span class="tooltip">PRP<span class="tooltiptext">Programmes Prérequis (ex: ISO/TS 22002-1 pour la fabrication alimentaire).</span></span>. ISO/TS 22002-1 (clause 10) détaille les exigences pour la prévention de la contamination croisée, la manipulation et le stockage des allergènes. <span class="text-xs text-gray-500">(Ex: FSSC 22000 v6; ISO/TS 22002-1:2009, Clause 10)</span></p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- HACCP Section --> | |
| <div class="mt-16 bg-blue-50 rounded-xl p-8 border border-blue-100"> | |
| <div class="flex items-start"> | |
| <div class="mr-6"> | |
| <div class="w-14 h-14 rounded-full bg-primary flex items-center justify-center"> | |
| <i class="fas fa-clipboard-check text-white text-xl"></i> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-2xl font-bold text-primary mb-4">Intégration des Allergènes dans la Démarche <span class="tooltip">HACCP<span class="tooltiptext">Hazard Analysis Critical Control Point. Les allergènes doivent être considérés comme un danger chimique (ou biologique si on considère la réaction immunitaire) dans l'étude HACCP.</span></span></h3> | |
| <p class="text-gray-700 mb-4 text-sm">Le Codex Alimentarius (Principes Généraux d'Hygiène Alimentaire CXC 1-1969 et Code sur la gestion des allergènes CXC 80-2020) stipule que les allergènes doivent être inclus dans l'analyse des dangers. Cela implique :</p> | |
| <ul class="list-disc list-inside text-sm text-gray-600 space-y-2"> | |
| <li><strong>Identification des dangers :</strong> Lister tous les allergènes présents intentionnellement et évaluer les risques de contamination croisée à chaque étape.</li> | |
| <li><strong>Détermination des <span class="tooltip">CCP<span class="tooltiptext">Points Critiques pour la Maîtrise.</span></span> / <span class="tooltip">PRPo<span class="tooltiptext">Programmes Prérequis Opérationnels.</span></span> :</strong> Identifier les étapes où le contrôle est essentiel pour prévenir ou éliminer un danger allergène ou le réduire à un niveau acceptable (ex: nettoyage, ségrégation, étiquetage).</li> | |
| <li><strong>Validation des mesures de maîtrise :</strong> Prouver que les mesures (ex: protocole de nettoyage) sont efficaces.</li> | |
| <li><strong>Surveillance et Vérification :</strong> S'assurer que les mesures sont appliquées correctement et restent efficaces.</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Suppliers Section (contenu existant est pertinent) --> | |
| <section id="suppliers" class="section mb-20"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-primary">Gestion des Fournisseurs et Matières Premières</h2> | |
| <p class="text-gray-600 mt-2">Une information allergène précise des fournisseurs est la fondation de votre propre plan de maîtrise.</p> | |
| <div class="w-32 h-1 bg-secondary mx-auto mt-4"></div> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg border-gradient"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/3 mb-6 md:mb-0 md:pr-8 text-center"> | |
| <i class="fas fa-dolly-flatbed text-6xl text-primary mb-4"></i> | |
| </div> | |
| <div class="md:w-2/3"> | |
| <p class="text-gray-700 mb-4 text-sm">Le Codex CXC 80-2020 (Section 5.3) souligne l'importance des "Exigences relatives aux matières premières". Il est crucial de :</p> | |
| <ul class="list-disc list-inside text-gray-700 space-y-2 mb-6 text-sm"> | |
| <li>Établir des spécifications claires pour chaque matière première, incluant la déclaration exhaustive des allergènes (intentionnels et risque de contamination croisée). <span class="text-xs text-gray-500">(Codex CXC 80-2020, 5.3.1)</span></li> | |
| <li>Valider les informations allergènes fournies par les fournisseurs (questionnaires, audits, certificats d'analyse si nécessaire).</li> | |
| <li>Avoir des procédures de réception pour vérifier la conformité des livraisons (étiquetage, intégrité).</li> | |
| <li>Gérer les changements de formulation ou de fournisseur via un processus formel pour réévaluer les risques allergènes.</li> | |
| </ul> | |
| <button onclick="openModal('supplierModal')" class="text-primary hover:underline font-semibold text-sm">Bonnes pratiques de gestion des fournisseurs <i class="fas fa-arrow-right ml-1"></i></button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Prevention Section (contenu existant est pertinent, focus Codex sur les descriptions) --> | |
| <section id="prevention" class="section mb-20"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-primary">Stratégies de Prévention de la Contamination Croisée</h2> | |
| <p class="text-gray-600 mt-2">Le Codex CXC 80-2020 détaille de nombreuses mesures de prévention dans ses sections IV (Conception) et V (Maîtrise des opérations).</p> | |
| <div class="w-32 h-1 bg-secondary mx-auto mt-4"></div> | |
| </div> | |
| <div class="flex flex-col md:flex-row gap-8"> | |
| <div class="md:w-1/2"> | |
| <div class="bg-white p-6 rounded-xl shadow-md mb-6"> | |
| <h3 class="text-xl font-bold text-primary mb-4 flex items-center"><i class="fas fa-object-group mr-2"></i>Conception des Locaux et Flux (Codex Sec. IV)</h3> | |
| <p class="text-gray-700 mb-4 text-sm">La conception des installations doit minimiser le risque de contamination croisée. Cela inclut la séparation physique (zones dédiées, barrières) ou temporelle (planification de production avec nettoyage intermédiaire validé) des opérations impliquant différents allergènes. Les flux de personnel, matières et déchets doivent être maîtrisés. <span class="text-xs text-gray-500">(Codex CXC 80-2020, 4.1, 4.2)</span></p> | |
| <div class="flex items-center mb-3"><div class="mr-3"><div class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center"><i class="fas fa-route text-white"></i></div></div><div><h4 class="font-semibold">Principe de marche en avant</h4><p class="text-xs text-gray-600">Minimiser les croisements entre zones "sales" et "propres", ou entre produits avec et sans allergènes.</p></div></div> | |
| <div class="flex items-center"><div class="mr-3"><div class="w-10 h-10 rounded-full bg-secondary flex items-center justify-center"><i class="fas fa-warehouse text-white"></i></div></div><div><h4 class="font-semibold">Stockage Ségrégué</h4><p class="text-xs text-gray-600">Identifier et stocker séparément les ingrédients allergènes. <span class="text-xs text-gray-500">(Codex CXC 80-2020, 5.2.1.1)</span></p></div></div> | |
| </div> | |
| <div class="bg-white p-6 rounded-xl shadow-md"> | |
| <h3 class="text-xl font-bold text-primary mb-4 flex items-center"><i class="fas fa-soap mr-2"></i>Équipements et Nettoyage Validé (Codex Sec. VI)</h3> | |
| <p class="text-gray-700 mb-4 text-sm">Les équipements doivent être conçus pour être facilement nettoyables. Les procédures de nettoyage doivent être validées pour prouver leur efficacité à éliminer les résidus d'allergènes spécifiques. <span class="text-xs text-gray-500">(Codex CXC 80-2020, 6.1, 6.2, 6.5)</span></p> | |
| <div class="flex flex-wrap gap-3"> | |
| <span class="px-2 py-1 bg-secondary bg-opacity-20 text-primary text-xs rounded-md">Ustensiles dédiés / codage couleur</span> | |
| <span class="px-2 py-1 bg-secondary bg-opacity-20 text-primary text-xs rounded-md">Nettoyage humide vs. sec</span> | |
| <span class="px-2 py-1 bg-secondary bg-opacity-20 text-primary text-xs rounded-md">Validation (tests ELISA, LFD)</span> | |
| </div> | |
| <div class="mt-4"><button onclick="openModal('cleaningModal')" class="text-primary hover:underline font-semibold text-sm">Détails sur la Validation du Nettoyage <i class="fas fa-arrow-right ml-1"></i></button></div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <div class="bg-white p-6 rounded-xl shadow-md h-full"> | |
| <h3 class="text-xl font-bold text-primary mb-4 flex items-center"><i class="fas fa-info-circle mr-2"></i>Information et Étiquetage (INCO & Codex Sec. IX)</h3> | |
| <p class="text-gray-700 mb-4 text-sm">L'étiquetage est la principale source d'information pour les consommateurs. Il doit être conforme à l'INCO 1169/2011 (UE) ou réglementations locales, et aux principes du Codex (clarté, exactitude).</p> | |
| <div class="mb-6 p-3 bg-yellow-50 rounded-lg border border-yellow-200"> | |
| <h4 class="font-bold flex items-center text-yellow-700 mb-1 text-sm"><i class="fas fa-exclamation-triangle mr-2"></i>Étiquetage de Précaution (<span class="tooltip">PAL<span class="tooltiptext">Precautionary Allergen Labelling, ex: "Peut contenir..."</span></span>)</h4> | |
| <p class="text-xs text-yellow-700">Ne doit être utilisé qu'après une évaluation rigoureuse des risques de contamination croisée qui ne peut être éliminée. Ne doit pas se substituer aux Bonnes Pratiques d'Hygiène (BPH) et de Fabrication (BPF). <span class="text-xs text-gray-500">(Codex CXC 80-2020, 9.3)</span></p> | |
| </div> | |
| <ul class="space-y-3 text-sm"> | |
| <li class="flex items-start"><div class="mr-2 mt-1"><i class="fas fa-check-circle text-green-500"></i></div><div><h4 class="font-semibold">Clarté et lisibilité</h4><p class="text-xs text-gray-600">Conforme aux exigences de l'INCO (taille de police, mise en évidence). <span class="text-xs text-gray-500">(INCO Art. 13, 21)</span></p></div></li> | |
| <li class="flex items-start"><div class="mr-2 mt-1"><i class="fas fa-check-circle text-green-500"></i></div><div><h4 class="font-semibold">Exactitude</h4><p class="text-xs text-gray-600">L'étiquette doit refléter fidèlement la composition du produit et les risques identifiés.</p></div></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Tools Section (Contenu existant est pertinent, plus de détails techniques dans la modale) --> | |
| <section id="tools" class="section mb-20"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-primary">Validation, Vérification et Outils Analytiques</h2> | |
| <p class="text-gray-600 mt-2">Confirmer l'efficacité des mesures de maîtrise des allergènes par des méthodes objectives.</p> | |
| <div class="w-32 h-1 bg-secondary mx-auto mt-4"></div> | |
| </div> | |
| <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> | |
| <div class="bg-white rounded-xl shadow-md p-6"> | |
| <h3 class="text-xl font-bold text-primary mb-4 flex items-center"><i class="fas fa-flask-vial mr-2"></i>Méthodes de Validation du Nettoyage</h3> | |
| <p class="text-gray-700 mb-4 text-sm">La validation (Codex CXC 80-2020, 6.2.1) doit prouver l'aptitude d'une procédure de nettoyage à éliminer ou réduire les allergènes à un niveau acceptable. Les méthodes incluent :</p> | |
| <ul class="list-disc list-inside text-sm text-gray-600 space-y-1 mb-4"> | |
| <li><strong>Tests spécifiques d'allergènes :</strong> | |
| <ul class="list-circle list-inside ml-4 text-xs"> | |
| <li><span class="tooltip">ELISA<span class="tooltiptext">Enzyme-Linked Immunosorbent Assay : méthode quantitative ou qualitative, très sensible, cible des protéines spécifiques.</span></span> (quantitatif/qualitatif) : Idéal pour la validation.</li> | |
| <li><span class="tooltip">LFD<span class="tooltiptext">Lateral Flow Devices (bandelettes) : qualitatif, rapide, pour vérification sur site.</span></span> (qualitatif) : Utile pour des vérifications rapides.</li> | |
| <li><span class="tooltip">PCR<span class="tooltiptext">Polymerase Chain Reaction : détecte l'ADN de l'allergène, utile si protéine dénaturée mais pas pour quantifier la protéine.</span></span> (qualitatif) : Détecte l'ADN, utile dans certains cas.</li> | |
| </ul> | |
| </li> | |
| <li><strong>Tests non spécifiques :</strong> <span class="tooltip">ATP-métrie<span class="tooltiptext">Mesure de l'Adénosine Triphosphate, indicateur de propreté biologique générale, non spécifique aux allergènes.</span></span>, tests de protéines totales. Indiquent la propreté générale, utiles pour la surveillance mais pas pour la validation spécifique d'un allergène.</li> | |
| </ul> | |
| <p class="text-gray-700 text-sm">Le choix de la méthode dépend de l'allergène, de la matrice, du niveau de sensibilité requis et du type de surface. <span class="text-xs text-gray-500">(Campden BRI eBook, p.17-21)</span></p> | |
| <button onclick="openModal('cleaningModal')" class="mt-3 text-sm text-primary hover:underline">Plus sur la validation du nettoyage</button> | |
| </div> | |
| <div class="bg-white rounded-xl shadow-md p-6"> | |
| <h3 class="text-xl font-bold text-primary mb-4 flex items-center"><i class="fas fa-file-signature mr-2"></i>Documentation et Enregistrements (Codex Sec. 5.7)</h3> | |
| <p class="text-gray-700 mb-4 text-sm">Une documentation rigoureuse est essentielle pour démontrer la conformité et permettre la traçabilité. Les enregistrements clés incluent :</p> | |
| <ul class="list-disc list-inside text-sm text-gray-600 space-y-1"> | |
| <li>Analyse des risques allergènes et plan HACCP.</li> | |
| <li>Spécifications des matières premières (avec infos allergènes).</li> | |
| <li>Procédures de nettoyage et enregistrements de validation/vérification.</li> | |
| <li>Planification de la production pour gérer la ségrégation.</li> | |
| <li>Enregistrements de formation du personnel.</li> | |
| <li>Vérification de l'étiquetage.</li> | |
| <li>Gestion des non-conformités et actions correctives.</li> | |
| </ul> | |
| <div class="mt-6 bg-gray-50 p-4 rounded-lg border border-gray-200 text-center"> | |
| <h4 class="font-bold mb-2 text-sm">Traçabilité Numérique</h4> | |
| <p class="text-xs text-gray-600">Les systèmes numériques peuvent grandement faciliter la gestion documentaire et la traçabilité des allergènes.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Training Section (contenu existant est pertinent, plus de détails du Codex) --> | |
| <section id="training" class="section mb-20"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-primary">Formation et Compétences du Personnel (Codex Sec. X)</h2> | |
| <p class="text-gray-600 mt-2">Le personnel à tous les niveaux doit être conscient des risques allergènes et formé aux procédures de maîtrise.</p> | |
| <div class="w-32 h-1 bg-secondary mx-auto mt-4"></div> | |
| </div> | |
| <div class="bg-white p-8 rounded-xl shadow-lg border-gradient"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-2/3 md:pr-8"> | |
| <p class="text-gray-700 mb-4 text-sm">Le Codex CXC 80-2020 (Section X) insiste sur la nécessité d'une formation adaptée aux responsabilités de chacun. Les programmes de formation devraient inclure :</p> | |
| <ul class="list-disc list-inside text-gray-700 space-y-2 mb-6 text-sm"> | |
| <li>Sensibilisation générale aux allergènes (nature, conséquences sanitaires). <span class="text-xs text-gray-500">(10.2a)</span></li> | |
| <li>Identification des allergènes spécifiques à l'entreprise et des points de contamination croisée. <span class="text-xs text-gray-500">(10.2b)</span></li> | |
| <li>Bonnes Pratiques d'Hygiène (BPH) relatives aux allergènes (lavage des mains, vêtements de travail). <span class="text-xs text-gray-500">(10.2c)</span></li> | |
| <li>Procédures de nettoyage et de désinfection spécifiques aux allergènes. <span class="text-xs text-gray-500">(10.2e)</span></li> | |
| <li>Manipulation des matières premières, stockage, et gestion des produits en cours de fabrication (rework). <span class="text-xs text-gray-500">(10.2f)</span></li> | |
| <li>Contrôle de l'étiquetage et communication des informations.</li> | |
| <li>Gestion des incidents et des non-conformités. <span class="text-xs text-gray-500">(10.2i)</span></li> | |
| </ul> | |
| <p class="text-gray-700 text-sm">La formation doit être documentée et son efficacité évaluée. Des recyclages périodiques sont nécessaires.</p> | |
| </div> | |
| <div class="md:w-1/3 text-center mt-6 md:mt-0"> | |
| <i class="fas fa-chalkboard-teacher text-8xl text-primary opacity-80"></i> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Conclusion (contenu existant est pertinent) --> | |
| <section id="conclusion" class="section"> | |
| <div class="mt-16 bg-gradient-to-r from-primary to-purple-600 rounded-2xl overflow-hidden shadow-xl"> | |
| <div class="p-8 md:p-12 text-white"> | |
| <h3 class="text-2xl md:text-3xl font-bold mb-4">Vers une Maîtrise Robuste et Continue des Allergènes</h3> | |
| <p class="mb-6 opacity-90">La gestion des allergènes est un processus dynamique qui nécessite une évaluation continue des risques, une application rigoureuse des mesures de contrôle validées, et une formation constante du personnel. L'alignement avec les directives du Codex Alimentarius, la conformité aux réglementations (comme l'INCO en Europe), et l'adhésion aux exigences des référentiels GFSI constituent le socle d'une stratégie efficace pour protéger les consommateurs allergiques et assurer la réputation de l'entreprise.</p> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 text-sm"> | |
| <div class="p-3 bg-white bg-opacity-20 rounded-lg"><div class="font-bold">Vigilance Réglementaire</div><div class="text-xs opacity-80">Suivi des évolutions (Codex, INCO).</div></div> | |
| <div class="p-3 bg-white bg-opacity-20 rounded-lg"><div class="font-bold">Approche Basée sur le Risque</div><div class="text-xs opacity-80">HACCP et évaluation continue.</div></div> | |
| <div class="p-3 bg-white bg-opacity-20 rounded-lg"><div class="font-bold">Validation et Vérification</div><div class="text-xs opacity-80">Preuves de l'efficacité des contrôles.</div></div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-primary text-white py-8 mt-20"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <div class="mb-6"> | |
| <h4 class="text-xl font-bold mb-4">Maîtrise des Allergènes et Systèmes GFSI</h4> | |
| <p class="max-w-2xl mx-auto opacity-80 text-sm">Une synthèse des exigences clés pour une gestion optimale des allergènes, basée sur les réglementations internationales (Codex, INCO) et les standards GFSI.</p> | |
| </div> | |
| <div class="flex flex-col md:flex-row justify-center items-center space-y-3 md:space-y-0 md:space-x-12 mb-6 text-sm"> | |
| <div><div class="font-semibold mb-1">Réglementations Clés:</div><div class="opacity-80">R(UE) 1169/2011 (INCO) • Codex CXC 80-2020</div></div> | |
| <div><div class="font-semibold mb-1">Référentiels Majeurs:</div><div class="opacity-80">IFS • BRCGS • FSSC 22000</div></div> | |
| </div> | |
| <div class="pt-6 border-t border-white border-opacity-20"><p class="opacity-70 text-xs">© 2024 Gestion des Allergènes Agroalimentaires. Informations à titre indicatif.</p></div> | |
| </div> | |
| </footer> | |
| <!-- Scroll to top button --> | |
| <button id="scrollTopBtn" class="fixed bottom-4 right-4 w-12 h-12 bg-primary rounded-full shadow-lg flex items-center justify-center text-white hidden opacity-0 transition-opacity duration-300"> | |
| <i class="fas fa-arrow-up"></i> | |
| </button> | |
| <!-- Modals (contenu considérablement étoffé) --> | |
| <div id="incoModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close-button" onclick="closeModal('incoModal')">×</span> | |
| <h3 class="text-2xl font-bold text-primary">Règlement (UE) N° 1169/2011 (INCO) - Aspects Techniques Allergènes</h3> | |
| <p>Ce règlement établit les bases de l'information des consommateurs sur les denrées alimentaires dans l'Union Européenne.</p> | |
| <strong class="text-primary">Article 9 - Liste des mentions obligatoires :</strong> | |
| <p class="text-sm">La présence de toute substance ou produit énuméré à l'annexe II (les 14 allergènes) ou dérivé d'une substance ou d'un produit énuméré à l'annexe II provoquant des allergies ou intolérances et utilisé dans la fabrication ou la préparation d'une denrée alimentaire et encore présent dans le produit fini, même sous une forme modifiée, est une mention obligatoire.</p> | |
| <strong class="text-primary">Article 21 - Étiquetage de certaines substances ou produits provoquant des allergies ou intolérances :</strong> | |
| <ul class="list-disc text-sm"> | |
| <li>Les allergènes de l'Annexe II doivent être indiqués dans la liste des ingrédients.</li> | |
| <li>Le nom de la substance ou du produit (tel que précisé à l'Annexe II) doit être mis en évidence par une typographie qui le distingue clairement du reste de la liste des ingrédients (par exemple, police de caractères, style ou couleur de fond).</li> | |
| <li>En l'absence de liste d'ingrédients, la mention "contient" suivie du nom de l'allergène est requise.</li> | |
| <li>L'exigence de mise en évidence ne s'applique pas si le nom de la denrée alimentaire fait clairement référence à l'allergène concerné.</li> | |
| </ul> | |
| <strong class="text-primary">Article 13 & Annexe IV - Lisibilité :</strong> | |
| <p class="text-sm">Les mentions obligatoires doivent être imprimées de manière à assurer une lisibilité aisée, avec une hauteur de x (partie médiane des lettres comme le x minuscule) d'au moins 1,2 mm. Pour les emballages dont la face la plus grande a une surface inférieure à 80 cm², la hauteur de x minimale est de 0,9 mm.</p> | |
| <strong class="text-primary">Article 44 - Mesures nationales pour les aliments non préemballés :</strong> | |
| <p class="text-sm">L'information sur les allergènes est obligatoire pour les aliments non préemballés. Les États membres peuvent adopter des mesures nationales concernant les moyens de rendre cette information disponible et, le cas échéant, sa forme d'expression et de présentation.</p> | |
| <p class="mt-4 text-xs text-gray-500">Référence: R(UE) 1169/2011. Cette synthèse est non exhaustive.</p> | |
| </div> | |
| </div> | |
| <div id="codexModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close-button" onclick="closeModal('codexModal')">×</span> | |
| <h3 class="text-2xl font-bold text-codexGreen">Codex Alimentarius CXC 80-2020 - Principes Techniques Clés</h3> | |
| <p>Le "Code de pratiques concernant la gestion des allergènes alimentaires" (CXC 80-2020) offre des directives techniques pour les exploitants.</p> | |
| <strong class="text-codexGreen">Section III - Production Primaire :</strong> | |
| <p class="text-sm">Minimiser la contamination par les allergènes dès la source (ex: rotation des cultures, nettoyage du matériel de récolte).</p> | |
| <strong class="text-codexGreen">Section IV - Conception de l'établissement :</strong> | |
| <ul class="list-disc text-sm"> | |
| <li>Flux linéaires pour éviter la contamination croisée.</li> | |
| <li>Séparation des zones, équipements dédiés si possible.</li> | |
| <li>Conception hygiénique des équipements pour faciliter le nettoyage.</li> | |
| <li>Contrôle de la qualité de l'air (poussières).</li> | |
| </ul> | |
| <strong class="text-codexGreen">Section V - Maîtrise des opérations :</strong> | |
| <ul class="list-disc text-sm"> | |
| <li>Intégration des allergènes dans l'étude HACCP.</li> | |
| <li>Contrôle des matières premières (spécifications, information fournisseur, réception).</li> | |
| <li>Prévention de la contamination croisée pendant la transformation (planification, ségrégation, ustensiles dédiés, gestion des retouches "rework").</li> | |
| <li>Contrôle de l'emballage et de l'étiquetage.</li> | |
| </ul> | |
| <strong class="text-codexGreen">Section VI - Entretien et assainissement :</strong> | |
| <ul class="list-disc text-sm"> | |
| <li>Programmes de nettoyage documentés.</li> | |
| <li>Validation de l'efficacité du nettoyage pour éliminer les allergènes (utilisation de méthodes analytiques appropriées).</li> | |
| <li>Vérification régulière de l'efficacité du nettoyage.</li> | |
| </ul> | |
| <strong class="text-codexGreen">Section X - Formation :</strong> | |
| <p class="text-sm">Formation de tout le personnel (y compris temporaires et maintenance) sur les risques allergènes, les bonnes pratiques d'hygiène, les procédures de nettoyage, la manipulation des allergènes, et l'étiquetage.</p> | |
| <p class="mt-4 text-xs text-gray-500">Référence: Codex Alimentarius, CXC 80-2020. Cette synthèse est non exhaustive.</p> | |
| </div> | |
| </div> | |
| <div id="supplierModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close-button" onclick="closeModal('supplierModal')">×</span> | |
| <h3 class="text-2xl font-bold text-primary">Gestion Technique des Fournisseurs d'Ingrédients</h3> | |
| <p>La maîtrise des allergènes commence par une connaissance approfondie des matières premières et une collaboration étroite avec les fournisseurs.</p> | |
| <strong class="text-primary">Informations techniques à exiger des fournisseurs (Codex CXC 80-2020, 5.3) :</strong> | |
| <ul class="list-disc text-sm"> | |
| <li><strong>Spécifications complètes :</strong> Liste exhaustive de tous les ingrédients et sous-ingrédients, y compris les additifs et les auxiliaires technologiques.</li> | |
| <li><strong>Profil allergénique :</strong> Déclaration de tous les allergènes prioritaires (selon votre marché cible, ex: les 14 de l'UE) présents intentionnellement.</li> | |
| <li><strong>Évaluation du risque de contamination croisée :</strong> Le fournisseur doit fournir une évaluation de ses propres risques de contamination croisée pour chaque allergène pertinent (parfois via le programme VITAL ou équivalent). Indiquer les allergènes manipulés sur la même ligne ou dans la même usine.</li> | |
| <li><strong>Méthodes de contrôle en place chez le fournisseur :</strong> Description des mesures de prévention (ségrégation, nettoyage validé, etc.).</li> | |
| <li><strong>Certificats d'analyse (CoA) :</strong> Si applicable et pertinent (ex: pour des ingrédients "sans allergène X"), basés sur des méthodes analytiques validées.</li> | |
| <li><strong>Engagement de notification :</strong> Accord formel sur la notification de tout changement de formulation, de processus, ou de site de production pouvant impacter le statut allergénique.</li> | |
| </ul> | |
| <strong class="text-primary">Processus d'approbation et de suivi :</strong> | |
| <ul class="list-disc text-sm"> | |
| <li>Questionnaires d'évaluation des risques allergènes des fournisseurs.</li> | |
| <li>Audits fournisseurs (si risque élevé) pour vérifier les pratiques sur site.</li> | |
| <li>Vérifications à réception : conformité de l'étiquetage, intégrité des emballages, absence de contamination visible.</li> | |
| <li>Tests périodiques des matières premières critiques pour vérifier les informations fournisseurs.</li> | |
| </ul> | |
| <p class="mt-4 text-xs text-gray-500">Inspiré par : Codex CXC 80-2020, BRCGS Food Safety Issue 9 (section 3.5.1), IFS Food v8 (section 4.4).</p> | |
| </div> | |
| </div> | |
| <div id="cleaningModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close-button" onclick="closeModal('cleaningModal')">×</span> | |
| <h3 class="text-2xl font-bold text-primary">Validation Technique du Nettoyage Allergènes</h3> | |
| <p>La validation (prouver que ça marche) est distincte de la vérification (s'assurer que c'est fait correctement à chaque fois).</p> | |
| <strong class="text-primary">Étapes clés de la validation (Codex CXC 80-2020, 6.2.1) :</strong> | |
| <ol class="list-decimal list-inside text-sm space-y-2"> | |
| <li><strong>Identifier l'allergène cible :</strong> Choisir l'allergène le plus pertinent (ex: le plus difficile à nettoyer, le plus prévalent, le plus potent).</li> | |
| <li><strong>Définir la procédure de nettoyage à valider :</strong> Détailler chaque étape (démontage, prélavage, détergent, concentration, temps, température, action mécanique, rinçage, séchage).</li> | |
| <li><strong>Choisir les méthodes d'échantillonnage et d'analyse :</strong> | |
| <ul class="list-disc list-inside ml-4"> | |
| <li>Écouvillonnage de surfaces en contact direct et indirect.</li> | |
| <li>Analyse de la première eau de rinçage.</li> | |
| <li>Analyse du premier produit fabriqué après nettoyage ("push-through" ou produit "placebo").</li> | |
| <li>Méthodes analytiques : | |
| <ul class="list-circle list-inside ml-4"> | |
| <li><strong>ELISA :</strong> Le plus courant pour les protéines. Quantitatif ou semi-quantitatif. Choisir un kit validé pour la matrice et l'allergène. Sensibilité en ppm (mg/kg) de protéine ou d'ingrédient.</li> | |
| <li><strong>LFD (Bandelettes) :</strong> Rapide, qualitatif. Utile pour vérification rapide, moins pour validation formelle en raison de sa nature qualitative et de sa sensibilité parfois moindre.</li> | |
| <li><strong>PCR :</strong> Détecte l'ADN. Utile si la protéine est fortement dénaturée. Ne quantifie pas la protéine allergénique.</li> | |
| <li><strong>ATP-métrie / Protéines Totales :</strong> Non spécifiques aux allergènes. Indiquent la propreté générale. Peuvent compléter mais pas remplacer les tests spécifiques pour la validation.</li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </li> | |
| <li><strong>Établir des critères d'acceptation :</strong> Idéalement "non détecté" par la méthode choisie, ou en dessous d'un seuil basé sur une évaluation des risques (ex: doses de référence VITAL). Le seuil doit être supérieur à la limite de détection/quantification de la méthode.</li> | |
| <li><strong>Exécuter le protocole :</strong> Typiquement, 3 cycles de production de l'allergène cible suivis du nettoyage validé, avec des résultats conformes aux critères pour chaque cycle.</li> | |
| <li><strong>Documenter :</strong> Rédiger un rapport de validation complet.</li> | |
| </ol> | |
| <strong class="text-primary mt-3 block">Vérification Continue :</strong> Après validation, mettre en place un plan de vérification (ex: LFD avant démarrage, inspection visuelle) pour s'assurer que le nettoyage validé est correctement appliqué. | |
| <p class="mt-4 text-xs text-gray-500">Inspiré par : Codex CXC 80-2020, Campden BRI Guideline 59, Référentiels GFSI.</p> | |
| </div> | |
| </div> | |
| <script> | |
| // Scroll to top button | |
| const scrollTopBtn = document.getElementById('scrollTopBtn'); | |
| window.addEventListener('scroll', () => { | |
| if (window.pageYOffset > 300) { | |
| scrollTopBtn.classList.remove('hidden', 'opacity-0'); | |
| scrollTopBtn.classList.add('opacity-100'); | |
| } else { | |
| scrollTopBtn.classList.add('opacity-0'); | |
| setTimeout(() => { | |
| if (window.pageYOffset <= 300) { | |
| scrollTopBtn.classList.add('hidden'); | |
| } | |
| }, 300); | |
| } | |
| }); | |
| scrollTopBtn.addEventListener('click', () => { | |
| window.scrollTo({ top: 0, behavior: 'smooth' }); | |
| }); | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| const headerOffset = document.querySelector('header').offsetHeight || 80; | |
| const elementPosition = targetElement.getBoundingClientRect().top; | |
| const offsetPosition = elementPosition + window.pageYOffset - headerOffset; | |
| window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); | |
| } | |
| }); | |
| }); | |
| const sections = document.querySelectorAll('.section'); | |
| const navLinks = document.querySelectorAll('nav a'); | |
| const headerHeight = document.querySelector('header').offsetHeight || 80; | |
| window.addEventListener('scroll', function() { | |
| let currentSectionId = ''; | |
| sections.forEach(section => { | |
| const sectionTop = section.offsetTop - headerHeight - 60; // Offset augmenté un peu | |
| if (pageYOffset >= sectionTop) { | |
| currentSectionId = section.getAttribute('id'); | |
| } | |
| }); | |
| navLinks.forEach(link => { | |
| link.classList.remove('bg-secondary', 'text-primary', 'font-semibold'); | |
| link.classList.add('text-gray-700'); | |
| if (link.getAttribute('href').substring(1) === currentSectionId) { | |
| link.classList.add('bg-secondary', 'text-primary', 'font-semibold'); | |
| link.classList.remove('text-gray-700'); | |
| } | |
| }); | |
| }); | |
| function openModal(modalId) { | |
| document.getElementById(modalId).style.display = "block"; | |
| document.body.style.overflow = 'hidden'; | |
| } | |
| function closeModal(modalId) { | |
| document.getElementById(modalId).style.display = "none"; | |
| document.body.style.overflow = 'auto'; | |
| } | |
| window.onclick = function(event) { | |
| document.querySelectorAll('.modal').forEach(modal => { | |
| if (event.target == modal) { | |
| modal.style.display = "none"; | |
| document.body.style.overflow = 'auto'; | |
| } | |
| }); | |
| } | |
| </script> | |
| </body> | |
| </html> |