MAJ aPropos et missions

www/css/style.css

@@ -317,6 +317,7 @@ footer a:hover {
     max-height: 600px;
     overflow: scroll;
     margin-top: 3em;
+    padding: 2em;
 }
 
 .aPropos .conteneurMaps­ iframe {
@@ -345,7 +346,7 @@ footer a:hover {
     margin: auto;
     background-color: #726F9A;
     border-radius: 15px;
-    padding: 10px;
+    padding: 1em;
     color: #E6ECF3;
     overflow: scroll;
     /*!SECTION COULEUR
@@ -368,7 +369,7 @@ Couleur texte : #FFEFE5
 
 .aPropos #contactInfo {
     background-color: #273A56;
-    padding: 10px;
+    padding: 1em;
     border-radius: 15px;
     color: #E6ECF3;
 }
@@ -917,35 +918,100 @@ Couleur texte : #FFEFE5
 /* PAGE: Missions */
 /* AUTEUR: Stanislas Royal */
 /****************************/
-.missions {
+/*.missions {
     background-color: rgb(43, 189, 226);
+} */
+
+.missions {
+    width: 100%;
+    background-color: #273A56;
+    color: #ffefe5;
+
+}
+.missions section {
+    width: 100vw;
+    height: 40vh;
+    min-height: 200px;
 }
 
-.missions section {
-    max-width: 70vw;
-    height: 100vh;
+.missions article {
+    /* max-width: 70vw; */
+    width: 70vw;
+    height: 40vh;
     border:#273A56 2px solid;
     margin: 10vh 10vw;
     padding: 3em;
     text-align: left;
-    float: left
+    /* float: left */
+}
+.missions h1,h2 {
+    margin-bottom: 2em;
 }
 
-.missions section:nth-child(odd) {
+.missions section:nth-child(odd) article {
     text-align: right;
-    float: right;
+    /* float: right; */
 }
-/*
-.missions section:nth-child(even) {
+
+.missions section:nth-child(even) article {
     text-align: left;
+    display: block;
 }
-*/
-.missions section p {
+
+.missions section article p {
     max-width: 50%;
  /*   margin: auto;
     float: left; */
 }
 
+#assassination {
+    background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
+}
+
+
+.missions #missionsInfo {
+    background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
+}
+.missions #survie {
+    background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
+}
+.missions #assassination {
+    background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
+}
+.missions #capture {
+    background: url('../images/imageSR/qu/capture.jpg') center/cover fixed;
+}
+.missions #defense {
+    background: url('../images/imageSR/qu/defense.jpg') center/cover fixed;
+}
+.missions #excavation {
+    background: url('../images/imageSR/qu/excavation.jpg') center/cover fixed;
+}
+.missions #extermination {
+    background: url('../images/imageSR/qu/extermination.jpg') center/cover fixed;
+}
+.missions #hijack {
+    background: url('../images/imageSR/qu/detournement.jpg') center/cover fixed;
+}
+.missions #interception {
+    background: url('../images/imageSR/qu/interception.jpg') center/cover fixed;
+}
+.missions #invasion {
+    background: url('../images/imageSR/qu/invasion.jpg') center/cover fixed;
+}
+.missions #mobileDefense {
+    background: url('../images/imageSR/qu/defenseMobile.jpg') center/cover fixed;
+}
+.missions #sauvetage {
+    background: url('../images/imageSR/qu/sauvetage.jpg') center/cover fixed;
+}
+.missions #sabotage {
+    background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed;
+}
+.missions #autreMissions {
+    background: url('../images/imageSR/qu/sabotageRuches.jpg') center/cover fixed;
+}
+
 /****************************/
 /* PAGE: Warframes */
 /* AUTEUR: Andres David Herrera Escorcia */