diff --git a/WEB/package-lock.json b/WEB/package-lock.json
index 59bf3ec..c15a7c1 100644
--- a/WEB/package-lock.json
+++ b/WEB/package-lock.json
@@ -1,9 +1,12 @@
 {
-    "name": "www",
+    "name": "WEB",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "alpinejs": "^3.15.12"
+            },
             "devDependencies": {
                 "@tailwindcss/vite": "^4.0.0",
                 "axios": "^1.11.0",
@@ -1134,6 +1137,30 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/@vue/reactivity": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.1.5.tgz",
+            "integrity": "sha512-1tdfLmNjWG6t/CsPldh+foumYFo3cpyCHgBYQ34ylaMsJ+SNHQ1kApMIa8jN+i593zQuaw3AdWH0nJTARzCFhg==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/shared": "3.1.5"
+            }
+        },
+        "node_modules/@vue/shared": {
+            "version": "3.1.5",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.1.5.tgz",
+            "integrity": "sha512-oJ4F3TnvpXaQwZJNF3ZK+kLPHKarDmJjJ6jyzVNDKH9md1dptjC7lWR//jrGuLdek/U6iltWxqAnYOu8gCiOvA==",
+            "license": "MIT"
+        },
+        "node_modules/alpinejs": {
+            "version": "3.15.12",
+            "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.15.12.tgz",
+            "integrity": "sha512-nJvPAQVNPdZZ0NrExJ/kzQco3ijR8LwvCOadQecllESiqT4NyZ/57sN9V2XyvhlBGAbmlKYgeWZvYdKq99ij/Q==",
+            "license": "MIT",
+            "dependencies": {
+                "@vue/reactivity": "~3.1.1"
+            }
+        },
         "node_modules/ansi-regex": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
diff --git a/WEB/package.json b/WEB/package.json
index 7686b29..7fc0116 100644
--- a/WEB/package.json
+++ b/WEB/package.json
@@ -13,5 +13,8 @@
         "laravel-vite-plugin": "^2.0.0",
         "tailwindcss": "^4.0.0",
         "vite": "^7.0.7"
+    },
+    "dependencies": {
+        "alpinejs": "^3.15.12"
     }
 }
diff --git a/WEB/resources/js/app.js b/WEB/resources/js/app.js
index e59d6a0..2476104 100644
--- a/WEB/resources/js/app.js
+++ b/WEB/resources/js/app.js
@@ -1 +1,8 @@
 import './bootstrap';
+
+// Alpine.js hébergé localement (bundle Vite) plutôt que via un CDN externe,
+// pour rester compatible avec la Content-Security-Policy stricte.
+import Alpine from 'alpinejs';
+
+window.Alpine = Alpine;
+Alpine.start();
diff --git a/WEB/resources/views/layouts/app.blade.php b/WEB/resources/views/layouts/app.blade.php
index 7c19333..d69ebc7 100644
--- a/WEB/resources/views/layouts/app.blade.php
+++ b/WEB/resources/views/layouts/app.blade.php
@@ -6,7 +6,6 @@
     <title>@yield('title', 'CESIZen') | Ministère de la Santé et de la Prévention</title>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     <link rel="icon" href="./img/CesiZen_logo.png" type="image/x-icon">
-    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
     <style>
         :root {
             --fr-blue: #000091;