Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

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,
+                    <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
+                    <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
+                    <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>
+                    <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                </div>
             </div>
         </section>
 

www/css/style.css

@@ -665,16 +665,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;
 }