diff --git a/docs/_static/bookshelf.css b/docs/_static/bookshelf.css
index 7053afc8c..9939541c0 100644
--- a/docs/_static/bookshelf.css
+++ b/docs/_static/bookshelf.css
@@ -278,6 +278,21 @@ button.btn.version-switcher__button {
   text-overflow: ellipsis;
 }
 
+.bd-footer {
+  font-size: .9em;
+}
+
+.bd-footer .bd-footer__inner {
+  align-items: center;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+@media (min-width: 720px) {
+  .bd-footer .bd-footer__inner {
+    flex-direction: row;
+  }
+}
 
 @media (min-width: 960px) {
   .bd-page-width {
diff --git a/docs/_templates/mention-legales-footer.html b/docs/_templates/mention-legales-footer.html
index 7af84e33c..bece1b300 100644
--- a/docs/_templates/mention-legales-footer.html
+++ b/docs/_templates/mention-legales-footer.html
@@ -1 +1 @@
-<a href="/mentions-legales.html">Mentions Légales</a>
+<a href="{{ pathto('mentions-legales') }}">Mentions Légales</a>