From 89fa2c2ff61697c62a642d3a5100e5ecddc62b93 Mon Sep 17 00:00:00 2001
From: LD <sr92.cegep1-Lea@sr-netw.ca>
Date: Fri, 21 Nov 2025 13:48:04 -0500
Subject: [PATCH] ajouts de boutons de navigation dans un aside

---
 www/css/style.css      | 12 +++++++++---
 www/sousPageLore1.html |  9 +++++----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/www/css/style.css b/www/css/style.css
index 5dbaa57..f5bdf15 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -155,9 +155,8 @@ nav img {
 }
 
 .lore .nextArc {
-    width: 8%;
+    width: 5%;
     margin: 5px;
-    padding: 15px 10px;
     display: block;
     text-align: center;
     background-color: #C19F8A;
@@ -165,18 +164,25 @@ nav img {
 }
 
 .lore .nextArc a {
+    padding: 10px 5px;
+    display: block;
     color: #13172c;
     text-decoration: none;
 }
 
 .lore .nextArc a:hover {
-    width: 8%;
     border-radius:15px;
     text-align: center;
     background-color: #bf815b;
     color: #FFEFE5;
 }
 
+.lore aside {
+    position: sticky;
+    left: 15px;
+    bottom: 15px;
+}
+
 #awakening, #vorsPrize, #professor, #onceAwake, #deimos {
     display: flex;
     align-items: flex-start;
diff --git a/www/sousPageLore1.html b/www/sousPageLore1.html
index 326b177..3d955a6 100644
--- a/www/sousPageLore1.html
+++ b/www/sousPageLore1.html
@@ -200,11 +200,12 @@
                 <img src="images/ImagesLea/archwing.jpg" alt="Image d'une warframe avec ses Archwing dans l'espace">   
             </div>
         </article>
-
-        <div class="nextArc"><a href="lore.html">Choix de l'Arc</a></div>
-        <div class="nextArc"><a href="sousPageLore2.html">Arc suivant</a></div>
     </main> 
-
+    <aside>
+        <div class="nextArc"><a href="lore.html">Menu</a></div>
+        <div class="nextArc"><a href="sousPageLore2.html">Suivant</a></div>
+    </aside>
+     
     <footer>DATE_WEBSITE</footer>
 </body>
 </html>
\ No newline at end of file