.svg-font-color {
    filter: brightness(var(--svg-brightness));
    transition: filter 0.7s linear;
}

@media(prefers-color-scheme: light) {
    .svg-font-color {
        filter: brightness(var(--svg-brightness));
    }
}

article-corps h1 {
    padding-bottom: 70pt;
    padding-top: 100pt;
    text-align: center;
    font-variant: small-caps;
}

livre-chapitre-corps::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

livre-chapitre-corps + livre-chapitre-intro{
    margin-top: 2em;
}

livre-chapitre-intro {
    display: block;
    font-size: 0.9614rem;
    margin-bottom: 1em;
    margin-left: 29%;
    text-align: justify;
}

livre-chapitre-corps[indentation="sans"] {
    text-indent: initial;
}

livre-chapitre-intro-reference {
    text-indent: 1.125em;
    display: block;
}

livre-chapitre-intro-reference-titre {
    font-style: italic;
}

livre-chapitre-corps {
    text-indent: 1.125em;
    display: block;
    font-size: 1.2122rem;
    text-align: justify;
}

livre-chapitre-corps-haiku {
    display: block;
    font-size: 1.2122rem;
    font-style: italic;
    text-align: center;
}

livre-chapitre-corps-annonce {
    display: block;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 30pt;
    padding-right: 30pt;
    text-align: center;
    text-indent: initial;
    font-size: 1.2122rem;
}

livre-chapitre-corps-poeme {
    display: block;
    font-size: 1.2122rem;
    font-style: italic;
    margin-left: calc(100% / 3);
    text-indent: calc(-100% / 2);
}

livre-chapitre-intro livre-chapitre-corps,
livre-chapitre-intro livre-chapitre-corps-haiku,
livre-chapitre-intro livre-chapitre-corps-poeme {
    font-size: 0.9614rem;
}

corps-separateur {
    display: block;
    margin-bottom: 50pt;
    margin-top: 50pt;
    text-align: center;
    text-indent: initial;
}

petit-separateur span {
    margin-left: 1.125em;
}

avec-insistance {
    font-style: italic;
}

.distant avec-insistance {
    font-style: normal;
}

p {
    margin: 0;
}

p-dial {
    display: block;
}

p-dial[choquant],
section-isolée {
    margin-bottom: 1.2122rem;
    margin-top: 1.2122rem;
}

section-isolée {
    display: block;
}

empty-line {
    display: block;
    height: 1em;
}

langue-étrangère {
    font-style: italic;
}

corps-bruyant {
    font-size: 1.7138rem;
}

corps-voix-cri {
    font-size: 1.7138rem;
}

en-murmurant {
    font-size: 0.8778rem;
}

graphie-incertaine {
    -webkit-text-decoration-style: wavy;
    -moz-text-decoration-style: wavy;
    text-decoration: underline wavy;
}

@media (max-width: 760px) {
        table.simple-responsive,
    table.simple-responsive thead,
    table.simple-responsive tbody {
                display: block;
        }

        table.simple-responsive {
        border: unset;
    }

        table.simple-responsive thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
        }

        table.simple-responsive tr {
        border-collapse: collapse;
                display: inline-block;
        margin: 0.1em;
    }

        table.simple-responsive td,
        table.simple-responsive th {
        border: none;
        border-bottom: 1px solid #eee;
        display: table-row;
        }

        table.simple-responsive td::before,
        table.simple-responsive th::before {
        border: 1px solid;
        content: attr(data-field-name);
        display: table-cell;
        font-weight: bold;
        text-align: right;
        padding: 0.25em;
    }

    table.simple-responsive cell-content {
        border: 1px solid;
        display: table-cell;
        padding: 0.25em;
    }
}

table.classique {
    border-collapse: collapse;
    margin: 50pt auto;
}

table.classique td {
    border: 1px solid;
    padding: 5pt;
}

.fn-voix.non-closing + .fn-voix span.prefix {
    display: inline-block;
    width: 1.125em;
}

v-action {
    font-style: initial;
}

pi-titre,
pi-perso {
    font-style: italic;
}

sup {
  font-size: 0.7em;
  line-height: 0;
}

.distant {
    font-style: oblique;
}

corps-manuscrit {
    font-family: 'Mansalva', script, sans-serif;
}

corps-cursive {
    font-family: cursive, sans-serif;
}

corps-marque {
    font-style: italic;
}

corps-incorrect {
    text-decoration: line-through;
}

small-caps {
    font-variant: small-caps;
}

.image-page {
    display: block;
    margin-bottom: 50pt;
    margin-top: 50pt;
}

.image-page * {
    height: auto;
    max-width: 100%;
}


interface-conteneur {
    display: block;
    text-indent: initial;
}

interface-graphique {
    border: double 6px;
    border-radius: 1em;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    margin: 1.2em 0.5em 1.2em;
    padding: 1em;
}

interface-graphique .centré {
    text-align: center;
}

interface-graphique .droite {
    text-align: right;
}


interface-graphique .espaces-preservés {
    white-space: pre;
}

interface-texte {
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

interface-graphique table {
    border-spacing: 10pt 0;
    margin: 13pt auto;
}


note-bdp-sujet:not(.sans-soulignage) {
    text-decoration: underline;
}

note-bdp-contenu {
    border-bottom: 1px solid;
    border-top: 1px solid;
    display: block;
    font-size: 0.97rem;
    padding: 0.5em 0;
    text-align: initial;
    text-indent: initial;
}

note-bdp-contenu.pleine-largeur.first,
note-bdp-contenu.pleine-largeur.unique {
    margin-top: 50pt;
}

note-bdp-contenu.pleine-largeur.first,
note-bdp-contenu.pleine-largeur.unique {
    border-bottom: unset;
    border-top: 2px solid;
}

@supports selector(::before) {
    note-bdp-contenu.pleine-largeur.first,
    note-bdp-contenu.pleine-largeur.unique {
        border-top: unset;
    }

    note-bdp-contenu.pleine-largeur.first::before,
    note-bdp-contenu.pleine-largeur.unique::before {
        border: 1px solid;
        content: "";
        display: block;
        width: 50%;
    }
}

note-bdp-contenu {
    max-width: 80%;
    margin: 1em auto;
}

@media (min-width: 460pt) {
    note-bdp-contenu {
        float: right;
        max-width: 40%;
        margin: 10pt 0 10pt 15pt;
    }
}

note-bdp-contenu.pleine-largeur {
    float: unset;
    font-size: unset;
    max-width: unset;
    margin: unset;
    padding: unset;
}

note-bdp-sujet id-note {
    font-size: 0.8rem;
    line-height: 0;
    vertical-align: super;
}

note-bdp-contenu id-note {
    margin-right: 0.25em;
}

note-bdp-contenu id-note a,
note-bdp-sujet id-note a {
    text-decoration: none;
}



.embed-pdf {
    display: block;
    position: relative;
}

.embed-pdf .legende {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.embed-pdf:hover .legende {
    background-color: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.embed-pdf .legende * {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.5em;
    color: white;
    font-size: 1.5em;
    padding: 0.5em;
}

.embed-pdf:hover .legende * {
    background-color: revert;
}



corps-messagerie {
    display: block;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 14.5pt;
    margin-bottom: 20pt;
    margin-top: 20pt;
}

corps-messagerie > * + * {
  margin-top: 0.5em;
}

messagerie-titre {
    border-bottom: 2pt solid;
    display: block;
    margin-bottom: 15pt;
    padding-bottom: 3pt;
    text-align: center;
}

messagerie-message {
    background-color: var(--couleur-fond);
    box-shadow: 0 0 0.2em;
    display: block;
    max-width: 70%;
    padding: 0.1em 0.5em;
    position: relative;
    text-align: left;
    transition: background-color 0.7s linear, box-shadow 0.7s linear;
    width: fit-content;
}

messagerie-message.recu {
    border-radius: 0 0.5em 0.5em 0.5em;
    margin-left: 14pt;
}

messagerie-message.envoyé {
    border-radius: 0.5em 0 0.5em 0.5em;
    margin-left: auto;
    margin-right: 14pt;
}

messagerie-message.envoyé::before,
messagerie-message.recu::before {
    background-color: var(--couleur-fond);
    content: "\00a0";
    display: block;
    height: 0.5em;
    position: absolute;
    top: 0;
    transition: background-color 0.7s linear, box-shadow 0.7s linear;
    width:  0.7em;
    z-index: -1;
}

messagerie-message.envoyé::after,
messagerie-message.recu::after {
    background-color: var(--couleur-fond);
    content: "\00a0";
    display: block;
    height: 0.5em;
    position: absolute;
    top: 0;
    transition: background-color 0.7s linear, box-shadow 0.7s linear;
    width:  0.5em;
    z-index: 1;
}

messagerie-message.recu::before {
    box-shadow: -0.1em 0em 0.2em 0 var(--couleur-texte-non-discrete);
    transform:rotate(0deg) skewX(45deg) translateX(0.45em);
    right: 100%;
}

messagerie-message.recu::after {
    transform:rotate(0deg) skewX(45deg) translateX(0.25em);
    right: 100%;
}

messagerie-message.envoyé::before {
    box-shadow: 0.08em 0em 0.2em 0 var(--couleur-texte-non-discrete);
    transform:rotate(0deg) skewX(-45deg) translateX(-0.45em);
    left: 100%;
}

messagerie-message.envoyé::after {
    transform:rotate(0deg) skewX(-45deg) translateX(-0.25em);
    left: 100%;
}

messagerie-message .qui {
    font-size: 0.8em;
    font-weight: bold;
}

messagerie-message .contenu::after {
    content: " \00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0\00a0";
}

messagerie-message .heure {
    bottom: 0.1em;
    font-size: 0.8em;
    position: absolute;
    right: 0.4em;
}

div.messagerie-systeme-container {
  display: flex;
  justify-content: center;
}

messagerie-systeme {
    border-radius: 0.5em;
    box-shadow: 0 0 0.3em;
    display: block;
    font-size: 0.9em;
    max-width: 70%;
    padding: 0.1em 0.4em;
    width: fit-content;
}