mise a jour de aPropos et missions

www/css/style.css

@@ -288,15 +288,24 @@ footer a:hover {
 /* PAGE: à Propos */
 /* AUTEUR: Stanislas Royal */
 /****************************/
+.aProposBG {
+    background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
+    width: 100vw;
+    height: 100vh;
+}
 .aPropos {
-    background-color: rgb(99, 241, 99);
+    margin: auto;
+    display: block;
 }
 
-.aPropos main {
+.aPropos h1{
+    text-align: center;
+}
+.aPropos>div:first {
     margin: auto;
-
+    display: flex;
     /* min-height: calc(100vh - 60px); */
-    /* display: block; */
+/*    display: block; */
     align-content: center;
     text-align: center;
 }
@@ -305,6 +314,7 @@ footer a:hover {
     max-width: 700px;
     max-height: 600px;
     overflow: scroll;
+    margin-top: 3em;
 }
 
 .aPropos .conteneurMaps­ iframe {
@@ -327,11 +337,6 @@ footer a:hover {
     width: 100%;
 }
 
-.aPropos>main {
-    margin: auto;
-    display: flex;
-    justify-content: center;
-}
 
 .aPropos form {
     width: 70ch;
@@ -392,9 +397,22 @@ Couleur texte : #FFEFE5
     padding: 10px;
     width: 100%;
     border-color: #606060;
-    margin: 10px auto;
+}
+.aPropos fieldset:not(:first-child) {
+margin: 1em auto 1em 0px;
 }
 
+.aPropos #contactInfo h2 {
+    margin-bottom: 1em;
+}
+.aPropos #firstField label {
+    width: 11em;
+    display:inline-block
+}
+.aPropos #firstField input {
+    width: 25em;
+    display:inline-block
+}
 /*.aPropos div {*/
 /*    display: block; */
 /*}*/