Fix/legal notice style

mentions-legales.css

 .main-cta {
-  overflow-y: hidden; }
+  overflow-y: hidden;
+}
 
 .content-txt {
-  padding: 1rem 0; }
+  padding: 1rem 0;
+}
 
 h2 {
-  margin-top: 1rem;
-  margin-bottom: 0.5rem; }
+  margin-bottom: 0.5rem;
+  margin-top: 1.25rem;
+  color: #f1c017 !important;
+}
+
+a {
+  color: #f1c017;
+  text-decoration: none;
+}
+
+p {
+  line-height: 120%;
+}

mentions-legales.html

@@ -47,11 +47,11 @@
             Tél : (33) 4 78 63 40 40
           </p>
           <p class="text-16-white-padding">
-            <strong>Directrice de publication :</strong> Karine Lambert,
-            Directrice de la Direction Environnement Écologie, Energie <br />
+            <strong>Directrice de publication :</strong> Blandine Melay,
+            Responsable du Service Energie Climat <br />
             <strong> Animation éditoriale, gestion et mise à jour :</strong>
-            Marion Bertholon, chef de projet à la direction Environnement,
-            Ecologie, Energie
+            Marion Bertholon, Chargée de services numériques pour la transition
+            énergétique
           </p>
           <p class="text-16-white-padding">
             <strong>Photographies :</strong> sauf mention contraire, les photos
@@ -60,25 +60,30 @@
             propriété de la Métropole de Lyon
           </p>
           <p class="text-16-white-padding">
-            <strong>Charte graphique :</strong> www.soprasteria.fr <br />
-            <strong>Réalisation technique :</strong> www.soprasteria.fr<br />
+            <strong>Charte graphique :</strong> Florent Dufier -
+            <a href=" https://florentdufier.myportfolio.com/"
+              >https://florentdufier.myportfolio.com/</a
+            >
+            <br />
+            <strong>Réalisation technique :</strong> Métropole de Lyon, Sopra
+            Steria<br />
             <strong>Maintenance technique :</strong> Délégation Développement
-            économique, emploi & savoirs - Innovation numérique systèmes
-            d'information - Usages et services numériques - Développement des
-            services numériques Ce site est optimisé pour Internet Explorer
-            (versions 10 et supérieures), Mozilla Firefox (version 31 et
-            supérieures), Google Chrome version 36 et supérieures), Safari
-            (version 7 et supérieures). <br />
-            <strong>Hébergement :</strong> Solutec / Synaaps - www.solutec.fr<br />
+            économique, emploi & savoirs - Innovation numérique & systèmes
+            d’information - Usages et services numériques - Développement des
+            services numériques <br />
+            <strong>Hébergement :</strong> Solutec / Synaaps - <a
+              href="www.solutec.fr"
+              >www.solutec.fr</a
+            ><br />
           </p>
 
           <h2 class="text-18-white">Dispositions légales</h2>
           <p class="text-16-white-padding">
-            Les divers éléments du site web (la forme, la mise en page, le
-            fond, la structure …) sont protégés par le droit des dessins et
-            modèles, le droit d’auteur, le droit des marques ainsi que le droit
-            à l’image et ils ne peuvent être copiés ou imités en tout ou partie
-            sauf autorisation expresse de la Métropole de Lyon. <br />
+            Les divers éléments du site web (la forme, la mise en page, le fond,
+            la structure …) sont protégés par le droit des dessins et modèles,
+            le droit d’auteur, le droit des marques ainsi que le droit à l’image
+            et ils ne peuvent être copiés ou imités en tout ou partie sauf
+            autorisation expresse de la Métropole de Lyon. <br />
             Toute personne ne respectant pas les dispositions légales
             applicables se rend coupable du délit de contrefaçon et est passible
             des sanctions pénales prévues par la loi.
@@ -129,25 +134,35 @@
           </p>
 
           <h2 class="text-18-white">
-            Établissements de liens vers le site www.ecolyo.com
+            Établissements de liens vers le site
+            <a href="www.ecolyo.com">www.ecolyo.com</a>
           </h2>
           <p class="text-16-white-padding">
             La Métropole de Lyon autorise la mise en place d'un lien hypertexte
-            vers son site www.ecolyo.com pour tous les sites Internet, à
-            l'exclusion de ceux diffusant des informations à caractère
-            polémique, pornographique, xénophobe ou pouvant, dans une plus large
-            mesure porter atteinte à la sensibilité du plus grand nombre.<br />
+            vers son site
+            <a href="www.ecolyo.com">www.ecolyo.com</a> pour tous les sites
+            Internet, à l'exclusion de ceux diffusant des informations à
+            caractère polémique, pornographique, xénophobe ou pouvant, dans une
+            plus large mesure porter atteinte à la sensibilité du plus grand
+            nombre.<br />
             Le lien doit aboutir à la page d'accueil du site (home page) et le
-            site www.ecolyo.com doit apparaître dans une nouvelle fenêtre. Les
-            pages du site www.ecolyo.com ne doivent en aucun cas être intégrées
-            à l'intérieur des pages d'un autre site (Frame).<br />
+            site
+            <a href="www.ecolyo.com">www.ecolyo.com</a> doit apparaître dans une
+            nouvelle fenêtre. Les pages du site
+            <a href="www.ecolyo.com">www.ecolyo.com</a> ne doivent en aucun cas
+            être intégrées à l'intérieur des pages d'un autre site (Frame).<br />
             Dans tous les cas d'espèce, la Métropole de Lyon se réserve le droit
             de demander la suppression d'un lien si elle estime que le site
             cible ne respecte pas les règles ainsi définies.
           </p>
 
           <h2 class="text-18-white">
-            Liens vers des sites tiers depuis le site www.ecolyo.com
+            Liens vers des sites tiers depuis le site
+            <a
+              href="www.ecolyo.com
+www.ecolyo.com"
+              >www.ecolyo.com</a
+            >
           </h2>
           <p class="text-16-white-padding">
             Les liens hypertextes mis en œuvre au sein du site en direction

mentions-legales.scss

+@import "./variables";
+
 .main-cta {
   overflow-y: hidden;
 }
@@ -7,6 +9,16 @@
 }
 
 h2 {
-  margin-top: 1rem;
   margin-bottom: 0.5rem;
+  margin-top: 1.25rem;
+  color: $yellow !important;
+}
+
+a {
+  color: $yellow;
+  text-decoration: none;
+}
+
+p {
+  line-height: 120%;
 }