/* ===== CONTENU SPECIFIQUE A LA PAGE ===== */

p {
    max-width: 850px;
    margin: 15px auto;
    text-align: justify;
}

p.intro {
    font-style: italic;
    color: #444;
    text-align: center;
    margin-bottom: 25px;
}

/* Lettrine légère */
p::first-letter {
    font-size: 1.2em;
    font-weight: bold;
}

/* Blocs de texte stylisés */
p:not(.intro) {
    background: white;
    border-radius: 8px;
    padding: 15px 20px;
    margin: 20px auto;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* ===== RESPONSIVE MOBILE (specifique a cette page) ===== */
@media (max-width: 768px) {

    p {
        text-align: left;
        width: 100%;
        max-width: 100%;
    }

    p:not(.intro) {
        padding: 15px;
        margin: 15px 0;
    }
}