/* Police globale */
header{
    font-family: "Comfortaa", sans-serif;
    text-align: center;
    }

body {
    margin: 0;
    padding: 0;
    font-family: "Comfortaa", sans-serif;
    line-height: 1.6;
    background: #e79ecb;
   
}

/* Contenu centré avec marges adaptées smartphone */
section {
    margin: 15px;
}

/* Titre principal */
h1 {
    text-align: center;
    padding: 20px 10px 0px 10px;
    font-size: 1.8rem;
    margin: 0;
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    
}

h2 {
    padding: 20px 0px 0px 0px;
}

h3 {
    padding: 20px 0px 0px 0px;
}

a {
    color: #ffffff;
}

.vert {
    background-color: #a9ca6f;
}

.jaune {
    background-color: #fffb8d;
}

/* nom de la citation */
.citation {
    text-align: center;
    padding: 0px 10px 50px 10px;
    margin: 0;
    font-size: 1rem;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    color:#ffffff;
}
/* Bloc texte simple */
.bloc-simple {
    font-size: 1rem;
    font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
}

/* Bloc coloré avec coins arrondis */
.bloc-colore {
    background: #960071;
    margin: 100px 10px 100px 10px;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    font-family: "Comfortaa", sans-serif;
    color: #ffffff;
}

.bloc-colore-vert {
    background: #00601d;
    margin: 100px 10px 100px 10px;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    font-family: "Comfortaa", sans-serif;
    color: #ffffff;
}

.bloc-colore-jaune {
    background: #ff9500;
    margin: 100px 10px 100px 10px;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    font-family: "Comfortaa", sans-serif;
    color: #ffffff;
}

.bloc-colore h1 {
    text-align: center;
    font-size: 2.0rem;
    font-family: "Dancing Script", cursive;
    font-optical-sizing: auto;
    color:#ffffff;
}

.bloc-colore-vert h1 {
    text-align: center;
    font-size: 2.0rem;
    font-family: "Anta", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    color:#ffffff;
}

.bloc-colore-jaune h1 {
    text-align: center;
    font-size: 1.6rem;
    font-family: "Comfortaa", sans-serif;
    font-weight: 400;
    font-optical-sizing: auto;
    color:#ffffff;
}

.bloc-colore h2 {
    margin-top: 0;
    font-size: 1.7rem;
    color:#ffffff;
    padding: 0px;
}

.bloc-colore ul {
    margin: 0;
    padding-left: 20px;
}

/* Responsive smartphone par défaut — rien à changer */