/* Configuration globale */
 body {
     font-family: 'Arial', sans-serif;
     margin: 20px;
     background-color: #f0f0f0;
 }

 /* Header et Footer principaux (Pour qu'elle prenne toute la largeur) */
 body>header,
 body>footer {
     background-color: rgb(126, 41, 126);
     color: white;
     padding: 20px;
     text-align: center;
     border-radius: 10px;
     margin-bottom: 15px;
 }

 /* Le conteneur Flex pour les 3 colonnes du milieu */
 main {
     display: flex;
     /* Empeche que les 3 colonnes se mettent les une sur les autres*/
     gap: 10px;
     /* espace entre les colonnes*/
     margin-bottom: 15px;
     align-items: stretch;
     /* sert a étiré les colonnes à la meme hauteur*/
 }

 h1 h2 {
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }

 /* Colonne de gauche (Navigation) */
 nav {
     flex: 1;
     background-color: #ffde00;
     border-radius: 10px;
     /* Pour arrondir les angles */
     padding: 15px;
 }

 /* Colonne centrale (Contenu principal) */
 section {
     flex: 3;
     background-color: #ffffff;
     padding: 15px;
 }

 /* Éléments internes à la Section (Schéma imbriqué) */
 section header {
     background-color: #f8f8f8;
     padding: 10px;
     border-bottom: 2px solid rgb(125, 35, 125); /* la ligne violette sus l'image*/
     margin-bottom: 15px;
 }

 article {
     padding: 10px;
     background-color: #fff;
     min-height: 200px;
 }

 section footer {
     background-color: #ffde00;
     color: rgb(125, 35, 125);
     margin-bottom: 10px;
     padding: 10px;
     margin-top: 15px;
     font-size: 20px;
 }

 /* Colonne de droite (Informations secondaires) */
 aside {
     flex: 1.5;
     /* Pour dire quel espace il reste et que l'aside peut prende sur la page*/
     background-color: #ffde00;
     /* Bleu UNO */
     color: rgb(125, 35, 125);
     padding: 15px;
     border-radius: 10px;
 }

 /* Style de limage pour qu'elles ne dépassent pas */
 img {
     max-width: 50%;
     display: block;
     margin: 10px auto;
 }

 .lien {
     color: white;
 }