diff --git a/Webzine.WebApplication/Views/Contact/Index.cshtml b/Webzine.WebApplication/Views/Contact/Index.cshtml
index 6d022ba..55ef4d4 100644
--- a/Webzine.WebApplication/Views/Contact/Index.cshtml
+++ b/Webzine.WebApplication/Views/Contact/Index.cshtml
@@ -4,14 +4,15 @@
 
 <div class="container">
     <h1>Contact</h1>
-    <div>
+    <div class="my-2">
         C.U.C.D.B - DIIAGE <br />   
         69 Avenue Aristide Briand<br />
         21000 Dijon
     </div>
-    <div>
+
+    <div class ="my-2">
         <i class="fa-solid fa-phone"></i> Phone : 03 80 40 50 60<br />
-        <i class="fa-solid fa-envelope"></i> secretariat@cucdb.fr
+        <i class="fa-solid fa-envelope"></i> <span class="text-primary">secretariat@cucdb.fr</span>
     </div>
 
 </div>
@@ -21,42 +22,42 @@
     <h2>Suivez-nous</h2>
     <div class="row g-4 text-center">
         <div class="col-md-4">
-            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle">
+            <a href="#" class="card h-100 p-4 border-0 bg-light">
                 <i class="fa-solid fa-link fa-3x text-primary mb-3 align-self-center"></i>
                 <div class="fw-bold text-primary">Site officiel du DIIAGE</div>
             </a>
         </div>
 
         <div class="col-md-4">
-            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle">
+            <a href="#" class="card h-100 p-4 border-0 bg-light">
                 <i class="fa-brands fa-facebook fa-3x text-primary mb-3 align-self-center"></i>
                 <div class="fw-bold text-primary">Facebook</div>
             </a>
         </div>
 
         <div class="col-md-4">
-            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle">
+            <a href="#" class="card h-100 p-4 border-0 bg-light">
                 <i class="fa-brands fa-instagram fa-3x text-primary mb-3 align-self-center"></i>
                 <div class="fw-bold text-primary">Instagram</div>
             </a>
         </div>
 
         <div class="col-md-4">
-            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle">
+            <a href="#" class="card h-100 p-4 border-0 bg-light">
                 <i class="fa-brands fa-linkedin fa-3x text-primary mb-3 align-self-center"></i>
                 <div class="fw-bold text-primary">LinkedIn</div>
             </a>
         </div>
 
         <div class="col-md-4">
-            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle">
+            <a href="#" class="card h-100 p-4 border-0 bg-light">
                 <i class="fa-solid fa-map fa-3x text-primary mb-3 align-self-center"></i>
                 <div class="fw-bold text-primary">Google Maps</div>
             </a>
         </div>
 
         <div class="col-md-4">
-            <a href="#" class="card h-100 p-4 shadow-sm border-0 bg-light-subtle">
+            <a href="#" class="card h-100 p-4 border-0 bg-light">
                 <i class="fa-brands fa-twitter fa-3x text-primary mb-3 align-self-center"></i>
                 <div class="fw-bold text-primary">Twitter</div>
             </a>