Finalisation de la page index, autant CSS que HTML. Plus qu'à Mettre les vrais images après les avoir prises

www/css/style.css

@@ -113,7 +113,6 @@ footer {
 /* AUTEUR: Léa */
 /****************************/
 .accueil {
-    background-color: rgb(138, 43, 226);
     color: #ffefe5;
 }
 
@@ -126,11 +125,16 @@ footer {
     margin-bottom: 30px;
 }
 
-.accueil main p:not(#rencontreEquipe p) {
+.accueil main p:not(#rencontreEquipe p, .droite p) {
     margin: auto;
     padding: 1% 45% 1% 0%;
 }
 
+.accueil .droite p {
+    margin: auto;
+    padding: 1% 0% 1% 45%;
+}
+
 .accueil section {
     width: 100%;
 }
@@ -191,7 +195,7 @@ footer {
     text-decoration: none;
     color: #ffefe5;
     padding: 10.8px 16px;
-    margin: 0 4px;
+    margin: 4px 0px;
     background-color: #13172c;
     border-radius: 20px;
 }
@@ -205,13 +209,35 @@ footer {
     background: #13172c url("../images/ImagesLea/warframeFight.jpg") center/cover;
 }
 
-.accueil #histoireDE div {
+.accueil .fondOpaqueGauche {
     background-color: #13172cb0;
     height: 75vh;
     padding: 5%;
     margin: auto;
 }
 
+.accueil #universSciFi {
+    background: #13172c url("../images/ImagesLea/warframesInfested.jpg") center/cover;
+}
+
+.accueil #universSciFi h2 {
+    margin-top: 4%;
+}
+
+.accueil .fondOpaqueDroite div {
+    background-color: #13172cb0;
+    text-align: right;
+    height: 75vh;
+    padding: 5%;
+}
+
+.accueil #stylesMission {
+    background: #13172c url("../images/ImagesLea/weapons.jpg") top/cover;
+}
+
+.accueil #armures {
+    background: #13172c url("../images/ImagesLea/WarframeZephyr.jpg") top/cover;
+}
 
 /****************************/
 /* PAGE: à Propos */