ajout balise audio

www/css/style.css

@@ -918,33 +918,34 @@ footer a:hover {
 /* PAGE: Missions */
 /* AUTEUR: Stanislas Royal */
 /****************************/
-/*.missions {
-    background-color: rgb(43, 189, 226);
-} */
 
 .missions {
     width: 100%;
     background-color: #273A56;
     color: #ffefe5;
     text-shadow: 2px 2px 2px #13172c;
+}
+.missions audio {
+    margin: 2em auto auto auto;
+    position: sticky;
+    top:65px;
+    left: 40vh;
+    width: 70vh;
+    text-align: center;
 
 }
 
 .missions section {
-    width: 100vw;
     height: 40vh;
     min-height: 200px;
-
 }
 
 .missions article {
-    /* max-width: 70vw; */
     width: 70vw;
     height: 40vh;
     margin: 1vh 10vw;
     padding: 3em;
     text-align: left;
-    /* float: left */
 }
 
 .missions h1,
@@ -960,7 +961,6 @@ h2 {
     color: #bf815b;
     text-decoration: underline;
     font-weight: 600;
-
 }
 
 .missions section:nth-child(odd) article {
@@ -970,16 +970,12 @@ h2 {
 
 .missions section:nth-child(even) article {
     text-align: left;
-    /* display: block; */
 }
 
 .missions section article p {
     max-width: 50%;
-    /*   margin: auto;
-    float: left; */
 }
 
-
 .missions section:nth-child(odd)>article>p {
     margin: auto 0 auto auto;
     text-align: right;
@@ -1040,7 +1036,6 @@ h2 {
 
 .missions #sabotage {
     background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed;
-    /* color:#641a10; */
 }
 
 .missions #autreMissions {

www/js/script.js

@@ -99,7 +99,7 @@ function timerGlitch(){
 }
 
 window.onload = function () {
-    timerGlitch();          
+    timerGlitch();
     setTimeout(function () {
 /*                document.getElementById('message').innerHTML =
                     'The page has finished loading! After 2 second'; */

www/missions.html

@@ -40,6 +40,8 @@
                 Les styles de missions présentées seront les plus communes et celles que le joueur rencontrera le plus
                 lors de l’histoire et de l’exploration de la carte stellaire.</p>
         </section>
+        <audio src="multimedia/we_All_Lift_Together_mPTCq3LiZSE.mp3" loop controls>Balise audio non
+            supportée</audio>
         <section id="survie">
             <article>
                 <h2>Survival</h2>