h1{
    font-family: var(--font-serif);
    font-size:175%;
}

span{
    color:var(--color-orange)
}
/* Haut de la page (hors nav) */
section{
    margin: 0.5rem; /* Marge extérieure */
    padding:1rem; /* Marge intérieure */
    background-color: var(--color-jaune);
    border-radius: 10px; /* Applique un effet d'arrondit */
}


.hero__droite{
    display:none; /* Supprime de la mise en page*/
}

.hero__gauche__buttons{
    margin-bottom: 1rem;
    display:flex;
    gap:1em;    /* Ecart */
    flex-direction: row; /* Blocs en ligne*/
    flex-wrap: wrap; /* Retour à la ligne si plus de place */
    justify-content: center; /* Garde les boutons au centre du bloc */
}

.hero__gauche__buttons li button{
    padding-left:1rem;
    padding-right:1rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    flex-basis:75%; /*taille minimum*/
    flex-grow:1;
    background-color: var(--color-rose); /*Couleur du bouton*/
    border-radius:30px;
    border-color:var(--color-texte);
}

/* Mise en forme des autres parties */
.Accueil__new-book{
    background-color:var(--color-jaune) ;
}