diff --git a/views/blocks/d.footer.html b/views/blocks/d.footer.html
index dd3b4e1..4400bbf 100755
--- a/views/blocks/d.footer.html
+++ b/views/blocks/d.footer.html
@@ -1,7 +1,9 @@
 		<footer>
-			<div id="footernav">
-				<a href="<?=$config['rel_root_folder']?>wiki/legal">Mentions Légales</a> &mdash; 
-				<a href="<?=$config['rel_root_folder']?>contact">Contact</a>
+			<div class="flex">
+				<p class="flex-element"><a target="_blank" href="https://www.facebook.com/profile.php?id=61578287940971"><i class="fab fa-facebook-square"></i></a> Léo Serre &mdash; <script>document.write("06 " + "1" + "8 6" + "2 3" + "2 ");</script>&#48;&#53;</p>
+				<div id="footernav" class="flex-element">
+					<a href="<?=$config['rel_root_folder']?>wiki/legal">Mentions Légales</a> &mdash; 
+					<a href="<?=$config['rel_root_folder']?>contact">Contact</a>
+				</div>
 			</div>
-			<p><a target="_blank" href="https://www.facebook.com/profile.php?id=61578287940971"><i class="fab fa-facebook-square"></i></a> Léo Serre &mdash; <script>document.write("06 " + "1" + "8 6" + "2 3" + "2 ");</script>&#48;&#53;</p>
 		</footer>
\ No newline at end of file
diff --git a/views/css/d.index.css b/views/css/d.index.css
index 8761197..3078a36 100755
--- a/views/css/d.index.css
+++ b/views/css/d.index.css
@@ -356,15 +356,12 @@ footer {
 	padding: 15px;
 	margin: 15px auto 0 auto;
 	color: #c1c1c1;
-	text-align: left;
-}
-footer {
 }
 
 footer #footernav {
-	float: right;
 	padding: 0;
 	margin: 0;
+	margin-left: auto;
 }
 
 footer a {
@@ -375,6 +372,12 @@ footer a:hover {
 	color: white;
 }
 
+footer .flex {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1rem;
+}
+
 /*********************************/
 /** Index page                  **/ 
 /*********************************/
diff --git a/views/css/d.map.css b/views/css/d.map.css
index 9152867..542137a 100755
--- a/views/css/d.map.css
+++ b/views/css/d.map.css
@@ -157,14 +157,16 @@ footer {
 
 #footer-credits, #footer-legend {
 	background: #212121;
-	width: 820px;
 	padding: 15px;
 	margin: 15px auto 0 auto;
 	color: #c1c1c1;
 	text-align: left;
 	position: absolute;
 	bottom: 0;
-	left: calc(50% - 425px);
+	right: 50%;
+	transform: translateX(50%);
+  	width: 100%;
+ 	max-width: 820px;
 	z-index: 10000;
 	display: flex;
 }