diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/footer.tag b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/footer.tag
index 0e061b2..675da0d 100644
--- a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/footer.tag
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/footer.tag
@@ -1,9 +1,14 @@
-<%@tag description="component/footer" pageEncoding="UTF-8" %>
+<%@ tag import="uppa.project.web.translation.Translator" %>
+<%@taglib prefix="component" tagdir="/WEB-INF/tags/components"  %>
+<%@ tag import="uppa.project.Global" %>
+<%@ tag import="java.text.MessageFormat" %>
 
+<%@ tag pageEncoding="UTF-8" %>
+<% Translator translator = (Translator) request.getSession().getAttribute("translator"); %>
 <footer class="footer">
     <div class="content has-text-centered">
         <p>
-            <strong>Cards Rush</strong> par Kevin Mitressé & Lucàs Vabre. UPPA M1-TI 2024
+            ${MessageFormat.format(translator.translate('footer'), Global.APP_NAME)}
         </p>
     </div>
-</footer>
\ No newline at end of file
+</footer>
diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/hero.tag b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/hero.tag
index f2aba77..93a5645 100644
--- a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/hero.tag
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/components/hero.tag
@@ -1,4 +1,5 @@
 <%@tag description="component/hero" pageEncoding="UTF-8" %>
+<%@taglib prefix="component" tagdir="/WEB-INF/tags/components" %>
 
 <div class="hero is-primary is-fullheight-with-navbar">
     <div class="hero-body">
@@ -6,4 +7,5 @@
             <jsp:doBody/>
         </div>
     </div>
-</div>
\ No newline at end of file
+    <component:footer/>
+</div>
diff --git a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/base.tag b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/base.tag
index 4aa0ea6..64fe6b4 100644
--- a/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/base.tag
+++ b/S2/DevWeb/Projet/src/main/webapp/WEB-INF/tags/layouts/base.tag
@@ -30,7 +30,5 @@
 <component:navbar/>
 
 <jsp:doBody/>
-
-<component:footer/>
 </body>
 </html>
diff --git a/S2/DevWeb/Projet/src/main/webapp/static/css/global.css b/S2/DevWeb/Projet/src/main/webapp/static/css/global.css
index a026850..d27cd7f 100644
--- a/S2/DevWeb/Projet/src/main/webapp/static/css/global.css
+++ b/S2/DevWeb/Projet/src/main/webapp/static/css/global.css
@@ -3,10 +3,15 @@
     --bulma-primary-s: 70%;
     --bulma-primary-l: 35%;
     --modal-content-width: 50rem;
+    --bulma-custom-footer-padding: 1rem 1.5rem 1rem;
 }
 
 .hero {
     background: url("../img/Home.svg") lightgray 50% / cover no-repeat;
+
+    .footer {
+        padding: var(--bulma-custom-footer-padding); !important;
+    }
 }
 
 label.radio.button > input[type="radio"] {