body{
    margin: 0%;
    background :url("../media/carte/90799.png");
    background-size: cover;   /* l'image couvre tout le body */
    background-position: center;  /* centre l'image */
}

#container{
    width: 1200px;
    margin:auto;
    background-color: white, 0%;
    /* border :1px solid black;*/
}

main a{
    color: #af2d2d;
}

.readme {
  width: 1000px;
  margin: auto;
  margin-bottom: 7%;
  padding-bottom: 20px;
  background-color: white;
  border-radius: 10px;
}

/* TITRES */

.readme h1 {
    color: black;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center; /* Centrer les titres H1 */

    font-family: "Fraunces", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: bold;
    font-variation-settings: 100;
}

.readme h2 {
    color: black;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 100px;
    text-align: left; /* Centrer les titres H2 */
    font-size: 20px;

    font-family: "Fraunces", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: bold;
    font-variation-settings: 100;
}

.readme h3 {
    color: black;
    padding: 0;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 100px;
    text-align: left; /* Centrer les titres H2 */
    font-size: 17px;

    font-family: "Fraunces", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: bold;
    font-variation-settings: 100;
}

/* PARAGRAPHES */
.readme p {
    color: black;
    padding-left: 10%;
    padding-right: 10%;
    text-align: justify; /* Texte justifié pour lisibilité */
    line-height: 1.6;
    margin: 0;
    margin-bottom: 3px;

    font-family: "Fraunces", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: 100;
}

/* LIENS */
.readme a {
    margin: 0;
    padding: 0;
    color: #de1717;
    text-decoration: none;
    font-size: 0.9rem;  /* taille réduite */
}


/* ADDRESS */
.readme address {
    color: black;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 1%;
    text-align: left;
    font-style: normal;
    line-height: 1.5;
}

/* LISTES */
.readme ul {
    padding-left: 150px;
    padding-right: 100px;
    margin-bottom: 1em;
}

.readme ul ul {
    padding-left: 150px;
    margin-top: 1em;
}

.readme li {
    color: black;
    text-align: left;
    list-style-type: disc; /* Petite puce pour lisibilité */
    margin-bottom: 0.5em;
    font-family: "Fraunces", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: 100;
}

/* IMAGES */
.readme figure {
    margin: 0;
}

.readme img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    height: auto;
    padding-bottom: 10px;
}

.readme .carrouselswip img {
    display: block;
    width: 500px;
    padding: 10px;
}

.readme .arbo img {
    margin: 0;
    margin-left: 100px;
    display: block;
    width: 500px;
}

.readme .favicon img {
    margin: 0;
    margin-left: 100px;
    display: block;
    width: 50px;
}

.readme .favicongrand img {
    margin: 0;
    margin-left: 100px;
    display: block;
    width: 300px;
}

/* BLOCS AUTEURS */
.readme .Author {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px; /* Espace entre les auteurs */
    margin: 2em 0;
}

.readme .Author .DT,
.readme .Author .GJ {
    flex: 1 1 300px;
    max-width: 400px;
    text-align: center;
    background-color: #f9f9f9; /* Légère couleur de fond */
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    transition: transform 0.3s;
}

/* FIGURE ET FIGCAPTION */
.readme figure {
    text-align: center;
}

/* Conteneur des auteurs */
.Author {
    display: flex;                 /* Active le mode flex pour les enfants */
    justify-content: space-around; /* Espace entre les auteurs */
    align-items: flex-start;       /* Aligne le haut des blocs */
    flex-wrap: wrap;               /* Permet de passer à la ligne sur petits écrans */
    gap: 20px;                     /* Espace entre les colonnes */
    padding: 20px 10px;            /* Optionnel : un peu de padding autour */
}

/* Chaque auteur */
.Author .DT,
.Author .GJ {
    flex: 1 1 300px;               /* Largeur flexible : minimum 300px */
    max-width: 450px;              /* Largeur max pour éviter que ça s'étire trop */
    text-align: center;            /* Centrer le texte et l'image dans le bloc */
}

/* Ajustement du figure */
.Author figure {
    margin: 10px auto;             /* Centrer l'image et ajouter un petit margin */
}

.Author img {
    max-width: 150px;              /* Limiter la taille de l'image */
    width: 100%;                   /* S’adapte à la largeur du parent */
    height: auto;                  /* Conserver les proportions */
}

/* Ajustement pour l'adresse */
.Author address {
    font-style: normal;            /* Débarrasse du style italique par défaut */
    line-height: 1.4;
}