diff --git a/docs/app/app.component.html b/docs/app/app.component.html
index 04b6a307..a5689e17 100644
--- a/docs/app/app.component.html
+++ b/docs/app/app.component.html
@@ -15,7 +15,7 @@
 <router-outlet></router-outlet>
 
 <scroll-top label="Back to top"></scroll-top>
-
+<alert-cookie [GA_ID]="'test'"></alert-cookie>
 <footer role="contentinfo" class="o-footer">
     <h1 class="sr-only">footer - site map & informations</h1>
     <div class="o-footer-top">
@@ -28,6 +28,7 @@ <h1 class="sr-only">footer - site map & informations</h1>
             <ul class="nav">
                 <li class="nav-item"><span class="nav-link">© Orange 2018</span></li>
                 <li class="nav-item"><span class="nav-link">v{{globals.ngBoostedVersion}}</span></li>
+                <li class="nav-item"><span class="nav-link"></span><a href="/" aria-label="remove all the cookies saved in your browser"class="nav-link" target="_self" (click)="this.reset()">Reset My Cookie Consentment</a></li>
                 <li class="nav-item"><span class="nav-link">Code licensed under</span><a class="nav-link" href="https://github.com/Orange-OpenSource/Orange-Boosted-Angular/blob/master/LICENSE">MIT license</a></li>
                 <li class="nav-item"><span class="nav-link">Documentation licensed under</span><a class="nav-link" href="https://github.com/Orange-OpenSource/Orange-Boosted-Angular/blob/master/docs/LICENSE">CC BY 3.0</a></li>
             </ul>
diff --git a/docs/app/app.component.ts b/docs/app/app.component.ts
index 1f2f7674..f8d40749 100644
--- a/docs/app/app.component.ts
+++ b/docs/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { CookieManagerService } from './util/cookie-utils';
 import { Globals } from './global';
 
 @Component({
@@ -8,5 +9,11 @@ import { Globals } from './global';
 })
 
 export class AppComponent {
-    constructor(public globals: Globals) {}
+
+    constructor(public globals: Globals, private cookiemanager: CookieManagerService) {}
+
+    public reset() {
+        this.cookiemanager.rejectCookie('test');
+        return;
+    }
  }
diff --git a/docs/app/app.module.ts b/docs/app/app.module.ts
index 209d69af..6d7031e4 100644
--- a/docs/app/app.module.ts
+++ b/docs/app/app.module.ts
@@ -1,13 +1,17 @@
-import { NgModule, ApplicationRef } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { RouterModule }   from '@angular/router';
+import { RouterModule } from '@angular/router';
 import { FormsModule } from '@angular/forms';
 import { HashLocationStrategy, LocationStrategy } from '@angular/common';
+import { HttpClientModule, HttpClient } from '@angular/common/http';
+
+import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { NgBoostedModule } from '../../dist';
 
-import { AppComponent }   from './app.component';
+import { AppComponent } from './app.component';
 import { HomeComponent } from './home.component';
 import { StartComponent } from './start.component';
 import { DocsComponent } from './docs.component';
@@ -48,11 +52,26 @@ import { DocOToggle } from './docs/o-toggle.component';
 import { CodeBox } from './docs/code-box.component';
 
 import { Globals } from './global';
+import { CookieManagerService } from './util/cookie-utils';
+import { AlertCookieComponent } from './cookie-interface/alert-cookie';
+
+// AoT requires an exported function for factories
+export function HttpLoaderFactory(http: HttpClient) {
+  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
+}
 
 @NgModule({
   imports: [
     BrowserModule,
     FormsModule,
+    HttpClientModule,
+    TranslateModule.forRoot({
+      loader: {
+          provide: TranslateLoader,
+          useFactory: HttpLoaderFactory,
+          deps: [HttpClient]
+      }
+    }),
     RouterModule.forRoot([
       {
         path: 'home',
@@ -146,6 +165,7 @@ import { Globals } from './global';
   ],
   declarations: [
     AppComponent,
+    AlertCookieComponent,
     HomeComponent,
     StartComponent,
     DocsComponent,
@@ -183,7 +203,7 @@ import { Globals } from './global';
     DocOToggle,
     CodeBox
   ],
-  providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}, Globals],
+  providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}, Globals, CookieManagerService],
   bootstrap:    [ AppComponent ]
 })
 export class AppModule { }
diff --git a/docs/app/cookie-interface/alert-cookie.css b/docs/app/cookie-interface/alert-cookie.css
new file mode 100644
index 00000000..db0009ba
--- /dev/null
+++ b/docs/app/cookie-interface/alert-cookie.css
@@ -0,0 +1,15 @@
+.alert-cookie {
+    color: #fff;
+    background-color: #000;
+}
+
+.bottom {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+}
+
+.alert {
+    margin-bottom: 0 !important
+}
\ No newline at end of file
diff --git a/docs/app/cookie-interface/alert-cookie.html b/docs/app/cookie-interface/alert-cookie.html
new file mode 100644
index 00000000..af4b6780
--- /dev/null
+++ b/docs/app/cookie-interface/alert-cookie.html
@@ -0,0 +1,15 @@
+<ngb-alert [dismissible]="false" [type]="dark" *ngIf="this.showAlertCookie" class="alert-cookie fixed-bottom" attr.aria-label="{{ cookieAlert.header }}">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-sm-10">
+                <p>
+                    <b>{{ cookieAlert.message }}</b>
+                </p>
+            </div>
+            <div class="col-sm-2">
+                <button type="button" class="btn btn-inverse btn-link" (click)="this.deny()">{{ cookieAlert.deny }}</button>
+                <button type="button" class="btn btn-inverse btn-warning" (click)="this.allow()">{{ cookieAlert.allow }}</button>
+            </div>
+        </div>
+    </div>
+</ngb-alert>
\ No newline at end of file
diff --git a/docs/app/cookie-interface/alert-cookie.ts b/docs/app/cookie-interface/alert-cookie.ts
new file mode 100644
index 00000000..6dc76739
--- /dev/null
+++ b/docs/app/cookie-interface/alert-cookie.ts
@@ -0,0 +1,93 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { CookieManagerService } from '../util/cookie-utils';
+import { Alert } from './alert';
+
+@Component({
+    selector: 'alert-cookie',
+    templateUrl: './alert-cookie.html',
+    styles: [`
+        .alert-cookie {
+            color: #fff;
+            background-color: #000;
+        }
+
+        .bottom {
+            bottom: 0;
+            left: 0;
+            position: fixed;
+            right: 0;
+        }
+
+        .alert {
+            margin-bottom: 0 !important
+        }
+    `],
+    providers: [CookieManagerService, TranslateService]
+})
+export class AlertCookieComponent implements OnInit {
+
+    @Input() public GA_ID: string;
+
+    // keep refs to subscriptions to be able to unsubscribe later
+    private cookieAlert: Alert = {
+        header: 'warning',
+        message: 'This website uses cookies to ensure you get the best experience on our website.',
+        deny: 'Refuse Cookies',
+        allow: 'Accept Cookies',
+    };
+
+    private showAlertCookie: boolean;
+
+    constructor(private translateService: TranslateService, private cookiemanager: CookieManagerService) {}
+
+    public ngOnInit() {
+        this.translateService.addLangs(['en', 'fr']);
+        this.translateService.setDefaultLang('en');
+        const browserLang = this.translateService.getBrowserLang();
+        this.translateService.use(browserLang.match(/en|fr/) ? browserLang : 'en');
+
+        if (!this.cookiemanager.getCookie('consent')) {
+            this.showAlertCookie = true;
+        }
+
+        if (this.cookiemanager.getCookie('consent') && this.showAlertCookie) {
+            this.translateService.get(['cookie.header', 'cookie.message', 'cookie.allow', 'cookie.deny']).subscribe((data) => {
+            this.cookieAlert.header = data['cookie.header'];
+            this.cookieAlert.message = data['cookie.message'];
+            this.cookieAlert.deny = data['cookie.deny'];
+            this.cookieAlert.allow = data['cookie.allow'];
+          });
+            const TrackNavigator = navigator.doNotTrack;
+              // Check donotTrack and Cookie Consent and do nothing if those values are positive
+            if ( (TrackNavigator === '1' || TrackNavigator === 'yes' ) ) {
+              this.cookiemanager.rejectCookie(this.GA_ID);
+              this.showAlertCookie = false;
+              return;
+            }
+          // tslint:disable-next-line:max-line-length
+            if ( this.cookiemanager.getCookie('consent') === 'false' && ( (TrackNavigator === '1' || TrackNavigator === 'yes' ) )) {
+              this.cookiemanager.rejectCookie(this.GA_ID);
+              this.showAlertCookie = false;
+              return;
+            }
+            if ( this.cookiemanager.getCookie('consent') === 'false' ) {
+              this.cookiemanager.rejectCookie(this.GA_ID);
+              this.showAlertCookie = false;
+              return;
+          }
+        }
+      }
+
+    public deny() {
+        this.cookiemanager.rejectCookie(this.GA_ID);
+        this.showAlertCookie = false;
+        return;
+    }
+
+    public allow() {
+        this.cookiemanager.setCookie('consent', true);
+        this.showAlertCookie = false;
+        return;
+    }
+}
diff --git a/docs/app/cookie-interface/alert.ts b/docs/app/cookie-interface/alert.ts
new file mode 100644
index 00000000..14eea025
--- /dev/null
+++ b/docs/app/cookie-interface/alert.ts
@@ -0,0 +1,6 @@
+export class Alert {
+    public header: string;
+    public message: string;
+    public deny: string;
+    public allow: string;
+}
diff --git a/docs/app/util/cookie-utils.ts b/docs/app/util/cookie-utils.ts
new file mode 100644
index 00000000..2edef715
--- /dev/null
+++ b/docs/app/util/cookie-utils.ts
@@ -0,0 +1,40 @@
+/*
+ * General utils for managing cookies in Typescript.
+ */
+export class CookieManagerService {
+
+private GA_COOKIE_NAMES = ['_ga', '_gat'];
+
+public setCookie(name: string, val: boolean) {
+    const date = new Date();
+    const value = val;
+    // Set it expire in 395 days, compliance with Cookie Laws in EU
+    date.setTime(date.getTime() + (395 * 24 * 60 * 60 * 1000));
+    document.cookie = name + ' = ' + value + '; expires=' + date.toUTCString() + '; path=/';
+}
+
+public getCookie(name: string) {
+    const value = '; ' + document.cookie;
+    const parts = value.split('; ' + name + '=');
+    if (parts.length === 2) {
+        return parts.pop().split(';').shift();
+    }
+}
+
+public deleteCookie(name: string) {
+    const date = new Date();
+    date.setTime(date.getTime() + (-1 * 24 * 60 * 60 * 1000));
+    document.cookie = name + '=; expires=' + date.toUTCString() + '; path=/';
+}
+
+public rejectCookie(gaId: string) {
+    // disable GA
+    this.setCookie(`ga-disable-${gaId}`, true);
+    this.setCookie(`consent`, false);
+    window[`ga-disable-${gaId}`] = true;
+    this.GA_COOKIE_NAMES.forEach((cookieName) => {
+      this.deleteCookie(cookieName);
+    });
+  }
+
+}
diff --git a/docs/assets/lang/en.json b/docs/assets/lang/en.json
new file mode 100644
index 00000000..3b52e20a
--- /dev/null
+++ b/docs/assets/lang/en.json
@@ -0,0 +1,8 @@
+{
+    "cookie": {
+        "header": "Cookies used on Ng-Boosted!",
+        "message": "This website uses cookies to ensure you get the best experience on our website.",
+        "allow": "Allow cookies",
+        "deny": "Decline"
+    }
+}
\ No newline at end of file
diff --git a/docs/assets/lang/fr.json b/docs/assets/lang/fr.json
new file mode 100644
index 00000000..ae162e1b
--- /dev/null
+++ b/docs/assets/lang/fr.json
@@ -0,0 +1,8 @@
+{
+    "cookie": {
+        "header": "Ng-Boosted utilises des Cookies",
+        "message": "En poursuivant votre navigation, vous acceptez l'utilisation de services tiers pouvant installer des cookies.",
+        "allow": "Accepter les cookies",
+        "deny": "Refuser les cookies"
+    }
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ef3db5a0..31a29a9a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1491,6 +1491,24 @@
         "tslib": "^1.9.0"
       }
     },
+    "@ngx-translate/core": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/@ngx-translate/core/-/core-11.0.1.tgz",
+      "integrity": "sha512-nBCa1ZD9fAUY/3eskP3Lql2fNg8OMrYIej1/5GRsfcutx9tG/5fZLCv9m6UCw1aS+u4uK/vXjv1ctG/FdMvaWg==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "@ngx-translate/http-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@ngx-translate/http-loader/-/http-loader-4.0.0.tgz",
+      "integrity": "sha512-x8LumqydWD7eX9yQTAVeoCM9gFUIGVTUjZqbxdAUavAA3qVnk9wCQux7iHLPXpydl8vyQmLoPQR+fFU+DUDOMA==",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
     "@types/anymatch": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/@types/anymatch/-/anymatch-1.3.0.tgz",
@@ -1824,6 +1842,7 @@
       "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
       "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=",
       "dev": true,
+      "optional": true,
       "requires": {
         "kind-of": "^3.0.2",
         "longest": "^1.0.1",
@@ -4909,6 +4928,12 @@
         "es6-symbol": "^3.1.1"
       }
     },
+    "es6-object-assign": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es6-object-assign/-/es6-object-assign-1.1.0.tgz",
+      "integrity": "sha1-wsNYJlYkfDnqEHyx5mUrb58kUjw=",
+      "dev": true
+    },
     "es6-promise": {
       "version": "4.2.5",
       "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.5.tgz",
@@ -6155,7 +6180,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -6176,12 +6202,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -6196,17 +6224,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6323,7 +6354,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6335,6 +6367,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6349,6 +6382,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -6356,12 +6390,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -6380,6 +6416,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6460,7 +6497,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6472,6 +6510,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6557,7 +6596,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -6593,6 +6633,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -6612,6 +6653,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -6655,12 +6697,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },
@@ -9507,7 +9551,8 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
       "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "loose-envify": {
       "version": "1.4.0",
@@ -12556,6 +12601,17 @@
         "rechoir": "^0.6.2"
       }
     },
+    "shx": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/shx/-/shx-0.3.2.tgz",
+      "integrity": "sha512-aS0mWtW3T2sHAenrSrip2XGv39O9dXIFUqxAEWHEOS1ePtGIBavdPJY1kE2IHl14V/4iCbUiNDPGdyYTtmhSoA==",
+      "dev": true,
+      "requires": {
+        "es6-object-assign": "^1.0.3",
+        "minimist": "^1.2.0",
+        "shelljs": "^0.8.1"
+      }
+    },
     "signal-exit": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz",
diff --git a/package.json b/package.json
index 58172350..5a611a4e 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,8 @@
     "@angularclass/conventions-loader": "^1.0.13",
     "@angularclass/hmr": "^2.1.3",
     "@angularclass/hmr-loader": "^3.0.4",
+    "@ngx-translate/core": "^11.0.1",
+    "@ngx-translate/http-loader": "^4.0.0",
     "@babel/core": "^7.2.2",
     "@babel/preset-env": "^7.3.1",
     "@types/jasmine": "^3.3.8",
@@ -107,6 +109,7 @@
     "rimraf": "^2.6.3",
     "rxjs": "^6.4.0",
     "rxjs-compat": "^6.4.0",
+    "shx": "^0.3.2",
     "script-ext-html-webpack-plugin": "^2.1.3",
     "source-map-loader": "^0.2.4",
     "string-replace-loader": "^2.1.1",
diff --git a/webpack.config.js b/webpack.config.js
index 5478719c..456e156c 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -248,6 +248,11 @@ module.exports = function makeWebpackConfig() {
       new CopyWebpackPlugin([{
         from: root('docs/assets/img'),
         to: 'assets/img'
+      }]),
+
+      new CopyWebpackPlugin([{
+        from: root('docs/assets/lang'),
+        to: 'assets/i18n'
       }])
     ]
   }