move footer

css/styles.css

@@ -9,7 +9,8 @@
     --primary-red: #FF0000;
     --primary-green: #008000;
     --primary-black: #000000;
-    --sidebar-bg: #f0f0f0;
+    --sidebar-bg: #f8f8f8;
+    --footer-bg: #f0f0f0;
     --main-bg: #ffffff;
     --text-color: #000000;
     --tag-bg: #f8f8f8;
@@ -26,7 +27,7 @@ body {
     color: var(--text-color);
     background-color: var(--main-bg);
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
 }
 
 .container {
@@ -596,9 +597,12 @@ img {
 /* Footer */
 .footer {
     margin-top: 40px;
-    padding: 30px 0;
+    padding: 30px 20px;
-    background-color: var(--sidebar-bg);
+    background-color: var(--footer-bg);
     text-align: center;
+    width: 100%;
+    box-sizing: border-box;
+    align-self: stretch;
 }
 
 .footer-logo {

index.php

@@ -280,8 +280,8 @@
             
             <img src="img/ka-ubuntu-manifesto.png" alt="KA UBUNTU manifesto" class="info-image">
         </div>
-        <?php include 'includes/footer.php'; ?>
     </div>
+    <?php include 'includes/footer.php'; ?>
     <?php include 'includes/mobile-menu.php'; ?>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
     <script src="js/main.js"></script>

video.php

@@ -308,9 +308,8 @@ if (empty($videoData) || isset($videoData['error'])) {
             </div>
         </div>
         <?php endif; ?>
-        <?php include 'includes/footer.php'; ?>
     </div>
-
+    <?php include 'includes/footer.php'; ?>
     <?php include 'includes/mobile-menu.php'; ?>
     
     <!-- Modal de téléchargement -->