diff --git a/patches/frontend/src/custom/footer/footer.css b/patches/frontend/src/custom/footer/footer.css
index 11b7b0e..e5673dc 100644
--- a/patches/frontend/src/custom/footer/footer.css
+++ b/patches/frontend/src/custom/footer/footer.css
@@ -26,16 +26,18 @@ footer div a:hover {
 footer div.logo {
     display: flex;
     justify-content: space-evenly;
-    @media screen and (max-width: 900px) {
-      flex-direction: column;
-    }
-
 }
 
 footer div.logo img {
     height: 90px;
     margin: 3px;
-    @media screen and (max-width: 900px) {
-      height: 60px;
-    }
+}
+
+@media screen and (max-width: 900px) {
+  footer div.logo {
+    flex-direction: column;
+  }
+  footer div.logo img {
+    height: 60px;
+  }
 }
\ No newline at end of file
diff --git a/sandbox/wmts/index.html b/sandbox/wmts/index.html
index 637354b..3fd887e 100644
--- a/sandbox/wmts/index.html
+++ b/sandbox/wmts/index.html
@@ -3,7 +3,9 @@
 <head>
   <title>Tests WMTS</title>
   <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="./leaflet/leaflet.css" />
+  <link rel="stylesheet" href="./leaflet/footer.css" />
   <!-- <script src="./leaflet/Proj4Leaflet-1.0.1/lib/leaflet/leaflet.js"></script>
   <script src="./leaflet/Proj4Leaflet-1.0.1/lib/proj4.js"></script>
   <script src="./leaflet/Proj4Leaflet-1.0.1/src/proj4leaflet.js"></script> -->
@@ -236,5 +238,19 @@
     var hash = L.hash(map);
 
     </script>
+    <footer>
+        <div>
+        <a [routerLink]="[ '/home']">Accueil</a> | <a href="https://github.com/PnX-SI/GeoNature-citizen">GeoNature-citizen</a> | <a [routerLink]="[ '/about']" >A propos</a>
+        </div>
+
+        <div class='logo'>
+            <a target='_blank' href='https://www.wallonie.be'><img alt='logo' src='assets/logo_wallonie.png'></a>
+            <a target='_blank' href='https://www.digitalwallonia.be'><img alt='logo' src='assets/logo_dw.png'></a>
+            <a target='_blank' href='https://enrd.ec.europa.eu/leader-clld_fr'><img alt='logo' src='assets/logo_leader.png'></a>
+            <a target='_blank' href='https://www.wasseiges.be'><img alt='logo' src='assets/logo-commune-wasseiges.jpg'></a>
+            <a target='_blank' href='https://www.meusecampagnes.be'><img alt='logo' src='assets/logo_gal.png'></a>
+        </div>
+
+    </footer>
   </body>
 </html>
diff --git a/sandbox/wmts/leaflet/footer.css b/sandbox/wmts/leaflet/footer.css
new file mode 100644
index 0000000..d34399f
--- /dev/null
+++ b/sandbox/wmts/leaflet/footer.css
@@ -0,0 +1,43 @@
+footer {
+  margin-top: 20px;
+  padding: 20px 0px;
+  text-align: center;
+  background: rgb(226, 226, 226);
+}
+
+footer p, footer div{
+  margin: 0 auto;
+  max-width: 80%;
+}
+
+footer div {
+  margin-bottom: 20px;
+}
+
+footer div a {
+  text-decoration: none;
+  color: var(--secondary) !important;
+}
+
+footer div a:hover {
+  border-bottom: solid 1px black;
+}
+
+footer div.logo {
+  display: flex;
+  justify-content: space-evenly;
+}
+
+footer div.logo img {
+  height: 90px;
+  margin: 3px;
+}
+
+@media screen and (max-width: 900px) {
+  footer div.logo {
+    flex-direction: column;
+  }
+  footer div.logo img {
+    height: 60px;
+  }
+}
