diff --git a/src/app/app.component.html b/src/app/app.component.html
index 29b440e06343448bcd64634479b9cb33a1d2a8f0..28240d8c2d949cf428e101d4226607172fb357a3 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,5 @@
+<div class="body">
+
 <nav class="navbar navbar-expand-lg navbar-light d-flex align-items-center">
   <img class="logo" src="/assets/takicine.png"/>
   <a class="navbar-brand" [routerLink]="['/']">Accueil</a>
@@ -7,11 +9,13 @@
 </nav>
 
 <router-outlet></router-outlet>
-
+</div>
 
 
 <!-- Footer -->
-<footer class="bg-dark text-center text-white">
+<footer class="bg-dark text-center text-white mt-auto" style="   position: relative;
+   bottom: 0;
+   width: 100%;">
   <!-- Grid container -->
   <div class="container p-4">
     <!-- Section: Social media -->
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 7e211c1f4910b5093936501bfb17b32683ecd1f6..79dff74dde18d900186af90c06b5d47f3897d3fa 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,3 +1,7 @@
+.body {
+  min-height: 67.9vh;
+}
+
 .logo {
 
   max-width: 400px;
@@ -20,6 +24,4 @@ nav {
 
 }
 
-footer{
-  margin-top: 40px;
-}
+