From 1a4dd5fb9ac42116eb4f1b939ab4cf9ff89f6a89 Mon Sep 17 00:00:00 2001
From: Andres <sr92.cegep1-andres@sr-netw.ca>
Date: Wed, 26 Nov 2025 14:17:36 -0500
Subject: [PATCH] changements dans le css et html des habilites-row

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

diff --git a/www/armures.html b/www/armures.html
index db9d9bb..789c6a9 100644
--- a/www/armures.html
+++ b/www/armures.html
@@ -48,24 +48,27 @@
                     incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
                     écarlate.
                 </p>
-                <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-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>
+                    </div>
 
-                <div class="habilites-video">
-                    <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                    <div class="habilites-video">
+                        <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                    </div>
                 </div>
             </div>
         </section>
diff --git a/www/css/style.css b/www/css/style.css
index c78d3e4..044d449 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -36,7 +36,7 @@
 }
 
 #pageCouranteNAV {
-    text-shadow: violet 2px ;
+    text-shadow: violet 2px;
     box-shadow: #ffefe5;
 }
 
@@ -664,10 +664,17 @@ blockquote a {
 .armures .perso .content {
     position: relative;
     z-index: 10;
+    flex-direction: row;
+    gap: 30px;
+    align-items: flex-start;
+}
+
+.armures .perso .habilites-row {
     display: flex;
     flex-direction: row;
     gap: 30px;
     align-items: flex-start;
+    margin-top: 20px;
 }
 
 .armures .perso .habilites-video {
@@ -677,7 +684,7 @@ blockquote a {
 }
 
 .armures .perso .habilites-video video {
-    width: 30%;
+    width: 100%;
     height: auto;
     border-radius: 10px;
     display: block;