Ajout de la structure et des positionnements de la page de l'équipe

www/css/style.css

@@ -105,6 +105,68 @@ footer {
     background-position: top;
     color: #FFEFE5;
 }
+.team main {
+    margin: auto;
+}
+
+.team div.titre {
+    grid-area: titre;
+    text-align: center;
+    font-size: 2rem;
+}
+
+.team div.grilleGauche {
+    background-color: rgb(19 23 44 / 90%);
+    border-radius: 20px;
+    display: grid;
+    align-items: center;
+    grid-template-areas: 
+    "avatar description"
+    "nom description";
+    grid-template-columns: 1fr 3fr;
+    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: center;
+    grid-template-areas: 
+    "description avatar"
+    "description nom";
+    grid-template-columns: 3fr 1fr;
+    padding: 16px;
+    margin: 16px 5%;
+    text-align: justify;
+}
+
+.team div.avatar {
+    grid-area: avatar;
+    grid-template-columns: 30%;
+}
+
+.team div.nom {
+    grid-area: nom;
+    grid-template-columns: 70%;
+    text-align: center;
+}
+
+.team div.description {
+    grid-area: description;
+    grid-template-columns: 70%;
+}
+
+.team div.avatar img {
+    width: 100%;
+    aspect-ratio: 1 / 1; /* hauteur = largeur */
+    border-radius: 60px;
+    padding: 16px;
+}
+
+
 
 /****************************/
 /* PAGE: Histoire de DE */