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

www/css/style.css

@@ -117,6 +117,7 @@ footer {
 ::selection {
     /*Source: https://openclassrooms.com/forum/sujet/couleur-surlignage-34526*/
     background-color: #641a10;
+    color: #ffefe5;
 }
 
 /****************************/
@@ -277,10 +278,26 @@ footer {
 
 }
 
+.aPropos .conteneurMaps {
+    max-width: 700px;
+    max-height: 600px;
+    overflow: scroll;
+}
+
+.aPropos .conteneurMaps­>iframe {
+    border: 0;
+
+}
+
 .aPropos .sidebyside>div {
     margin: 5px 20px;
 }
 
+.aPropos .sidebyside>h1 {
+    width: 120%;
+
+}
+
 .aPropos textarea {
     resize: none;
     width: 100%;
@@ -312,49 +329,44 @@ footer {
 /* AUTEUR: Jérémy */
 /****************************/
 .team {
-    background: #13172c url("../images/imagesTeam/Intro.png") center;
+    background: #13172c center;
     background-size: cover;
     background-position: top;
     color: #ffefe5;
 }
 
 .team header.introduction {
-    background: #13172c url("../images/imagesTeam/Introduction.png") center/cover fixed;
+    background: #13172c url("../images/imagesTeam/BackgroundHeader.webp") center/cover fixed;
     background-position: top;
     height: 100vh;
     display: block;
     text-align: center;
     align-content: center;
+}
+
+.team header.introduction h1,
+.team header.introduction p {
     line-height: 5;
     font-size: 2rem;
 }
 
+
 .team header.introduction div.introduction {
     background-color: #13172cd5;
     height: 100vh;
 }
 
-.team header.introduction button {
-    color: #ffefe5;
-    padding: 0 16px;
-    margin: 0 4px;
-
-    height: 40px;
-    border: none;
-    border-radius: 20px;
-    background-color: #13172c;
-}
-
-.team header.introduction button a {
-    display: flex;
-    align-items: center;
-    align-content: center;
+.team header.introduction div.introduction a {
+    display: inline-block;
     text-decoration: none;
+    color: #ffefe5;
+    padding: 10.8px 16px;
+    margin: 160px 4px;
+    background-color: #13172c;
+    border-radius: 20px;
 }
 
-
-.team header.introduction button:hover {
-    height: 40px;
+.team header.introduction div.introduction a:hover {
     border-radius: 20px;
     background-color: #b47871;
 }
@@ -363,73 +375,65 @@ footer {
     margin: auto;
 }
 
-.team div.titre {
-    grid-area: titre;
-    text-align: center;
-    font-size: 2rem;
-    padding-top: 66px;
-}
-
-.team div.grilleGauche {
-    background-color: rgb(19 23 44 / 90%);
-    border-radius: 20px;
-    display: grid;
-    align-items: flex-start;
-    grid-template-areas:
-        "avatar nom"
-        "avatar description";
-    grid-template-columns: 1fr 5fr;
-    grid-template-rows: 1fr 5fr;
-    padding: 16px;
-    margin: 16px 5%;
-    text-align: justify;
-}
-
-.team div.grilleDroite {
-    background-color: rgb(19 23 44 / 90%);
-    border-radius: 20px;
-    display: grid;
-    align-items: flex-start;
-    grid-template-areas:
-        "nom avatar"
-        "description avatar";
-    grid-template-columns: 5fr 1fr;
-    grid-template-rows: 1fr 5fr;
-    padding: 16px;
-    margin: 16px 5%;
-    text-align: justify;
-}
-
-.team div.avatar {
-    grid-area: avatar;
-    grid-template-columns: 15%;
+.team section article {
     display: flex;
-    justify-content: center;
+    padding: 16px;
+    height: 100vh;
     align-items: center;
 }
 
-.team div.nom {
-    grid-area: nom;
-    grid-template-columns: 85%;
-    text-align: center;
+.team section article.grilleGauche {
+    text-align: left;
 }
 
-.team div.description {
-    grid-area: description;
-    grid-template-columns: 85%;
+.team section article.grilleDroite {
+    text-align: right;
 }
 
-.team div.avatar img {
-    width: 100%;
-    aspect-ratio: 1 / 1;
-    /* hauteur = largeur */
-    border-radius: 20%;
+.team section article#lea {
+    background: #13172c url("../images/imagesTeam/BackgroundLea.webp") center/cover fixed;
+}
+
+.team section article#jeremy {
+    background: #13172c url("../images/imagesTeam/BackgroundJeremy.webp") center/cover fixed;
+}
+
+.team section article#andres {
+    background: #13172c url("../images/imagesTeam/BackgroundAndres.webp") center/cover fixed;
+}
+
+.team section article#stanislas {
+    background: #13172c url("../images/imagesTeam/BackgroundStanislas.webp") center/cover fixed;
+}
+
+
+.team section article div.box {
+    background-color: rgba(19, 23, 44, 0.8);
     padding: 16px;
+    margin: 16px;
+    border-radius: 20px;
 }
 
-.team div.grilleDroite:hover,
-.team div.grilleGauche:hover {
-    background-color: rgba(39, 58, 86, 90%);
+.team section article div.box:hover {
+    background-color: rgba(39, 58, 86, 0.9);
+}
+
+.team section article.grilleGauche div.box {
+    margin-right: 50%;
+}
+
+.team section article.grilleDroite div.box {
+    margin-left: 50%;
+}
+
+.team section article h2,
+.team section article h3,
+.team section article p {
+    padding: 8px 0;
+}
+
+.team section article h3 {
+    color: #f1f1f1af;
 }
 
 /****************************/