diff --git a/CSS/Main.css b/CSS/Main.css
index da79298..a6e7734 100644
--- a/CSS/Main.css
+++ b/CSS/Main.css
@@ -23,6 +23,11 @@ footer{
     text-align: center;
 }
 
+.dessous_titre{
+    width: 30%; 
+    margin: auto; 
+    margin-bottom: 3em;
+}
 .mail, .tel{
     text-decoration: none;
     color: inherit;
@@ -31,7 +36,10 @@ footer{
     text-decoration: underline;
     color: inherit;
 }
-
+.contact{
+    margin-bottom: 0.2em; 
+    font-size: 2em;
+}
 .Copyright{
     width: 25%; 
     margin: auto;
diff --git a/Views/Contact.html b/Views/Contact.html
index 1e64487..9fbf9b3 100644
--- a/Views/Contact.html
+++ b/Views/Contact.html
@@ -19,12 +19,12 @@
         <div class="row GradientBorder" style="text-align: center;">
             <div class="row">
                 <h1>Me contacter</h1>
-                <hr style="width: 30%; margin: auto; margin-bottom: 3em;"/>
+                <hr class="dessous_titre"/>
             </div>
             <div class="row">
                 <p>Vous pouvez me contacter par téléphone et par courrier électronique<br></p>
-                <i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em; font-size: 2em;"><a href="tel:+4502780433" class="tel" style="font-family: JetBrains_Mono;">(450)278-0433</a></i>
-                <i class="fa fa-envelope" aria-hidden="true"style="margin-bottom: 0.2em; font-size: 2em;"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
+                <i class="fa fa-phone contact" aria-hidden="true"><a href="tel:+4502780433" class="tel" style="font-family: JetBrains_Mono;">(450)278-0433</a></i>
+                <i class="fa fa-envelope contact" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
                 <p style="font-size: 0.6em;"><br><br><br>**Prévoir de 3 à 5 jours ouvrables pour recevoir une réponse**</p>
             </div>
         </div>
diff --git a/Views/Objectif.html b/Views/Objectif.html
index faddb74..3746e2e 100644
--- a/Views/Objectif.html
+++ b/Views/Objectif.html
@@ -19,7 +19,7 @@
         <div class="row GradientBorder">
             <div class="row" style="text-align: center;">
                 <h1>Mes objectifs</h1>
-                <hr style="width: 30%; margin: auto; margin-bottom: 3em;"/>
+                <hr class="dessous_titre"/>
             </div>
         </div>
         <div class="row" id="footer"></div>
diff --git a/Views/Portfolio.html b/Views/Portfolio.html
index d561c9a..be0ded6 100644
--- a/Views/Portfolio.html
+++ b/Views/Portfolio.html
@@ -19,7 +19,7 @@
         <div class="row GradientBorder">
             <div class="row" style="text-align: center;">
                 <h1>Mes projets</h1>
-                <hr style="width: 30%; margin: auto; margin-bottom: 3em;"/>
+                <hr class="dessous_titre"/>
             </div>
         </div>
         <div class="row" id="footer"></div>
diff --git a/Views/Technologies.html b/Views/Technologies.html
index accdf48..9be808a 100644
--- a/Views/Technologies.html
+++ b/Views/Technologies.html
@@ -19,7 +19,7 @@
         <div class="row GradientBorder">
             <div class="row" style="text-align: center;">
                 <h1>Technologies</h1>
-                <hr style="width: 30%; margin: auto; margin-bottom: 3em;"/>
+                <hr class="dessous_titre"/>
             </div>
         </div>
         <div class="row" id="footer"></div>