public/css/footer.css

@@ -1,12 +1,10 @@
 .pageFooter {
-    background: #394596;
-    /*Bleu AGECEM*/
+    background: #f3f3f7;
+    /*Gris pâle*/
     width: 100%;
-    bottom: 0;
-    padding: 20px;
-    bottom: 0;
+    padding: 5px;
     position: fixed;
-
+    bottom: 0;
 }
 
 ul.footerElementList {
@@ -19,12 +17,22 @@ ul.footerElementList {
 
 }
 
-li.footerElement {
+.footerElement {
     font-family: "Poppins";
     font-weight: 400;
     /*semi-bold*/
-    font-size: 0, 75rem;
-    /*12px*/
+    font-size: 0.5rem;
+    /*8px*/
     text-align: center;
-
+}
+
+@media screen and (min-width: 768px) {
+    .footerElement {
+        font-family: "Poppins";
+        font-weight: 400;
+        /*semi-bold*/
+        font-size: 0.75rem;
+        /*12px*/
+        text-align: center;
+    }
 }

public/css/general.css

@@ -15,7 +15,7 @@ img {
 body {
     margin: 0;
     padding-top: 60px;
-    padding-bottom: 80px;
+    padding-bottom: 20px;
 }
 
 ul {