diff --git a/src/header.pug b/src/header.pug
index 552f26f..49b663d 100644
--- a/src/header.pug
+++ b/src/header.pug
@@ -3,7 +3,7 @@
     solid-link(next='dashboard')
       img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '32px'}`)
 
-  span.beta-tag Beta
+  span.beta-tag(data-trans='header.beta')
 
 solid-notifications.notLoggedIn(
   nested-field="inbox"
@@ -30,14 +30,14 @@ details#user-controls.notLoggedIn
       ul
         if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users))
           li
-            solid-link(next='profile') Mon profil
+            solid-link(next='profile' data-trans='header.myProfile')
         li
-          solid-link(next='admin') Administration
+          solid-link(next='admin' data-trans='header.admin')
         li
-          solid-link(next='about') A propos
-      button(role='log out' onclick="document.querySelector('sib-auth').logout();") Se déconnecter
+          solid-link(next='about' data-trans='header.about')
+      button(role='log out' onclick="document.querySelector('sib-auth').logout();" data-trans='header.logOut')
 
-button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();") Se connecter
+button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();" data-trans='header.logIn')
 
 button.notLoggedIn.mobile-menu-icon.icon-menu#toggleMainMenu
 
diff --git a/src/locales/en.json b/src/locales/en.json
index b9796d1..1e32b27 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,9 +1,17 @@
 {
+  "header": {
+    "beta": "Beta",
+    "myProfile": "Mon profil",
+    "admin": "Administration",
+    "about": "A propos",
+    "logOut": "Se déconnecter",
+    "logIn": "Se connecter"
+    },
   "menuLeft": {
     "emptyCircleProject": {
-      "notPartOf": "Tu ne fais partie d'aucun",
-      "createNew": "Pour en créer un nouveau, tu peux te rendre dans le",
-      "adminPanel": "panneau d'administration",
+      "notPartOf": "Tu ne fais partie d'aucun ",
+      "createNew": "Pour en créer un nouveau, tu peux te rendre dans le ",
+      "adminPanel": " panneau d'administration",
       "project": "projet",
       "circle": "cercle"
     },
@@ -16,5 +24,182 @@
     "projects": "Projets",
     "circles": "Circles",
     "messages": "Messages"
+  },
+  "about": {
+    "title": "A propos",
+    "card1": {
+      "subTitle": "Cette application est développée par Startin'blox",
+      "paragraph1": "Startin’blox est une coopérative qui développe des outils libres pour construire facilement et à moindre coût des applications fédérées et interopérables basées sur les derniers standards du web poussés par le projet SOLID.",
+      "paragraph2": "Sa mission est de redonner le pouvoir aux utilisateurs en leur permettant de reprendre la main sur leur outil numérique et de bénéficier d’un effet de réseau au sein d’un écosystème choisi afin de s’émanciper des grandes plateformes."
+    },
+    "card2": {
+      "title": "Contacte-nous",
+      "paragraph-1": "Tu veux contribuer, nous remonter un bug, nous suggérer une amélioration, travailler avec nous ?",
+      "link": "Contact"
+    }
+  },
+  "admin": {
+    "menuRight": {
+      "fold": "Replier le menu",
+      "community": "Communautés",
+      "circles": "Cercles",
+      "projects": "Projets"
+    }
+  },
+  "dashboard": {
+    "title": "Tableau de bord"
+  },
+  "circle": {
+    "menuRight": {
+      "buttonMobile": "MENU",
+      "fold": "Replier le menu",
+      "chat": "Chat",
+      "information": "Information",
+      "resources": "Resources",
+      "events": "Events",
+      "polls": "Polls"
+    },
+    "create": {
+      "backlink": "Retour",
+      "title": "Créer un cercle",
+      "labelStatus": "Statut du cercle",
+      "labelName": "Nom du cercle *",
+      "labelDescription": "Sous-titre du cercle *",
+      "buttonSubmit": "Enregistrer"
+    },
+    "edit": {
+      "buttonDelete": "Retirer",
+      "backlink": "Retour",
+      "title": "Modifie ton cercle",
+      "labelStatus": "Statut du cercle",
+      "labelName": "Nom du cercle *",
+      "labelOwner": "Administrateur ou administratrice *",
+      "labelDescription": "Sous-titre du cercle *",
+      "subTitle": "Liste des membres :",
+      "tableHeader1": "Nom",
+      "tableHeader2": "Accès",
+      "buttonSubmit": "Enregistrer",
+      "buttonAddMember": "Ajouter un membre"
+    },
+    "list": {
+      "title": "Administration",
+      "buttonMobile": "MENU",
+      "subTitle": "Cercles",
+      "buttonCreate": "Créer un cercle",
+      "tableHeader1": "Nom",
+      "tableHeader2": "Administrateurs",
+      "tableHeader3": "Rejoindre",
+      "buttonQuit": "Quitter",
+      "buttonJoin": "Rejoindre"
+    },
+    "left": {
+      "paragraphQuit": "Tu as quitté ce cercle.",
+      "paragraphJoin": "Pour le rejoindre à nouveau, rends-toi dans le panneau ",
+      "paragraphContact": " ou contacte un administrateur.",
+      "admin": "administration"
+    },
+    "profile": {
+      "creationDate": "Date de création : ",
+      "buttonModify": "Modifier et ajouter un membre",
+      "buttonAdd": "Ajouter un membre",
+      "buttonDelete": "Supprimer le cercle",
+      "buttonQuit": "Quitter le cercle",
+      "buttonJoin": "Rejoindre le cercle",
+      "subTitle": "Membres :"
+    }
+  },
+  "communities": {
+    "title": "Administration",
+    "menuMobile": "MENU",
+    "linkInvite": "Inviter un nouvel utilisateur",
+    "noPermission": "Membre, aucune permission",
+    "subTitle": "Communautés",
+    "tableHeader1": "Nom",
+    "tableHeader2": "Action"
+  },
+  "project": {
+    "menuRight": {
+      "buttonMobile": "MENU",
+      "fold": "Replier le menu",
+      "chat": "Chat",
+      "information": "Information"
+    },
+    "create": {
+      "backlink": "Retour",
+      "title": "Créer un nouveau projet",
+      "labelStatus": "Statut du cercle*",
+      "valueStatus": "Private",
+      "labelCustomer": "Nom du client*",
+      "labelProject": "Nom du projet*",
+      "labelCaptain": "Capitaine du projet*",
+      "buttonSubmit": "Enregistrer"
+    },
+    "edit": {
+      "buttonDelete": "Retirer",
+      "backlink": "Retour",
+      "title": "Modifie ton projet",
+      "labelName": "Nom du projet *",
+      "labelCustomer": "Nom du client *",
+      "subTitle": "Liste des membres :",
+      "tableHeader1": "Nom",
+      "tableHeader2": "Accès",
+      "buttonSubmit": "Enregistrer",
+      "buttonAddMember": "Ajouter un membre"
+    },
+    "modifyPicture": {
+      "backlink": "Retour",
+      "title": "Modifier l'image du projet"
+    },
+    "list": {
+      "title": "Administration",
+      "buttonMobile": "MENU",
+      "subTitle": "Projets",
+      "buttonCreate": "Créer un nouveau projet",
+      "tableHeader1": "Nom",
+      "tableHeader2": "Administrateurs",
+      "tableHeader3": "Capitaines",
+      "tableHeader4": "Rejoindre",
+      "buttonQuit": "Quitter",
+      "buttonJoin":"Rejoindre"
+    },
+    "left": {
+      "paragraphQuit": "Tu as quitté ce projet.",
+      "paragraphJoin": "Ceci est un projet privé. Pour le joindre à nouveau, rends-toi dans le panneau ",
+      "paragraphContact": " et demande une invitation.",
+      "admin": "administration"
+    },
+    "profile": {
+      "creationDate": "Date de création : ",
+      "buttonModify": "Modifier et ajouter un membre",
+      "buttonAdd": "Ajouter un membre",
+      "buttonDelete": "Supprimer le projet",
+      "buttonQuit": "Quitter le projet",
+      "buttonJoin": "Rejoindre le projet",
+      "captain": "Capitaine :",
+      "subTitle": "Equipe :"
+    }
+  },
+  "user": {
+    "create": {
+      "backlink": "Retour",
+      "title": "Inviter un utilisateur à ",
+      "labelUsername": "Nom d'utilisateur*",
+      "labelUsernameTitle": "Caractères alphanumérique uniquement",
+      "labelEmail": "E-mail *",
+      "labelFirstname": "Prénom *",
+      "labelLastname": "Nom *",
+      "buttonSubmit": "Inviter"
+    }
+  },
+  "notification": {
+    "circle": {
+      "in": "dans"
+    },
+    "private": {
+      "private": "en privé"
+    }
+  },
+  "template-captain": {
+    "isLead": "Capitaine"
   }
 }
\ No newline at end of file
diff --git a/src/page-about.pug b/src/page-about.pug
index 0bad6cf..98870a6 100644
--- a/src/page-about.pug
+++ b/src/page-about.pug
@@ -1,17 +1,17 @@
 .views-container
-  h2 A propos
+  h2(data-trans='about.title')
   div.flex-content-white
     div
       div
-        h3 Cette application est développée  par Startin'blox
-        p Startin’blox est une coopérative qui développe des outils libres pour construire facilement et à moindre coût des applications fédérées et interopérables basées sur les derniers standards du web poussés par le projet SOLID.
-        p Sa mission est de redonner le pouvoir aux utilisateurs en leur permettant de reprendre la main sur leur outil numérique et de bénéficier d’un effet de réseau au sein d’un écosystème choisi afin de s’émanciper des grandes plateformes.
+        h3(data-trans='about.card1.subTitle')
+        p(data-trans='about.card1.paragraph1')
+        p(data-trans='about.card1.paragraph2')
       div
         a(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/
 
     div
       div
-        h3 Contacte-nous
-        p Tu veux contribuer, nous remonter un bug, nous suggérer une amélioration, travailler avec nous ? 
+        h3(data-trans='about.card2.subTitle')
+        p(data-trans='about.card2.paragraph1')
       div
-        a(href="https://startinblox.com/fr/#home-contact" target="_blank").main-cta Contact 
\ No newline at end of file
+        a(href="https://startinblox.com/fr/#home-contact" target="_blank" data-trans='about.card2.link').main-cta
\ No newline at end of file
diff --git a/src/page-admin.pug b/src/page-admin.pug
index f56d15d..b580127 100644
--- a/src/page-admin.pug
+++ b/src/page-admin.pug
@@ -12,16 +12,16 @@ nav.jsRightMenu(role='navigation')
   solid-router(default-route='admin-circles')
     ul
       li.jsOffsiteToggle
-        a Replier le menu
+        a(data-trans='admin.menuRight.fold')
       if (endpoints.users || (endpoints.get && endpoints.get.users))
         solid-route(name='admin-communities')
           li
-            a Communautés
+            a(data-trans='admin.menuRight.community')
       if endpoints.circles || (endpoints.get && endpoints.get.circles)
         solid-route(name='admin-circles')
           li
-            a Cercles
+            a(data-trans='admin.menuRight.circles')
       if endpoints.projects || (endpoints.get && endpoints.get.projects)
         solid-route(name='admin-projects')
           li
-            a Projets
+            a(data-trans='admin.menuRight.projects')
diff --git a/src/page-circle.pug b/src/page-circle.pug
index 210491f..9d86a54 100644
--- a/src/page-circle.pug
+++ b/src/page-circle.pug
@@ -9,7 +9,7 @@
           class-name='h1-like'
           class-description='h1-aside description'
         )
-        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
+        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='circle.menuRight.buttonMobile')
     div.content-box__height
       solid-ac-checker(permission='acl:Read', bind-resources)
         #circle-chat(hidden, data-view="circle-chat")
@@ -27,23 +27,23 @@ nav.jsRightMenu(role='navigation')
   solid-router(default-route='circle-chat')
     ul
       li.jsOffsiteToggle
-        a Replier le menu
+        a(data-trans='circle.menuRight.fold')
       solid-route(name='circle-chat')
         li
-          a Chat
+          a(data-trans='circle.menuRight.chat')
       solid-route(name='circle-information')
         li
-          a Information
+          a(data-trans='circle.menuRight.information')
       if (endpoints.resources || (endpoints.get && endpoints.get.resources)) && (endpoints.resourceskeywords || (endpoints.get && endpoints.get.resourceskeywords)) && (endpoints.resourcestypes || (endpoints.get && endpoints.get.resourcestypes))
         solid-route(name='circle-resources' use-id)
           li
-            a Resources
+            a(data-trans='circle.menuRight.resources')
       if (endpoints.events || (endpoints.get && endpoints.get.events)) && (endpoints.typeevents || (endpoints.get && endpoints.get.typeevents))
         solid-route(name='circle-events' use-id)
           li
-            a Events
+            a(data-trans='circle.menuRight.events')
       if endpoints.polls || (endpoints.get && endpoints.get.polls)
         solid-route(name='circle-polls' use-id)
           li
-            a Polls
+            a(data-trans='circle.menuRight.polls')
       
diff --git a/src/page-dashboard.pug b/src/page-dashboard.pug
index 9a22752..3b3cae6 100644
--- a/src/page-dashboard.pug
+++ b/src/page-dashboard.pug
@@ -1,5 +1,5 @@
 .views-container
-  h1 Tableau de bord
+  h1(data-trans='dashboard.title')
   solid-dashboard(
     data-src=`${endpoints.dashboards || endpoints.get.dashboards}`
   )
diff --git a/src/page-project.pug b/src/page-project.pug
index d8e482f..f6b851c 100644
--- a/src/page-project.pug
+++ b/src/page-project.pug
@@ -13,7 +13,7 @@
     
           value-const-title1='N°'
         )
-        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
+        button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle((data-trans='project.menuRight.buttonMobile'))
     div.content-box__height
       solid-ac-checker(permission='acl:Read', bind-resources)
         #project-chat(hidden, data-view="project-chat")
@@ -27,11 +27,11 @@ nav.jsRightMenu(role='navigation')
   solid-router(default-route='project-chat')
     ul
       li.jsOffsiteToggle
-        a Replier le menu
+        a(data-trans='project.menuRight.fold')
       solid-route(name='project-chat')
         li 
-          a Chat
+          a(data-trans='circle.menuRight.chat')
       solid-route(name='project-information')
         li 
-          a Information
+          a(data-trans='circle.menuRight.information')
       solid-route(name='project-picture' use-id)
\ No newline at end of file
diff --git a/src/templates/hubl-captain.pug b/src/templates/hubl-captain.pug
index 4b2bc9b..0b857e2 100644
--- a/src/templates/hubl-captain.pug
+++ b/src/templates/hubl-captain.pug
@@ -12,4 +12,5 @@ solid-widget(name='hubl-captain')
 
       widget-account.picture='hubl-user-avatar'
       value-is_lead='Capitaine'
+      data-trans='value-is_lead=template-captain.isLead'
     )
diff --git a/src/views/admin/page-admin-circles-create.pug b/src/views/admin/page-admin-circles-create.pug
index fcf1334..7718a03 100644
--- a/src/views/admin/page-admin-circles-create.pug
+++ b/src/views/admin/page-admin-circles-create.pug
@@ -1,7 +1,7 @@
 div.content-box__info.flex
-  solid-link(class="backlink right", next='admin-circle-list') Retour
+  solid-link(class="backlink right", next='admin-circle-list' data-trans='circle.create.backlink')
 
-  h1.centered Créer un cercle
+  h1.centered(data-trans='circle.create.title')
 
   div#loader-circles-create.loader.loader-top
     div
@@ -22,13 +22,17 @@ div.content-box__info.flex
     class-name='form-label is-light is-full-width input-text-like'
     class-description='form-label is-light is-full-width input-text-like'
 
-    label-status='Statut du cercle'
-    label-name='Nom du cercle *'
-    label-description='Sous-titre du cercle *'
+    label-status=''
+    label-name=''
+    label-description=''
+    data-trans='label-status=circle.create.labelStatus'
+    data-trans='label-name=circle.create.labelName'
+    data-trans='label-description=circle.create.labelDescription'
 
     widget-status='hubl-status'
     
     next='circle'
 
-    submit-button='Enregistrer'
+    submit-button=''
+    data-trans='submit-button=circle.create.buttonSubmit'
   )
diff --git a/src/views/admin/page-admin-circles.pug b/src/views/admin/page-admin-circles.pug
index 9a2e73c..c687d24 100644
--- a/src/views/admin/page-admin-circles.pug
+++ b/src/views/admin/page-admin-circles.pug
@@ -5,8 +5,8 @@
     solid-route(name='circle-left')
 
   div.content-box__header.flex.space-between
-    h1.without-margin Administration
-    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
+    h1.without-margin(data-trans='circle.list.title')
+    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='circle.list.buttonMobile')
 
   include ../circle/page-circle-left.pug
 
@@ -31,27 +31,28 @@
 
       div.admin-header.flex
 
-        h3 Cercles
+        h3(data-trans='circle.list.subTitle')
 
         solid-link(
           class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
-          next='admin-circle-create'
-        ) Créer un cercle
+          next='admin-circle-create' data-trans='circle.list.buttonCreate'
+        )
 
       .table-wrapper
         .table
 
           div.table-header.grey-color
-            div.w280 Nom
-            div.w280 Administrateurs
-            div.w280 Rejoindre
+            div.w280(data-trans='circle.list.tableHeader1')
+            div.w280(data-trans='circle.list.tableHeader2')
+            div.w280(data-trans='circle.list.tableHeader3')
 
           solid-widget(name='hubl-admin-circle-leave-button')
             template
               solid-delete(
                 class='circle-leave button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
                 data-src="${src}"
-                data-label='Quitter'
+                data-label=''
+                data-trans='data-label=circle.list.buttonQuit'
               )
               hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}` target-src='${src}')
               hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}joinable/` target-src='${src}')
@@ -88,7 +89,8 @@
                 value-user.username='hubl-workaround-493'
                 widget-user.username='solid-form-hidden'
 
-                submit-button='Rejoindre'
+                submit-button=''
+                data-trans='submit-button=circle.list.buttonJoin'
               )
               hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}` target-src='${value}')
               hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}joinable/` target-src='${value}')
diff --git a/src/views/admin/page-admin-communities.pug b/src/views/admin/page-admin-communities.pug
index 6596e36..7883571 100644
--- a/src/views/admin/page-admin-communities.pug
+++ b/src/views/admin/page-admin-communities.pug
@@ -4,8 +4,8 @@
     solid-route(name='admin-users-create', use-id)
 
   div.content-box__header.flex.space-between
-    h1.without-margin Administration
-    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
+    h1.without-margin(data-trans='communities.title')
+    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='communities.menuMobile')
   
   solid-widget(name='hubl-action-community')
     template
@@ -14,20 +14,21 @@
           class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
           data-src="${value}"
           next="admin-users-create"
-        ) Inviter un nouvel utilisateur
+          data-trans='communities.linkInvite'
+        )
       solid-ac-checker(data-src="${value}", nested-field="members", no-permission='acl:Append')
-        div.button.text-bold.text-uppercase.button-disabled Membre, aucune permission
+        div.button.text-bold.text-uppercase.button-disabled(data-trans='communities.noPermission')
 
   #admin-communities-list.content-box__height(hidden, data-view="admin-communities-list")
     div.content-box__info.flex
       div.admin-header.flex
-        h3 Communautés
+        h3(data-trans='communities.subTitle')
 
       .table-wrapper
         .table
           div.table-header.grey-color
-            div.w450 Nom
-            div.w370 Action
+            div.w450(data-trans='communities.tableHeader1') 
+            div.w370(data-trans='communities.tableHeader2')
         
           solid-display(
             class='table-body'
diff --git a/src/views/admin/page-admin-projects-create.pug b/src/views/admin/page-admin-projects-create.pug
index 8a42024..ebc0fb6 100644
--- a/src/views/admin/page-admin-projects-create.pug
+++ b/src/views/admin/page-admin-projects-create.pug
@@ -1,7 +1,7 @@
 div.content-box__info.flex
-  solid-link(class="backlink right" next='admin-project-list') Retour
+  solid-link(class="backlink right" next='admin-project-list' data-trans='project.create.backlink')
 
-  h1.centered Créer un nouveau projet
+  h1.centered(data-trans='project.create.title')
 
   div#loader-projects-create.loader.loader-top
     div
@@ -19,18 +19,22 @@ div.content-box__info.flex
     required-captain
     loader-id='loader-projects-create'
 
-    label-status='Statut du cercle*'
+    label-status=''
+    data-trans='label-status=project.create.labelStatus'
     widget-status='solid-form-hidden'
     class-status='form-label is-light is-full-width'
     value-status="Private"
 
-		label-customer.name='Nom du client*'
+		label-customer.name=''
+    data-trans='label-customer=project.create.labelCustomer'
     class-customer.name='form-label is-light is-half-width input-text-like'
 
-		label-name='Nom du projet*'
+		label-name=''
+    data-trans='label-name=project.create.labelName'
     class-name='form-label is-light is-half-width input-text-like'
 
-    label-captain='Capitaine du projet*'
+    label-captain=''
+    data-trans='label-captain=project.create.labelCaptain'
     range-captain=`${endpoints.users || endpoints.get.users}`
     class-captain='form-label is-light is-half-width'
     widget-captain='solid-form-dropdown-autocompletion-label'
@@ -39,5 +43,6 @@ div.content-box__info.flex
 
     next='project'
 
-    submit-button='Enregistrer'
+    submit-button=''
+    data-trans='submit-button=project.create.buttonSubmit'
   )
diff --git a/src/views/admin/page-admin-projects.pug b/src/views/admin/page-admin-projects.pug
index 29d689c..4616861 100644
--- a/src/views/admin/page-admin-projects.pug
+++ b/src/views/admin/page-admin-projects.pug
@@ -5,8 +5,8 @@
     solid-route(name='project-left')
 
   div.content-box__header.flex.space-between
-    h1.without-margin Administration
-    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU
+    h1.without-margin(data-trans='project.list.title')
+    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='project.list.buttonMobile')
 
   #project-left(hidden, data-view="project-left")
     include ../project/page-project-left.pug
@@ -16,26 +16,28 @@
 
     div.content-box__info.flex
       div.admin-header.flex
-        h3 Projets
+        h3(data-trans='project.list.subTitle')
         solid-link(
           class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
           next='admin-project-create'
-        ) Créer un nouveau projet
+          data-trans='project.list.buttonCreate'
+        )
 
       .table-wrapper
         .table
           div.table-header.grey-color
-            div.w280 Nom
-            div.w280 Administrateurs
-            div.w280 Capitaines
-            div.w230 Rejoindre
+            div.w280(data-trans='tableHeader1')
+            div.w280(data-trans='tableHeader2')
+            div.w280(data-trans='tableHeader3')
+            div.w230(data-trans='tableHeader4')
 
           solid-widget(name="hubl-admin-project-leave-button")
             template
               solid-delete(
                 class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
                 data-src="${src}"
-                data-label='Quitter'
+                data-label=''
+                data-trans='data-label=project.list.buttonQuit'
               )
               hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}` target-src='${src}')
               hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}joinable/` target-src='${src}')
@@ -73,7 +75,8 @@
               solid-delete(
                 class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
                 data-src="${src}"
-                data-label='Quitter'
+                data-label=''
+                data-trans='data-label=project.list.buttonQuit'
               )
 
           solid-display(
@@ -108,7 +111,8 @@
                 value-user.username='hubl-workaround-493'
                 widget-user.username='solid-form-hidden'
 
-                submit-button='Rejoindre'
+                submit-button=''
+                data-trans='submit-button=project.list.buttonJoin'
               )
               hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}` target-src='${src}')
               hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}joinable/` target-src='${src}')
diff --git a/src/views/admin/page-admin-users-create.pug b/src/views/admin/page-admin-users-create.pug
index 260efc5..eb83bd2 100644
--- a/src/views/admin/page-admin-users-create.pug
+++ b/src/views/admin/page-admin-users-create.pug
@@ -1,10 +1,11 @@
 div.content-box__info.flex
-  solid-link(class='backlink right', next='admin-communities-list') Retour
+  solid-link(class='backlink right', next='admin-communities-list' data-trans='user.create.backlink')
 
   solid-display.h1-like.centered(
     bind-resources
     fields='text, name'
-    value-text="Inviter un utilisateur à "
+    value-text=''
+    data-trans='value-text=user.create.title'
     loader-id='loader-users-title'
   )
 
@@ -22,13 +23,13 @@ div.content-box__info.flex
 
   solid-widget(name='hubl-username-field')
     template
-      label Nom d'utilisateur*
-      input(type="text" title='Caractères alphanumérique uniquement' pattern="[a-zA-Z0-9]+" label="Nom d'utilisateur *" name="username" required value="\${value}" data-holder)
+      label(data-trans='user.create.labelUsername')
+      input(type="text" title='' data-trans='title=user.create.labelUsernameTitle' pattern="[a-zA-Z0-9]+" label="" data-trans='label=user.create.labelUsername' name="username" required value="\${value}" data-holder)
 
   solid-widget(name='hubl-email-field')
     template
-      label E-mail *
-      input(type="email" label="E-mail *" name="email" required value="\${value}" data-holder)
+      label(data-trans='user.create.labelEmail')
+      input(type="email" label='' data-trans='label=user.create.labelEmail' name="email" required value="\${value}" data-holder)
 
   solid-form.form.button-register#selected-community(
     bind-resources
@@ -46,10 +47,14 @@ div.content-box__info.flex
     class-user.username='form-label is-light is-half-width input-text-like'
     class-user.email='form-label is-light is-half-width input-text-like'
 
-    label-user.first_name='Prénom *'
-    label-user.last_name='Nom *'
-    label-user.username='Nom d\'utilisateur *'
-    label-user.email='E-mail *'
+    label-user.first_name=''
+    label-user.last_name=''
+    label-user.username=''
+    label-user.email=''
+    data-trans='label-user.first_name=user.create.labelFirstname'
+    data-trans='label-user.last_name=user.create.labelLastname'
+    data-trans='label-user.username=user.create.labelUsername'
+    data-trans='label-user.email=user.create.labelEmail'
 
     value-user.password=''
     widget-user.password='solid-form-hidden'
@@ -59,5 +64,6 @@ div.content-box__info.flex
 
     next='admin-communities-list'
 
-    submit-button='Inviter'
+    submit-button=''
+    data-trans='submit-button=user.create.buttonSubmit'
   )
diff --git a/src/views/circle/page-circle-edit.pug b/src/views/circle/page-circle-edit.pug
index 9e16a4f..c64464a 100644
--- a/src/views/circle/page-circle-edit.pug
+++ b/src/views/circle/page-circle-edit.pug
@@ -8,13 +8,14 @@ div.content-box__info
         solid-delete(
           class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
           data-src="${src}"
-          data-label='Retirer'
+          data-label=''
+          data-trans='data-label=circle.edit.buttonDelete'
         )
 
-  solid-link(class="backlink right", bind-resources, next='circle-profile') Retour
+  solid-link(class="backlink right", bind-resources, next='circle-profile' data-trans='circle.edit.backlink')
 
   solid-ac-checker(permission='acl:Write', bind-resources)
-    h1 Modifie ton cercle
+    h1(data-trans='circle.edit.title')
 
     div#loader-circle-edit.loader.loader-top
       div
@@ -32,12 +33,16 @@ div.content-box__info
       required-description
       range-owner=`${endpoints.users || endpoints.get.users}`
 
-      label-status='Statut du cercle'
+      label-status=''
+      data-trans='label-name=circle.edit.labelStatus'
       widget-status='hubl-status'
 
-      label-name='Nom du cercle *'
-      label-owner='Administrateur ou administratrice *'
-      label-description='Sous-titre du cercle *'
+      label-name=''
+      label-owner=''
+      label-description=''
+      data-trans='label-name=circle.edit.labelName'
+      data-trans='label-owner=circle.edit.labelOwner'
+      data-trans='label-description=circle.edit.labelDescription'
 
       class-name='form-label is-light is-half-width input-text-like'
       class-owner='form-label is-light is-half-width member-select color'
@@ -49,10 +54,11 @@ div.content-box__info
       partial=''
 
       submit-button='Enregistrer'
+      data-trans='submit-button=circle.edit.buttonSubmit'
       next='circle-information'
     )
 
-  h2 Liste des membres :
+  h2(data-trans='circle.edit.subTitle')
 
   solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
     solid-form.block.select-add(
@@ -64,14 +70,15 @@ div.content-box__info
       class-user='team'
       widget-user='solid-form-dropdown-autocompletion'
 
-      submit-button='Ajouter un membre'
+      submit-button=''
+      data-trans='circle.edit.buttonAddMember'
     )
 
   .table-wrapper
     .table
       div.table-header.grey-color
-        div.w280 Nom
-        div.w162 Accès
+        div.w280(datatrans='circle.edit.tableHeader1')
+        div.w162(datatrans='circle.edit.tableHeader2')
 
       solid-display(
         class='table-body'
diff --git a/src/views/circle/page-circle-left.pug b/src/views/circle/page-circle-left.pug
index 99f27dd..721a940 100644
--- a/src/views/circle/page-circle-left.pug
+++ b/src/views/circle/page-circle-left.pug
@@ -1,5 +1,8 @@
 #circle-left(hidden, data-view="circle-left")
   div.content-box__info.flex(style="padding: 15px")
 
-    p Tu as quitté ce cercle.
-    p Pour le rejoindre à nouveau, rends-toi dans le panneau <solid-link next="admin-circle-list">administration</solid-link> ou contacte un administrateur.
+    p(data-trans='circle.left.paragraphQuit')
+    p
+      span(data-trans='circle.left.paragraphJoin')
+      span <solid-link next="admin-circle-list" data-trans='circle.left.admin'></solid-link>
+      span(data-trans='circle.left.paragraphContact')
\ No newline at end of file
diff --git a/src/views/circle/page-circle-profile.pug b/src/views/circle/page-circle-profile.pug
index ee2cf06..35f5f48 100644
--- a/src/views/circle/page-circle-profile.pug
+++ b/src/views/circle/page-circle-profile.pug
@@ -24,15 +24,16 @@ solid-router(default-route='circle-profile', hidden)
 
         class-title='word-spacing-right'
 
-        value-title='Date de création : '
+        value-title=''
+        data-trans='value-title=circle.profile.creationDate'
 
         widget-creationDate='solid-display-value-date'
       )
       solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
         solid-ac-checker(permission='acl:Delete', bind-resources)
-          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='circle-edit' bind-resources) Modifier et ajouter un membre
+          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='circle-edit' bind-resources data-trans='circle.profile.buttonModify')
         solid-ac-checker(no-permission='acl:Delete', bind-resources)
-          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='circle-edit' bind-resources) Ajouter un membre
+          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='circle-edit' bind-resources data-trans='circle.profile.buttonAdd')
 
 
     div.flex.desktop-button__end
@@ -40,7 +41,8 @@ solid-router(default-route='circle-profile', hidden)
         solid-delete(
           class='button mobile-full-width text-bold text-uppercase button-primary bordered with-icon icon-trash'
           bind-resources
-          data-label='Supprimer le cercle'
+          data-label=''
+          data-trans='data-label=circle.profile.buttonDelete'
           next='admin-circles'
         )
 
@@ -50,7 +52,8 @@ solid-router(default-route='circle-profile', hidden)
             solid-delete(
               class='button mobile-full-width desktop-btn-margin__left text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
               data-src="${src}"
-              data-label='Quitter le cercle'
+              data-label=''
+              data-trans='data-label=circle.profile.buttonQuit'
               next='circle-left'
             )
 
@@ -65,7 +68,8 @@ solid-router(default-route='circle-profile', hidden)
               value-user.username='hubl-workaround-493'
               widget-user.username='solid-form-hidden'
 
-              submit-button='Rejoindre le cercle'
+              submit-button=''
+              data-trans='submit-button=circle.profile.buttonJoin'
             )
 
       solid-display(
@@ -82,7 +86,7 @@ solid-router(default-route='circle-profile', hidden)
         hubl-inherit-user-id="search-value-user"
       )
 
-    h2 Membres :
+    h2(data-trans='circle.profile.subTitle')
 
     solid-widget(name='hubl-circle-user-admin')
       template ${value ? "Administrateur" : ""}
diff --git a/src/views/notifications/message-circle.pug b/src/views/notifications/message-circle.pug
index 239c674..0959963 100644
--- a/src/views/notifications/message-circle.pug
+++ b/src/views/notifications/message-circle.pug
@@ -4,7 +4,7 @@ solid-notifications-template(data-rdf-type='hd:circle')
       | ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
     .solid-notification__content
       .solid-notification__title ${await author.name} 
-        span.solid-notification__title__side dans 
+        span.solid-notification__title__side(data-trans='notification.circle.in')
           span.solid-notification__title__icon ${(await object.status) == 'Public' ? '#' : ''} 
           | ${await object.name}
       p.solid-notification__summary ${summary}
diff --git a/src/views/notifications/message-private.pug b/src/views/notifications/message-private.pug
index ee785d9..9825d74 100644
--- a/src/views/notifications/message-private.pug
+++ b/src/views/notifications/message-private.pug
@@ -4,5 +4,5 @@ solid-notifications-template(data-rdf-type='foaf:user')
       | ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
     .solid-notification__content
       .solid-notification__title ${await author.name} 
-        span.solid-notification__title__side en privé
+        span.solid-notification__title__side(data-trans='notification.private.private')
       p.solid-notification__summary ${summary}
\ No newline at end of file
diff --git a/src/views/project/page-project-edit.pug b/src/views/project/page-project-edit.pug
index ec05935..67b7b76 100644
--- a/src/views/project/page-project-edit.pug
+++ b/src/views/project/page-project-edit.pug
@@ -8,13 +8,14 @@ div.content-box__info
         solid-delete(
           class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
           data-src="${src}"
-          data-label='Retirer'
+          data-label=''
+          data-trans='data-label=project.edit.buttonDelete'
         )
 			
-  solid-link(class='backlink right', bind-resources, next='project-profile') Retour
+  solid-link(class='backlink right', bind-resources, next='project-profile' data-trans='project.edit.backlink')
 
   solid-ac-checker(permission='acl:Write', bind-resources)
-    h1 Modifie ton projet
+    h1(data-trans='project.edit.title')
 
     div#loader-project-edit.loader.loader-top
       div
@@ -29,20 +30,22 @@ div.content-box__info
       required-customer.name
       required-name
 
-
-      label-name='Nom du projet*'
+      label-name=''
+      data-trans='label-name=project.edit.labelName'
       class-name='form-label is-light is-half-width input-text-like'
 
-      label-customer.name='Nom du client*'
+      label-customer.name=''
+      data-trans='label-customer.name=project.edit.labelCustomer'
       class-customer.name='form-label is-light is-half-width input-text-like'
 
       partial=""
 
       submit-button='Enregistrer'
+      data-trans='submit-button=project.edit.buttonSubmit'
       next='project-information'
     )
 
-  h2 Liste des membres :
+  h2(data-trans='project.edit.subTitle')
 
   solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
     solid-form.block.select-add(
@@ -55,14 +58,15 @@ div.content-box__info
       label-user=''
       widget-user='solid-form-dropdown-autocompletion'
 
-      submit-button='Ajouter un membre'
+      submit-button=''
+      data-trans='project.edit.buttonAddMember'
     )
 
   .table-wrapper
     .table
       div.table-header.grey-color
-        div.w280 Nom
-        div.w162 Accès
+        div.w280(datatrans='project.edit.tableHeader1')
+        div.w162(datatrans='project.edit.tableHeader2')
 
       //-class='table-body'
       solid-display(
diff --git a/src/views/project/page-project-left.pug b/src/views/project/page-project-left.pug
index baac307..24d6e59 100644
--- a/src/views/project/page-project-left.pug
+++ b/src/views/project/page-project-left.pug
@@ -1,5 +1,8 @@
 #project-left
   div.content-box__info.flex(style="padding: 15px")
 
-    p Tu as quitté ce projet.
-    p Ceci est un projet privé. Pour le rejoindre, rends-toi dans le panneau <solid-link next="admin-project-list">administration</solid-link> et demande une invitation.
+    p(data-trans='circle.left.paragraphQuit')
+    p
+      span(data-trans='project.left.paragraphJoin')
+      span <solid-link next="admin-project-list" data-trans='project.left.admin'></solid-link>
+      span(data-trans='project.left.paragraphContact')
diff --git a/src/views/project/page-project-picture.pug b/src/views/project/page-project-picture.pug
index 7bea1d9..0de842c 100644
--- a/src/views/project/page-project-picture.pug
+++ b/src/views/project/page-project-picture.pug
@@ -1,8 +1,8 @@
 div.content-box__info
 			
-  solid-link(class='backlink right', bind-resources, next='project-edit') Retour
+  solid-link(class='backlink right', bind-resources, next='project-edit' data-trans='project.modifyPicture.backlink')
 
-  h1 Modifier l'image du projet
+  h1(data-trans='project.modifyPicture.title')
   
   solid-picture.project-edit-picture(
     bind-resources
diff --git a/src/views/project/page-project-profile.pug b/src/views/project/page-project-profile.pug
index 150ad9f..fce9844 100644
--- a/src/views/project/page-project-profile.pug
+++ b/src/views/project/page-project-profile.pug
@@ -25,22 +25,24 @@ solid-router(default-route='project-profile', hidden)
 
         class-title='word-spacing-right'
 
-        value-title='Date de création : '
+        value-title=''
+        data-trans='value-title=project.profile.creationDate'
 
         widget-creationDate='solid-display-value-date'
       )
       solid-ac-checker(permission='acl:Append', bind-resources, nested-field='members')
         solid-ac-checker(permission='acl:Delete', bind-resources)
-          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Modifier et ajouter un membre
+          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonModify')
         solid-ac-checker(no-permission='acl:Delete', bind-resources)
-          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources) Ajouter un membre
+          solid-link(class='button mobile-full-width text-bold text-uppercase reversed button-primary bordered with-icon icon-pencil' next='project-edit' bind-resources data-trans='project.profile.buttonAdd')
       
     div.flex.desktop-button__end
       solid-ac-checker(permission='acl:Delete', bind-resources)
         solid-delete(
           class='button mobile-full-width text-bold text-uppercase button-primary bordered with-icon icon-trash'
           bind-resources
-          data-label='Supprimer le projet'
+          data-label=''
+          data-trans='data-label=project.profile.buttonDelete'
           next='admin-projects'
         )
 
@@ -49,7 +51,8 @@ solid-router(default-route='project-profile', hidden)
           solid-delete(
             class='button mobile-full-width desktop-btn-margin__left text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
             data-src="${src}"
-            data-label='Quitter le projet'
+            data-label=''
+            data-trans='data-label=project.profile.buttonQuit'
             next='project-left'
           )
 
@@ -74,14 +77,15 @@ solid-router(default-route='project-profile', hidden)
         bind-resources
         fields='label-captain, captain'
 
-        value-label-captain='Capitaine :'
+        value-label-captain=''
+        data-trans='value-label-captain=project.profile.captain',
         class-label-captain='h2-like'
         widget-captain='hubl-captain'
       )
 
     br
 
-    h2 Equipe :
+    h2(data-trans:'project.profile.subTitle')
 
     solid-widget(name='hubl-project-user-admin')
       template ${value ? "Administrateur" : ""}