diff --git a/public/css/charte.css b/public/css/charte.css
index 8b316a1623f76d4722d53bc3bd706cd3a46d876d..15365a404892299119b815d5ee6d8df82ccd3424 100644
--- a/public/css/charte.css
+++ b/public/css/charte.css
@@ -6,13 +6,15 @@ body {
   padding-bottom: 100px; }
 
 body.development .navbar-inverse,
-body.test .navbar-inverse {
+body.test .navbar-inverse,
+body.production .navbar-inverse {
   background-image: none;
   background-color: #006EAD;
   border-color: #006EAD; }
 
 body.development .navbar-inverse .navbar-nav .active a,
-body.test .navbar-inverse .navbar-nav .active a {
+body.test .navbar-inverse .navbar-nav .active a,
+body.production .navbar-inverse .navbar-nav .active a {
   background-image: none;
   background-color: #004980;
   border-color: #004980; }
diff --git a/public/css/charte.css.map b/public/css/charte.css.map
index 3411d8778ad55001384189e4630114148ff77808..b6114b18a0f9c80c0f1b071f39479a3f14ee6dde 100644
--- a/public/css/charte.css.map
+++ b/public/css/charte.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": ";AAGA;;GAEG;AAEH,IAAK;EACH,cAAc,EAAE,KAAK;;AAGvB;yBAC0B;EACxB,gBAAgB,EAAE,IAAI;EACtB,gBAAgB,EAdM,OAAO;EAe7B,YAAY,EAfU,OAAO;;AAkB/B;+CACgD;EAC9C,gBAAgB,EAAE,IAAI;EACtB,gBAAgB,EApBY,OAAO;EAqBnC,YAAY,EArBgB,OAAO;;AAwBrC,oCAAqC;EACnC,KAAK,EAAE,KAAK;;AAEd,4BAA6B;EAC3B,KAAK,EAAE,KAAK;;AAEd,kCAAmC;EACjC,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,kCAAkC;EACpD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,GAAG;EACpB,mBAAmB,EAAE,UAAU;EAC/B,WAAW,EAAE,OAAO;;AAGtB,mBAAoB;EAClB,aAAa,EAAE,IAAI;;AAGrB,OAAQ;EACN,WAAW,EAAE,IAAI;EACjB,aAAa,EAAE,CAAC;EAChB,gBAAgB,EA/CM,OAAO;;AAiD/B,UAAW;EACT,KAAK,EAAE,IAAI;;AAEb,eAAgB;EACd,KAAK,EAAE,KAAK;;AAEd,kCAAmC;EACjC,MAAM,EAAE,IAAI;;AAGd,WAAY;EACV,SAAS,EAAE,KAAK;EAChB,gBAAgB,EAAE,iCAAiC;EACnD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,mBAAmB,EAAE,SAAS;EAC9B,WAAW,EAAE,OAAO;;AAGtB,SAAU;EACR,MAAM,EAAE,IAAI;;AAGd;mBACoB;EAClB,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,GAAG;EACZ,UAAU,EAAE,WAAW;;AAEzB;wBACyB;EACvB,OAAO,EAAE,QAAQ",
+"mappings": ";AAGA;;GAEG;AAEH,IAAK;EACH,cAAc,EAAE,KAAK;;AAGvB;;+BAEiC;EAC/B,gBAAgB,EAAE,IAAI;EACtB,gBAAgB,EAfM,OAAO;EAgB7B,YAAY,EAhBU,OAAO;;AAmB/B;;qDAEuD;EACrD,gBAAgB,EAAE,IAAI;EACtB,gBAAgB,EAtBY,OAAO;EAuBnC,YAAY,EAvBgB,OAAO;;AA0BrC,oCAAqC;EACnC,KAAK,EAAE,KAAK;;AAEd,4BAA6B;EAC3B,KAAK,EAAE,KAAK;;AAEd,kCAAmC;EACjC,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,kCAAkC;EACpD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,GAAG;EACpB,mBAAmB,EAAE,UAAU;EAC/B,WAAW,EAAE,OAAO;;AAGtB,mBAAoB;EAClB,aAAa,EAAE,IAAI;;AAGrB,OAAQ;EACN,WAAW,EAAE,IAAI;EACjB,aAAa,EAAE,CAAC;EAChB,gBAAgB,EAjDM,OAAO;;AAmD/B,UAAW;EACT,KAAK,EAAE,IAAI;;AAEb,eAAgB;EACd,KAAK,EAAE,KAAK;;AAEd,kCAAmC;EACjC,MAAM,EAAE,IAAI;;AAGd,WAAY;EACV,SAAS,EAAE,KAAK;EAChB,gBAAgB,EAAE,iCAAiC;EACnD,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,OAAO;EACxB,mBAAmB,EAAE,SAAS;EAC9B,WAAW,EAAE,OAAO;;AAGtB,SAAU;EACR,MAAM,EAAE,IAAI;;AAGd;mBACoB;EAClB,UAAU,EAAE,IAAI;EAChB,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,GAAG;EACZ,UAAU,EAAE,WAAW;;AAEzB;wBACyB;EACvB,OAAO,EAAE,QAAQ",
 "sources": ["charte.scss"],
 "names": [],
 "file": "charte.css"
diff --git a/public/css/charte.scss b/public/css/charte.scss
index 19faf8425d47fc202968d142e7cc107cb41eebb5..034d3995b4519840fc1c6b32885c6a25cd12b7ad 100644
--- a/public/css/charte.scss
+++ b/public/css/charte.scss
@@ -10,14 +10,16 @@ body {
 }
 
 body.development .navbar-inverse,
-body.test .navbar-inverse {
+body.test        .navbar-inverse,
+body.production  .navbar-inverse {
   background-image: none; //linear-gradient(to bottom, #660000 0px, #870a0a 100%);
   background-color: $navbarBackgroundColor;
   border-color: $navbarBackgroundColor;
 }
 
 body.development .navbar-inverse .navbar-nav .active a,
-body.test .navbar-inverse .navbar-nav .active a {
+body.test        .navbar-inverse .navbar-nav .active a,
+body.production  .navbar-inverse .navbar-nav .active a {
   background-image: none; //linear-gradient(to bottom, #d22828 0px, #a41212 100%);
   background-color: $navbarBackgroundColorActive;
   border-color: $navbarBackgroundColorActive