Ajout d'un footer avec les différents réseaux (fonctionnel) + futur cgu (a venir)

styles/primary_css.css

@@ -313,4 +313,78 @@ nav a:hover {
 
 .btn-delete:hover {
     background-color: #7e2023;
+}
+
+/* ---- FORCER LE FOOTER EN BAS (STICKY FOOTER) ---- */
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+main {
+    flex: 1; /* Pousse le footer vers le bas si le contenu est court */
+}
+
+/* ---- STYLES DU FOOTER ---- */
+.site-footer {
+    background-color: #111116;
+    border-top: 1px solid #2a2a3e;
+    margin-top: 0;
+    padding: 30px 40px 20px;
+    font-size: 14px;
+}
+
+.footer-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 20px;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.footer-copyright {
+    color: #aaaaaa;
+    margin: 0;
+}
+
+.footer-links {
+    display: flex;
+    gap: 24px;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.footer-links a,
+.footer-links .discord-handle {
+    color: #aaaaaa;
+    text-decoration: none;
+    transition: color 0.2s ease, background-color 0.2s ease;
+    padding: 6px 0;
+    cursor: pointer;
+}
+
+.footer-links a:hover,
+.footer-links .discord-handle:hover {
+    color: #6c63ff;
+    text-decoration: underline;
+}
+
+/* Responsive : mobile */
+@media (max-width: 700px) {
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+    }
+    .footer-links {
+        justify-content: center;
+    }
 }