/* Frank Spring
12.01.2026
Css correspondant a la Homepage */
/* div.introduction : section principale d’introduction, organisée en ligne avec espace entre les
 éléments et marges latérales */
div.introduction {
    display: flex;
    flex-direction: row;
    margin-left: 22%;
    margin-right: 22%;
    gap: 50px;
}

/* .introduction_B : sous-section de l’introduction, orientée verticalement et centrée */
.introduction_B {
    display: flex;
    justify-self: center;
    flex-direction: column;
    align-items: stretch;
}

/* hr : règle générale pour les lignes horizontales, largeur à 95% du conteneur */
hr {
    width: 95%;
}

/* hr.margin : variante de hr avec un espacement supérieur plus important */
hr.margin {
    margin-top: 48px;
}

/* table.border, tr.border, th.border, td.border : applique un contour noir à toutes les parties
 du tableau */
table.border,
tr.border,
th.border,
td.border {
    border: 1px solid black;
}

/* .small : style pour texte très petit avec couleur et suppression de la décoration */
.small {
    font-size: 4px;
    text-decoration: none;
    color: darksalmon;
}

/* @media : adaptation responsive pour petits écrans, réduit les marges de la section introduction 
*/
@media only screen and (max-width: 750px) {
    div.introduction {
        display: flex;
        flex-direction: row;
        margin-left: 5%;
        margin-right: 5%;
    }
}