Add title and underline on Metropolis Website link in footer

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>

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

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>

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>