<link rel="stylesheet" href="presentation.css">





/* ===== CONTENU PRINCIPAL ===== */
main {
    display: flex;
    flex-direction: column;
    align-items: center; /* centre les enfants horizontalement */
    padding: 80px 0;
    max-width: 900px;    /* largeur du bloc principal */
    margin: 0 auto;      /* CENTRAGE du bloc main sur la page */
    background: #f5f5f5; /* optionnel */
}

/* ===== TITRES ET TEXTE ===== */
main h1,
main h2,
main p,
main li {
    text-align: center;   /* centre le contenu à l'intérieur */
    width: 100%;          /* s'adapte à la largeur du bloc main */
}

/* ===== LISTES ===== */
main ul {
    padding: 0 20px;
    list-style-position: inside;
}

main li {
    margin-bottom: 10px;
    max-width: 900px;
    color: #555;
    margin-bottom: 20px;

}

.item {
    text-align: center;
}