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

www/css/style.css

@@ -121,7 +121,7 @@ footer {
     font-size: 3.5rem;
 }
 
-.accueil p:not(#rencontreEquipe p) {
+.accueil main p:not(#rencontreEquipe p) {
     margin: auto;
     padding: 1% 45% 1% 0%;
 }
@@ -147,12 +147,15 @@ footer {
 .accueil #rencontreEquipe {
     display: flex;
     flex-wrap: wrap;
+    background-color: #E6ECF3;
+    color: #606060;
+    height: 85vh;
 }
 
 .accueil #rencontreEquipe div {
     width: 25%;
-    margin: 0px auto;
     align-content: center;
+    padding-bottom: 60px;
 }
 
 .accueil #rencontreEquipe div p {
@@ -162,6 +165,7 @@ footer {
 
 .accueil #rencontreEquipe h2 {
     width: 100%;
+    height: auto;
     margin: 25px;
     text-align: center;
 }
@@ -183,7 +187,7 @@ footer {
 
 /****************************/
 /* PAGE: L'équipe */
-/* AUTEUR: Jérémy & Andres */
+/* AUTEUR: Jérémy */
 /****************************/
 .team {
     background: #13172c url("../images/imagesTeam/Intro.png") center;
@@ -324,16 +328,22 @@ footer {
     display: block;
     text-align: center;
     align-content: center;
+}
+
+.histoire header.introduction h1,
+.histoire header.introduction p {
     line-height: 5;
     font-size: 2rem;
 }
 
+
 .histoire header.introduction div.introduction {
     background-color: #13172cd5;
     height: 100vh;
 }
 
-.histoire header.introduction button {
+/*
+.histoire header.introduction div {
     color: #ffefe5;
     padding: 0 16px;
     margin: 0 4px;
@@ -344,16 +354,42 @@ footer {
     background-color: #13172c;
 }
 
-.histoire header.introduction button a {
+.histoire header.introduction div a {
     display: flex;
     align-items: center;
     align-content: center;
     text-decoration: none;
+}*/
+/*.histoire header.introduction div.bouton {
+    height: 40px;
 }
 
+.histoire header.introduction div.bouton a {
+    border: none;
+    background-color: #13172c;
+    text-decoration: none;
+    border-radius: 20px;
+    font-size: 1rem;
 
-.histoire header.introduction button:hover {
-    height: 40px;
+    display: inline-block;
+    align-items: center;
+    text-decoration: none;
+    color: #ffefe5;
+    padding: 0 16px;
+    margin: 0 4px;
+}*/
+
+.histoire header.introduction div.introduction a {
+    display: inline-block;
+    text-decoration: none;
+    color: #ffefe5;
+    padding: 10.8px 16px;
+    margin: 0 4px;
+    background-color: #13172c;
+    border-radius: 20px;
+}
+
+.histoire header.introduction div.introduction a:hover {
     border-radius: 20px;
     background-color: #b47871;
 }
@@ -449,8 +485,8 @@ footer {
 }
 
 .lore h1,
-h2,
-h3 {
+.lore h2,
+.lore h3 {
     margin: 10px;
 }