diff --git a/webapp/src/app/core/components/footer/footer.component.html b/webapp/src/app/core/components/footer/footer.component.html
index 7acd04f4f5fff8ffe41b3a098b14d302ee8b42dd..729c18e9e97e97140c25b96459e2aade25bd53b3 100644
--- a/webapp/src/app/core/components/footer/footer.component.html
+++ b/webapp/src/app/core/components/footer/footer.component.html
@@ -40,11 +40,11 @@
       <ul>
         <li>
           <a href="https://www.grandlyon.com/" target="_blank">
-            <img class="plus-logo" src="./assets/img/footer-plus.png" alt="plus-logo">
+            <img i18n-title="@@footer.metropole.site.title" title="Access the Lyon Metropolis website (new window)" class="plus-logo" src="./assets/img/footer-plus.png" alt="plus-logo">
           </a>
         </li>
         <li>
-            <a href="https://www.grandlyon.com/" target="_blank" i18n="@@footer.metropole.site">
+            <a class="metropolis-website-link" i18n-title="@@footer.metropole.site.title" title="Access the Lyon Metropolis website (new window)" href="https://www.grandlyon.com/" target="_blank" i18n="@@footer.metropole.site">
               A Lyon Metropolis website
             </a>
         </li>
diff --git a/webapp/src/app/core/components/footer/footer.component.scss b/webapp/src/app/core/components/footer/footer.component.scss
index 5f488cbd9a04e30e52c8aea3f2bc316edea266da..a0919ffca26f0abd5d7486e491f911cd36433469 100644
--- a/webapp/src/app/core/components/footer/footer.component.scss
+++ b/webapp/src/app/core/components/footer/footer.component.scss
@@ -28,4 +28,8 @@ ul {
 
 .plus-logo {
   height: 14px;
+}
+
+.metropolis-website-link:hover {
+  text-decoration: underline;
 }
\ No newline at end of file
diff --git a/webapp/src/i18n/messages.en.xlf b/webapp/src/i18n/messages.en.xlf
index 7fe7c6fdd9e854914ceca1e3e3a3968f95d304a6..4de485c7b69c5de2a66e99c4d765f7c9e4fdeefc 100644
--- a/webapp/src/i18n/messages.en.xlf
+++ b/webapp/src/i18n/messages.en.xlf
@@ -34,6 +34,10 @@
         <source>A Lyon Metropolis' website</source>
         <target>A Lyon Metropolis' website</target>
       </trans-unit>
+      <trans-unit id="footer.metropole.site.title" datatype="html">
+        <source>Access the Lyon Metropolis website (new window)</source>
+        <target>Access the Lyon Metropolis website (new window)</target>
+      </trans-unit>
       <trans-unit id="header.logoEnglish" datatype="html">
         <source>English</source>
         <target>English</target>
diff --git a/webapp/src/i18n/messages.fr.xlf b/webapp/src/i18n/messages.fr.xlf
index bc25924184108acbb6d4286362270bbed95a47af..3c98bfbd7786ecae0a0802924d90cf136cbc604a 100644
--- a/webapp/src/i18n/messages.fr.xlf
+++ b/webapp/src/i18n/messages.fr.xlf
@@ -34,6 +34,10 @@
         <source>A Lyon Metropolis website</source>
         <target>Un site de la métrople de Lyon</target>
       </trans-unit>
+      <trans-unit id="footer.metropole.site.title" datatype="html">
+        <source>Access the Lyon Metropolis website (new window)</source>
+        <target>Accéder au site de la Métropole de Lyon (nouvelle fenêtre)</target>
+      </trans-unit>
       <trans-unit id="header.logoEnglish" datatype="html">
         <source>English</source>
         <target>Anglais</target>