ajout de plus d'images

www/css/style.css

@@ -45,6 +45,7 @@
 .sidebyside {
     display: flex;
 }
+
 .centered {
     text-align: center;
     margin: auto;
@@ -279,6 +280,7 @@ footer {
 .aPropos .sidebyside>div {
     margin: 5px 20px;
 }
+
 .aPropos textarea {
     resize: none;
     width: 100%;
@@ -291,8 +293,9 @@ footer {
     border-radius: 15px;
     padding: 10px;
     color: #E6ECF3;
-    overflow:scroll;
+    overflow: scroll;
 }
+
 .aPropos fieldset {
     padding: 10px;
     width: 100%;
@@ -613,9 +616,7 @@ footer {
     font-size: 4.5rem;
 }
 
-.lore h1 {
-    margin-top: 25px;
-    margin-left: 8%;
+.lore h1:not(.lore header h1) {
     font-size: 4.5rem;
 }
 
@@ -679,7 +680,7 @@ footer {
 .lore .fondOpaqueGauche {
     background-color: #13172cb0;
     text-align: left;
-    height: 75vh;
+    height: 100%;
     padding: 5%;
     margin: auto;
 }
@@ -740,6 +741,20 @@ blockquote a {
     color: #ffefe5;
 }
 
+.lore #awakening {
+    background: #13172c url("../images/ImagesLea/awakening.jpg") center/cover;
+    height: 85vh;
+}
+
+.lore #vorsPrize {
+    background: #13172c url("../images/ImagesLea/vorSPrize.jpg") top/cover;
+}
+
+.lore #professor {
+    background: #13172c url("../images/ImagesLea/theTeacher.jpg") center/cover;
+    height: 85vh;
+}
+
 .lore #warWithin img {
     padding: 10px;
     margin-top: 10%;
@@ -752,11 +767,6 @@ blockquote a {
     border-radius: 20px;
 }
 
-.lore .specialAlign img {
-    margin: 5px;
-    border-radius: 20px;
-}
-
 .lore #duviri img {
     margin-top: 15%;
 }