From 270a1d9ff1188e88fa56e821020526f858f6ac81 Mon Sep 17 00:00:00 2001
From: Andres <sr92.cegep1-andres@sr-netw.ca>
Date: Sun, 30 Nov 2025 12:47:59 -0500
Subject: [PATCH] =?UTF-8?q?changements=20dans=20le=20nav=20des=20habilit?=
 =?UTF-8?q?=C3=A9s=20et=20le=20css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/armures.html  | 19 +++++--------------
 www/css/style.css | 24 ++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/www/armures.html b/www/armures.html
index 0ee2e8a..2bb9afc 100644
--- a/www/armures.html
+++ b/www/armures.html
@@ -59,22 +59,13 @@
                     incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
                     écarlate.
                 </p>
+                <br>
+                <br>
+                <h3>Habilités</h3>
+
                 <div class="habilites-row">
                     <div class="habilites">
-                        <h3>Habilités</h3>
-                        <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
-                        <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec
-                            le
-                            temps,
-                            consommant de l’énergie une fois sa
-                            jauge pleine. Relancez le sort pour éteindre les flammes.
-                        </p>
-                        <p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les
-                            ennemis
-                            et détruit leur armure.</p>
-                        <p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les
-                            ennemis
-                            dans un feu capable de se propager dans leurs rangs.</p>
+                        <img src="./images/ImagesAndres/Ember/EmberPh.jpg" alt="hh">
                     </div>
 
                     <div class="habilites-video">
diff --git a/www/css/style.css b/www/css/style.css
index c852013..e8dec73 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -886,11 +886,35 @@ footer {
     display: block;
 }
 
+.armures .perso .habilites img {
+    width: 100%;
+    height: auto;
+    border-radius: 10px;
+    display: block;
+}
+
 .armures .habilites {
     position: relative;
     z-index: 15;
 }
 
+.armures .perso .habilites {
+    flex: 1;
+}
+
+.armures .perso .habilites-video {
+    flex: 1;
+}
+
+.armures .perso .habilites-row img,
+.armures .perso .habilites-row video {
+    width: 100%;
+    height: 350px;
+    object-fit: cover;
+    border-radius: 10px;
+    display: block;
+}
+
 .armures .wf-nav {
     position: fixed;
     bottom: 20px;