diff --git a/src/app/app.component.html b/src/app/app.component.html
index 3d99444..81fa8ef 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,4 @@
 <app-search-bar></app-search-bar>
 <app-nav-bar></app-nav-bar>
+<app-footer></app-footer>
 <router-outlet></router-outlet>
diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index 28c0d7d..018c437 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -1 +1,14 @@
-<p>footer works!</p>
+<footer class="d-flex fixed-bottom">
+
+<div class = "logo d-inline-flex align-items-center">
+    <img src="../../assets/Logo_footer.png">
+</div>
+
+<div class="liens d-flex justify-content-end align-items-center">
+    <h5>Aide</h5>
+    <h5>Contact</h5>
+    <h5>Administrateurs</h5>
+    <h5>Mentions legales</h5>
+</div>
+
+</footer>
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
index e69de29..72ab870 100644
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -0,0 +1,14 @@
+footer {
+  width: 100%;
+  height: 113px;
+  background-color: #CE0000;
+}
+
+.liens{
+  width: 100%;
+}
+
+h5{
+  padding-right: 50px;
+  color: white;
+}
diff --git a/src/assets/Logo_footer.png b/src/assets/Logo_footer.png
new file mode 100644
index 0000000..f11d083
Binary files /dev/null and b/src/assets/Logo_footer.png differ