Update a la apge aPropos pour la mis een forme

www/css/style.css

@@ -304,7 +304,6 @@ footer a:hover {
 /****************************/
 .aProposBG {
     background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
-    width: 100vw;
     height: 100vh;
 }
 
@@ -352,7 +351,7 @@ footer a:hover {
     width: 70ch;
     margin: auto;
     background-color: #726F9A;
-    border-radius: 15px;
+    border-radius: 20px;
     padding: 1em;
     color: #E6ECF3;
     overflow: none;
@@ -370,29 +369,78 @@ footer a:hover {
 .aPropos #contactInfo {
     background-color: #273A56;
     padding: 1em;
-    border-radius: 15px;
+    border-radius: 20px;
     color: #E6ECF3;
 }
 
-.aPropos a:link {
+.aPropos .grille {
+    display: grid;
+    grid-template-areas:
+        "titreAdresse contenuAdresse"
+        "titreInfo contenuInfo"
+        "titreTelephone contenuTelephone"
+        "titreCourriel contenuCourriel";
+}
+
+.aPropos .grille #titreAdresse {
+    grid-area: titreAdresse;
+    text-align: left;
+}
+
+.aPropos .grille #contenuAdresse {
+    grid-area: contenuAdresse;
+    text-align: right;
+}
+
+.aPropos .grille #titreInfo {
+    grid-area: titreInfo;
+    text-align: left;
+}
+
+.aPropos .grille #contenuInfo {
+    grid-area: contenuInfo;
+    text-align: right;
+}
+
+.aPropos .grille #titreTelephone {
+    grid-area: titreTelephone;
+    text-align: left;
+}
+
+.aPropos .grille #contenuTelephone {
+    grid-area: contenuTelephone;
+    text-align: right;
+}
+
+.aPropos .grille #titreCourriel {
+    grid-area: titreCourriel;
+    text-align: left;
+}
+
+.aPropos .grille #contenuCourriel {
+    grid-area: contenuCourriel;
+    text-align: right;
+}
+
+
+.aPropos .grille #contenuAdresse,
+.aPropos .grille #contenuInfo,
+.aPropos .grille #contenuTelephone,
+.aPropos .grille #contenuCourriel {
     color: #E6ECF3;
     font-weight: 800;
     text-decoration: underline;
-    text-align: right;
-    float: right;
+}
+
+.aPropos .grille #contenuAdresse:hover,
+.aPropos .grille #contenuInfo:hover,
+.aPropos .grille #contenuTelephone:hover,
+.aPropos .grille #contenuCourriel:hover {
+    color: #c19f8a;
 }
 
 .aPropos #mapsFrame {
-    border-radius: 15px;
-}
-
-.aPropos a:visited {
-    color: #c19f8a;
-
-}
-
-.aPropos a:hover {
-    color: #726F9A;
+    border-radius: 20px;
 }
 
 .aPropos .sidebyside label {
@@ -929,10 +977,11 @@ footer a:hover {
     color: #ffefe5;
     text-shadow: 2px 2px 2px #13172c;
 }
+
 .missions audio {
     margin: 2em auto auto auto;
     position: sticky;
-    top:65px;
+    top: 65px;
     left: 40vh;
     width: 70vh;
     text-align: center;