fix: add minor corrections

- Modification du titre en haut de la page
- Réorganisation de la disposition des agences en bas de la page
- Correction des coordonnées (certaines agences étaient associées à des numéros de téléphone incorrects)
- Ajout d’une agence manquante et suppression d’un doublon concernant celle de Wignehies.

sass/style.scss

@@ -2,6 +2,7 @@ $page-width: 1280px;
 $color-black: #231f20;
 $color-white: #fafafa;
 $color-red: #d7191e;
+$color-blue: #0056b3;
 
 *,
 ::before,
@@ -239,29 +240,78 @@ body {
 }
 
 .section-contact {
-  margin: 48px 0;
+  padding: 40px 20px;
+  background-color: #fff;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  margin: 40px 0;
 
   &__title {
     display: flex;
+    flex-direction: column;
     align-items: center;
-    gap: 48px;
+    gap: 8px;
+    text-align: center;
+    margin-bottom: 40px;
+
+    @media only screen and (min-width: 768px) {
+      flex-direction: row;
+      gap: 48px;
+    }
+
+    h2 {
+      font-size: 2.5em;
+      color: #333;
+    }
+
+    a {
+      font-size: 1.2em;
+      color: $color-blue;
+      text-decoration: none;
+      font-weight: bold;
+    }
   }
 
   &__addresses {
     display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 16px;
-    margin-block: 32px;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    gap: 30px;
+    margin-block-start: 32px;
   }
 
   .address-item {
     display: flex;
     flex-direction: column;
-    gap: 4px;
+    gap: 14px;
+
+    background-color: #f9f9f9;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s, box-shadow 0.3s;
+
+    &:hover {
+      transform: translateY(-10px);
+      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+    }
 
     &__title {
+      font-weight: 600;
       text-transform: uppercase;
-      margin-bottom: 6px;
+      font-size: 1.5em;
+      color: #333;
+    }
+
+    &__phone {
+      font-size: 1.2em;
+      color: $color-blue;
+      font-weight: bold;
+      flex-grow: 1;
+    }
+
+    address {
+      font-style: normal;
+      color: #666;
+      justify-self: end;
     }
   }
 }