diff --git a/src/css/3-base/_04-main.scss b/src/css/3-base/_04-main.scss
index 5460bc3..1516dcd 100755
--- a/src/css/3-base/_04-main.scss
+++ b/src/css/3-base/_04-main.scss
@@ -38,7 +38,8 @@ body {
 }
 
 .title-2 {
-  margin-top: 7rem;
+  padding-top: 7rem;
+  margin-top: 0;
   margin-bottom: 3rem;
   font-size: 3.8rem;
   font-weight: 900;
diff --git a/src/css/3-base/_09-footer.scss b/src/css/3-base/_09-footer.scss
index 5aa69e0..8aa8fef 100755
--- a/src/css/3-base/_09-footer.scss
+++ b/src/css/3-base/_09-footer.scss
@@ -4,6 +4,7 @@
 
 .footer {
   padding: 2.5rem 0;
+  margin-top: 7rem;
   background-color: $color-purple-1;
   color: $color-light-text;
   font-size: 1.6rem;
diff --git a/src/css/_config.scss b/src/css/_config.scss
index 88b7fb3..2f456a0 100755
--- a/src/css/_config.scss
+++ b/src/css/_config.scss
@@ -19,7 +19,7 @@ $fontstack1: "Inter", "Inter-fallback", arial, -apple-system, blinkmacsystemfont
 // container
 // -------------------------------------------------------------
 
-$container-base: 120rem;
+$container-base: 90rem;
 $container-small: 55rem;
 
 // -------------------------------------------------------------
diff --git a/src/mentions-legales.html b/src/mentions-legales.html
new file mode 100644
index 0000000..8653d0e
--- /dev/null
+++ b/src/mentions-legales.html
@@ -0,0 +1,25 @@
+---
+layout: base.njk
+title: Mentions légales
+---
+
+<div class="container content">
+	<h1 class="title-1 text-center mb7">Mentions légales</h1>
+	<p>Compteur de Grève est un projet portée par trois militantes, Caroline, Tixie et Salomé.</p>
+	<h2 class="title-2" id="conception-et-h-bergement">Conception et hébergement</h2>
+	<p>Le site a été conçu par <a href="https://guerilla.studio/">Guérilla.Studio</a>.</p>
+	<p>Le site est hébergé par Netlify, dont le siège social est situé 2325 3rd Street, Suite 296, San Francisco, California 94107. L’hébergeur est joignable à l’adresse email support@netlify.com.</p>
+	<h2 class="title-2" id="propri-t-intellectuelle">Propriété intellectuelle</h2>
+	<p>Le site fait usage de ressources protégées par la propriété intellectuelle :</p>
+	<ol>
+		<li>La fonte <a href="https://rsms.me/inter/">Inter</a> par Rasmus Andersson sous licence <a href="">SIL Open Font License v1.10</a></li>
+		<li>L&#39;icône &quot;Poing levé&quot; par Christopher T. Howlett depuis <a href="https://thenounproject.com/icon/protest-67892/">Noun Project</a> sous licence <a href="https://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></li>
+		<li>L&#39;icône &quot;Mégaphone&quot; par Alexander Kahlkopf depuis <a href="https://iconmonstr.com/megaphone-10-svg/">IconMonstr</a> sous licence <a href="https://iconmonstr.com/license/">iconmonstr</a></li>
+	</ol>
+	<h2 class="title-2" id="cookies-et-donn-es-personnelles">Cookies et données personnelles</h2>
+	<p>Des cookies sont utilisées pour nous permettre de compter les clics et de mesurer l&#39;audience du site. L&#39;adresse IP et les informations techniques de votre navigateur sont enregistrés pour compter les clics sans doublon.</p>
+
+	<p class="text-center mt7">
+		<a href="/" class="btn"><span class="aria-hidden">←</span>Retourner à l'accueil</a>
+	</p>
+</div>