@page {
    size: A4 portrait;
    margin: 1cm 1cm;
}
.header, footer, .voile, #interactif, #sommaire-fixe, aside, .bouton-site, .boutons-modes, .fleurs, .retour {
    display: none !important;
}
.article #content, article {
    width: 100% !important;
    max-width: unset !important;
}
#body {
  overflow: auto;
}
body {
  height: auto;
  background: transparent !important;
  font-size: 12pt;
}
h2 {
    font-size: 14pt;
}
h3 {
    font-size: 13pt;
}
.article #content-wrapper {
    padding: 0 !important;
    background: transparent !important;
}
.ethikmo .note-container {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
}



img {
    filter: contrast(150%) grayscale(100%);
}

p {
    orphans: 3;
    widows: 3;
}
/* pas de coupure de page à l'intérieur de ces éléments */
blockquote, ul, ol{
    page-break-inside: avoid;
    break-inside: avoid;
}
/* pas de coupure de page après ces éléments */
h1, h2, h3, h4, h5, h6, caption{
    page-break-after: avoid;
    break-after: avoid;
}
#texte_blog p:nth-child(1)::first-letter {
    font-size: inherit;
    font-weight: normal;
    color: #000;
    float: none;
    margin: 0;
  
}

#texte_blog p a.ext[href]:not([href^="javascript:"]):not([href^="#"])::after{
    content: " (" attr(href) ")";
    opacity: 0.8;
    /*font-size: 0.8em;*/
    top: unset !important;
    width: auto !important;
}
.backref {
    box-shadow: none !important;
    text-decoration: underline;
    opacity: 1 !important;
}
.backnote {
    opacity: 1 !important;
}
a {
    color: #000 !important;
}