/* ===== STRUCTURE PRINCIPALE ===== */
.container {
    display: flex;             /* Utilise un affichage flexbox pour positionner les éléments enfants */
    flex-direction: column;    /* Oriente les éléments enfants en colonne (de haut en bas) */
    justify-content: center;   /* Centre les éléments enfants sur l'axe principal (dans ce cas, verticalement) */
    align-items: center;       /* Centre les éléments enfants sur l'axe transversal (dans ce cas, horizontalement) */
    height: auto;              /* Hauteur définie automatiquement en fonction du contenu */
}

.description-container {
    text-align: justify;       /* Justifie le texte, c'est-à-dire que le texte est aligné à la fois à gauche et à droite */
    margin-top: 20px;          /* Applique une marge supérieure de 20 pixels */
    padding: 0 300px;          /* Applique une marge interne de 0 pixel en haut et en bas, et de 300 pixels à gauche et à droite */
}

/* ===== STYLES DES TITRES ===== */
.description h2 {
    font-size: 28px;                 /* Taille de la police à 28 */
    font-family: Arial, sans-serif;  /* Police Arial */
    font-weight: bold;               /* Titre en gras */
    color: #357A70;                  /* Couleur vert clair des titres */
    line-height: 1.5;                /* Augmente l'espacement entre les lignes */
    text-align: justify;             /* Alignement justifié du titre */
}

/* ===== STYLES DES ITEMS FAQ ===== */
.faq-item {
    margin-bottom: 20px;            /* Applique une marge inférieure de 20 pixels entre chaque item */
}

/* ===== STYLES DES QUESTIONS ===== */
.faq-question {
    font-weight: bold;              /* Rend le texte en gras */
    margin-bottom: 10px;            /* Applique une marge inférieure de 10 pixels */
    color: #357A70;                 /* Couleur vert clair des questions (même que les titres) */
    font-size: 22px;                /* Définit la taille de la police à 22 pixels */
    font-family: Arial, sans-serif;  /* Police Arial */
    line-height: 1.5;                /* Espacement entre les lignes */
}

/* ===== STYLES DES RÉPONSES ===== */
.faq-answer {
    font-size: 16px;                 /* Taille de la police à 16 */
    font-family: Arial, sans-serif;  /* Police Arial */
    color: #09110A;                  /* Couleur noir du texte */
    line-height: 1.5;                /* Espacement entre les lignes */
}

/* ===== STYLES DES LIENS ===== */
.table-link {
    font-weight: bold;               /* Liens en gras */
    text-decoration: none;           /* Supprime le soulignement */
    color: #007C70;                  /* Couleur vert pour les liens internes */
}

.email-link {
    text-decoration: underline;      /* Souligne les liens email */
    color: inherit;                  /* Garde la couleur héritée du parent */
    cursor: pointer;                 /* Change le curseur au survol */
}

/* ===== RESPONSIVE DESIGN ===== */
/* Point de rupture pour les écrans plus petits (par exemple, mobiles) */
@media (max-width: 800px) {
    .description-container {
        padding: 0 30px;           /* Réduise le padding à gauche et à droite à 30 pixels sur mobile */
    }
}