diff --git a/__pycache__/pelicanconf.cpython-310.pyc b/__pycache__/pelicanconf.cpython-310.pyc
index 63511b2..5158036 100644
Binary files a/__pycache__/pelicanconf.cpython-310.pyc and b/__pycache__/pelicanconf.cpython-310.pyc differ
diff --git a/output/archives.html b/output/archives.html
index 06fa234..62786fd 100644
--- a/output/archives.html
+++ b/output/archives.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/author/ravages.html b/output/author/ravages.html
index 1d7feab..b192f89 100644
--- a/output/author/ravages.html
+++ b/output/author/ravages.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/author/ravages2.html b/output/author/ravages2.html
index 1d7feab..b192f89 100644
--- a/output/author/ravages2.html
+++ b/output/author/ravages2.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/authors.html b/output/authors.html
index dcd53b8..e65a7ff 100644
--- a/output/authors.html
+++ b/output/authors.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/categories.html b/output/categories.html
index bd54a05..bd4d317 100644
--- a/output/categories.html
+++ b/output/categories.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/category/01.html b/output/category/01.html
index fc0fbaa..8bf79d0 100644
--- a/output/category/01.html
+++ b/output/category/01.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/category/012.html b/output/category/012.html
index fc0fbaa..8bf79d0 100644
--- a/output/category/012.html
+++ b/output/category/012.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/index.html b/output/index.html
index a70e19b..f5e6f8a 100644
--- a/output/index.html
+++ b/output/index.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/index2.html b/output/index2.html
index a70e19b..f5e6f8a 100644
--- a/output/index2.html
+++ b/output/index2.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html b/output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html
index 09f97b8..5a615eb 100644
--- a/output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html
+++ b/output/la-jauge-du-refuge-solidaire-lacueil-inconditionnel-conditionne.html
@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/lexique-frontiere.html b/output/lexique-frontiere.html
index 586b1d3..d5d1cd4 100644
--- a/output/lexique-frontiere.html
+++ b/output/lexique-frontiere.html
@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/lintegration-a-coups-de-patates.html b/output/lintegration-a-coups-de-patates.html
index 06ad52a..3d147ff 100644
--- a/output/lintegration-a-coups-de-patates.html
+++ b/output/lintegration-a-coups-de-patates.html
@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/pages/contact.html b/output/pages/contact.html
index 8de3f64..d0f23fb 100644
--- a/output/pages/contact.html
+++ b/output/pages/contact.html
@@ -14,6 +14,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/pages/index.html b/output/pages/index.html
index 2b3c5ff..257e332 100644
--- a/output/pages/index.html
+++ b/output/pages/index.html
@@ -14,6 +14,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html b/output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html
index 88e1eef..c59dfc4 100644
--- a/output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html
+++ b/output/refoulements-violents-a-la-frontiere-greco-turque-recit-dune-derive-europeenne.html
@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html b/output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html
index 4b760de..84bf028 100644
--- a/output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html
+++ b/output/remplacer-les-frontieres-par-des-forets-dherbes-sauvages-des-imaginaires-territoriaux-emancipateurs-contre-linvisibilisation-des-frontieres.html
@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/tadi-taxi-oula-saroukh.html b/output/tadi-taxi-oula-saroukh.html
index b76e81d..f6036b2 100644
--- a/output/tadi-taxi-oula-saroukh.html
+++ b/output/tadi-taxi-oula-saroukh.html
@@ -17,6 +17,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/tags.html b/output/tags.html
index f7e3f96..493d365 100644
--- a/output/tags.html
+++ b/output/tags.html
@@ -12,6 +12,7 @@
 
         <header>
         <h1><a href="/">ravages</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">chroniques de luttes à la frontière franco-italienne</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">
diff --git a/output/theme/css/main.css b/output/theme/css/main.css
index c99d09f..e9f93c2 100644
--- a/output/theme/css/main.css
+++ b/output/theme/css/main.css
@@ -14,6 +14,11 @@ h2 {
   line-height: initial;
 }
 
+#site-subtitle {
+  text-align: center;
+  font-size: 1em;
+}
+
 #flex-container {
   display: flex;
   flex-direction: row;
@@ -25,6 +30,9 @@ h2 {
   max-width: 50%;
   font-size: 1.5em;
   line-height: 35px;
+
+  text-align: justify;
+  text-justify: auto;
 }
 
 #about {
@@ -42,15 +50,18 @@ nav {
   line-height: 35px;
 }
 
+footer {
+  padding: 50px;
+}
+
 /* Responsive layout - makes a one column layout instead of a two-column layout */
-@media (max-width: 800px) {
+@media (max-width: 900px) {
   #flex-container {
     flex-direction: column;
   }
 
   #content {
     max-width: 100%;
-
   }
 
   nav {
diff --git a/pelicanconf.py b/pelicanconf.py
index dff5e7d..271356b 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -1,6 +1,7 @@
 AUTHOR = 'ravages'
 SITENAME = 'ravages'
 SITEURL = ''
+SITESUBTITLE = 'chroniques de luttes à la frontière franco-italienne'
 
 PATH = 'content'
 
diff --git a/themes/ravages/static/css/main.css b/themes/ravages/static/css/main.css
index c99d09f..e9f93c2 100644
--- a/themes/ravages/static/css/main.css
+++ b/themes/ravages/static/css/main.css
@@ -14,6 +14,11 @@ h2 {
   line-height: initial;
 }
 
+#site-subtitle {
+  text-align: center;
+  font-size: 1em;
+}
+
 #flex-container {
   display: flex;
   flex-direction: row;
@@ -25,6 +30,9 @@ h2 {
   max-width: 50%;
   font-size: 1.5em;
   line-height: 35px;
+
+  text-align: justify;
+  text-justify: auto;
 }
 
 #about {
@@ -42,15 +50,18 @@ nav {
   line-height: 35px;
 }
 
+footer {
+  padding: 50px;
+}
+
 /* Responsive layout - makes a one column layout instead of a two-column layout */
-@media (max-width: 800px) {
+@media (max-width: 900px) {
   #flex-container {
     flex-direction: column;
   }
 
   #content {
     max-width: 100%;
-
   }
 
   nav {
diff --git a/themes/ravages/templates/base.html b/themes/ravages/templates/base.html
index 8032538..cdfa4cc 100644
--- a/themes/ravages/templates/base.html
+++ b/themes/ravages/templates/base.html
@@ -37,7 +37,8 @@
 <body id="index" class="home">
 
         <header>
-        <h1><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
+        <h1><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
+        <h2 id='site-subtitle'><div class="subtitle-box""">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div></h2>
         </header><!-- /#banner -->
 
         <div id="flex-container">