@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Arvo:700&display=swap');


html {
    font-size: 18px;
    font-family: sans-serif;
}

@media screen and (max-width: 800px) {
    html {
        font-size: 12px;
    }
}


/*--------------------------------*/
main h1 {
    font-size: 3em;
    text-align: center;
    font-family: 'Arvo', serif;
    text-shadow: 0.05em .05em .15em #555779;
}

main h2 {
    margin: 1.5em 0 0.5em 0;
    font-family: 'Arvo', serif;
    font-size: 2em;
    border-bottom: solid 2px black;
    text-shadow: 0.05em 0.05em 0.15em #555779;
}

section {
    width:700px;
    margin: 1em auto;
}


main p {
    margin: .2em 0;
    text-align: justify;
}

.liste {
    width:700px;
    margin: 1em auto;
    display: grid;
    grid-template-columns: 4rem auto;
    align-items:stretch;
}

.liste dt {
    font-size: 1.2rem;
    margin: 0.5em 0;
    padding: 0 0.2rem 0 0;
    font-weight: bold;
    color: #555779;
    border-right: 3px solid #555779;
}

.liste dd {
    font-style: italic;
    margin: 0.5em 0;
    padding: 0 0 0 0.4rem;

    text-align: justify;
}

main figure {
    text-align: center;
    font-style: italic;
    font-size: 0.8rem;
}

main .centre {
    text-align: center;
}

main .decale {
    margin-left: 1.5em;
}


table {
    border-collapse: collapse;
}

table td, th {
    text-align: center;
    border-right: black solid 1px;
    border-bottom: black solid 1px;
    padding: 0.2em;
}