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

www/css/style.css

@@ -48,6 +48,16 @@
 .sidebyside {
     display: flex;
 }
+.colonne {
+    flex: 1;
+}
+/* FROM: https://www.w3schools.com/howto/howto_css_equal_height.asp */
+.col-container {
+    display: table;
+}
+.col {
+  display: table-cell; /* Make elements inside the container behave like table cells */
+}
 
 .centered {
     text-align: center;
@@ -288,15 +298,24 @@ footer a:hover {
 /* PAGE: à Propos */
 /* AUTEUR: Stanislas Royal */
 /****************************/
-.aPropos {
-    background-color: rgb(99, 241, 99);
+.aProposBG {
+    background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
+    width: 100vw;
+    height: 100vh;
 }
 
-.aPropos main {
+.aPropos {
     margin: auto;
+    display: block;
+}
 
-    /* min-height: calc(100vh - 60px); */
-    /* display: block; */
+.aPropos h1 {
+    text-align: center;
+}
+
+.aPropos>main>div:first {
+    margin: auto;
+    display: flex;
     align-content: center;
     text-align: center;
 }
@@ -305,20 +324,17 @@ footer a:hover {
     max-width: 700px;
     max-height: 600px;
     overflow: scroll;
+    margin-top: 2em;
+    padding: 1em;
 }
 
-.aPropos .conteneurMaps­ iframe {
-    border: 0;
-    margin: 10px;
-    display: block;
-}
 
 .aPropos .sidebyside>div {
     margin: 5px 20px;
 }
 
-.aPropos .sidebyside>h1 {
-    width: 120%;
+.aPropos .sidebyside>h2 {
+    width: 100%;
 
 }
 
@@ -327,41 +343,27 @@ footer a:hover {
     width: 100%;
 }
 
-.aPropos>main {
-    margin: auto;
-    display: flex;
-    justify-content: center;
-}
 
 .aPropos form {
     width: 70ch;
     margin: auto;
     background-color: #726F9A;
     border-radius: 15px;
-    padding: 10px;
+    padding: 1em;
     color: #E6ECF3;
-    overflow: scroll;
-    /*!SECTION COULEUR
+    overflow: none;
 
-    #B47871
-#641A10
-#13172C
-#726F9A
-#273A56
-#C19F8A
-Couleur texte : #FFEFE5
-
-
-*/
 }
-
+.aPropos .sidebyside>div {
+    height: 100%;
+}
 .aPropos p {
     width: 100%;
 }
 
 .aPropos #contactInfo {
     background-color: #273A56;
-    padding: 10px;
+    padding: 1em;
     border-radius: 15px;
     color: #E6ECF3;
 }
@@ -392,7 +394,24 @@ Couleur texte : #FFEFE5
     padding: 10px;
     width: 100%;
     border-color: #606060;
-    margin: 10px auto;
+}
+
+.aPropos fieldset:not(:first-child) {
+    margin: 1em auto 1em 0px;
+}
+
+.aPropos h2 {
+    margin-bottom: 1em;
+}
+
+.aPropos #firstField label {
+    width: 11em;
+    display: inline-block
+}
+
+.aPropos #firstField input {
+    width: 25em;
+    display: inline-block
 }
 
 /*.aPropos div {*/
@@ -893,8 +912,114 @@ Couleur texte : #FFEFE5
 /* PAGE: Missions */
 /* AUTEUR: Stanislas Royal */
 /****************************/
-.missions {
+/*.missions {
     background-color: rgb(43, 189, 226);
+} */
+
+.missions {
+    width: 100%;
+    background-color: #273A56;
+    color: #ffefe5;
+    text-shadow: 2px 2px 2px #13172c;
+
+}
+.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,h2 {
+    margin-bottom: 2em;
+}
+.missions>section:first-of-type {
+    padding: 0 20vw;
+}
+.missions #autreMissions a:any-link {
+    color:#bf815b;
+    text-decoration: underline;
+    font-weight: 600;
+
+}
+.missions section:nth-child(odd) article {
+    text-align: right;
+    /* float: right; */
+}
+
+.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;
+}
+
+#assassination {
+    background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
+}
+
+
+.missions #missionsInfo {
+    background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
+}
+.missions #survie {
+    background: url('../images/imageSR/qu/survie.jpg') center/cover fixed;
+}
+.missions #assassination {
+    background: url('../images/imageSR/qu/assassinat.jpg') center/cover fixed;
+}
+.missions #capture {
+    background: url('../images/imageSR/qu/capture.jpg') center/cover fixed;
+}
+.missions #defense {
+    background: url('../images/imageSR/qu/defense.jpg') center/cover fixed;
+}
+.missions #excavation {
+    background: url('../images/imageSR/qu/excavation.jpg') center/cover fixed;
+}
+.missions #extermination {
+    background: url('../images/imageSR/qu/extermination.jpg') center/cover fixed;
+}
+.missions #hijack {
+    background: url('../images/imageSR/qu/detournement.jpg') center/cover fixed;
+}
+.missions #interception {
+    background: url('../images/imageSR/qu/interception.jpg') center/cover fixed;
+}
+.missions #invasion {
+    background: url('../images/imageSR/qu/invasion.jpg') center/cover fixed;
+}
+.missions #mobileDefense {
+    background: url('../images/imageSR/qu/defenseMobile.jpg') center/cover fixed;
+}
+.missions #sauvetage {
+    background: url('../images/imageSR/qu/sauvetage.jpg') center/cover fixed;
+}
+.missions #sabotage {
+    background: url('../images/imageSR/qu/sabotage.jpg') center/cover fixed;
+     /* color:#641a10; */
+}
+.missions #autreMissions {
+    background: url('../images/imageSR/qu/sabotageRuches.jpg') center/cover fixed;
 }
 
 /****************************/
@@ -937,12 +1062,11 @@ Couleur texte : #FFEFE5
 
 .armures .perso .bg-video {
     position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 110%;
+    top: 0;
+    left: 0;
+    width: 100%;
     height: 100%;
     object-fit: cover;
-    transform: translate(-50%, -50%);
     z-index: 0;
 }
 
@@ -1077,6 +1201,10 @@ Couleur texte : #FFEFE5
     font-size: 1.2rem;
 }
 
+.accueilwiki img {
+    width: 100%;
+}
+
 .wikiwar {
     background-color: #273A56;
     color: white;