diff --git a/angular.json b/angular.json
index 016e4563ba9144ce0e3658db4f5989f1c715f6ec..79beada281cd779b5e2ec1bba168cb45e75b80cd 100644
--- a/angular.json
+++ b/angular.json
@@ -14,8 +14,9 @@
       "sourceRoot": "src",
       "prefix": "app",
       "i18n": {
+        "sourceLocale": "fr",
         "locales": {
-          "fr": "src/locale/messages.fr.xlf"
+          "en": "src/locale/messages.en.xlf"
         }
       },
       "architect": {
@@ -64,6 +65,9 @@
             },
             "fr": {
               "localize": ["fr"]
+            },
+            "en": {
+              "localize": ["en"]
             }
           }
         },
@@ -78,6 +82,9 @@
             },
             "fr": {
               "browserTarget": "pamn:build:fr"
+            },
+            "en": {
+              "browserTarget": "pamn:build:en"
             }
           }
         },
diff --git a/package.json b/package.json
index 6237b578b868355ca77854bfa6407fa53143143a..e57fe4f560c80ea40b631c6cdf9e29c6245c5b78 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e",
-    "release": "standard-version"
+    "release": "standard-version",
+    "translate": "ng xi18n --output-path src/locale --out-file messages.en.xlf"
   },
   "private": true,
   "dependencies": {
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 77f4053fb6749a9053fe93423c2b35acfa49bd4b..51288081bbb14b13dcee6c757b3ced5f9d53ce3c 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -1,4 +1,4 @@
-import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
+import { LOCALE_ID, NgModule } from '@angular/core';
 
 import { AppRoutingModule } from './app-routing.module';
 import { BrowserModule } from '@angular/platform-browser';
@@ -14,7 +14,7 @@ import { HeaderComponent } from './header/header.component';
 @NgModule({
   declarations: [AppComponent, HeaderComponent, FooterComponent, HomeComponent, StructureListComponent],
   imports: [BrowserModule, AppRoutingModule, FlexLayoutModule],
-  providers: [CustomBreakPointsProvider],
+  providers: [{ provide: LOCALE_ID, useValue: 'fr' }, CustomBreakPointsProvider],
   bootstrap: [AppComponent],
 })
 export class AppModule {}
diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index 50055fc27697d919afcac6275934a8a8871c6e6d..ddfb5aa791bac10c9f672c166439d506fb1ed524 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -6,10 +6,10 @@
     </div>
   </div>
   <div fxLayout="row" fxLayoutGap="20px">
-    <a routerLink="/resources" [routerLinkActive]="'active'">Ressources</a>
-    <a routerLink="/projects" [routerLinkActive]="'active'">Projets</a>
+    <a routerLink="/resources" [routerLinkActive]="'active'" i18n>Ressources</a>
+    <a routerLink="/projects" [routerLinkActive]="'active'" i18n>Projets</a>
     <a routerLink="/sturctures" [routerLinkActive]="'active'" i18n>Médiateurs numériques</a>
-    <span class="ico-mglass orange-icon"></span>
-    <a routerLink="/login" [routerLinkActive]="'active'">Se connecter</a>
+    <span class="clickable ico-mglass orange-icon"></span>
+    <a routerLink="/login" [routerLinkActive]="'active'" i18n>Se connecter</a>
   </div>
 </div>
diff --git a/src/locale/messages.fr.xlf b/src/locale/messages.en.xlf
similarity index 58%
rename from src/locale/messages.fr.xlf
rename to src/locale/messages.en.xlf
index b34a1ca0dd15de89de5dbce9b8d25cd2a5bb78aa..feee2d9f46323e39d2727269a4699fae04f100f4 100644
--- a/src/locale/messages.fr.xlf
+++ b/src/locale/messages.en.xlf
@@ -1,7 +1,21 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
-  <file source-language="en-US" datatype="plaintext" original="ng2.template">
+  <file source-language="fr" datatype="plaintext" original="ng2.template">
     <body>
+      <trans-unit id="144eae2386b91c6e439a7da2b792f36033beb198" datatype="html">
+        <source>Ressources</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/header/header.component.html</context>
+          <context context-type="linenumber">9</context>
+        </context-group>
+      </trans-unit>
+      <trans-unit id="6fa10153ecfdc8fe2a11a7eaeb4ba93ac2d8e038" datatype="html">
+        <source>Projets</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/header/header.component.html</context>
+          <context context-type="linenumber">10</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="269fee92b64c6de499c6a432b676e83573b91659" datatype="html">
         <source>Médiateurs numériques</source>
         <context-group purpose="location">
@@ -9,6 +23,13 @@
           <context context-type="linenumber">11</context>
         </context-group>
       </trans-unit>
+      <trans-unit id="7a5b80bdfff39603e595a2a61d5032115874e412" datatype="html">
+        <source>Se connecter</source>
+        <context-group purpose="location">
+          <context context-type="sourcefile">src/app/header/header.component.html</context>
+          <context context-type="linenumber">13</context>
+        </context-group>
+      </trans-unit>
       <trans-unit id="9915a302120305a1048e661fa028815cc83db69d" datatype="html">
         <source>Mentions légales</source>
         <context-group purpose="location">
diff --git a/src/styles.scss b/src/styles.scss
index 1ffce2da2c0d9aec43770a4b456d264d2c80099f..70b7cab6ef608d4381977929d1c796b7f785dd17 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -8,7 +8,6 @@ html,
 body {
   width: 100%;
   height: 100%;
-
   margin: 0;
   padding: 0;
 }
@@ -26,6 +25,10 @@ a {
   }
 }
 
+.clickable {
+  cursor: pointer;
+}
+
 // Containers
 .content-container {
   margin: 0;