Footer

css/base.css

@@ -1,4 +1,4 @@
-body { margin:0px; background-color:#fff; height:100% }
+body { margin:0px; background-color:#ffff; height:100% }
 html { height:100% }
 img { margin:0px; border-style:none }
 button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
@@ -161,3 +161,38 @@ strong { font-weight:bold }
   text-decoration: underline;
 }
 
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  /*
+  margin-right: -15px;
+  margin-left: -15px;
+  */
+}
+
+.col {
+  flex-basis: 0;
+  -webkit-box-flex: 1;
+  flex-grow: 1;
+  max-width: 100%;
+}
+
+.footer {
+  position: bottom;
+  background-color: #343030;
+  padding: 5px;
+  padding-left: 10px;
+  font-size: 0.8em;
+  text-align: right;
+  color: white;
+}
+
+.footer a {
+  color: white;
+  text-decoration: none;
+}
+
+.footer a:hover {
+  color: white;
+  text-decoration: underline;
+}

include/bottom.inc.php

@@ -1,4 +1,14 @@
 </div>
 </div>
+<div class="footer fixed-bottom">
+        <div class="row">
+          <div class="col" style="text-align: left">
+            <a href="/legal.php">Contact and legal informations</a>
+          </div>
+          <div class="col">2023 - RIS LIS SASU
+          </div>
+        </div>
+      </div>
+</div>
 </body>
 </html>