diff --git a/package-lock.json b/package-lock.json
index c374fad..7bc1fc0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "three": "^0.168.0",
         "uniqid": "^5.4.0",
         "vue": "^3.5.6",
+        "vue-i18n": "^11.2.8",
         "vue-router": "^4.4.5"
       },
       "devDependencies": {
@@ -542,6 +543,50 @@
         "@swc/helpers": "^0.5.0"
       }
     },
+    "node_modules/@intlify/core-base": {
+      "version": "11.2.8",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.2.8.tgz",
+      "integrity": "sha512-nBq6Y1tVkjIUsLsdOjDSJj4AsjvD0UG3zsg9Fyc+OivwlA/oMHSKooUy9tpKj0HqZ+NWFifweHavdljlBLTwdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/message-compiler": "11.2.8",
+        "@intlify/shared": "11.2.8"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "11.2.8",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.2.8.tgz",
+      "integrity": "sha512-A5n33doOjmHsBtCN421386cG1tWp5rpOjOYPNsnpjIJbQ4POF0QY2ezhZR9kr0boKwaHjbOifvyQvHj2UTrDFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/shared": "11.2.8",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "11.2.8",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.2.8.tgz",
+      "integrity": "sha512-l6e4NZyUgv8VyXXH4DbuucFOBmxLF56C/mqh2tvApbzl2Hrhi1aTDcuv5TKdxzfHYmpO3UB0Cz04fgDT9vszfw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      }
+    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
@@ -1857,6 +1902,26 @@
         }
       }
     },
+    "node_modules/vue-i18n": {
+      "version": "11.2.8",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.2.8.tgz",
+      "integrity": "sha512-vJ123v/PXCZntd6Qj5Jumy7UBmIuE92VrtdX+AXr+1WzdBHojiBxnAxdfctUFL+/JIN+VQH4BhsfTtiGsvVObg==",
+      "license": "MIT",
+      "dependencies": {
+        "@intlify/core-base": "11.2.8",
+        "@intlify/shared": "11.2.8",
+        "@vue/devtools-api": "^6.5.0"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/kazupon"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/vue-router": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.1.tgz",
diff --git a/package.json b/package.json
index db18c29..8f71718 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "three": "^0.168.0",
     "uniqid": "^5.4.0",
     "vue": "^3.5.6",
+    "vue-i18n": "^11.2.8",
     "vue-router": "^4.4.5"
   },
   "devDependencies": {
diff --git a/public/site/config/config.php b/public/site/config/config.php
index 779ca22..4ac5104 100644
--- a/public/site/config/config.php
+++ b/public/site/config/config.php
@@ -28,6 +28,7 @@ return [
     'install' => 'true'
   ],
   'routes' => [
+    require(__DIR__ . '/routes/en-locale.php'),
     require(__DIR__ . '/routes/logout.php'),
     require(__DIR__ . '/routes/login.php'),
     require(__DIR__ . '/routes/toggle-favorite.php'),
diff --git a/public/site/config/routes/en-locale.php b/public/site/config/routes/en-locale.php
new file mode 100644
index 0000000..9391ad1
--- /dev/null
+++ b/public/site/config/routes/en-locale.php
@@ -0,0 +1,44 @@
+<?php
+
+/**
+ * Route catch-all pour le préfixe /en/
+ * Permet d'accéder aux pages avec /en/... pour la version anglaise
+ */
+
+return [
+  'pattern' => 'en/(:all?)',
+  'action' => function ($uri = '') {
+    // Si l'URI se termine par .json, chercher la page et retourner le JSON
+    if (str_ends_with($uri, '.json')) {
+      $uri = str_replace('.json', '', $uri);
+      $page = page($uri);
+
+      if (!$page) {
+        // Si pas de page trouvée, essayer avec 'home'
+        if ($uri === '' || $uri === '/') {
+          $page = page('home');
+        } else {
+          return false; // 404
+        }
+      }
+
+      // Retourner la page pour que Kirby serve le template .json.php
+      return $page;
+    }
+
+    // Pour les URLs normales (sans .json), chercher la page
+    $page = page($uri);
+
+    if (!$page) {
+      // Si pas de page trouvée, essayer avec 'home'
+      if ($uri === '' || $uri === '/') {
+        $page = page('home');
+      } else {
+        return false; // 404
+      }
+    }
+
+    // Retourner la page pour que Kirby serve le template .php
+    return $page;
+  }
+];
diff --git a/public/site/controllers/site.php b/public/site/controllers/site.php
index ae5d333..27524bd 100644
--- a/public/site/controllers/site.php
+++ b/public/site/controllers/site.php
@@ -32,7 +32,7 @@ return function ($page, $kirby, $site) {
         return [
           "title" => (string) $project->title(),
           "uri" => (string) $project->uri(),
-          "step" => (string) $project->getStepLabel(),
+          "step" => (string) $project->currentStep(),
           "uuid" => (string) $project->uuid(),
         ];
       })->data;
diff --git a/public/site/models/project.php b/public/site/models/project.php
index de53a50..15f663e 100644
--- a/public/site/models/project.php
+++ b/public/site/models/project.php
@@ -99,7 +99,6 @@ class ProjectPage extends NotificationsPage {
     }
 
     return [
-      'label' => $child->title()->value(),
       'id' => $child->stepName()->value(),
       'slug' => $child->slug(),
       'index' => intval($child->stepIndex()->value()),
@@ -217,18 +216,6 @@ class ProjectPage extends NotificationsPage {
     }
   }
 
-  public function getStepLabel() {
-    $stepsLabel = [
-      "clientBrief" => "brief",
-      "proposal" => "offre commerciale",
-      "extendedBrief" => "brief enrichi",
-      "industrialIdeation" => "idéation industrielle",
-      "virtualSample" => "échantillon virtuel",
-      "physicalSample" => "échantillon physique",
-    ];
-
-    return $stepsLabel[$this->currentStep()->value()];
-  }
 
   // public function printManagers() {
   //   return A::implode($this->managers()->toUsers()->pluck('name'), ', ');
diff --git a/public/site/plugins/helpers/index.php b/public/site/plugins/helpers/index.php
index 3ab39f6..cdb3acc 100644
--- a/public/site/plugins/helpers/index.php
+++ b/public/site/plugins/helpers/index.php
@@ -94,7 +94,6 @@ function processDTLProposals($page) {
                     ],
                 "path" => "/projects/" . $page->slug() . "?dialog=proposal&fileIndex=" . $index,
                 "date" => $proposalFile->modified("d/MM/Y"),
-                "stepLabel" => "Proposition commerciale",
                 ];
             }
         break;
@@ -112,7 +111,6 @@ function processDTLProposals($page) {
                     ],
                     "path" => "/projects/" . $page->slug() . "?dialog=industrial-ideation",
                     "date" => $proposalFile->modified("d/MM/Y"),
-                    "stepLabel" => "Idéation industrielle",
                 ];
             }
         break;
@@ -129,7 +127,6 @@ function processDTLProposals($page) {
                     ],
                     "path" => "/projects/" . $page->slug() . "?dialog=virtual-sample",
                     "date" => $proposalPage->modified("d/MM/Y"),
-                    "stepLabel" => "Échantillon virtuel - piste dynamique",
                 ];
             }
         break;
@@ -147,7 +144,6 @@ function processDTLProposals($page) {
                     ],
                     "path" => "/projects/" . $page->slug() . "?dialog=virtual-sample",
                     "date" => $proposalFile->modified("d/MM/Y"),
-                    "stepLabel" => "Échantillon virtuel - piste statique",
                 ];
             }
         break;
diff --git a/src/assets/css/src/2.blocks.comments.css b/src/assets/css/src/2.blocks.comments.css
index 4d2ac12..450e09b 100644
--- a/src/assets/css/src/2.blocks.comments.css
+++ b/src/assets/css/src/2.blocks.comments.css
@@ -20,7 +20,7 @@
 }
 
 .comments.empty::after {
-  content: "Partagez vos idées en ajoutant des commentaires";
+  content: attr(data-empty-message);
   height: 100%;
   display: grid;
   place-items: center;
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 65aa5a3..066af07 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -29,7 +29,22 @@
   <div v-if="isExpanded" id="menu" class="flex | rounded-xl">
     <header class="w-full | flex">
       <!-- TODO: à dynamiser en récupérant le $site->title() -->
-      <p lang="en">Design to Pack</p>
+      <p :lang="currentLocale">Design to Pack</p>
+      <div class="lang-toggle">
+        <button
+          @click="switchLocale('fr')"
+          :class="{ active: currentLocale === 'fr' }"
+        >
+          FR
+        </button>
+        <span class="slash">/</span>
+        <button
+          @click="switchLocale('en')"
+          :class="{ active: currentLocale === 'en' }"
+        >
+          EN
+        </button>
+      </div>
     </header>
     <nav class="w-full | flow">
       <ul class="flex">
@@ -51,25 +66,23 @@
             >{{ mainItem.title }}</router-link
           >
           <span
-            v-if="mainItem.title === 'Inspirations' && page?.newInspirations"
+            v-if="
+              mainItem.title === t('menu.inspirations') && page?.newInspirations
+            "
             class="pill pill--secondary"
-            >{{ 'Nouveautés' }}</span
+            >{{ t('menu.news') }}</span
           >
         </li>
       </ul>
       <details :class="{ skeleton: !currentProjects }" open>
-        <summary>Projets en cours</summary>
+        <summary>{{ t('menu.currentProjects') }}</summary>
         <ul v-if="currentProjects.length > 0">
           <li
             v-for="project in currentProjects"
             :class="{ active: isCurrent(project) }"
           >
             <router-link
-              :to="
-                isEmptyBrief(project)
-                  ? project.uri + '/client-brief'
-                  : project.uri
-              "
+              :to="getProjectPath(project)"
               :class="hasUnreadNotification(project) ? 'new' : undefined"
               :data-dtl="project.isDTLEnabled ? 'true' : undefined"
               @click="collapse()"
@@ -79,13 +92,13 @@
         </ul>
       </details>
       <details v-if="archivedProjects.length">
-        <summary>Projets archivés</summary>
+        <summary>{{ t('menu.archivedProjects') }}</summary>
         <ul>
           <li
             v-for="project in archivedProjects"
             :class="{ active: isCurrent(project) }"
           >
-            <router-link :to="project.uri" @click="collapse()">{{
+            <router-link :to="getProjectPath(project)" @click="collapse()">{{
               project.title
             }}</router-link>
           </li>
@@ -96,13 +109,19 @@
       <ul class="flex">
         <li data-icon="user">
           <a
-            :href="user.role === 'admin' ? '/panel/account' : '/account'"
+            :href="
+              user.role === 'admin'
+                ? '/panel/account'
+                : currentLocale === 'en'
+                ? '/en/account'
+                : '/account'
+            "
             @click="collapse()"
-            >Profil</a
+            >{{ t('menu.profile') }}</a
           >
         </li>
         <li data-icon="logout">
-          <a href="/logout" @click="collapse()">Déconnexion</a>
+          <a href="/logout" @click="collapse()">{{ t('menu.logout') }}</a>
         </li>
       </ul>
     </footer>
@@ -113,17 +132,23 @@
 import { storeToRefs } from 'pinia';
 import { computed, ref } from 'vue';
 import { useProjectsStore } from '../stores/projects';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { useUserStore } from '../stores/user';
 import { usePageStore } from '../stores/page';
 import { useProjectStore } from '../stores/project';
+import { useLocaleStore } from '../stores/locale';
+import { useI18n } from 'vue-i18n';
 
 const route = useRoute();
+const router = useRouter();
 const isExpanded = ref(true);
 const { user, notifications } = storeToRefs(useUserStore());
 const { currentProjects, archivedProjects } = storeToRefs(useProjectsStore());
 const { isEmptyBrief } = useProjectStore();
 const { page } = storeToRefs(usePageStore());
+const localeStore = useLocaleStore();
+const { currentLocale } = storeToRefs(localeStore);
+const { t } = useI18n();
 
 const unreadNotificationsCount = computed(() => {
   if (!user.value) return 0;
@@ -135,34 +160,37 @@ const unreadNotificationsCount = computed(() => {
   return count === 0 ? 0 : count;
 });
 
-const mainItems = [
-  {
-    title: 'Home',
-    path: '/',
-    icon: 'home',
-  },
-  {
-    title: 'Notifications',
-    path: '/notifications',
-    icon: 'megaphone',
-  },
-  {
-    title: 'Réunions',
-    path: '/reunions',
-    icon: 'calendar',
-    disabled: true,
-  },
-  {
-    title: 'Design to Light',
-    path: '/design-to-light',
-    icon: 'leaf',
-  },
-  {
-    title: 'Inspirations',
-    path: '/inspirations',
-    icon: 'inspiration',
-  },
-];
+const mainItems = computed(() => {
+  const prefix = currentLocale.value === 'en' ? '/en' : '';
+  return [
+    {
+      title: t('menu.home'),
+      path: prefix + '/',
+      icon: 'home',
+    },
+    {
+      title: t('menu.notifications'),
+      path: prefix + '/notifications',
+      icon: 'megaphone',
+    },
+    {
+      title: t('menu.meetings'),
+      path: prefix + '/reunions',
+      icon: 'calendar',
+      disabled: true,
+    },
+    {
+      title: t('menu.designToLight'),
+      path: prefix + '/design-to-light',
+      icon: 'leaf',
+    },
+    {
+      title: t('menu.inspirations'),
+      path: prefix + '/inspirations',
+      icon: 'inspiration',
+    },
+  ];
+});
 
 function toggleExpand() {
   isExpanded.value = !isExpanded.value;
@@ -192,6 +220,33 @@ function collapse() {
     isExpanded.value = false;
   }
 }
+
+function switchLocale(newLocale) {
+  if (newLocale === currentLocale.value) return;
+
+  let newPath = route.path;
+
+  if (newLocale === 'en') {
+    if (!newPath.startsWith('/en')) {
+      newPath = '/en' + newPath;
+    }
+  } else {
+    if (newPath.startsWith('/en')) {
+      newPath = newPath.replace(/^\/en/, '') || '/';
+    }
+  }
+
+  localeStore.setLocale(newLocale);
+  router.push(newPath);
+}
+
+function getProjectPath(project) {
+  const prefix = currentLocale.value === 'en' ? '/en' : '';
+  const path = isEmptyBrief(project)
+    ? project.uri + '/client-brief'
+    : project.uri;
+  return prefix + path;
+}
 </script>
 
 <style>
@@ -243,6 +298,24 @@ button[aria-controls='menu'][aria-expanded='false']
   overflow-y: auto;
 }
 
+/* Lang toggle */
+.lang-toggle {
+  font-family: var(--font-sans);
+}
+
+.lang-toggle button {
+  padding: 0;
+}
+
+.lang-toggle button.active {
+  background-color: transparent !important;
+  color: var(--color-primary);
+}
+
+.lang-toggle span.slash {
+  padding: 0 0.2rem;
+}
+
 @media (max-width: 1023px) {
   button[aria-controls='menu'][aria-expanded='true'] {
     left: 0;
diff --git a/src/components/ProjectRequestDialog.vue b/src/components/ProjectRequestDialog.vue
index ca96ecb..dd811c0 100644
--- a/src/components/ProjectRequestDialog.vue
+++ b/src/components/ProjectRequestDialog.vue
@@ -5,12 +5,12 @@
     modal
     :draggable="false"
     :dismissableMask="true"
-    header="Demander la création d’un projet"
+    :header="t('dialogs.requestProject')"
     class="dialog"
     :closeOnEscape="true"
   >
     <template #header>
-      <h2 class="font-serif text-lg">Demander la création d’un projet</h2>
+      <h2 class="font-serif text-lg">{{ t('dialogs.requestProject') }}</h2>
     </template>
 
     <form
@@ -18,24 +18,28 @@
       class="w-full h-full p-16 flex flex-col"
       style="--row-gap: 1rem"
     >
-      <label for="project-title" class="sr-only">Nom du projet</label>
+      <label for="project-title" class="sr-only">{{
+        t('forms.projectName')
+      }}</label>
       <input
         type="text"
         v-model="title"
         id="project-title"
-        placeholder="Nom du projet"
+        :placeholder="t('forms.projectName')"
         class="w-full rounded-md border border-grey-200 px-16 py-12"
         required
       />
 
-      <label for="project-details" class="sr-only">Détails du projet</label>
+      <label for="project-details" class="sr-only">{{
+        t('forms.projectDetails')
+      }}</label>
       <textarea
         id="project-details"
         name="details"
         v-model="details"
         cols="30"
         rows="10"
-        placeholder="Détails du projet…"
+        :placeholder="t('forms.projectDetailsPlaceholder')"
         class="w-full flex-1 rounded-md border border-grey-200 px-16 py-12"
         required
       ></textarea>
@@ -52,26 +56,24 @@
           class="flex font-medium mt-4"
           style="--column-gap: var(--space-4)"
         >
-          Créer avec
-          <span class="flex justify-center text-sm" data-icon="leaf"
-            >Design to Light</span
-          >
+          {{ t('dialogs.createWithDTL') }}
+          <span class="flex justify-center text-sm" data-icon="leaf">{{
+            t('dtl.title')
+          }}</span>
         </label>
         <p class="text-sm mt-8 mb-4">
-          Découvrez la note environnementale de votre projet et allégez l’impact
-          de votre projet grâce à nos expertises d’optimisation du poids de
-          flacon.
+          {{ t('dialogs.dtlDescription') }}
         </p>
-        <router-link to="/design-to-light" class="text-sm font-medium"
-          >En savoir plus</router-link
-        >
+        <router-link to="/design-to-light" class="text-sm font-medium">{{
+          t('dialogs.learnMore')
+        }}</router-link>
       </div>
 
       <footer class="flex-columns w-full mt-16" style="column-gap: 0.5rem">
         <button class="btn btn--black-10" @click="emits('close')">
-          Annuler
+          {{ t('buttons.cancel') }}
         </button>
-        <button class="btn" type="submit">Soumettre</button>
+        <button class="btn" type="submit">{{ t('buttons.submit') }}</button>
       </footer>
     </form>
   </Dialog>
@@ -81,6 +83,9 @@
 import Dialog from 'primevue/dialog';
 import { ref, watch } from 'vue';
 import { useApiStore } from '../stores/api';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const title = ref('');
 const details = ref('');
diff --git a/src/components/Projects.vue b/src/components/Projects.vue
index 7ddc6d5..ad80b11 100644
--- a/src/components/Projects.vue
+++ b/src/components/Projects.vue
@@ -1,6 +1,6 @@
 <template>
   <header class="flex">
-    <h2 id="tabslist" class="sr-only">Projets</h2>
+    <h2 id="tabslist" class="sr-only">{{ t('brief.projects') }}</h2>
     <Tabs :tabs="tabs" @update:currentTab="changeTab" />
   </header>
   <section
@@ -11,6 +11,7 @@
     :aria-label="tabs[0].label"
     class="flow"
     :class="{ skeleton: isProjectsLoading }"
+    :data-empty-text="t('projects.none')"
   >
     <Project
       v-for="project in currentProjects"
@@ -25,6 +26,7 @@
     tabindex="0"
     :aria-label="tabs[1].label"
     class="flow"
+    :data-empty-text="t('projects.none')"
   >
     <Project
       v-for="project in archivedProjects"
@@ -39,7 +41,9 @@ import Project from './project/Project.vue';
 import { useProjectsStore } from '../stores/projects';
 import { ref, computed } from 'vue';
 import { storeToRefs } from 'pinia';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const { projects, currentProjects, archivedProjects, isProjectsLoading } =
   storeToRefs(useProjectsStore());
 
@@ -47,13 +51,13 @@ const currentTab = ref('currentProjects');
 const tabs = computed(() => {
   return [
     {
-      label: 'Projets en cours',
+      label: t('projects.current'),
       id: 'currentProjects',
       count: currentProjects.value.length,
       isActive: currentTab.value === 'currentProjects',
     },
     {
-      label: 'Projets archivés',
+      label: t('projects.archived'),
       id: 'archivedProjects',
       count: archivedProjects.value.length,
       isActive: currentTab.value === 'archivedProjects',
@@ -72,7 +76,7 @@ section {
   min-height: calc(100vh - 8.5rem);
 }
 section:not(.skeleton):empty::after {
-  content: 'Aucun projet pour le moment';
+  content: attr(data-empty-text);
   position: absolute;
   inset: 0;
   display: grid;
diff --git a/src/components/Selector.vue b/src/components/Selector.vue
index c95299d..85a7517 100644
--- a/src/components/Selector.vue
+++ b/src/components/Selector.vue
@@ -12,7 +12,7 @@
       v-model="currentValue"
       :options="items"
       optionLabel="title"
-      :placeholder="'Sélectionnez une déclinaison'"
+      :placeholder="t('forms.selectVariation')"
       :maxSelectedLabels="3"
       class="font-serif"
       :class="{ active: currentValue }"
@@ -45,7 +45,7 @@
         <p v-if="currentValue">
           {{ currentValue.title }}
         </p>
-        <p v-else>Sélectionnez une déclinaison</p>
+        <p v-else>{{ t('forms.selectVariation') }}</p>
       </template>
 
       <template #option="slotProps">
@@ -65,6 +65,9 @@
 import { onBeforeMount, ref, watch, nextTick } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useDialogStore } from '../stores/dialog';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 // Props
 const { items, label, isCompareModeEnabled, index } = defineProps({
diff --git a/src/components/comments/Comment.vue b/src/components/comments/Comment.vue
index e504654..9d1a55d 100644
--- a/src/components/comments/Comment.vue
+++ b/src/components/comments/Comment.vue
@@ -39,9 +39,7 @@
 
     <footer v-if="!comment.isEditMode" class="comment__replies">
       <p v-if="comment.replies?.length > 0">
-        {{ comment.replies.length }} réponse{{
-          comment.replies.length > 1 ? 's' : ''
-        }}
+        {{ comment.replies.length }} {{ comment.replies.length > 1 ? t('comments.replies') : t('comments.reply') }}
       </p>
       <div
         v-if="userStore.canEditComment(comment)"
@@ -52,14 +50,14 @@
           data-icon="edit"
           @click="editComment($event)"
         >
-          <span class="sr-only">Éditer</span>
+          <span class="sr-only">{{ t('comments.edit') }}</span>
         </button>
         <button
           class="btn btn--transparent btn--icon btn--sm"
           data-icon="delete"
           @click="deleteComment($event)"
         >
-          <span class="sr-only">Supprimer</span>
+          <span class="sr-only">{{ t('buttons.delete') }}</span>
         </button>
       </div>
     </footer>
@@ -68,11 +66,11 @@
       <input
         type="submit"
         class="btn btn--tranparent"
-        value="Sauvegarder"
+        :value="t('buttons.save')"
         @click="saveEditedComment($event)"
       />
       <button class="btn btn--white-10" @click="cancelEditComment($event)">
-        Annuler
+        {{ t('buttons.cancel') }}
       </button>
     </footer>
   </article>
@@ -88,9 +86,11 @@ import { computed, onMounted, ref, useTemplateRef } from 'vue';
 import { storeToRefs } from 'pinia';
 import { usePageStore } from '../../stores/page';
 import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 
 dayjs.locale('fr');
 
+const { t } = useI18n();
 const { comment, commentIndex } = defineProps({
   comment: Object,
   commentIndex: Number,
@@ -125,11 +125,11 @@ function formatDate() {
   const dateNumber = parseInt(dayjs(comment.date).format('YYMMD'));
 
   if (dateNumber === todayNumber) {
-    return "Aujourd'hui";
+    return t('dates.today');
   }
 
   if (dateNumber === todayNumber - 1) {
-    return 'hier';
+    return t('dates.yesterday');
   }
 
   return dayjs(comment.date).format('D MMM YY');
@@ -153,7 +153,7 @@ async function read() {
       page.value.uri
     );
   } catch (error) {
-    console.log('Erreur lors de la lecture de la notification : ', error);
+    console.log(t('errors.readNotificationFailed'), error);
   }
 }
 
diff --git a/src/components/comments/Comments.vue b/src/components/comments/Comments.vue
index f1da3b6..054a556 100644
--- a/src/components/comments/Comments.vue
+++ b/src/components/comments/Comments.vue
@@ -1,9 +1,10 @@
 <template>
   <aside id="comments-container" aria-labelledby="comments-label">
-    <h2 id="comments-label" class="sr-only">Commentaires</h2>
+    <h2 id="comments-label" class="sr-only">{{ t('comments.title') }}</h2>
     <div
       class="comments | flow"
       :class="{ empty: !comments || comments.length === 0 }"
+      :data-empty-message="t('comments.emptyMessage')"
     >
       <template v-if="comments">
         <template v-if="!openedComment">
@@ -26,7 +27,7 @@
               isAddOpen = false;
             "
           >
-            <span>Retour à la liste</span>
+            <span>{{ t('buttons.backToList') }}</span>
           </button>
           <Comment
             :comment="openedComment"
@@ -53,7 +54,7 @@
       class="btn btn--white-20 | w-full"
       @click="toggleCommentPositionMode(true)"
     >
-      Ajouter un commentaire
+      {{ t('buttons.addComment') }}
     </button>
     <button
       v-else-if="openedComment && !isAddOpen"
@@ -61,7 +62,7 @@
       class="btn btn--white-20 | justify-start w-full | text-white-50"
       @click="isAddOpen = true"
     >
-      Répondre…
+      {{ t('buttons.reply') }}
     </button>
     <!-- TODO: afficher #new-comment une fois le bouton Ajouter un commentaire cliqué -->
     <div
@@ -70,11 +71,10 @@
       class="bg-primary | text-sm text-white | rounded-lg | p-12"
     >
       <p class="flex justify-start | mb-12" data-icon="comment">
-        <strong>Nouveau commentaire</strong>
+        <strong>{{ t('comments.new') }}</strong>
       </p>
       <p>
-        Dans la zone du contenu, cliquez où vous souhaitez positionner le
-        commentaire
+        {{ t('comments.newInstruction') }}
       </p>
     </div>
     <form
@@ -84,13 +84,13 @@
       class="flow | p-12 | rounded-xl"
       @submit="handleSubmit"
     >
-      <label class="sr-only" for="comment">Votre commentaire</label>
+      <label class="sr-only" for="comment">{{ t('comments.your') }}</label>
       <textarea
         v-model="draftComment.text"
         :disabled="isSubmitting ? true : undefined"
         name="comment"
         id="comment"
-        placeholder="Ajouter un commentaire…"
+        :placeholder="t('forms.commentPlaceholder')"
         rows="5"
         class="text-sm | rounded-lg bg-black p-12"
       ></textarea>
@@ -99,11 +99,11 @@
           type="submit"
           class="btn"
           :class="{ submitting: isSubmitting }"
-          :value="isSubmitting ? 'En cours' : undefined"
+          :value="isSubmitting ? t('comments.inProgress') : undefined"
           :disabled="isSubmitting ? true : undefined"
         />
         <button class="btn btn--white-10" @click="isAddOpen = false">
-          Annuler
+          {{ t('buttons.cancel') }}
         </button>
       </footer>
     </form>
@@ -122,9 +122,11 @@ import { useDialogStore } from '../../stores/dialog';
 import Comment from './Comment.vue';
 import { storeToRefs } from 'pinia';
 import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 
 dayjs.locale('fr');
 
+const { t } = useI18n();
 const { user } = useUserStore();
 const { page } = usePageStore();
 const dialog = useDialogStore();
diff --git a/src/components/design-to-light/DTLButton.vue b/src/components/design-to-light/DTLButton.vue
index 2d3dd35..89a7625 100644
--- a/src/components/design-to-light/DTLButton.vue
+++ b/src/components/design-to-light/DTLButton.vue
@@ -1,13 +1,16 @@
 <template>
-  <button id="dtl-btn" class="bg-black rounded-md p-4" :title="'Design to Light: ' + (hasAlternatives ? 'New' : grade)" data-icon="leaf" :data-grade="grade" :data-new="hasAlternatives ? true : undefined">
-    <span lang="en" class="sr-only">Design to Light</span>
-    <span v-if="hasAlternatives" lang="en" class="new">New</span>
+  <button id="dtl-btn" class="bg-black rounded-md p-4" :title="t('dtl.grade', { grade: hasAlternatives ? t('menu.news') : grade })" data-icon="leaf" :data-grade="grade" :data-new="hasAlternatives ? true : undefined">
+    <span lang="en" class="sr-only">{{ t('dtl.title') }}</span>
+    <span v-if="hasAlternatives" lang="en" class="new">{{ t('menu.news') }}</span>
   </button>
 </template>
 <script setup>
 import { storeToRefs } from "pinia";
 import { usePageStore } from "../../stores/page";
 import { computed } from "vue";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { page } = storeToRefs(usePageStore());
 
diff --git a/src/components/design-to-light/DTLPanel.vue b/src/components/design-to-light/DTLPanel.vue
index 12834e0..22581b9 100644
--- a/src/components/design-to-light/DTLPanel.vue
+++ b/src/components/design-to-light/DTLPanel.vue
@@ -17,8 +17,8 @@
           proposals.length === 1 && isDialogOpen
             ? activeProposal.title
               ? activeProposal.title
-              : 'Design to light'
-            : 'Design to light'
+              : t('dtl.title')
+            : t('dtl.title')
         }}
       </h2>
       <button
@@ -27,7 +27,7 @@
         class="btn btn--icon btn--transparent | ml-auto"
         data-icon="close"
       >
-        <span class="sr-only">Fermer</span>
+        <span class="sr-only">{{ t('buttons.close') }}</span>
       </button>
     </header>
     <nav v-if="!isDialogOpen" class="tabs" role="tablist" tabindex="-1">
@@ -42,8 +42,8 @@
           proposal.title
             ? proposal.title
             : index === 0
-            ? 'Proposition initiale'
-            : 'Alternative ' + index
+            ? t('dtl.initialProposal')
+            : t('dtl.alternative', { index })
         }}
       </button>
     </nav>
@@ -67,12 +67,12 @@
           />
         </router-link>
         <p>
-          Données basées sur la proposition <br />du {{ activeProposal.date }}
-          <br />{{ activeProposal.stepLabel }}
+          {{ t('dtl.proposalBasedOn') }} <br />du {{ activeProposal.date }}
+          <br />{{ stepLabel }}
         </p>
       </div>
       <div id="note-globale" class="px-32 py-16 border-b flow">
-        <h3>Note globale</h3>
+        <h3>{{ t('dtl.globalScore') }}</h3>
         <div class="flex" style="--column-gap: 1rem">
           <p :data-grade="activeProposal.grades.global.letter">
             <strong class="sr-only">{{
@@ -100,15 +100,15 @@
         </div>
       </div>
       <div id="positionnement" class="px-32 py-16 border-b flow">
-        <h3>Positionnement</h3>
+        <h3>{{ t('dtl.positioning') }}</h3>
         <dl>
-          <dt id="design">Design</dt>
+          <dt id="design">{{ t('dtl.design') }}</dt>
           <dd>
             <span class="sr-only">{{
               activeProposal.grades.position.complexity
             }}</span>
           </dd>
-          <dt id="poids">Poids</dt>
+          <dt id="poids">{{ t('dtl.weight') }}</dt>
           <dd>
             <span class="sr-only">{{
               activeProposal.grades.position.weight
@@ -132,7 +132,7 @@
         </button>
       </div>
       <div id="indicateur" class="px-32 py-16 border-b flow">
-        <h3>Indicateur des composants impliqués</h3>
+        <h3>{{ t('dtl.indicators') }}</h3>
         <div class="grid">
           <template
             v-for="indicator in activeProposal.grades.indicators"
@@ -170,8 +170,8 @@
         >
           {{
             page.hasOptimizationRequest
-              ? "Demande d'expertise en cours de traitement…"
-              : 'Demander une expertise d’optimisation'
+              ? t('dtl.requestPending')
+              : t('dtl.requestOptimization')
           }}
         </button>
       </footer>
@@ -190,6 +190,7 @@ import { storeToRefs } from 'pinia';
 import { ref, onBeforeUnmount, computed } from 'vue';
 import { useDialogStore } from '../../stores/dialog';
 import { usePageStore } from '../../stores/page';
+import { useI18n } from 'vue-i18n';
 
 const { proposals } = defineProps({
   proposals: Array,
@@ -197,6 +198,7 @@ const { proposals } = defineProps({
 
 const { page } = storeToRefs(usePageStore());
 const { openedFile, activeTracks } = storeToRefs(useDialogStore());
+const { t } = useI18n();
 
 const isDialogOpen = computed(() => {
   if (openedFile.value) {
@@ -215,6 +217,17 @@ const emits = defineEmits(['close']);
 const activeProposal =
   proposals.length === 1 ? computed(() => proposals[0]) : ref(proposals[0]);
 
+const stepLabel = computed(() => {
+  const proposal = activeProposal.value || activeProposal;
+  const location = proposal.location;
+
+  if (location.step === 'virtualSample') {
+    return location.type === 'dynamic' ? t('dtl.dynamicTrack') : t('dtl.staticTrack');
+  }
+
+  return t('steps.' + location.step);
+});
+
 window.addEventListener('keyup', closeOnEscape);
 window.addEventListener('click', close);
 
diff --git a/src/components/design-to-light/OptimizationRequestDialog.vue b/src/components/design-to-light/OptimizationRequestDialog.vue
index d5ec8c0..ec44650 100644
--- a/src/components/design-to-light/OptimizationRequestDialog.vue
+++ b/src/components/design-to-light/OptimizationRequestDialog.vue
@@ -5,15 +5,15 @@
     modal
     :draggable="false"
     :dismissableMask="true"
-    header="Demander un rendez-vous"
+    :header="t('dialogs.requestMeeting')"
     class="dialog"
     :closeOnEscape="true"
     @click="preventClose($event)"
   >
     <template #header>
-      <h2 class="font-serif text-lg">Demander un rendez-vous</h2>
+      <h2 class="font-serif text-lg">{{ t('dialogs.requestMeeting') }}</h2>
       <p class="flex justify-center text-sm" data-icon="leaf">
-        Design to Light
+        {{ t('dtl.title') }}
       </p>
     </template>
 
@@ -22,7 +22,7 @@
       class="w-full h-full p-16 flex flex-col"
       style="--row-gap: 1rem"
     >
-      <label for="projects" class="sr-only">Projet</label>
+      <label for="projects" class="sr-only">{{ t('brief.projects') }}</label>
       <select
         name="projects"
         id="projects"
@@ -30,7 +30,7 @@
         class="w-full rounded-md border border-grey-200 px-16 py-12"
         required
       >
-        <option value="">Sélectionnez le projet</option>
+        <option value="">{{ t('forms.selectVariation') }}</option>
         <option
           v-for="project in currentProjects"
           :key="project.uri"
@@ -41,35 +41,37 @@
         </option>
       </select>
 
-      <label for="appointment-subject" class="sr-only"
-        >Objet du rendez-vous</label
-      >
+      <label for="appointment-subject" class="sr-only">{{
+        t('forms.meetingSubject')
+      }}</label>
       <input
         type="text"
         v-model="subject"
         id="appointment-subject"
-        placeholder="Objet du rendez-vous"
+        :placeholder="t('forms.meetingSubject')"
         class="w-full rounded-md border border-grey-200 px-16 py-12"
         required
       />
 
-      <label for="appointment-details" class="sr-only">Détails du projet</label>
+      <label for="appointment-details" class="sr-only">{{
+        t('forms.meetingDetails')
+      }}</label>
       <textarea
         id="appointment-details"
         name="details"
         v-model="details"
         cols="30"
         rows="10"
-        placeholder="Décrivez votre demande…"
+        :placeholder="t('forms.meetingDetailsPlaceholder')"
         class="w-full flex-1 rounded-md border border-grey-200 px-16 py-12"
         required
       ></textarea>
 
       <footer class="flex-columns w-full mt-16" style="column-gap: 0.5rem">
         <button class="btn btn--black-10" @click="emits('close')">
-          Annuler
+          {{ t('buttons.cancel') }}
         </button>
-        <button class="btn" type="submit">Soumettre</button>
+        <button class="btn" type="submit">{{ t('buttons.submit') }}</button>
       </footer>
     </form>
   </Dialog>
@@ -82,6 +84,9 @@ import { storeToRefs } from 'pinia';
 import { useProjectsStore } from '../../stores/projects';
 import { usePageStore } from '../../stores/page';
 import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { page } = storeToRefs(usePageStore());
 const { currentProjects } = storeToRefs(useProjectsStore());
diff --git a/src/components/inspirations/Image.vue b/src/components/inspirations/Image.vue
index b2dac95..abbe5a0 100644
--- a/src/components/inspirations/Image.vue
+++ b/src/components/inspirations/Image.vue
@@ -3,7 +3,7 @@
     <!-- Favorite button -->
     <button
       class="favorite"
-      :aria-label="isFavorite ? 'Retirer des favoris' : 'Ajouter aux favoris'"
+      :aria-label="isFavorite ? t('inspirations.removeFromFavorites') : t('inspirations.addToFavorites')"
       :aria-pressed="isFavorite"
       @click="toggleFavorite"
     >
@@ -34,6 +34,9 @@
 import { computed } from "vue";
 import { useUserStore } from "../../stores/user";
 import { useApiStore } from "../../stores/api";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 // Props
 const { item, inspirationUri } = defineProps({
@@ -70,7 +73,7 @@ async function toggleFavorite() {
     // Update item favorite users list based on API response
     item.favoriteForUsers = newFavoriteUsers;
   } catch (error) {
-    console.error("Failed to toggle favorite:", error);
+    console.error(t('errors.toggleFavoriteFailed'), error);
     isFavorite.value = previousState; // Rollback on failure
   }
 }
diff --git a/src/components/notifications/AppointmentRequest.vue b/src/components/notifications/AppointmentRequest.vue
index 0731c34..dbf6194 100644
--- a/src/components/notifications/AppointmentRequest.vue
+++ b/src/components/notifications/AppointmentRequest.vue
@@ -10,12 +10,12 @@
         <strong
           class="notification__type | font-medium text-primary"
           data-icon="calendar"
-          >Demande de rendez-vous</strong
+          >{{ t('notifications.meetingRequest') }}</strong
         >
         <span class="notification__client | text-grey-700"
           >{{ notification.project.title }}
           {{
-            notification.project.status === "draft" ? "(brouillon)" : ""
+            notification.project.status === "draft" ? t('notifications.draft') : ""
           }}</span
         >
         <time
@@ -29,7 +29,7 @@
       v-if="notification.type"
       class="notification__body | text-md font-medium | line-clamp"
       v-html="
-        'Auteur : ' +
+        t('notifications.author') + ' ' +
         (notification.author.name
           ? notification.author.name + ' (' + notification.author.email + ')'
           : notification.author.email) +
@@ -44,6 +44,9 @@
 import { useNotificationsStore } from "../../stores/notifications";
 import { useUserStore } from "../../stores/user";
 import { useApiStore } from "../../stores/api";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { notification } = defineProps({ notification: Object });
 const { formatDate } = useNotificationsStore();
diff --git a/src/components/notifications/Content.vue b/src/components/notifications/Content.vue
index 2be62e5..cc49fce 100644
--- a/src/components/notifications/Content.vue
+++ b/src/components/notifications/Content.vue
@@ -3,14 +3,14 @@
     class="notification | bg-white rounded-lg | p-16 | flow"
     data-type="content"
     @click="readNotification()"
-    title="Aller au contenu"
+    :title="t('notifications.goToContent')"
   >
     <header>
       <p class="flex">
         <strong
           class="notification__type | font-medium text-primary"
           data-icon="content"
-          >Contenu</strong
+          >{{ t('notifications.content') }}</strong
         >
         <span class="notification__client | text-grey-700">{{
           notification.project.title
@@ -36,6 +36,9 @@ import { useRouter } from "vue-router";
 import { useNotificationsStore } from "../../stores/notifications";
 import { useUserStore } from "../../stores/user";
 import { useApiStore } from "../../stores/api";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const router = useRouter();
 const { notification } = defineProps({ notification: Object });
diff --git a/src/components/notifications/ProjectRequest.vue b/src/components/notifications/ProjectRequest.vue
index fd4097d..de41479 100644
--- a/src/components/notifications/ProjectRequest.vue
+++ b/src/components/notifications/ProjectRequest.vue
@@ -10,12 +10,12 @@
         <strong
           class="notification__type | font-medium text-primary"
           data-icon="document"
-          >Demande de création de projet</strong
+          >{{ t('notifications.projectRequest') }}</strong
         >
         <span class="notification__client | text-grey-700"
           >{{ notification.project.title }}
           {{
-            notification.project.status === "draft" ? "(brouillon)" : ""
+            notification.project.status === "draft" ? t('notifications.draft') : ""
           }}</span
         >
         <time
@@ -29,7 +29,7 @@
       v-if="notification.type"
       class="notification__body | text-md font-medium | line-clamp"
       v-html="
-        'De la part de ' +
+        t('notifications.from') + ' ' +
         (notification.author.name
           ? notification.author.name + ' (' + notification.author.email + ')'
           : notification.author.email) +
@@ -44,6 +44,9 @@
 import { useNotificationsStore } from "../../stores/notifications";
 import { useUserStore } from "../../stores/user";
 import { useApiStore } from "../../stores/api";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { notification } = defineProps({ notification: Object });
 const { formatDate } = useNotificationsStore();
diff --git a/src/components/project/PdfViewer.vue b/src/components/project/PdfViewer.vue
index 0fd8f77..d5b9e1e 100644
--- a/src/components/project/PdfViewer.vue
+++ b/src/components/project/PdfViewer.vue
@@ -14,9 +14,9 @@
     data-icon="comment"
     @click="isCommentsOpen = !isCommentsOpen"
   >
-    <span class="sr-only"
-      >{{ isCommentsOpen ? 'Masquer' : 'Afficher' }} les commentaires</span
-    >
+    <span class="sr-only">{{
+      isCommentsOpen ? t('buttons.hideComments') : t('buttons.showComments')
+    }}</span>
   </button>
   <a
     id="download-pdf"
@@ -25,7 +25,7 @@
     :href="openedFile.url"
     download
   >
-    <span class="sr-only">Télécharger le fichier PDF</span>
+    <span class="sr-only">{{ t('buttons.downloadPdf') }}</span>
   </a>
   <Comments v-if="isCommentsOpen" />
 </template>
@@ -36,6 +36,9 @@ import { ref, watch, computed, unref } from 'vue';
 import { useDialogStore } from '../../stores/dialog';
 import { storeToRefs } from 'pinia';
 import { VPdfViewer, useLicense } from '@vue-pdf-viewer/viewer';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const licenseKey =
   import.meta.env.VITE_VPV_LICENSE ??
diff --git a/src/components/project/Project.vue b/src/components/project/Project.vue
index 1ed2284..7d048e3 100644
--- a/src/components/project/Project.vue
+++ b/src/components/project/Project.vue
@@ -31,7 +31,7 @@
         :data-status="setStatus(project.steps, project.currentStep, step)"
       >
         <span class="pill" :data-icon="step.id">
-          <span>{{ step.label }}</span>
+          <span>{{ t('steps.' + step.id) }}</span>
         </span>
       </li>
     </ol>
@@ -42,6 +42,7 @@
 import dayjs from 'dayjs';
 import 'dayjs/locale/fr';
 import { useProjectStore } from '../../stores/project';
+import { useI18n } from 'vue-i18n';
 
 dayjs.locale('fr');
 
@@ -52,4 +53,5 @@ const frenchFormattedModified = dayjs(project.modified).format(
 );
 
 const { stepsLabels, setStatus, isEmptyBrief } = useProjectStore();
+const { t } = useI18n();
 </script>
diff --git a/src/components/project/ProjectStep.vue b/src/components/project/ProjectStep.vue
index 27b9304..e017eb0 100644
--- a/src/components/project/ProjectStep.vue
+++ b/src/components/project/ProjectStep.vue
@@ -5,7 +5,7 @@
     :data-status="setStatus(page.steps, page.content.currentstep, step)"
   >
     <h2 :id="step.id">
-      <span :data-icon="step.id">{{ step.label }}</span>
+      <span :data-icon="step.id">{{ t('steps.' + step.id) }}</span>
     </h2>
     <div
       ref="cards-node"
@@ -29,6 +29,7 @@ import SimpleDocument from './cards/SimpleDocument.vue';
 import VirtualSample from './cards/VirtualSample.vue';
 import PhysicalSample from './cards/PhysicalSample.vue';
 import { useUserStore } from '../../stores/user';
+import { useI18n } from 'vue-i18n';
 
 const { step } = defineProps({
   step: Object,
@@ -49,6 +50,7 @@ const { page } = usePageStore();
 const { setStatus } = useProjectStore();
 const cardsNode = useTemplateRef('cards-node');
 const { user } = useUserStore();
+const { t } = useI18n();
 
 // Hooks
 onMounted(() => {
diff --git a/src/components/project/TitledPdfWrapper.vue b/src/components/project/TitledPdfWrapper.vue
index 8793a2c..7e5fa87 100644
--- a/src/components/project/TitledPdfWrapper.vue
+++ b/src/components/project/TitledPdfWrapper.vue
@@ -5,7 +5,7 @@
     modal
     :draggable="false"
     :dismissableMask="true"
-    header="Titre du PDF"
+    :header="t('dialogs.pdfTitle')"
     class="dialog"
     :class="[
       { 'with-comments': isCommentsOpen },
@@ -22,7 +22,7 @@
         class="btn"
         @click="validate()"
       >
-        Valider et envoyer le brief
+        {{ t('buttons.validate') }}
       </button>
       <h2
         v-if="openedFile"
@@ -52,7 +52,9 @@ import { useRoute, useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useApiStore } from '../../stores/api';
 import { usePageStore } from '../../stores/page';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const { openedFile, isCommentsOpen } = storeToRefs(useDialogStore());
 
 const router = useRouter();
diff --git a/src/components/project/brief/Header.vue b/src/components/project/brief/Header.vue
index e92aa44..751d887 100644
--- a/src/components/project/brief/Header.vue
+++ b/src/components/project/brief/Header.vue
@@ -6,12 +6,12 @@
       <label
         for="project-description"
         class="flex | text-sm text-grey-700 | mb-8"
-        >Description du projet</label
+        >{{ t('forms.description') }}</label
       >
       <textarea
         name="project-description"
         id="project-description"
-        placeholder="Ajoutez une description générale de votre projet…"
+        :placeholder="t('forms.descriptionPlaceholder')"
         rows="2"
         class="border border-grey-200 | rounded-xl | p-16 | w-full"
         v-model="page.content.description"
@@ -19,7 +19,7 @@
       ></textarea>
     </div>
     <fieldset class="project-details__filters | flex-1">
-      <legend class="text-sm text-grey-700 | mb-8">Filtrer par tags</legend>
+      <legend class="text-sm text-grey-700 | mb-8">{{ t('forms.filterByTags') }}</legend>
       <div class="flex" style="gap: var(--space-8)">
         <button
           class="btn btn--sm btn--grey"
@@ -28,7 +28,7 @@
           role="switch"
           @click="clearTags()"
         >
-          Voir tout
+          {{ t('buttons.seeAll') }}
         </button>
         <template v-for="tag in page.tags" :key="tag">
           <input
@@ -53,6 +53,9 @@ import { ref, watch } from "vue";
 import { usePageStore } from "../../../stores/page";
 import StringUtils from "../../../utils/string";
 import debounce from "lodash/debounce";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { selectedTags } = defineProps({
   selectedTags: Array,
@@ -93,7 +96,7 @@ const saveDescription = debounce(() => {
         console.log(json);
       })
       .catch((error) => {
-        console.error("Erreur lors de la sauvegarde :", error);
+        console.error(t('errors.saveFailed'), error);
         isWaitingForSave.value = false;
       });
   }
diff --git a/src/components/project/brief/ImageDetailsModal.vue b/src/components/project/brief/ImageDetailsModal.vue
index 4062a03..7a035e3 100644
--- a/src/components/project/brief/ImageDetailsModal.vue
+++ b/src/components/project/brief/ImageDetailsModal.vue
@@ -3,7 +3,7 @@
     v-model:visible="isOpen"
     id="image-details"
     modal
-    header="Détails de l’image"
+    :header="t('dialogs.imageDetails')"
     class="bg-white | text-grey-800 | rounded-2xl | overflow-hidden"
   >
     <picture :style="'--image: url('+image.url+')'">
@@ -11,7 +11,7 @@
     </picture>
     <div class="flex flex-col | p-32" style="--row-gap: var(--space-32)">
       <fieldset class="image__tags">
-        <legend class="text-sm text-grey-700 | mb-8">Tags</legend>
+        <legend class="text-sm text-grey-700 | mb-8">{{ t('forms.tags') }}</legend>
         <div class="flex" style="gap: var(--space-8)">
           <template v-for="(pageTag, index) in page.tags" :key="index">
             <input
@@ -33,12 +33,12 @@
         <label
           for="image-description"
           class="flex | text-sm text-grey-700 | mb-8"
-          >Description de l’image</label
+          >{{ t('forms.imageDescription') }}</label
         >
         <textarea
           name="image-description"
           id="image-description"
-          placeholder="Ajoutez une description à l’image…"
+          :placeholder="t('forms.imageDescriptionPlaceholder')"
           class="border border-grey-200 | rounded-xl | p-16 | w-full"
           v-model="image.description"
           @input="saveDescription()"
@@ -49,7 +49,7 @@
         class="btn btn--black-10 | ml-auto mt-auto"
         @click="remove()"
       >
-        Supprimer cette image
+        {{ t('buttons.deleteImage') }}
       </button>
     </div>
   </Dialog>
@@ -61,6 +61,9 @@ import { usePageStore } from "../../../stores/page";
 import StringUtils from "../../../utils/string";
 import Dialog from "primevue/dialog";
 import debounce from "lodash/debounce";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { imageDetails } = defineProps({
   imageDetails: Object,
@@ -97,7 +100,7 @@ function saveTags() {
       console.log(json);
     })
     .catch((error) => {
-      console.error("Erreur lors de la sauvegarde :", error);
+      console.error(t('errors.saveFailed'), error);
     });
 }
 
@@ -122,7 +125,7 @@ const saveDescription = debounce(() => {
       emit("");
     })
     .catch((error) => {
-      console.error("Erreur lors de la sauvegarde :", error);
+      console.error(t('errors.saveFailed'), error);
     });
 }, 1000);
 
@@ -142,7 +145,7 @@ function remove() {
       isOpen.value = false;
     })
     .catch((error) => {
-      console.error("Erreur lors de la suppression :", error);
+      console.error(t('errors.deleteFailed'), error);
     });
 }
 </script>
diff --git a/src/components/project/brief/add-images-modal/AddImagesModal.vue b/src/components/project/brief/add-images-modal/AddImagesModal.vue
index d4647bd..ea535f2 100644
--- a/src/components/project/brief/add-images-modal/AddImagesModal.vue
+++ b/src/components/project/brief/add-images-modal/AddImagesModal.vue
@@ -5,7 +5,7 @@
     :draggable="false"
     :dismissableMask="true"
     modal
-    header="Ajouter des images"
+    :header="t('dialogs.addImages')"
     class="bg-white | text-grey-800 | rounded-2xl | overflow-hidden | p-32"
   >
     <div class="with-sidebar | h-full">
@@ -56,19 +56,18 @@
     id="delete-image"
     v-model:visible="deleteIsOpen"
     modal
-    header="Êtes-vous sûr de vouloir supprimer cette image ?"
+    :header="t('dialogs.deleteConfirm')"
     class="bg-white | text-grey-800 | rounded-2xl | overflow-hidden | text-center | w-full max-w | p-16 pt-32"
     style="--row-gap: var(--space-32); --max-w: 40rem"
   >
     <p class="text-grey-700 | px-16">
-      Si vous supprimez cette image, celle-ci disparaîtra de votre brief ainsi
-      que toutes les informations qui lui sont attribuées.
+      {{ t('dialogs.deleteWarning') }}
     </p>
     <template #footer>
       <button class="btn btn--secondary | flex-1" @click="deleteIsOpen = false">
-        Annuler
+        {{ t('buttons.cancel') }}
       </button>
-      <button class="btn | flex-1" @click="">Supprimer</button>
+      <button class="btn | flex-1" @click="">{{ t('buttons.delete') }}</button>
     </template>
   </Dialog>
 </template>
@@ -79,6 +78,9 @@ import ImagesEditPanel from './ImagesEditPanel.vue';
 import { ref, watch } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useAddImagesModalStore } from '../../../../stores/addImagesModal';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { isAddImagesModalOpen } = defineProps({
   isAddImagesModalOpen: Boolean,
diff --git a/src/components/project/brief/add-images-modal/MyImages.vue b/src/components/project/brief/add-images-modal/MyImages.vue
index 8ca9a29..047ed21 100644
--- a/src/components/project/brief/add-images-modal/MyImages.vue
+++ b/src/components/project/brief/add-images-modal/MyImages.vue
@@ -8,8 +8,8 @@
       :multiple="true"
       accept="image/*"
       :maxFileSize="1000000"
-      invalidFileSizeMessage="Fichier trop lourd"
-      chooseLabel="Ajouter une ou plusieurs images"
+      :invalidFileSizeMessage="t('errors.saveFailed')"
+      :chooseLabel="t('forms.addImages')"
       class="flex flex-col justify-center | bg-white | border border-grey-200 | text-grey-800 | font-medium | rounded-xl"
       ref="uploadBtn"
     >
@@ -38,7 +38,7 @@
           removeFileCallback,
         }"
       >
-        <div v-if="files.length > 0">Fichiers importés</div>
+        <div v-if="files.length > 0">{{ t('forms.uploadedFiles') }}</div>
       </template>
     </FileUpload>
     <figure
@@ -71,6 +71,9 @@ import { storeToRefs } from "pinia";
 import { computed, ref } from "vue";
 import { useAddImagesModalStore } from "../../../../stores/addImagesModal";
 import ArrayUtils from "../../../../utils/array";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 const { page } = storeToRefs(usePageStore());
 const toast = useToast();
diff --git a/src/components/project/cards/Brief.vue b/src/components/project/cards/Brief.vue
index d9bafe6..3e1e6bf 100644
--- a/src/components/project/cards/Brief.vue
+++ b/src/components/project/cards/Brief.vue
@@ -3,7 +3,7 @@
     v-if="images.length > 0"
     :step="step"
     :images="images"
-    :uri="'/' + step.uri"
+    :uri="addLocalePrefix(step.uri)"
   />
   <Document v-if="pdf" :step="step" :pdf="pdf" />
 
@@ -12,11 +12,11 @@
     class="btn | w-full"
     @click="goToImagesBrief()"
   >
-    Ajouter un brief via la plateforme
+    {{ t('brief.addPlatform') }}
   </button>
   <div class="btn | w-full" v-if="!pdf && step.id === 'clientBrief'">
     <label for="upload-pdf">
-      Ajouter un brief PDF
+      {{ t('brief.addPdf') }}
       <input
         id="upload-pdf"
         type="file"
@@ -35,10 +35,13 @@ import Images from "./Images.vue";
 import Document from "./Document.vue";
 import { useBriefStore } from "../../../stores/brief";
 import { useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { addLocalePrefix } from "../../../utils/router";
 
 const { step } = defineProps({ step: Object });
 const { addPdf } = useBriefStore();
 const router = useRouter();
+const { t } = useI18n();
 
 const images = computed(() => {
   return step.files.filter((file) => file.type === "image");
diff --git a/src/components/project/cards/Document.vue b/src/components/project/cards/Document.vue
index 4a4b60c..18e82b9 100644
--- a/src/components/project/cards/Document.vue
+++ b/src/components/project/cards/Document.vue
@@ -25,7 +25,7 @@
       v-if="pdf.comments?.length > 0"
       class="order-last | text-sm text-primary font-medium"
     >
-      <router-link :to="'/' + step.uri + '&comments=true'">
+      <router-link :to="addLocalePrefix(step.uri) + '&comments=true'">
         {{ pdf.comments.length }} commentaire{{
           pdf.comments.length > 1 ? "s" : ""
         }}
@@ -39,6 +39,7 @@ import { useRoute } from "vue-router";
 import DateTime from "./DateTime.vue";
 import { computed } from "vue";
 import { useDesignToLightStore } from "../../../stores/designToLight";
+import { addLocalePrefix } from "../../../utils/router";
 
 const { step, pdf, index } = defineProps({
   step: Object,
diff --git a/src/components/project/cards/Images.vue b/src/components/project/cards/Images.vue
index c79fec9..de937f1 100644
--- a/src/components/project/cards/Images.vue
+++ b/src/components/project/cards/Images.vue
@@ -2,7 +2,7 @@
   <article class="card">
     <hgroup class="order-last">
       <h3 class="card__title | font-serif | text-lg">
-        <router-link :to="uri" class="link-full">{{ step.label }}</router-link>
+        <router-link :to="uri" class="link-full">{{ t('steps.' + step.id) }}</router-link>
       </h3>
     </hgroup>
     <DateTime :date="step.modified" />
@@ -42,6 +42,7 @@ import DateTime from './DateTime.vue';
 import { useDesignToLightStore } from '../../../stores/designToLight';
 import { useVirtualSampleStore } from '../../../stores/virtualSample';
 import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 const { images, step, uri } = defineProps({
   images: Array,
@@ -51,6 +52,7 @@ const { images, step, uri } = defineProps({
 
 const { isDesignToLightStep } = useDesignToLightStore();
 const { allVariations } = useVirtualSampleStore();
+const { t } = useI18n();
 
 const commentsCount = computed(() => {
   let count = 0;
diff --git a/src/components/project/cards/PhysicalSample.vue b/src/components/project/cards/PhysicalSample.vue
index 65f7a65..93640fe 100644
--- a/src/components/project/cards/PhysicalSample.vue
+++ b/src/components/project/cards/PhysicalSample.vue
@@ -5,7 +5,7 @@
       :style="'--cover: url(' + step.cover + ')'"
     >
       <h3 class="text-lg font-serif">
-        <router-link :to="'/' + step.uri" class="link-full">{{
+        <router-link :to="addLocalePrefix(step.uri)" class="link-full">{{
           step.title
         }}</router-link>
       </h3>
@@ -27,6 +27,7 @@
 <script setup>
 import dayjs from "dayjs";
 import "dayjs/locale/fr";
+import { addLocalePrefix } from "../../../utils/router";
 
 const { step } = defineProps({ step: Object });
 </script>
diff --git a/src/components/project/cards/VirtualSample.vue b/src/components/project/cards/VirtualSample.vue
index e46aa3c..3b7123f 100644
--- a/src/components/project/cards/VirtualSample.vue
+++ b/src/components/project/cards/VirtualSample.vue
@@ -11,6 +11,7 @@ import Images from './Images.vue';
 import { computed } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useVirtualSampleStore } from '../../../stores/virtualSample';
+import { addLocalePrefix } from '../../../utils/router';
 
 const { step } = defineProps({ step: Object });
 
@@ -27,7 +28,7 @@ const images = computed(() => {
   return allVariations.value.map((variation) => getFrontView(variation)) ?? [];
 });
 
-const uri = '/' + step.uri;
+const uri = addLocalePrefix(step.uri);
 
 function getFrontView(variation) {
   if (variation.files.length === 1) return variation.files[0];
diff --git a/src/components/project/virtual-sample/DynamicView.vue b/src/components/project/virtual-sample/DynamicView.vue
index 60bcd8e..ad3c65e 100644
--- a/src/components/project/virtual-sample/DynamicView.vue
+++ b/src/components/project/virtual-sample/DynamicView.vue
@@ -19,8 +19,8 @@
       >
         <span>{{
           isCompareModeEnabled
-            ? 'Quitter le mode comparer'
-            : 'Comparer les pistes'
+            ? t('buttons.exitCompare')
+            : t('buttons.compareTracks')
         }}</span>
       </button>
     </header>
@@ -41,7 +41,7 @@
           :backgroundColor="activeTrack.backgroundColor"
         />
         <div v-else class="track-empty | bg-white rounded-xl w-full p-32">
-          <p>Contenu non disponible pour cette piste</p>
+          <p>{{ t('virtualSample.noContent') }}</p>
         </div>
       </template>
 
@@ -49,7 +49,7 @@
         v-if="isCompareModeEnabled && activeTracks.length < 2"
         class="track-empty | bg-white rounded-xl w-full p-32"
       >
-        <p>Sélectionnez sur la piste que vous souhaitez comparer</p>
+        <p>{{ t('virtualSample.selectToCompare') }}</p>
       </div>
     </div>
   </div>
@@ -62,11 +62,14 @@ import { usePageStore } from '../../../stores/page';
 import { useDialogStore } from '../../../stores/dialog';
 import { useVirtualSampleStore } from '../../../stores/virtualSample';
 import { useRoute, useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 import Interactive360 from './Interactive360.vue';
 import SingleImage from './SingleImage.vue';
 import Selector from '../../Selector.vue';
 import slugify from 'slugify';
 
+const { t } = useI18n();
+
 const route = useRoute();
 const router = useRouter();
 
diff --git a/src/components/project/virtual-sample/VirtualSample.vue b/src/components/project/virtual-sample/VirtualSample.vue
index 5bbcc0b..ab9bbf7 100644
--- a/src/components/project/virtual-sample/VirtualSample.vue
+++ b/src/components/project/virtual-sample/VirtualSample.vue
@@ -5,7 +5,7 @@
     modal
     :draggable="false"
     :dismissableMask="true"
-    header="Titre du rendu"
+    :header="t('dialogs.renderTitle')"
     class="dialog"
     :class="[
       { 'with-comments': isCommentsOpen },
@@ -26,7 +26,7 @@
           aria-controls="dynamic"
           @click="activeTab = 'dynamic'"
         >
-          <span>Présentation dynamique</span>
+          <span>{{ t('virtualSample.dynamicPresentation') }}</span>
         </button>
         <button
           v-if="step.files.static"
@@ -38,10 +38,10 @@
           :aria-pressed="activeTab === 'static' ? true : false"
           aria-controls="static"
         >
-          <span>Vue statique</span>
+          <span>{{ t('virtualSample.staticView') }}</span>
         </button>
       </div>
-      <h2 class="font-serif text-lg">Échantillon virtuel</h2>
+      <h2 class="font-serif text-lg">{{ t('virtualSample.title') }}</h2>
     </template>
 
     <DynamicView id="dynamic" v-if="activeTab === 'dynamic'" />
@@ -66,8 +66,8 @@
       >
         <span>{{
           !isLoopAnimationEnabled
-            ? 'Animation en boucle'
-            : 'Arrêter l’animation'
+            ? t('buttons.loopAnimation')
+            : t('buttons.stopAnimation')
         }}</span>
       </button>
       <button
@@ -79,7 +79,7 @@
         @click="isCommentsOpen = !isCommentsOpen"
       >
         <span class="sr-only"
-          >{{ isCommentsOpen ? 'Masquer' : 'Afficher' }} les commentaires</span
+          >{{ isCommentsOpen ? t('buttons.hideComments') : t('buttons.showComments') }}</span
         >
       </button>
     </template>
@@ -103,7 +103,9 @@ import { useVirtualSampleStore } from '../../../stores/virtualSample';
 import { useDialogStore } from '../../../stores/dialog';
 import { useRoute, useRouter } from 'vue-router';
 import { usePageStore } from '../../../stores/page';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const { file } = defineProps({
   file: Object,
 });
@@ -141,12 +143,12 @@ watch(isOpen, (newValue) => {
 const downloadText = computed(() => {
   if (activeTab.value === 'dynamic') {
     if (activeTracks.value.length === 1) {
-      return "Télécharger l'image";
+      return t('buttons.downloadImage');
     } else {
-      return 'Télécharger les images';
+      return t('buttons.downloadImages');
     }
   } else {
-    return 'Télécharger le PDF';
+    return t('buttons.downloadPdf');
   }
 });
 
diff --git a/src/locales/en.json b/src/locales/en.json
new file mode 100644
index 0000000..0ddf7d5
--- /dev/null
+++ b/src/locales/en.json
@@ -0,0 +1,198 @@
+{
+  "menu": {
+    "home": "Home",
+    "notifications": "Notifications",
+    "meetings": "Meetings",
+    "designToLight": "Design to Light",
+    "inspirations": "Inspirations",
+    "profile": "Profile",
+    "logout": "Logout",
+    "currentProjects": "Current projects",
+    "archivedProjects": "Archived projects",
+    "news": "New",
+    "show": "Show menu",
+    "hide": "Hide menu",
+    "newModifications": "New modifications"
+  },
+  "steps": {
+    "clientBrief": "Client brief",
+    "proposal": "Commercial proposal",
+    "extendedBrief": "Extended brief",
+    "industrialIdeation": "Industrial ideation",
+    "virtualSample": "Virtual sample",
+    "physicalSample": "Physical sample"
+  },
+  "dtl": {
+    "dynamicTrack": "Virtual sample - dynamic track",
+    "staticTrack": "Virtual sample - static track",
+    "title": "Design to Light",
+    "grade": "Design to Light: {grade}",
+    "globalScore": "Global score",
+    "positioning": "Positioning",
+    "design": "Design",
+    "weight": "Weight",
+    "indicators": "Component indicators",
+    "requestOptimization": "Request optimization expertise",
+    "requestPending": "Expertise request being processed…",
+    "initialProposal": "Initial proposal",
+    "alternative": "Alternative {index}",
+    "proposalBasedOn": "Data based on the proposal"
+  },
+  "buttons": {
+    "edit": "Edit",
+    "cancel": "Cancel",
+    "save": "Save",
+    "delete": "Delete",
+    "submit": "Submit",
+    "retry": "Retry",
+    "add": "Add",
+    "close": "Close",
+    "validate": "Validate and send the brief",
+    "validateMinimum": "Add at least one image",
+    "showPassword": "Show password",
+    "hidePassword": "Hide password",
+    "showProject": "Show project",
+    "hideProject": "Hide project",
+    "showComments": "Show comments",
+    "hideComments": "Hide comments",
+    "backToProject": "Back to project",
+    "backToList": "Back to list",
+    "addComment": "Add a comment",
+    "reply": "Reply…",
+    "seeAll": "See all",
+    "deleteImage": "Delete this image",
+    "downloadImage": "Download image",
+    "downloadImages": "Download images",
+    "downloadPdf": "Download PDF",
+    "update": "Update",
+    "requestMeeting": "Request a meeting",
+    "markAllAsRead": "Mark all as read",
+    "loopAnimation": "Loop animation",
+    "stopAnimation": "Stop animation",
+    "compareTracks": "Compare tracks",
+    "exitCompare": "Exit compare mode"
+  },
+  "forms": {
+    "email": "Email",
+    "emailPlaceholder": "email@example.com",
+    "password": "Password",
+    "passwordPlaceholder": "Minimum 8 characters",
+    "newPassword": "New password",
+    "confirmPassword": "Confirm new password…",
+    "projectName": "Project name",
+    "projectDetails": "Project details",
+    "projectDetailsPlaceholder": "Project details…",
+    "meetingSubject": "Meeting subject",
+    "meetingDetails": "Project details",
+    "meetingDetailsPlaceholder": "Describe your request…",
+    "description": "Project description",
+    "descriptionPlaceholder": "Add a general description of your project…",
+    "imageDescription": "Image description",
+    "imageDescriptionPlaceholder": "Add a description to the image…",
+    "commentPlaceholder": "Add a comment…",
+    "filterByTags": "Filter by tags",
+    "tags": "Tags",
+    "selectVariation": "Select a variation",
+    "uploadedFiles": "Uploaded files",
+    "addImages": "Add one or more images"
+  },
+  "auth": {
+    "login": "Login",
+    "passwordShown": "Password shown",
+    "passwordHidden": "Password hidden",
+    "fillFields": "Please fill in the fields.",
+    "inProgress": "In progress…",
+    "updateSuccess": "Update successful",
+    "updateInProgress": "in progress…"
+  },
+  "account": {
+    "comments": "Comments",
+    "noClient": "No associated client",
+    "managedProjects": "Managed projects",
+    "myProjects": "My projects",
+    "currentStep": "Current step:",
+    "projectCount": "Number of projects",
+    "clientLogo": "{clientName} logo"
+  },
+  "brief": {
+    "addPlatform": "Add a brief via the platform",
+    "addPdf": "Add a PDF brief",
+    "projects": "Projects"
+  },
+  "comments": {
+    "title": "Comments",
+    "your": "Your comment",
+    "new": "New comment",
+    "newInstruction": "In the content area, click where you want to position the comment",
+    "reply": "reply",
+    "replies": "replies",
+    "edit": "Edit",
+    "inProgress": "In progress",
+    "emptyMessage": "Share your ideas by adding comments"
+  },
+  "dates": {
+    "today": "Today",
+    "yesterday": "yesterday",
+    "updatedOn": "Last updated on"
+  },
+  "projects": {
+    "none": "No projects at the moment",
+    "current": "Current projects",
+    "archived": "Archived projects"
+  },
+  "notifications": {
+    "title": "Notifications",
+    "none": "You have no new notifications",
+    "noneUnread": "You have no unread notifications",
+    "all": "All",
+    "unread": "Unread",
+    "projectRequest": "Project creation request",
+    "meetingRequest": "Meeting request",
+    "content": "Content",
+    "draft": "(draft)",
+    "from": "From",
+    "author": "Author:",
+    "goToContent": "Go to content"
+  },
+  "meetings": {
+    "none": "You have no scheduled meetings",
+    "upcoming": "Upcoming",
+    "past": "Past"
+  },
+  "inspirations": {
+    "title": "Inspirations",
+    "favorites": "My Favorites",
+    "addToFavorites": "Add to favorites",
+    "removeFromFavorites": "Remove from favorites",
+    "new": "New"
+  },
+  "dialogs": {
+    "requestProject": "Request project creation",
+    "requestMeeting": "Request a meeting",
+    "imageDetails": "Image details",
+    "addImages": "Add images",
+    "deleteConfirm": "Are you sure you want to delete this image?",
+    "deleteWarning": "If you delete this image, it will disappear from your brief along with all the information attributed to it.",
+    "pdfTitle": "PDF title",
+    "renderTitle": "Render title",
+    "createWithDTL": "Create with Design to Light",
+    "learnMore": "Learn more",
+    "dtlDescription": "Discover the environmental score of your project..."
+  },
+  "virtualSample": {
+    "title": "Virtual sample",
+    "dynamicPresentation": "Dynamic presentation",
+    "staticView": "Static view",
+    "noContent": "Content not available for this track",
+    "selectToCompare": "Select the track you want to compare"
+  },
+  "errors": {
+    "saveFailed": "Save failed",
+    "deleteFailed": "Delete failed",
+    "toggleProjectFailed": "Failed to show/hide project",
+    "toggleFavoriteFailed": "Failed to toggle favorite",
+    "readNotificationFailed": "Failed to read notification:",
+    "readAllNotificationsFailed": "Could not read all notifications",
+    "markNotificationFailed": "Could not mark notification as read"
+  }
+}
diff --git a/src/locales/fr.json b/src/locales/fr.json
new file mode 100644
index 0000000..b155bcb
--- /dev/null
+++ b/src/locales/fr.json
@@ -0,0 +1,198 @@
+{
+  "menu": {
+    "home": "Home",
+    "notifications": "Notifications",
+    "meetings": "Réunions",
+    "designToLight": "Design to Light",
+    "inspirations": "Inspirations",
+    "profile": "Profil",
+    "logout": "Déconnexion",
+    "currentProjects": "Projets en cours",
+    "archivedProjects": "Projets archivés",
+    "news": "Nouveautés",
+    "show": "Afficher le menu",
+    "hide": "Masquer le menu",
+    "newModifications": "Nouvelles modifications"
+  },
+  "steps": {
+    "clientBrief": "Brief client",
+    "proposal": "Proposition commerciale",
+    "extendedBrief": "Brief enrichi",
+    "industrialIdeation": "Idéation industrielle",
+    "virtualSample": "Échantillon virtuel",
+    "physicalSample": "Échantillon physique"
+  },
+  "dtl": {
+    "dynamicTrack": "Échantillon virtuel - piste dynamique",
+    "staticTrack": "Échantillon virtuel - piste statique",
+    "title": "Design to Light",
+    "grade": "Design to Light: {grade}",
+    "globalScore": "Note globale",
+    "positioning": "Positionnement",
+    "design": "Design",
+    "weight": "Poids",
+    "indicators": "Indicateur des composants impliqués",
+    "requestOptimization": "Demander une expertise d'optimisation",
+    "requestPending": "Demande d'expertise en cours de traitement…",
+    "initialProposal": "Proposition initiale",
+    "alternative": "Alternative {index}",
+    "proposalBasedOn": "Données basées sur la proposition"
+  },
+  "buttons": {
+    "edit": "Modifier",
+    "cancel": "Annuler",
+    "save": "Sauvegarder",
+    "delete": "Supprimer",
+    "submit": "Soumettre",
+    "retry": "Réessayer",
+    "add": "Ajouter",
+    "close": "Fermer",
+    "validate": "Valider et envoyer le brief",
+    "validateMinimum": "Ajoutez au moins une image",
+    "showPassword": "Afficher le mot de passe",
+    "hidePassword": "Masquer le mot de passe",
+    "showProject": "Afficher le projet",
+    "hideProject": "Masquer le projet",
+    "showComments": "Afficher les commentaires",
+    "hideComments": "Masquer les commentaires",
+    "backToProject": "Retour au projet",
+    "backToList": "Retour à la liste",
+    "addComment": "Ajouter un commentaire",
+    "reply": "Répondre…",
+    "seeAll": "Voir tout",
+    "deleteImage": "Supprimer cette image",
+    "downloadImage": "Télécharger l'image",
+    "downloadImages": "Télécharger les images",
+    "downloadPdf": "Télécharger le PDF",
+    "update": "Mettre à jour",
+    "requestMeeting": "Demander un RDV",
+    "markAllAsRead": "Marquer tout comme lu",
+    "loopAnimation": "Animation en boucle",
+    "stopAnimation": "Arrêter l'animation",
+    "compareTracks": "Comparer les pistes",
+    "exitCompare": "Quitter le mode comparer"
+  },
+  "forms": {
+    "email": "Email",
+    "emailPlaceholder": "mail@exemple.com",
+    "password": "Mot de passe",
+    "passwordPlaceholder": "Minimum 8 caractères",
+    "newPassword": "Nouveau mot de passe",
+    "confirmPassword": "Confirmez le nouveau mot de passe…",
+    "projectName": "Nom du projet",
+    "projectDetails": "Détails du projet",
+    "projectDetailsPlaceholder": "Détails du projet…",
+    "meetingSubject": "Objet du rendez-vous",
+    "meetingDetails": "Détails du projet",
+    "meetingDetailsPlaceholder": "Décrivez votre demande…",
+    "description": "Description du projet",
+    "descriptionPlaceholder": "Ajoutez une description générale de votre projet…",
+    "imageDescription": "Description de l'image",
+    "imageDescriptionPlaceholder": "Ajoutez une description à l'image…",
+    "commentPlaceholder": "Ajouter un commentaire…",
+    "filterByTags": "Filtrer par tags",
+    "tags": "Tags",
+    "selectVariation": "Sélectionnez une déclinaison",
+    "uploadedFiles": "Fichiers importés",
+    "addImages": "Ajouter une ou plusieurs images"
+  },
+  "auth": {
+    "login": "Connexion",
+    "passwordShown": "Mot de passe affiché",
+    "passwordHidden": "Mot de passe masqué",
+    "fillFields": "Veuillez remplir les champs.",
+    "inProgress": "En cours…",
+    "updateSuccess": "Mise à jour réussie",
+    "updateInProgress": "en cours…"
+  },
+  "account": {
+    "comments": "Commentaires",
+    "noClient": "Pas de client associé",
+    "managedProjects": "Projets managés",
+    "myProjects": "Mes projets",
+    "currentStep": "Étape en cours :",
+    "projectCount": "Nombre de projets",
+    "clientLogo": "logo {clientName}"
+  },
+  "brief": {
+    "addPlatform": "Ajouter un brief via la plateforme",
+    "addPdf": "Ajouter un brief PDF",
+    "projects": "Projets"
+  },
+  "comments": {
+    "title": "Commentaires",
+    "your": "Votre commentaire",
+    "new": "Nouveau commentaire",
+    "newInstruction": "Dans la zone du contenu, cliquez où vous souhaitez positionner le commentaire",
+    "reply": "réponse",
+    "replies": "réponses",
+    "edit": "Éditer",
+    "inProgress": "En cours",
+    "emptyMessage": "Partagez vos idées en ajoutant des commentaires"
+  },
+  "dates": {
+    "today": "Aujourd'hui",
+    "yesterday": "hier",
+    "updatedOn": "Dernière mise à jour le"
+  },
+  "projects": {
+    "none": "Aucun projet pour le moment",
+    "current": "Projets en cours",
+    "archived": "Projets archivés"
+  },
+  "notifications": {
+    "title": "Notifications",
+    "none": "Vous n'avez pas de nouvelles notifications",
+    "noneUnread": "Vous n'avez pas de notifications non lues",
+    "all": "Tout",
+    "unread": "Non lu",
+    "projectRequest": "Demande de création de projet",
+    "meetingRequest": "Demande de rendez-vous",
+    "content": "Contenu",
+    "draft": "(brouillon)",
+    "from": "De la part de",
+    "author": "Auteur :",
+    "goToContent": "Aller au contenu"
+  },
+  "meetings": {
+    "none": "Vous n'avez aucune réunion programmée",
+    "upcoming": "À venir",
+    "past": "Passées"
+  },
+  "inspirations": {
+    "title": "Les Inspirations",
+    "favorites": "Mes Favoris",
+    "addToFavorites": "Ajouter aux favoris",
+    "removeFromFavorites": "Retirer des favoris",
+    "new": "Nouveauté"
+  },
+  "dialogs": {
+    "requestProject": "Demander la création d'un projet",
+    "requestMeeting": "Demander un rendez-vous",
+    "imageDetails": "Détails de l'image",
+    "addImages": "Ajouter des images",
+    "deleteConfirm": "Êtes-vous sûr de vouloir supprimer cette image ?",
+    "deleteWarning": "Si vous supprimez cette image, celle-ci disparaîtra de votre brief ainsi que toutes les informations qui lui sont attribuées.",
+    "pdfTitle": "Titre du PDF",
+    "renderTitle": "Titre du rendu",
+    "createWithDTL": "Créer avec Design to Light",
+    "learnMore": "En savoir plus",
+    "dtlDescription": "Découvrez la note environnementale de votre projet..."
+  },
+  "virtualSample": {
+    "title": "Échantillon virtuel",
+    "dynamicPresentation": "Présentation dynamique",
+    "staticView": "Vue statique",
+    "noContent": "Contenu non disponible pour cette piste",
+    "selectToCompare": "Sélectionnez sur la piste que vous souhaitez comparer"
+  },
+  "errors": {
+    "saveFailed": "Erreur lors de la sauvegarde",
+    "deleteFailed": "Erreur lors de la suppression",
+    "toggleProjectFailed": "Erreur lors du masquage/affichage du projet",
+    "toggleFavoriteFailed": "Failed to toggle favorite",
+    "readNotificationFailed": "Erreur lors de la lecture de la notification :",
+    "readAllNotificationsFailed": "Could not read all notifications",
+    "markNotificationFailed": "Could not mark notification as read"
+  }
+}
diff --git a/src/main.js b/src/main.js
index a260fb6..e35041f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,12 +6,30 @@ import PrimeVue from 'primevue/config';
 import ToastService from 'primevue/toastservice';
 import Select from 'primevue/select';
 import MultiSelect from 'primevue/multiselect';
-import { router } from './router/router.js';
+import { router, setI18nLocale } from './router/router.js';
+import { createI18n } from 'vue-i18n';
+import fr from './locales/fr.json';
+import en from './locales/en.json';
+import { setI18nInstance } from './stores/locale';
+
+const i18n = createI18n({
+  legacy: false,
+  locale: 'fr',
+  fallbackLocale: 'fr',
+  messages: {
+    fr,
+    en,
+  },
+});
+
+// Donner l'instance i18n au store locale pour synchronisation immédiate
+setI18nInstance(i18n);
 
 const app = createApp(App);
 const pinia = createPinia();
 
 app.use(pinia);
+app.use(i18n);
 app.use(PrimeVue, {
   unstyled: true,
 });
@@ -19,4 +37,7 @@ app.use(ToastService);
 app.use(router);
 app.component('Select', Select);
 app.component('MultiSelect', MultiSelect);
+
+setI18nLocale(i18n);
+
 app.mount('#app');
diff --git a/src/router/router.js b/src/router/router.js
index a67252a..aa6c4d1 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -3,6 +3,7 @@ import routes from './routes';
 import { useApiStore } from '../stores/api';
 import { usePageStore } from '../stores/page';
 import { useUserStore } from '../stores/user';
+import { useLocaleStore } from '../stores/locale';
 
 const router = createRouter({
   history: createWebHistory(),
@@ -12,13 +13,23 @@ const router = createRouter({
 router.beforeEach(async (to, from, next) => {
   const pageStore = usePageStore();
   const userStore = useUserStore();
+  const localeStore = useLocaleStore();
+
+  const urlLocale = to.params.locale === 'en' ? 'en' : 'fr';
+  localeStore.initLocale(urlLocale);
+
+  let apiPath = to.path;
+  if (urlLocale === 'en' && apiPath.startsWith('/en')) {
+    apiPath = apiPath.replace(/^\/en/, '') || '/';
+  }
 
   const api = useApiStore();
   try {
-    const res = await api.fetchData(to.path);
+    const res = await api.fetchData(apiPath);
 
-    if (to.path === '/login' && res.user) {
-      location.href = '/';
+    const loginPath = urlLocale === 'en' ? '/en/login' : '/login';
+    if (to.path === loginPath && res.user) {
+      location.href = urlLocale === 'en' ? '/en' : '/';
     }
 
     pageStore.page = res.page;
@@ -30,4 +41,13 @@ router.beforeEach(async (to, from, next) => {
   }
 });
 
+export function setI18nLocale(i18n) {
+  router.afterEach(() => {
+    const localeStore = useLocaleStore();
+    if (i18n.global.locale.value !== localeStore.currentLocale) {
+      i18n.global.locale.value = localeStore.currentLocale;
+    }
+  });
+}
+
 export { router };
diff --git a/src/router/routes.js b/src/router/routes.js
index 12d0f18..af98b44 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -10,53 +10,55 @@ import Account from '../views/Account.vue';
 
 const routes = [
   {
-    path: '/',
+    path: '/:locale?',
     component: Home,
   },
   {
     name: 'Login',
-    path: '/login',
+    path: '/:locale?/login',
     component: Login,
   },
   {
     name: 'Account',
-    path: '/account',
+    path: '/:locale?/account',
     component: Account,
   },
   {
-    path: '/notifications',
+    path: '/:locale?/notifications',
     component: Notifications,
   },
   {
-    path: '/reunions',
+    path: '/:locale?/reunions',
     component: Reunions,
   },
   {
-    path: '/inspirations',
+    path: '/:locale?/inspirations',
     component: Inspirations,
   },
   {
-    path: '/design-to-light',
+    path: '/:locale?/design-to-light',
     component: DesignToLight,
   },
   {
-    path: '/projects/:id',
+    path: '/:locale?/projects/:id',
     component: Kanban,
   },
   {
-    path: '/projects/:id/client-brief',
+    path: '/:locale?/projects/:id/client-brief',
     component: Brief,
   },
   {
-    path: '/projects/:id/extended-brief',
+    path: '/:locale?/projects/:id/extended-brief',
     component: Brief,
   },
 
   // Redirections
   {
-    path: '/projects/:id/industrial-ideation',
+    path: '/:locale?/projects/:id/industrial-ideation',
     redirect: (to) => {
+      const prefix = to.params.locale === 'en' ? '/en' : '';
       return (
+        prefix +
         '/projects/' +
         to.params.id +
         '?dialog=industrial-ideation&comments=true'
@@ -64,9 +66,10 @@ const routes = [
     },
   },
   {
-    path: '/projects/:id/proposal',
+    path: '/:locale?/projects/:id/proposal',
     redirect: (to) => {
-      return '/projects/' + to.params.id + '?dialog=proposal&comments=true';
+      const prefix = to.params.locale === 'en' ? '/en' : '';
+      return prefix + '/projects/' + to.params.id + '?dialog=proposal&comments=true';
     },
   },
 ];
diff --git a/src/stores/locale.js b/src/stores/locale.js
new file mode 100644
index 0000000..9768a57
--- /dev/null
+++ b/src/stores/locale.js
@@ -0,0 +1,61 @@
+import { defineStore } from 'pinia';
+import { ref, computed } from 'vue';
+
+let i18nInstance = null;
+
+export function setI18nInstance(i18n) {
+  i18nInstance = i18n;
+}
+
+export const useLocaleStore = defineStore('locale', () => {
+  const currentLocale = ref('fr');
+
+  const isEnglish = computed(() => currentLocale.value === 'en');
+  const isFrench = computed(() => currentLocale.value === 'fr');
+
+  function setLocale(locale) {
+    if (locale !== 'fr' && locale !== 'en') {
+      console.warn(`Invalid locale: ${locale}, defaulting to 'fr'`);
+      locale = 'fr';
+    }
+    currentLocale.value = locale;
+    localStorage.setItem('locale', locale);
+    document.documentElement.lang = locale;
+
+    // Synchroniser i18n immédiatement
+    if (i18nInstance) {
+      i18nInstance.global.locale.value = locale;
+    }
+  }
+
+  function detectUserLocale() {
+    const browserLang = navigator.language.toLowerCase();
+    return browserLang.startsWith('en') ? 'en' : 'fr';
+  }
+
+  function initLocale(urlLocale = null) {
+    let locale = 'fr';
+
+    if (urlLocale && (urlLocale === 'en' || urlLocale === 'fr')) {
+      locale = urlLocale;
+    } else {
+      const storedLocale = localStorage.getItem('locale');
+      if (storedLocale === 'en' || storedLocale === 'fr') {
+        locale = storedLocale;
+      } else {
+        locale = detectUserLocale();
+      }
+    }
+
+    setLocale(locale);
+  }
+
+  return {
+    currentLocale,
+    isEnglish,
+    isFrench,
+    setLocale,
+    detectUserLocale,
+    initLocale,
+  };
+});
diff --git a/src/utils/router.js b/src/utils/router.js
new file mode 100644
index 0000000..ea639f4
--- /dev/null
+++ b/src/utils/router.js
@@ -0,0 +1,43 @@
+import { useLocaleStore } from '../stores/locale';
+
+export function localeRoute(path) {
+  const localeStore = useLocaleStore();
+  const locale = localeStore.currentLocale;
+
+  if (locale === 'en') {
+    return path.startsWith('/en') ? path : `/en${path}`;
+  }
+
+  return path.startsWith('/en') ? path.replace(/^\/en/, '') || '/' : path;
+}
+
+export function addLocalePrefix(path) {
+  const localeStore = useLocaleStore();
+  const locale = localeStore.currentLocale;
+
+  // S'assurer que le path commence par /
+  if (!path.startsWith('/')) {
+    path = '/' + path;
+  }
+
+  // Ajouter /en si locale anglaise et pas déjà présent
+  if (locale === 'en' && !path.startsWith('/en')) {
+    return '/en' + path;
+  }
+
+  // Enlever /en si locale française
+  if (locale === 'fr' && path.startsWith('/en')) {
+    return path.replace(/^\/en/, '') || '/';
+  }
+
+  return path;
+}
+
+export function removeLocalePrefix(path) {
+  return path.replace(/^\/(en|fr)/, '') || '/';
+}
+
+export function getLocaleFromPath(path) {
+  const match = path.match(/^\/(en|fr)/);
+  return match ? match[1] : 'fr';
+}
diff --git a/src/views/Account.vue b/src/views/Account.vue
index b5bceb2..ca3628b 100644
--- a/src/views/Account.vue
+++ b/src/views/Account.vue
@@ -20,13 +20,13 @@
           role="group"
           aria-labelledby="username"
         >
-          <label for="username" class="text-grey-700">Email</label>
+          <label for="username" class="text-grey-700">{{ t('forms.email') }}</label>
           <input
             v-if="isEditingEmail"
             type="email"
             v-model="email"
             id="username"
-            placeholder="mail@exemple.com"
+            :placeholder="t('forms.emailPlaceholder')"
             autocomplete="username"
             class="w-full rounded-md border border-grey-200 px-16 py-12 mt-8"
             :class="{ invalid: !isEmailValid }"
@@ -55,14 +55,14 @@
             @click="isEditingEmail = true"
             class="btn | w-full text-md"
           >
-            Modifier
+            {{ t('buttons.edit') }}
           </button>
           <button
             v-if="isEditingEmail"
             class="btn btn--secondary | w-full text-md"
             @click="isEditingEmail = false"
           >
-            Annuler
+            {{ t('buttons.cancel') }}
           </button>
         </div>
       </section>
@@ -72,17 +72,15 @@
         class="bg-white rounded-2xl px-16 py-24"
         aria-labelledby="password-label"
       >
-        <h2 class="sr-only" id="password-label">Mot de passe</h2>
+        <h2 class="sr-only" id="password-label">{{ t('forms.password') }}</h2>
         <div class="flow">
           <div class="field | w-full" role="group" aria-labelledby="password">
-            <label for="password" class="text-grey-700"
-              >Nouveau mot de passe</label
-            >
+            <label for="password" class="text-grey-700">{{ t('forms.newPassword') }}</label>
             <input
               :type="isPasswordVisible ? 'text' : 'password'"
               v-model="password"
               id="password"
-              placeholder="Minimum 8 caractères"
+              :placeholder="t('forms.passwordPlaceholder')"
               autocomplete="current-password"
               autocapitalize="none"
               autocorrect="off"
@@ -97,11 +95,7 @@
               :aria-pressed="isPasswordVisible ? 'true' : 'false'"
               aria-controls="password"
               @click="isPasswordVisible = !isPasswordVisible"
-              :title="
-                isPasswordVisible
-                  ? 'Masquer le mot de passe'
-                  : 'Afficher le mot de passe'
-              "
+              :title="isPasswordVisible ? t('buttons.hidePassword') : t('buttons.showPassword')"
             >
               <svg
                 aria-hidden="true"
@@ -121,11 +115,7 @@
                   d="M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z"
                 ></path>
               </svg>
-              <span class="sr-only">{{
-                isPasswordVisible
-                  ? 'Masquer le mot de passe'
-                  : 'Afficher le mot de passe'
-              }}</span>
+              <span class="sr-only">{{ isPasswordVisible ? t('buttons.hidePassword') : t('buttons.showPassword') }}</span>
             </button>
           </div>
           <div
@@ -133,14 +123,12 @@
             role="group"
             aria-labelledby="password-confirm"
           >
-            <label for="passwordConfirm" class="text-grey-700"
-              >Confirmez le nouveau mot de passe…</label
-            >
+            <label for="passwordConfirm" class="text-grey-700">{{ t('forms.confirmPassword') }}</label>
             <input
               :type="isPasswordVisible ? 'text' : 'password'"
               v-model="passwordConfirm"
               id="password-confirm"
-              placeholder="Minimum 8 caractères"
+              :placeholder="t('forms.passwordPlaceholder')"
               autocomplete="current-password"
               autocapitalize="none"
               autocorrect="off"
@@ -155,11 +143,7 @@
               :aria-pressed="isPasswordVisible ? 'true' : 'false'"
               aria-controls="password-confirm"
               @click="isPasswordVisible = !isPasswordVisible"
-              :title="
-                isPasswordVisible
-                  ? 'Masquer le mot de passe'
-                  : 'Afficher le mot de passe'
-              "
+              :title="isPasswordVisible ? t('buttons.hidePassword') : t('buttons.showPassword')"
             >
               <svg
                 aria-hidden="true"
@@ -179,11 +163,7 @@
                   d="M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z"
                 ></path>
               </svg>
-              <span class="sr-only">{{
-                isPasswordVisible
-                  ? 'Masquer le mot de passe'
-                  : 'Afficher le mot de passe'
-              }}</span>
+              <span class="sr-only">{{ isPasswordVisible ? t('buttons.hidePassword') : t('buttons.showPassword') }}</span>
             </button>
           </div>
           <button
@@ -203,13 +183,13 @@
         aria-labelledby="client-label"
       >
         <h2 id="client-label" class="text-grey-700 mb-16">
-          {{ user.client ? 'Client' : 'Pas de client associé' }}
+          {{ user.client ? 'Client' : t('account.noClient') }}
         </h2>
         <div class="flex" style="--column-gap: 2rem">
           <template v-if="user.client">
             <img
               :src="user.client.logo"
-              :alt="'logo' + user.client.name"
+              :alt="t('account.clientLogo', { clientName: user.client.name })"
               class="rounded-md"
               width="72"
               height="72"
@@ -228,7 +208,7 @@
         aria-labelledby="projects-label"
       >
         <h2 id="projects-label" class="text-grey-700 mb-24">
-          {{ user.role === 'pochet' ? 'Projets managés' : 'Mes projets' }}
+          {{ user.role === 'pochet' ? t('account.managedProjects') : t('account.myProjects') }}
         </h2>
 
         <div class="projects-list flow" style="--flow-space: 1rem">
@@ -245,8 +225,8 @@
               @click="toggleProject(project.uuid)"
               class="btn btn--sm btn--primary"
               :aria-pressed="true"
-              :title="'Masquer le projet'"
-              aria-label="Masquer le projet"
+              :title="t('buttons.hideProject')"
+              :aria-label="t('buttons.hideProject')"
             >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
@@ -263,7 +243,7 @@
             <div>
               <p class="font-medium">{{ project.title }}</p>
               <p class="text-sm text-grey-600">
-                Étape en cours : {{ project.step }}
+                {{ t('account.currentStep') }} {{ t('steps.' + project.step) }}
               </p>
             </div>
           </div>
@@ -280,8 +260,8 @@
               <button
                 @click="toggleProject(project.uuid)"
                 class="btn btn--sm btn--primary"
-                :title="'Afficher le projet'"
-                aria-label="Afficher le projet"
+                :title="t('buttons.showProject')"
+                :aria-label="t('buttons.showProject')"
               >
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
@@ -298,7 +278,7 @@
               <div>
                 <p class="font-medium">{{ project.title }}</p>
                 <p class="text-sm text-grey-600">
-                  Étape en cours : {{ project.step }}
+                  {{ t('account.currentStep') }} {{ t('steps.' + project.step) }}
                 </p>
               </div>
             </div>
@@ -311,8 +291,8 @@
         class="bg-white rounded-2xl px-16 py-24"
         aria-labelledby="projects-label"
       >
-        <h2 class="sr-only" id="projects-label">Projets</h2>
-        <p class="text-grey-700 mb-16">Nombre de projets</p>
+        <h2 class="sr-only" id="projects-label">{{ t('brief.projects') }}</h2>
+        <p class="text-grey-700 mb-16">{{ t('account.projectCount') }}</p>
         <p class="text-xl">{{ Object.values(user.projects).length }}</p>
       </section>
     </div>
@@ -323,10 +303,12 @@ import { storeToRefs } from 'pinia';
 import { useUserStore } from '../stores/user';
 import { useApiStore } from '../stores/api';
 import { computed, ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 const userStore = useUserStore();
 const { user, visibleProjects } = storeToRefs(userStore);
 const api = useApiStore();
+const { t } = useI18n();
 
 const hiddenProjectsList = computed(() => {
   if (!user.value?.projects || !user.value?.hiddenProjects) return [];
@@ -349,14 +331,14 @@ async function toggleProject(projectUuid) {
   try {
     await api.toggleHiddenProject(projectUuid);
   } catch (error) {
-    console.error('Erreur lors du masquage/affichage du projet:', error);
+    console.error(t('errors.toggleProjectFailed'), error);
   }
 }
 
 // Email
 const email = ref('');
 const emailBtn = ref({
-  text: 'Mettre à jour',
+  text: t('buttons.update'),
   status: 'ready',
 });
 const isEditingEmail = ref(false);
@@ -365,7 +347,7 @@ const isEmailValid = computed(() => {
   return emailRegex.test(email.value);
 });
 async function updateEmail() {
-  emailBtn.value.text = 'En cours…';
+  emailBtn.value.text = t('auth.inProgress');
   emailBtn.value.status = 'pending';
 
   const headers = {
@@ -378,11 +360,11 @@ async function updateEmail() {
   const json = await response.json();
 
   if (json.status === 'success') {
-    emailBtn.value.text = 'Mise à jour réussie';
+    emailBtn.value.text = t('auth.updateSuccess');
     emailBtn.value.status = 'succeed';
 
     setTimeout(() => {
-      emailBtn.value.text = 'Mettre à jour';
+      emailBtn.value.text = t('buttons.update');
       emailBtn.value.status = 'ready';
       isEditingEmail.value = false;
     }, 1500);
@@ -394,7 +376,7 @@ async function updateEmail() {
 // Password
 const password = ref('');
 const passwordBtn = ref({
-  text: 'Mettre à jour',
+  text: t('buttons.update'),
   status: 'ready',
 });
 const passwordConfirm = ref('');
@@ -405,7 +387,7 @@ const isPasswordConfirmed = computed(() => {
   );
 });
 async function updatePassword() {
-  passwordBtn.value.text = 'en cours…';
+  passwordBtn.value.text = t('auth.updateInProgress');
   passwordBtn.value.status = 'pending';
 
   const headers = {
@@ -420,11 +402,11 @@ async function updatePassword() {
   if (json.status === 'success') {
     password.value = '';
     passwordConfirm.value = '';
-    passwordBtn.value.text = 'mise à jour réussie';
+    passwordBtn.value.text = t('auth.updateSuccess');
     passwordBtn.value.status = 'succeed';
 
     setTimeout(() => {
-      passwordBtn.value.text = 'Mettre à jour';
+      passwordBtn.value.text = t('buttons.update');
       passwordBtn.value.status = 'ready';
     }, 1500);
   } else {
diff --git a/src/views/Brief.vue b/src/views/Brief.vue
index fad0018..e6c9290 100644
--- a/src/views/Brief.vue
+++ b/src/views/Brief.vue
@@ -7,7 +7,7 @@
         data-icon="arrow-left"
         aria-labelledby="back-to-project"
       >
-        <span id="back-to-project">Retour au projet</span>
+        <span id="back-to-project">{{ t('buttons.backToProject') }}</span>
       </router-link>
       <button
         class="btn | ml-auto"
@@ -18,11 +18,11 @@
         "
         :title="
           !page.hasOwnProperty('moodboard') || page.moodboard.length === 0
-            ? 'Ajoutez au moins une image'
+            ? t('buttons.validateMinimum')
             : undefined
         "
       >
-        Valider et envoyer le brief
+        {{ t('buttons.validate') }}
       </button>
     </header>
     <Images />
@@ -33,7 +33,9 @@ import Images from '../components/project/brief/Images.vue';
 import { usePageStore } from '../stores/page';
 import { storeToRefs } from 'pinia';
 import { useApiStore } from '../stores/api';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const { page } = storeToRefs(usePageStore());
 const api = useApiStore();
 
diff --git a/src/views/Inspirations.vue b/src/views/Inspirations.vue
index e2732cc..d5933e9 100644
--- a/src/views/Inspirations.vue
+++ b/src/views/Inspirations.vue
@@ -1,7 +1,7 @@
 <template>
   <main v-if="page.inspirations" class="flex flex-col">
     <header class="flex">
-      <h2 id="tabslist" class="sr-only">Inspirations</h2>
+      <h2 id="tabslist" class="sr-only">{{ t('inspirations.title') }}</h2>
       <Tabs :tabs="tabs" @update:currentTab="changeTab" />
       <Selector
         v-if="page.inspirations.length > 1"
@@ -36,6 +36,9 @@ import { useUserStore } from "../stores/user";
 import { ref, computed } from "vue";
 import { usePageStore } from "../stores/page";
 import { storeToRefs } from "pinia";
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 // Stores
 const { page } = storeToRefs(usePageStore());
@@ -60,14 +63,14 @@ const favoriteImages = computed(() =>
 
 const tabs = computed(() => [
   {
-    label: "Les Inspirations",
+    label: t('inspirations.title'),
     id: "all",
     icon: null,
     count: currentInspiration.value.media.length,
     isActive: currentTab.value === "all",
   },
   {
-    label: "Mes Favoris",
+    label: t('inspirations.favorites'),
     id: "favorites",
     icon: "favorite",
     count: favoriteImages.value.length,
diff --git a/src/views/Login.vue b/src/views/Login.vue
index a531ce4..316f235 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -6,7 +6,7 @@
       style="--row-gap: 1rem; max-width: 24em"
     >
       <div class="field | w-full" role="group" aria-labelledby="username">
-        <label for="username">Email</label>
+        <label for="username">{{ t('forms.email') }}</label>
         <input
           @input="updateEmail"
           type="email"
@@ -17,13 +17,13 @@
           autocorrect="off"
           spellcheck="false"
           class="w-full rounded-md border border-grey-200 px-16 py-12 mt-8"
-          placeholder="mail@exemple.com"
+          :placeholder="t('forms.emailPlaceholder')"
           :aria-invalid="{ true: !isValidEmail }"
           required
         />
       </div>
       <div class="field | w-full" role="group" aria-labelledby="password">
-        <label for="password">Mot de passe</label>
+        <label for="password">{{ t('forms.password') }}</label>
         <input
           :type="isPasswordVisible ? 'text' : 'password'"
           v-model="password"
@@ -41,18 +41,18 @@
           :aria-pressed="isPasswordVisible ? 'true' : 'false'"
           aria-controls="password"
           @click="isPasswordVisible = !isPasswordVisible"
-          :title="isPasswordVisible ? 'Masquer le mot de passe' : 'Afficher le mot de passe'"
+          :title="isPasswordVisible ? t('buttons.hidePassword') : t('buttons.showPassword')"
         >
           <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
             <path v-if="isPasswordVisible" d="M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z"></path>
             <path v-else d="M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z"></path>
           </svg>
-          <span class="sr-only">{{ isPasswordVisible ? 'Masquer le mot de passe' : 'Afficher le mot de passe' }}</span>
+          <span class="sr-only">{{ isPasswordVisible ? t('buttons.hidePassword') : t('buttons.showPassword') }}</span>
         </button>
       </div>
       <p class="error" v-if="errorMessage" v-html="errorMessage"></p>
       <div class="sr-only" id="announce" aria-live="assertive">
-        {{ isPasswordVisible ? 'Mot de passe affiché' : 'Mot de passe masqué' }}
+        {{ isPasswordVisible ? t('auth.passwordShown') : t('auth.passwordHidden') }}
       </div>
       <button
         @click="login"
@@ -68,7 +68,9 @@
 </template>
 <script setup>
 import { ref, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const email = ref('');
 const isValidEmail = ref(false);
 const password = ref('');
@@ -76,7 +78,7 @@ const isPasswordVisible = ref(false);
 const errorMessage = ref(null);
 
 const submitBtn = ref({
-  message: 'Connexion',
+  message: t('auth.login'),
   state: 'ready',
 });
 
@@ -90,10 +92,10 @@ function updateEmail(event) {
 
 async function login() {
   if (email.value.length === 0 || password.value.length === 0) {
-    errorMessage.value = 'Veuillez remplir les champs.';
+    errorMessage.value = t('auth.fillFields');
   }
 
-  submitBtn.value.message = 'En cours…';
+  submitBtn.value.message = t('auth.inProgress');
   submitBtn.value.state = 'pending';
 
   const headers = {
@@ -114,7 +116,7 @@ async function login() {
     }
   } else {
     errorMessage.value = json.message;
-    submitBtn.value.message = 'Réessayer';
+    submitBtn.value.message = t('buttons.retry');
     submitBtn.value.state = 'ready';
   }
 }
diff --git a/src/views/Notifications.vue b/src/views/Notifications.vue
index 26c9358..af61e6c 100644
--- a/src/views/Notifications.vue
+++ b/src/views/Notifications.vue
@@ -8,7 +8,7 @@
         :disabled="!sortedNotifications.length"
         @click="readAll()"
       >
-        Marquer tout come lu
+        {{ t('buttons.markAllAsRead') }}
       </button>
     </header>
     <div
@@ -32,9 +32,9 @@
         />
       </svg>
       <p v-if="currentTab === 'all'">
-        Vous n’avez pas de nouvelles notifications
+        {{ t('notifications.none') }}
       </p>
-      <p v-else>Vous n’avez pas de notifications non lues</p>
+      <p v-else>{{ t('notifications.noneUnread') }}</p>
     </div>
     <section v-else class="notifications | flow">
       <template
@@ -67,9 +67,11 @@ import Content from '../components/notifications/Content.vue';
 import { useRouter } from 'vue-router';
 import ProjectRequest from '../components/notifications/ProjectRequest.vue';
 import AppointmentRequest from '../components/notifications/AppointmentRequest.vue';
+import { useI18n } from 'vue-i18n';
 
 dayjs.locale('fr');
 
+const { t } = useI18n();
 const userStore = useUserStore();
 const router = useRouter();
 const { notifications } = storeToRefs(useUserStore());
@@ -78,14 +80,14 @@ const currentTab = ref('all');
 const tabs = computed(() => {
   return [
     {
-      label: 'Tout',
+      label: t('notifications.all'),
       id: 'all',
       icon: null,
       count: null,
       isActive: currentTab.value === 'all',
     },
     {
-      label: 'Non lu',
+      label: t('notifications.unread'),
       id: 'unread',
       icon: null,
       count: null,
@@ -121,7 +123,7 @@ function readAll() {
   try {
     api.markAllNotificationsRead();
   } catch (error) {
-    console.log('Could not read all notifications : ', error);
+    console.log(t('errors.readAllNotificationsFailed'), error);
   }
 }
 
@@ -132,7 +134,7 @@ async function handleNotificationClick(notification) {
     try {
       await api.markNotificationRead(notification);
     } catch (error) {
-      console.log('Could not mark notification as read:', error);
+      console.log(t('errors.markNotificationFailed'), error);
     }
   }
 
diff --git a/src/views/Reunions.vue b/src/views/Reunions.vue
index 52dd847..979c25d 100644
--- a/src/views/Reunions.vue
+++ b/src/views/Reunions.vue
@@ -8,8 +8,8 @@
       <svg aria-hidden="true" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M6.25 8.75C5.58696 8.75 4.95107 9.01339 4.48223 9.48223C4.01339 9.95107 3.75 10.587 3.75 11.25V33.75C3.75 34.413 4.01339 35.0489 4.48223 35.5178C4.95107 35.9866 5.58696 36.25 6.25 36.25H33.75C34.413 36.25 35.0489 35.9866 35.5178 35.5178C35.9866 35.0489 36.25 34.413 36.25 33.75V11.25C36.25 10.587 35.9866 9.95107 35.5178 9.48223C35.0489 9.01339 34.413 8.75 33.75 8.75H28.75M3.75 18.75H36.25M11.25 3.75V13.75M28.75 3.75V13.75M11.25 8.75H23.75" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
       </svg>
-      <p class="mb-32">Vous n’avez aucune réunion programmée</p>
-      <button class="btn">Demander un RDV</button>
+      <p class="mb-32">{{ t('meetings.none') }}</p>
+      <button class="btn">{{ t('buttons.requestMeeting') }}</button>
     </div>
   </main>
 </template>
@@ -21,21 +21,23 @@ import { usePageStore } from "../stores/page"
 import { useUserStore } from "../stores/user";
 import { ref, computed } from "vue";
 import { storeToRefs } from "pinia";
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n();
 const { page } = storeToRefs(usePageStore());
 const user = useUserStore().user;
 const currentTab = ref("future");
 const tabs = computed(() => {
   return [
     {
-      label: "À venir",
+      label: t('meetings.upcoming'),
       id: "future",
       icon: null,
       count: null,
       isActive: currentTab.value === "future",
     },
     {
-      label: "Passées",
+      label: t('meetings.past'),
       id: "past",
       icon: null,
       count: null,