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 */

www/index.html

@@ -56,7 +56,7 @@
 				<div>
 					<img src="images/imagesTeam/AvatarJeremy.png" alt="Avatar de Jérémy">
 					<p>Jérémy Hébert</p>
-					<p>Coordonateur</p>
+					<p>Coordinateur</p>
 				</div>
 
 				<div>
@@ -72,7 +72,7 @@
 
 		<section> <!--Histoire de DE-->
 			<article id="histoireDE">
-				<div>
+				<div class="fondOpaqueGauche">
 					<h2>L'histoire de <br><em>Digital Extreme</em></h2>
 
 					<p>Fondé en 1993, Digital Extremes s’est imposé comme un pionnier de l’industrie du jeu vidéo grâce
@@ -93,50 +93,68 @@
 		</section>
 
 		<section> <!--Univers Sci-fi-->
-			<article id="universSciFi">
+			<article id="universSciFi" class="fondOpaqueDroite">
+				<div class="droite">
 					<h2>Un univers <em>Sci-fi</em></h2>
 
 					<p>Comme Warframe a déjà plus d’une décennie de vie,
 						son histoire est devenue très complexe au cours des années.
 						Des évènements de communautés, des ajouts de mécaniques et de nouvelles zones ont enrichi le
 						narratif.
-					Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent l’histoire
+						Toute ces informations prennent son sens en suivant les quêtes principales, qui racontent
+						l’histoire
 						du jeu.
-					Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire et
+						Pour débloquer plus de quêtes d’histoire, il faut que le joueur progresse sur le système solaire
+						et
 						qu’il débloque des jonctions qui lient les planètes entre elles.</p>
 					<a href="lore.html">PLUS D'INFOS</a>
+				</div>
 			</article>
 		</section>
-		<section>
+
-			<article>
+		<section> <!--Styles de mission-->
+			<article id="stylesMission">
+				<div class="fondOpaqueGauche">
 					<h2>Les styles de mission</h2>
 
 					<p>Warframe propose une grande variété de styles de missions qui transforment l’expérience de jeu,
-					allant de l’élimination pure et simple d’ennemis à des opérations d’infiltration plus stratégiques.
+						allant de l’élimination pure et simple d’ennemis à des opérations d’infiltration plus
-					Les joueurs peuvent défendre des objectifs ou des alliés dans des missions de Défense, saboter des
+						stratégiques.
+						Les joueurs peuvent défendre des objectifs ou des alliés dans des missions de Défense, saboter
+						des
 						installations ennemies, escorter et extraire des cargaisons sensibles, ou encore survivre à des
-					vagues croissantes d’adversaires dans les missions de Survie. D’autres missions, comme l’Espionnage
+						vagues croissantes d’adversaires dans les missions de Survie. D’autres missions, comme
-					ou la Capture, misent davantage sur la discrétion et la rapidité. Cette diversité permet d’adopter
+						l’Espionnage
+						ou la Capture, misent davantage sur la discrétion et la rapidité. Cette diversité permet
+						d’adopter
 						des approches variées, de s’adapter à différents styles de jeu et de tirer parti des capacités
 						uniques de chaque Warframe.</p>
 					<a href="missions.html">PLUS D'INFOS</a>
+				</div>
 			</article>
 		</section>
 
-		<section>
+		<section> <!--Les armures-->
-			<article>
+			<article id="armures" class="fondOpaqueDroite">
+				<div class="droite">
 					<h2>Les armures</h2>
 
-				<p>Les Warframes sont au cœur de l’expérience de Warframe : de puissantes armures biomécaniques dotées
+					<p>Les Warframes sont au cœur de l’expérience de Warframe : de puissantes armures biomécaniques
-					de capacités uniques qui définissent entièrement le style de jeu du joueur. Chacune possède quatre
+						dotées
+						de capacités uniques qui définissent entièrement le style de jeu du joueur. Chacune possède
+						quatre
 						pouvoirs distincts — allant du contrôle en masse à la furtivité, en passant par le soutien, la
-					manipulation d’éléments ou la force brute — ainsi que des statistiques et un gameplay propre. Avec
+						manipulation d’éléments ou la force brute — ainsi que des statistiques et un gameplay propre.
+						Avec
 						plus d’une cinquantaine de Warframes disponibles, il est possible d’adopter des approches très
 						variées, qu’on privilégie la vitesse, la survie, les dégâts massifs ou l’utilité pour l’équipe.
-					Grâce aux mods, aux variantes Prime et aux options de personnalisation esthétique, chaque Warframe
+						Grâce aux mods, aux variantes Prime et aux options de personnalisation esthétique, chaque
-					peut être façonnée selon les préférences du joueur, faisant du choix et de l’optimisation un élément
+						Warframe
+						peut être façonnée selon les préférences du joueur, faisant du choix et de l’optimisation un
+						élément
 						clé de la progression.</p>
 					<a href="warframes.html">PLUS D'INFOS</a>
+				</div>
 			</article>
 		</section>
 	</main>