Page aPropos et style

www/css/style.css

@@ -271,6 +271,8 @@ footer {
 
     /* min-height: calc(100vh - 60px); */
     /* display: block; */
+    align-content: center;
+    text-align: center;
 }
 
 .aPropos .conteneurMaps {
@@ -279,9 +281,10 @@ footer {
     overflow: scroll;
 }
 
-.aPropos .conteneurMaps­>iframe {
+.aPropos .conteneurMaps­ iframe {
     border: 0;
-
+    margin: 10px;
+    display: block;
 }
 
 .aPropos .sidebyside>div {
@@ -298,14 +301,62 @@ footer {
     width: 100%;
 }
 
+.aPropos>main {
+    margin: auto;
+    display: flex;
+    justify-content: center;
+}
 .aPropos form {
     width: 70ch;
     margin: auto;
-    background-color: #273A56;
+    background-color: #726F9A;
     border-radius: 15px;
     padding: 10px;
     color: #E6ECF3;
     overflow: scroll;
+    /*!SECTION COULEUR
+
+    #B47871
+#641A10
+#13172C
+#726F9A
+#273A56
+#C19F8A
+Couleur texte : #FFEFE5 
+
+
+*/
+}
+
+.aPropos p {
+    width: 100%;
+}
+.aPropos #contactInfo {
+    background-color: #273A56;
+    padding: 10px;
+    border-radius: 15px;
+    color: #E6ECF3;
+}
+
+.aPropos a:link {
+    color: #E6ECF3;
+    font-weight:800;
+    text-decoration: underline;
+    text-align: right;
+    float: right;
+}
+.aPropos a:visited {
+    color: #c19f8a;
+
+}
+
+.aPropos a:hover {
+    color: #726F9A;
+}
+
+.aPropos .sidebyside label {
+    margin: 10px;
+    padding: 1px;
 }
 
 .aPropos fieldset {