#assoce .contactList {
    display: inline-grid;
    grid-template-columns: 1fr 4fr;
}

#assoce .contactList p {
    text-align: end;
    margin: 0;
    margin-right: 1em;
    margin-bottom: 1em;
}

#assoce h1 {
    padding-bottom: 0;
}

#assoce section.content .block {
    /* border-color: #a7d3bf; */
    /* border-color: #a7cfbd; */
    border-color: #bfd2e9;
}

div.identifiants {
    font-size: .9em;
}

section.content div {
    padding: 0;
}

section.content section {
    margin: 0;
    padding: 0;
}

div.contactList * {
    margin: 0;
    margin-bottom: .5em;
    margin-top: .6em;
}

pre.tagline {
    white-space: pre-wrap;
    word-wrap: break-word;
    min-width: 10em;
    max-width: 40em;
    text-align: center;
    font-size: 16px;
    font-style: italic;
    /* margin-left: 1em; */
    /* margin-right: 1em; */
    margin: auto;
    padding-left: 4em;
    padding-right: 4em;
    padding-bottom: .5em;
}

div.activite pre {
    font-size: 1.1em;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-width: 10em;
    margin: .5em;
}

div.contactList pre {
    font-size: 1.1em;
    white-space: pre-wrap;
    word-wrap: break-word;
    min-width: 10em;
}

div.contactList p {
    padding-top: .4em;
    margin-top: .4em;
    /* border-left: 2px solid black; */
    /* border-top: 2px solid black; */
}

body {
    /* background-color: #e8f9e1; */
    /* background-color: #dee9da; */
    /* background-color: #f0ffeb; */
    /* background-color: #f6fdeb; */
    background-color: #bad4ed;
    background-color: #cadced;
}

@media (prefers-color-scheme: dark) {
    body {
        /* background-color: #272927; */
        background-color: #3e4c5f;
        /* color: #e0e0e0; */
    }

    /* #assoce .contactList p { */
        /* color: #e0e0e0; */
    /* } */
/*  */
    /* section.content div, */
    /* section.content section, */
    /* div.contactList *, */
    /* div.contactList p { */
        /* color: #e0e0e0; */
    /* } */
}