Ajout d'images, de texte et de mise en forme dans les sous pages de Lore

www/css/style.css

@@ -83,27 +83,40 @@ nav img {
 /* AUTEUR: Léa */
 /**************************************/
 .lore {
-    background-color: #C19F8A;
+    background: #13172c url("../images/ImagesLea/warframeLore.jpg") no-repeat center;
+    background-size: cover;
+    background-position: top;
     color: #FFEFE5;
 }
 
 .lore main{
     margin: auto;
-    width: 1366px;
+    width: 1300px;
 }
 
 .lore h1, h2, h3{
-    margin: 10px;
+    margin: 10px;   
 }
 
-.lore p{
-    margin: 10px;
+.lore p, blockquote{
+    margin-left: 10px;
+    margin-top: 15px;
+}
+
+.lore blockquote {
+    width: 60%;
+    font-weight: bold;
 }
 
 .lore table{
-    width: 80%;
+    width: 100%;
+    position: sticky;
+    top: 1px;
     border: 2px solid #FFEFE5;
-    margin: auto;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 5px;
+    background-color: #13172c;
 }
 
 .lore th{
@@ -125,16 +138,40 @@ nav img {
 
 .lore article {
     width: 95%;
+    margin: 15px 0px;
 }
 
-#awakening {
+.lore th a, blockquote a{
+    color: #C19F8A;
+}
+
+#awakening, #vorsPrize {
     display: flex;
-    align-items: flex-start;
+    align-items: center;
 }
 
 #awakening img {
     padding: 10px;
-    margin-top: 5%;
+}
+
+#vorsPrize img{
+    width: 25%;
+    padding: 10px;
+}
+
+.lore .wrap {
+    display: flex;
+    align-items: flex-start;
+}
+.lore .text { 
+    width: 70%; 
+    flex-grow: 1;
+}
+
+#PreludeToWar img {
+    width: 30%;
+    flex-shrink: 0;
+    margin-left: 5px;
 }
 /****************************/
 /* PAGE: Missions */