:root
{
    /* Taille */
    --width--accueil:400px;
    /* Couleur */
    --background--color--accueil:beige;
    /* Polices */
    --font--standard--color:rgb(0,0,0);
    --font--titre--color:black;
    --font--hover--color:rgb(32, 180, 69);
    --font--lien--color: rgb(6, 70, 48);
    --font--size :16px;
    --font--family--main : 'Crimson Text',serif;
    --font--family--titre : 'Kreon',sans-serif;
    --line-height :24px;

}

/*  Header   */
header
{
    background-color: var(--background--color--accueil);
}
.accueil_menu a
{
    padding: 10px;
    color: var(--font--lien--color);
    text-decoration: none;
}
.accueil_menu a:hover
{
    color: var(--font--hover--color);
    text-decoration: underline;
}
/* Footer */
footer
{
    background-color: var(--background--color--accueil);
}
footer p
{
    margin-bottom: 0;
}
/* Body */
body
{
    background-color: var(--background--color--accueil);
    font-size: var(--font--size);
    font-family: var(--font--family--main);

    h1,h2,h3,h4,h5,h6 {
        font-weight: bold;
        margin-bottom: var(--line-height);
        color:var(--font--titre--color);
    }

    h1{ font-size: 1.75em;
        color:rgb(0, 0, 0,1)}
    h2{ font-size: 1.45em;
        color:rgb(0, 0, 0,0.7)}
    h3{ font-size: 1.34em;
        color:rgb(0, 0, 0,0.5)}
    h4{ font-size: 1.25em;
        color:rgb(0, 0, 0,0.4)}
    h5{ font-size: 1.16em;
        color:rgb(0, 0, 0,0.3)}
    h6{ font-size: 1.08em;
        color:rgb(0, 0, 0,0.2)}
}