/* Style commun aux pages Horaires, Téléphone et Mentions légales :
   bandeau du haut transparent + bouton "Retour à l'accueil" identique à celui de l'accueil.
   (Le préfixe "body" sert à passer devant les styles écrits dans chaque page.) */

:root {
    --creme: rgb(255, 248, 231);   /* ou rgb(255, 255, 255) */
    --brun: rgb(48, 30, 18);
}

body header {
    background: transparent;
    box-shadow: none;
    padding: 12px 0;
    text-align: center;
}

body header a {
    display: inline-block;
    font-family: Arial, sans-serif;
    background-color: rgba(48, 30, 18, 0.72);
    color: var(--creme);
    border: 1.5px solid var(--creme);
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 20px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s;
}

body header a:hover {
    background-color: var(--creme);
    color: var(--brun);
    transform: scale(1.05);
}

body header a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
}

/* Évite le léger débordement horizontal sur téléphone (largeur 90% + marges intérieures) */
body section { box-sizing: border-box; }

/* Pied de page de la page Horaires lisible sur la photo */
body footer { color: var(--creme); text-shadow: 0 0 4px #000, 0 0 2px #000; }