diff --git a/test.html b/test.html
index 47ad454..b16ade6 100644
--- a/test.html
+++ b/test.html
@@ -2,27 +2,128 @@
 <html lang="fr">
 <head>
     <meta charset="UTF-8">
-    <title>EverShelf - Test de Réconciliation</title>
+    <title>EverShelf - Réconciliation</title>
     <style>
         body { font-family: sans-serif; background: #222; color: #eee; padding: 20px; }
-        .card { background: #444; padding: 20px; border-radius: 8px; }
+        .card { background: #444; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
+        select { padding: 8px; border-radius: 4px; border: 1px solid #666; margin-right: 10px; }
+        button { padding: 8px 15px; background: #1976d2; color: white; border: none; border-radius: 5px; cursor: pointer; }
         table { width: 100%; border-collapse: collapse; background: #333; margin-top: 20px; }
-        th, td { border: 1px solid #555; padding: 10px; }
+        th, td { border: 1px solid #555; padding: 10px; text-align: left; }
+        th { background: #444; }
     </style>
 </head>
 <body>
+
     <div class="card">
-        <h3>Modification en masse (Test)</h3>
-        <select id="cat-mass"></select>
-        <button id="save-btn" onclick="applyToSelected()">Appliquer aux cochés</button>
+        <h3>Modification en masse</h3>
+        <select id="cat-mass"><option value="">-- Choisir nouvelle catégorie --</option></select>
+        <button id="save-btn" onclick="applyToSelected()">APPLIQUER AUX COCHÉS</button>
     </div>
+
     <table id="prod-table">
+        <thead>
+            <tr>
+                <th><input type="checkbox" onclick="toggleAll(this)"></th>
+                <th>Produit</th>
+                <th>Catégorie</th>
+                <th>Emplacement</th>
+            </tr>
+        </thead>
         <tbody></tbody>
     </table>
 
     <script>
-        // Ton script de chargement reste inchangé ici...
-        // Dès que j'aurai ton cURL, je remplacerai la fonction applyToSelected()
+        let fullProductList = [];
+        let categories = {};
+
+        async function loadData() {
+            try {
+                const [transRes, prodsRes] = await Promise.all([
+                    fetch('translations/fr.json').then(r => r.json()),
+                    fetch('api/index.php?action=products_list').then(r => r.json())
+                ]);
+                categories = transRes.categories || {};
+                fullProductList = prodsRes.inventory || prodsRes.products || prodsRes;
+                
+                const catSel = document.getElementById('cat-mass');
+                catSel.innerHTML = '<option value="">-- Choisir nouvelle catégorie --</option>';
+                Object.entries(categories).forEach(([key, val]) => {
+                    let opt = document.createElement('option');
+                    opt.value = key; opt.textContent = val;
+                    catSel.appendChild(opt);
+                });
+                renderTable();
+            } catch (e) { console.error("Erreur chargement:", e); }
+        }
+
+        loadData();
+
+        function renderTable() {
+            const tbody = document.querySelector('#prod-table tbody');
+            tbody.innerHTML = "";
+            fullProductList.forEach((p, index) => {
+                let row = document.createElement('tr');
+                row.innerHTML = `<td><input type="checkbox" class="prod-check" data-index="${index}"></td>
+                                 <td>${p.name || 'Inconnu'}</td>
+                                 <td>${categories[p.category] || p.category || 'Non classé'}</td>
+                                 <td>${p.location || 'N/A'}</td>`;
+                tbody.appendChild(row);
+            });
+        }
+
+        function toggleAll(source) {
+            document.querySelectorAll('.prod-check').forEach(c => c.checked = source.checked);
+        }
+
+        async function applyToSelected() {
+            const newCat = document.getElementById('cat-mass').value;
+            if(!newCat) return alert("Sélectionne une catégorie !");
+            
+            const checkedBoxes = document.querySelectorAll('.prod-check:checked');
+            if(checkedBoxes.length === 0) return alert("Coche des produits !");
+
+            const btn = document.getElementById('save-btn');
+            btn.disabled = true;
+            btn.textContent = "Traitement en cours...";
+            
+            let successCount = 0;
+            let errorCount = 0;
+
+            for (const checkbox of checkedBoxes) {
+                let p = fullProductList[checkbox.dataset.index];
+                
+                let formData = new FormData();
+                for (let key in p) {
+                    formData.append(key, p[key]);
+                }
+                formData.set('category', newCat);
+                
+                try {
+                    let res = await fetch('api/index.php?action=product_save', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    
+                    if (res.ok) {
+                        successCount++;
+                    } else {
+                        console.error("Erreur serveur sur " + p.name);
+                        errorCount++;
+                    }
+                    await new Promise(r => setTimeout(r, 250));
+                } catch (e) {
+                    console.error("Erreur réseau sur " + p.name, e);
+                    errorCount++;
+                }
+            }
+            
+            await loadData();
+            btn.disabled = false;
+            btn.textContent = "APPLIQUER AUX COCHÉS";
+            
+            alert(`Traitement terminé :\n- Succès : ${successCount}\n- Erreurs : ${errorCount}`);
+        }
     </script>
 </body>
 </html>
\ No newline at end of file
