diff --git a/app/views/consumptionsByPeriod.pug b/app/views/consumptionsByPeriod.pug
index 16074420bb248b5ee055cba1cb8bc0e4ba6c7fdc..aad0be7159f0836e2d2a6db72a5606575183663c 100644
--- a/app/views/consumptionsByPeriod.pug
+++ b/app/views/consumptionsByPeriod.pug
@@ -47,7 +47,12 @@ block content
             updateList('consommations-annee', 'Consommations par Année', consommationsAnnee);
         });
 
+        // Fonction pour convertir les centimètres cubes en litres
+        function cm3ToLitres(cm3) {
+            return cm3 / 1000;
+        }
+
         function updateList(containerId, label, data) {
             const container = document.getElementById(containerId);
-            container.innerHTML = `<h2>${label}</h2><ul class="list-group">${data && data.length ? data.map(cons => `<li class="list-group-item">Date: ${cons._id}, Consommation: ${cons.totalConsommation} (cm³)</li>`).join('') : '<li class="list-group-item">Pas de données disponibles</li>'}</ul>`;
+            container.innerHTML = `<h2>${label}</h2><ul class="list-group">${data && data.length ? data.map(cons => `<li class="list-group-item">Date: ${cons._id}, Consommation: ${cm3ToLitres(cons.totalConsommation).toFixed(2)} L</li>`).join('') : '<li class="list-group-item">Pas de données disponibles</li>'}</ul>`;
         }
diff --git a/app/views/lastConsumptions.pug b/app/views/lastConsumptions.pug
index 758b58c95e643a91e660f74490d24dc287d19192..972398b42ee6fb80dce7ffeb907fe333746721a0 100644
--- a/app/views/lastConsumptions.pug
+++ b/app/views/lastConsumptions.pug
@@ -7,6 +7,10 @@ block content
         #consommations-list.list-group
 
     script.
+        // Fonction pour convertir les centimètres cubes en litres
+        function cm3ToLitres(cm3) {
+            return cm3 / 1000;
+        }
         async function updateList() {
             try {
                 const response = await fetch('/last-consommations');
@@ -18,18 +22,19 @@ block content
 
                 latestConsommations.forEach(cons => {
                     const listItem = document.createElement('li');
-                    listItem.className = 'list-group-item'; // Utilise la classe list-group-item de Bootstrap
+                    listItem.className = 'list-group-item';
 
                     const dateItem = document.createElement('p');
                     dateItem.textContent = `Date: ${new Date(cons.timestamp).toLocaleString()}`;
                     listItem.appendChild(dateItem);
 
                     const consommationItem = document.createElement('p');
-                    consommationItem.textContent = `Consommation: ${cons.consommation} (cm³)`;
+                    const litres = cm3ToLitres(cons.consommation);
+                    consommationItem.textContent = `Consommation: ${litres.toFixed(2)} L`;
                     listItem.appendChild(consommationItem);
 
                     consommationsList.appendChild(listItem);
-                });
+                    });
 
             } catch (error) {
                 console.error('Error fetching latest consommations:', error);