html, body {
    height: 100%;
  }

.forbidden {
    cursor: not-allowed;
}
.text-center {
    text-align-last: center;
}

body{
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
}

header .container h1 {
    color: var(--background-corpo);
}

header baseline {
    font-style: italic;
    font-size: 0.9rem;
}
 
#dossier .page_select {
    border-bottom:1px solid black;
}
#dossier .page_select .btn {
    font-size:0.8em;
}
#dossier h2 {
    font-size:1.4rem;
    border-bottom: 1px solid black;
    border-bottom-color: var(--background-corpo);
    margin-top:1.5rem;
    margin-bottom: 1rem;
}
#dossier h3 {
    font-size:1.2rem;
    font-variant: petite-caps;
    padding: .3rem 1rem;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    background-color: silver;
}

.container .btn-primary {
    background-color: var(--background-corpo);
    color:var(--foreground-corpo);
}

.container .btn-primary:active {
    background-color:var(--foreground-corpo);
    color: var(--background-corpo);
}