From ad947ed0aaca69fcd874746d42101481c2d4d365 Mon Sep 17 00:00:00 2001
From: Andres <sr92.cegep1-andres@sr-netw.ca>
Date: Wed, 26 Nov 2025 13:54:42 -0500
Subject: [PATCH] =?UTF-8?q?changements=20dahs=20la=20disposition=20de=20la?=
 =?UTF-8?q?=20section=20habilit=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 www/armures.html  | 33 ++++++++++++++++++---------------
 www/css/style.css | 11 ++++++++++-
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/www/armures.html b/www/armures.html
index a7b44b1..db9d9bb 100644
--- a/www/armures.html
+++ b/www/armures.html
@@ -48,22 +48,25 @@
                     incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
                     écarlate.
                 </p>
-            </div>
-            <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>
-            </div>
+                <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>
+                </div>
 
-            <div class="habilites-video">
-            <video src="./medias/mediasAndres/Ember.mp4"></video>
+                <div class="habilites-video">
+                    <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                </div>
             </div>
         </section>
 
diff --git a/www/css/style.css b/www/css/style.css
index 49ca141..3a602bb 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -613,16 +613,25 @@ blockquote a {
     position: relative;
     z-index: 10;
     display: flex;
+    flex-direction: row;
     gap: 30px;
     align-items: flex-start;
 }
 
 .armures .perso .habilites-video {
     flex: 1;
+    position: relative;
+    z-index: 20;
 }
 
 .armures .perso .habilites-video video {
-    width: 100%;
+    width: 30%;
     height: auto;
     border-radius: 10px;
+    display: block;
+}
+
+.armures .habilites {
+    position: relative;
+    z-index: 15;
 }
\ No newline at end of file