diff --git a/templates/styles/style_general.css b/templates/styles/style_general.css
index 13107e87..00f7e2a8 100644
--- a/templates/styles/style_general.css
+++ b/templates/styles/style_general.css
@@ -53,7 +53,7 @@ hr + h1 {
   margin-top: 5rem;
   border-left: 3px solid gray;
   padding-left: 3rem;
-  margin-left: -4rem;
+  margin-left: -3.25rem;
 }
 
 h1:first-letter {
@@ -80,6 +80,7 @@ h3 {
 .content {
   font-size: 1.2rem;
   min-height: 15rem;
+  max-width: 100%;
 }
 .content img,
 .content picture,
@@ -146,7 +147,7 @@ p {
   margin-bottom: 1rem;
   font-size: 1.25rem;
   line-height: 1.75rem;
-  width: 65ch;
+  max-width: 65ch;
   text-align: justify;
 }
 p a {
@@ -164,7 +165,7 @@ ul {
 }
 
 li {
-  margin-bottom: 1rem;
+  margin-bottom: 0.25rem;
 }
 #tags_page li {
   display: inline;
@@ -228,10 +229,11 @@ li a {
 }
 
 .blog-title,
-.blog-subtitle {
-  margin: 1rem;
+p.blog-subtitle {
   color: #fff;
   text-shadow: 0 0 1rem #555;
+  width: 100%;
+  margin: 1rem auto;
 }
 
 #page {
@@ -253,7 +255,7 @@ li a {
 .site-footer {
   min-height: 20vh;
   padding: 2rem;
-  background: #aaa;
+  background: #282828;
   color: #dedede;
 }
 
@@ -267,12 +269,18 @@ article {
   padding: 1rem;
 }
 
+.article-date {
+  border-top: 1px solid #ddd;
+}
+
 .article-navigation {
   margin-top: 2rem;
   margin-bottom: 2rem;
 }
 .article-navigation a {
   padding-right: 2rem;
+  min-width: 45%;
+  min-height: 2rem;
 }
 
 .article-tags {
@@ -330,8 +338,15 @@ q {
 
 .site-foot-soutien {
   font-size: 0.8rem;
-  width: 75ch;
+  width: 110ch;
   max-width: calc(100vw - 6rem);
+  margin: 0 auto;
+  line-height: 1rem;
+}
+
+.footer-nav {
+  width: 63ch;
+  margin-top: 2rem;
 }
 
 @media (max-width: 75ch) {
diff --git a/templates/styles/style_general.css.map b/templates/styles/style_general.css.map
index 2e4907aa..4540a3dd 100644
--- a/templates/styles/style_general.css.map
+++ b/templates/styles/style_general.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss","../styles_src/_variables.scss"],"names":[],"mappings":";AAAA;AAIA;EACE;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA,aCmBiB;;;ADhBnB;EACE;EACA,WCLe;EDMf,aCDiB;EDEjB,OCvBW;EDwBX,YCvBiB;EDwBjB;EACA,gBCEW;;;ADCb;AAAA;AAAA;AAAA;EAIE,WCnBoB;EDoBpB;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aCPoB;EDQpB,YClBW;EDmBX,eCjBW;EDkBX,OC5Cc;ED6Cd;EACA;EACA;EACA,aC5BoB;;;ADgCtB;AAAA;EAEE,YAvDW;EAwDX;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OCjEiB;EDkEjB,WCnDa;EDoDb;;;AAGF;EACE,WCvDa;EDwDb;;;AAGF;EACE,WC3Da;ED4Db;;;AAGF;EACE,WCnEkB;EDoElB;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE,OC/EY;EDgFZ;EACA,YCpES;EDqET,eCrES;EDsET;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EACA,eC5EiB;ED6EjB,OCzGW;ED0GX;EACA;EACA;;AAEA;EACE,YCzGkB;ED0GlB,OChHS;;ADkHT;EACE,OCnHO;;ADuHX;EAEE;EACA;EACA,cCrGS;EDsGT,eCtGS;;ADyGX;EACE;EACA;;;AAIJ;EACE,YClGe;;ADoGf;EACE;EACA,YCvGe;;;AD2GnB;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA,YCjIW;EDkIX,eCnIW;EDoIX;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE,eC1JW;;AD4JX;EACE;;AAGF;EACE;EACA,cClKS;;;ADuKb;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE,OCtLS;EDuLT,QCvLS;EDwLT,cC1LS;;AD6LX;EACE;EACA;;;AAIJ;EACE,YCnMW;EDoMX,eCpMW;EDqMX;;AAEA;EACE;EACA,SC3MS;ED4MT;EACA,eCvMe;;;AD2MnB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,SCxNS;;;AD4Nb;EACE;EACA,SC9NW;ED+NX;EACA;;;AAGF;AAAA;EAEE,QCrOW;EDsOX,OC/PiB;EDgQjB;;;AAGF;EACE,YC9Pc;;;ADiQhB;EACE,YCxQiB;EDyQjB,SC5OkB;ED6OlB;EACA,YClPW;EDmPX,eC7OiB;ED8OjB;;AAEA;EACE;;;AAIJ;EACE;EACA,SC3PW;ED4PX,YCnRgB;EDoRhB,OCnRkB;;;ADsRpB;EACE,OChRc;EDiRd;;;AAGF;EACE;EACA,SCzQW;;;AD4Qb;EACE,YC3QW;ED4QX,eC5QW;;AD8QX;EACE,eC/QS;;;ADmRb;EACE,YCtRW;EDuRX,eCvRW;;ADyRX;EACE;EACA,SC5RS;;;ADmSX;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA,SC7SO;;;ADkTb;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,cCvTW;EDwTX,aCzTW;ED0TX,gBC1TW;;;AD6Tb;EACE;;;AAIA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA,cC9US;;;ADkVb;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE,SC9VS","file":"style_general.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss","../styles_src/_variables.scss"],"names":[],"mappings":";AAAA;AAIA;EACE;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA,aCmBiB;;;ADhBnB;EACE;EACA,WCLe;EDMf,aCDiB;EDEjB,OCvBW;EDwBX,YCvBiB;EDwBjB;EACA,gBCEW;;;ADCb;AAAA;AAAA;AAAA;EAIE,WCnBoB;EDoBpB;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aCPoB;EDQpB,YClBW;EDmBX,eCjBW;EDkBX,OC5Cc;ED6Cd;EACA;EACA;EACA,aC5BoB;;;ADgCtB;AAAA;EAEE,YAvDW;EAwDX;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE,OCjEiB;EDkEjB,WCnDa;EDoDb;;;AAGF;EACE,WCvDa;EDwDb;;;AAGF;EACE,WC3Da;ED4Db;;;AAGF;EACE,WCnEkB;EDoElB;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE,OChFY;EDiFZ;EACA,YCrES;EDsET,eCtES;EDuET;;;AAIJ;AAAA;EAEE;;;AAIF;EACE;EACA,eC7EiB;ED8EjB,OC1GW;ED2GX;EACA;EACA;;AAEA;EACE,YC1GkB;ED2GlB,OCjHS;;ADmHT;EACE,OCpHO;;ADwHX;EAEE;EACA;EACA,cCtGS;EDuGT,eCvGS;;AD0GX;EACE;EACA;;;AAIJ;EACE,YCnGe;;ADqGf;EACE;EACA,YCxGe;;;AD4GnB;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;EACA,YClIW;EDmIX,eCpIW;EDqIX;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA,cCnKS;;;ADwKb;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;;;AAKF;EACE,OCvLS;EDwLT,QCxLS;EDyLT,cC3LS;;AD8LX;EACE;EACA;;;AAIJ;EACE,YCpMW;EDqMX,eCrMW;EDsMX;;AAEA;EACE;EACA,SC5MS;ED6MT;EACA,eCxMe;;;AD4MnB;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA,SCzNS;;;AD6Nb;EACE;EACA,SC/NW;EDgOX;EACA;;;AAGF;AAAA;EAGE,OChQiB;EDiQjB;EACA;EACA;;;AAGF;EACE,YCjQc;;;ADoQhB;EACE,YC3QiB;ED4QjB,SC/OkB;EDgPlB;EACA,YCrPW;EDsPX,eChPiB;EDiPjB;;AAEA;EACE;;;AAIJ;EACE;EACA,SC9PW;ED+PX,YCtRgB;EDuRhB,OCtRkB;;;ADyRpB;EACE,OCnRc;EDoRd;;;AAGF;EACE;EACA,SC5QW;;;AD+Qb;EACE;;;AAGF;EACE,YClRW;EDmRX,eCnRW;;ADqRX;EACE,eCtRS;EDuRT;EACA;;;AAIJ;EACE,YC/RW;EDgSX,eChSW;;ADkSX;EACE;EACA,SCrSS;;;AD4SX;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA,SCtTO;;;AD2Tb;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA,cChUW;EDiUX,aClUW;EDmUX,gBCnUW;;;ADsUb;EACE;;;AAIA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA,cCvVS;;;AD2Vb;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IACE;;EAGF;IACE,SC9WS","file":"style_general.css"}
\ No newline at end of file
diff --git a/templates/styles_src/_variables.scss b/templates/styles_src/_variables.scss
index f158f2d2..df2c8550 100644
--- a/templates/styles_src/_variables.scss
+++ b/templates/styles_src/_variables.scss
@@ -4,7 +4,7 @@ $color-background: #fff;
 $color-heading: #333;
 $color-heading-h1: #221d30;
 $color-link: rgb(0, 123, 255);
-$color-footer-bg: #aaa;
+$color-footer-bg: #282828;
 $color-footer-text: #dedede;
 $color-page-bg: #f4f4f4;
 $color-border: #dedede;
diff --git a/templates/styles_src/style_general.scss b/templates/styles_src/style_general.scss
index 2e885d7e..54ef4a1a 100644
--- a/templates/styles_src/style_general.scss
+++ b/templates/styles_src/style_general.scss
@@ -58,7 +58,7 @@ hr+h1 {
   margin-top: $spacing-xl;
   border-left: 3px solid gray;
   padding-left: 3rem;
-  margin-left: -4rem;
+  margin-left: -3.25rem;
 }
 
 h1:first-letter {
@@ -85,6 +85,7 @@ h3 {
 .content {
   font-size: $font-size-content;
   min-height: 15rem;
+  max-width: 100%;
 
   img,
   picture,
@@ -159,7 +160,7 @@ p {
   margin-bottom: $spacing-sm;
   font-size: 1.25rem;
   line-height: 1.75rem;
-  width: 65ch;
+  max-width: 65ch;
   text-align: justify;
 
   a {
@@ -179,7 +180,7 @@ ul {
 }
 
 li {
-  margin-bottom: $spacing-sm;
+  margin-bottom: 0.25rem;
 
   #tags_page & {
     display: inline;
@@ -253,10 +254,12 @@ li {
 }
 
 .blog-title,
-.blog-subtitle {
-  margin: $spacing-sm;
+p.blog-subtitle {
+
   color: $color-background;
   text-shadow: 0 0 $spacing-sm #555;
+  width: 100%;
+  margin: $spacing-sm auto;
 }
 
 #page {
@@ -293,12 +296,18 @@ article {
   padding: $spacing-sm;
 }
 
+.article-date {
+  border-top: 1px solid #ddd;
+}
+
 .article-navigation {
   margin-top: $spacing-lg;
   margin-bottom: $spacing-lg;
 
   a {
     padding-right: $spacing-lg;
+    min-width: 45%;
+    min-height: 2rem;
   }
 }
 
@@ -365,8 +374,15 @@ q {
 
 .site-foot-soutien {
   font-size: 0.8rem;
-  width: 75ch;
+  width: 110ch;
   max-width: calc(100vw - 6rem);
+  margin: 0 auto;
+  line-height: 1rem;
+}
+
+.footer-nav {
+  width: 63ch;
+  margin-top: 2rem;
 }
 
 @media (max-width: $article-width) {
diff --git a/website_config.py b/website_config.py
index 6ae3f362..5c25b3b9 100644
--- a/website_config.py
+++ b/website_config.py
@@ -45,12 +45,12 @@ configs_sites = {    "other_blog" : {
         "SITE_ICON": "https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png",
         "SITE_ICON_TYPE": "image/png",
         "SOUTIEN": """
-Si vous aimez ce que nous faisons à Cipher Bliss, vous pouvez nous soutenir de plusieurs façons: en faisant un micro don sur liberapay , ou en cryptomonnaies. Le plus simple nous pour nous faire connaître étant de partager cet article.
+Si vous aimez ce que nous faisons à Cipher Bliss, vous pouvez nous soutenir de plusieurs façons: en faisant un micro don sur liberapay <a href="https://liberapay.com/cipherbliss/donate">https://liberapay.com/cipherbliss/donate</a>. Le plus simple nous pour nous faire connaître étant de partager cet article.
 <br/>Suivez moi sur Mastodon <a href="https://mastodon.cipherbliss.com/@tykayn">@tykayn@mastodon.cipherbliss.com</a>.
 <br/>Ce site restera libre comme un gnou dans la nature et sans pubs, parce qu'on vous aime. Que la source soit avec vous!
 <br/>Cipher Bliss, entreprise individuelle en ingénierie informatique spécialisé dans le front-end, à Orsay.
-<br/>Faire un don à CipherBliss :
-<a href="https://liberapay.com/cipherbliss/donate">https://liberapay.com/cipherbliss/donate</a>
+<br/>
+
 """,
         "NAVIGATION": """
             <nav>