diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..fbca4fc
Binary files /dev/null and b/.DS_Store differ
diff --git a/Audios/ANGLAIS.mp3 b/Audios/ANGLAIS.mp3
new file mode 100644
index 0000000..45047ea
Binary files /dev/null and b/Audios/ANGLAIS.mp3 differ
diff --git a/Audios/ESPAGNOL.mp3 b/Audios/ESPAGNOL.mp3
new file mode 100644
index 0000000..641c033
Binary files /dev/null and b/Audios/ESPAGNOL.mp3 differ
diff --git a/Audios/FRANCAIS.mp3 b/Audios/FRANCAIS.mp3
new file mode 100644
index 0000000..e8a5e57
Binary files /dev/null and b/Audios/FRANCAIS.mp3 differ
diff --git a/index.html b/index.html
index 88ae163..912a370 100644
--- a/index.html
+++ b/index.html
@@ -157,7 +157,16 @@
             background: white;
             padding: 15px;
             border-radius: 8px;
-            display: inline-block;
+            display: none; /* caché par défaut */
+        }
+        
+        .accept-label {
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            font-size: 1.2rem;
+            margin-bottom: 1rem;
+            cursor: pointer;
         }
         
         footer {
@@ -169,7 +178,6 @@
         }
         
         @media (max-width: 768px) {
-            .video-container iframe { height: 320px; }
             .hero-content h1 { font-size: 2.2rem; }
         }
     </style>
@@ -225,9 +233,13 @@
             </ul>
             
             <div class="confirmation">
-                <strong>Pour attester que vous avez lu les règles :</strong><br><br>
+                <label class="accept-label">
+                    <input type="checkbox" class="accept-checkbox">
+                    <strong>En cliquant ici, « vous reconnaissez avoir lu et compris » les règles de sûreté, et vous vous engagez à les appliquer.</strong>
+                </label>
+                <br><br>
                 Communiquez ce code à l’hôtesse d’accueil :<br>
-                <div class="code">GSK-SEC-FR-2026</div>
+                <div class="code" id="code-fr">GSK-SEC-FR-XXXXXX</div>
             </div>
         </div>
     </div>
@@ -248,7 +260,7 @@
         <div class="safety-text">
             <ul>
                 <li>Please read the safety instructions carefully, complete them, and keep them with you at all times in case of inspection.</li>
-                <li>Your badge must be worn visibly around your neck at all times.</li>
+                <li>Your badge must be worn visibly around the neck at all times.</li>
                 <li>You must badge in individually, even if someone holds the door for you.</li>
                 <li>Only vehicles carrying equipment are permitted to enter and park on site, and must have a valid authorization.</li>
                 <li>Speed limit: 20 km/h.</li>
@@ -257,9 +269,13 @@
             </ul>
             
             <div class="confirmation">
-                <strong>To confirm you have read the rules:</strong><br><br>
+                <label class="accept-label">
+                    <input type="checkbox" class="accept-checkbox">
+                    <strong>By clicking here, you acknowledge that you have read and understood the safety rules, and you agree to comply with them.</strong>
+                </label>
+                <br><br>
                 Give this code to the receptionist:<br>
-                <div class="code">GSK-SEC-EN-2026</div>
+                <div class="code" id="code-en">GSK-SEC-EN-XXXXXX</div>
             </div>
         </div>
     </div>
@@ -289,17 +305,20 @@
             </ul>
             
             <div class="confirmation">
-                <strong>Para confirmar que ha leído las normas:</strong><br><br>
+                <label class="accept-label">
+                    <input type="checkbox" class="accept-checkbox">
+                    <strong>Haciendo clic aquí, usted reconoce haber leído y comprendido las normas de seguridad, y se compromete a cumplirlas.</strong>
+                </label>
+                <br><br>
                 Entregue este código a la recepcionista:<br>
-                <div class="code">GSK-SEC-ES-2026</div>
+                <div class="code" id="code-es">GSK-SEC-ES-XXXXXX</div>
             </div>
         </div>
     </div>
 
-    <footer>
+<footer>
         <p>&copy; 2026 GSK plc — Règles de Sécurité Visiteurs</p>
         <p style="margin-top: 8px; font-size: 0.95rem;">Développé par LABBEJ27 pour Fiducial Évreux</p>
-        <p style="margin-top: 8px; font-size: 0.95rem;">À titre démonstratif</p>
         <p style="margin-top: 15px; font-size: 0.85rem; opacity: 0.75;">
             Code source disponible sur : 
             <a href="https://labbej27.duckdns.org/labbej/gsk-securite-visiteurs" 
@@ -311,6 +330,21 @@
     </footer>
 
     <script>
+        // Génère le code avec le mois en cours (ex: 062026)
+        function getCurrentCode(lang) {
+            const now = new Date();
+            const month = String(now.getMonth() + 1).padStart(2, '0');
+            const year = now.getFullYear();
+            return `GSK-SEC-${lang.toUpperCase()}-${month}${year}`;
+        }
+
+        // Met à jour tous les codes
+        function updateCodes() {
+            document.getElementById('code-fr').textContent = getCurrentCode('fr');
+            document.getElementById('code-en').textContent = getCurrentCode('en');
+            document.getElementById('code-es').textContent = getCurrentCode('es');
+        }
+
         function selectLanguage(lang) {
             document.querySelectorAll('.content').forEach(c => c.classList.remove('active'));
             document.getElementById(`content-${lang}`).classList.add('active');
@@ -323,11 +357,32 @@
                 document.getElementById(`content-${lang}`).scrollIntoView({ behavior: 'smooth' });
             }, 150);
         }
-        
-        // Retour à l'accueil en cliquant sur le logo
-        document.querySelector('.logo').addEventListener('click', () => {
-            document.getElementById('home').scrollIntoView({ behavior: 'smooth' });
-        });
+
+        // Gestion des cases à cocher
+        function setupCheckboxes() {
+            document.querySelectorAll('.accept-checkbox').forEach(checkbox => {
+                const codeDiv = checkbox.closest('.confirmation').querySelector('.code');
+                
+                checkbox.addEventListener('change', function() {
+                    if (this.checked) {
+                        codeDiv.style.display = 'inline-block';
+                    } else {
+                        codeDiv.style.display = 'none';
+                    }
+                });
+            });
+        }
+
+        // Initialisation
+        window.onload = function() {
+            updateCodes();
+            setupCheckboxes();
+            
+            // Retour à l'accueil en cliquant sur le logo
+            document.querySelector('.logo').addEventListener('click', () => {
+                document.getElementById('home').scrollIntoView({ behavior: 'smooth' });
+            });
+        };
     </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/video-securite.mp4 b/video-securite.mp4
index 3dd1657..4d3f079 100644
Binary files a/video-securite.mp4 and b/video-securite.mp4 differ
diff --git a/video-securiteen.mp4 b/video-securiteen.mp4
index aa8508b..b5314da 100644
Binary files a/video-securiteen.mp4 and b/video-securiteen.mp4 differ
diff --git a/video-securitees.mp4 b/video-securitees.mp4
index 68c1876..58322ef 100644
Binary files a/video-securitees.mp4 and b/video-securitees.mp4 differ