/* Règles communes */
        
        html {
        background:#FFFFFF; 
        } 
        .post-description p {
        font-style: italic;
        }
        ul {
        list-style-type: none !important;
        }
        .post-meta {
        font-style: italic;
        text-align: right;
        padding-bottom: 1em;
        font-size: small;
        }
        
        .title-blog {
        font-size:1.8em;
        margin-top:1em;
        padding-left:0;}
        
        .site-footer p{
        font-size:0.7em;
        text-align: center;
        }
        
        .post-tags {
        text-align: left;
        font-size: 0.8em;
        }
        .post-categories {
        text-align: left;
        font-size: 0.8em;
        }
        
        .container { 
        position: relative;  
        margin: 0 auto; 
        text-align: left; 
        }
        
        
        .site-nav {
        float: left;
        margin:0;
        position:absolute;
        
        }
        
        .site-nav a {
        display: block;
        }
        .archive-date {
        display:inline-block; ;
        color: #555;
        padding-right: 1em;
        width: 10em;
        }

        img {
        margin-left: 2em;
        margin-right: 2em;
        max-width:25%;
        object-fit: contain;
        }
        pre {
        text-align: justify;
        padding-left: 0;
        padding-right:0;margin-left:0.5em;
        margin-right:0.5em;
        padding-bottom:.1em;
        color: #333333; 
        font-family: "Luxi sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", sans-serif; 
        }
        p {
        padding-left: 2em;
        padding-right:2em;
        margin-left:1em;
        margin-right:1em;
        padding-bottom:.1em;
        color: #333333; 
        font-family: "Luxi sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", sans-serif; 
        text-align: justify; 
        }
        /* Grands écrans */
@media (min-width: 641px) {
        html { font-size: 100%;margin-left:20%;margin-right:20%; } 
        body {
        width: 90%; 
        font-size: 1.2em; 
        font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
        color: #333;
        }
        h1,h2,h3,h4,h5,h6 { 
        margin: 0; 
        padding: .1em; 
        font-weight: normal; 
        font-size: 1.2em; 
        font-family: Georgia, Times, serif; }
        h1 { 
        font-size:  3em; 
        color: #000;
        font-family: "Georgia", "Times", serif; 
        font-weight: normal; 
        text-align: center ;
        color: black; 
        margin-top: 3em;
        }
        h2 { 
        font-size: 1.40em; 
        font-weight: normal;
        color: #000033; 
        font-family: "Georgia", "Times", serif; 
        text-align: left;
        margin-left:1em; }
        
        h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { 
        color: #003;
        font-weight: bold;  
        }
        h3 { 
        font-size: 1.20em; 
        font-weight: bold; 
        }
        .droite {
        font-size:2em;
        text-align: right;
        padding-right: 2em;
        margin-right:2em;
        color: #FFF;
        }
        
        .intro {
        font-weight:bold;
        }
        .mainate{
        text-align: right;
        font-size:1.4em;
        }
        .img_intro{
        float: none; 
        margin-left:60%;
        margin-right:0;
        width:16em;
        }
        p {
        padding-left: 2em;
        padding-right:2em;
        margin-left:1em;
        margin-right:1em;
        padding-bottom:.1em;
        color: #333333; 
        font-family: "Luxi sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", sans-serif; 
        text-align: left; 
        }
        
        #page { position: relative;  
        margin: 0 auto; 
        text-align: left; 
        }
        pre {
        padding-left: 2em;
        padding-right:2em;
        margin-left:1em;
        margin-right:1em;
        padding-bottom:.1em;
        color: #333333; 
        font-family: "Luxi sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", sans-serif; 
        text-align: left; 
        }
        
        
        .favicon-impression {
        display: inline-block !important;
        width: 24px;
        height: 24px;
        margin-right: 0.5em;
        vertical-align: middle;
        }
        #entete { 
        margin: .6em; 
        padding-top: 1em; 
        border-bottom: 2px solid #F57900;
        }
        a:link { 
        color: #C75300; 
        text-decoration: underline; 
        }
        a:visited {
        color: #C75300; 
        text-decoration: none 
        }
        
        .archive-list {
        list-style: none;
        padding: 0;
        }
        
        .archive-item {
        display: grid;
        grid-template-columns: 10rem minmax(0, 1fr);
        gap: 0.5rem 1rem;
        margin-block: 0.75rem;
        }
        
        
        .archive-title {
        min-width: 0;
        }
}
        
        /* petits écrans */
@media (max-width: 640px) {
        * {
        box-sizing: border-box;
        }
        html { 
        font-size: 100%;
        margin-left:0%;
        margin-right:0%; 
        } 
        /* passer body (et tous les éléments de largeur fixe) en largeur automatique */
        
        body {
        width: auto;
        margin: 0;
        padding: 0;
        
        }
        
        /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
        
        img,
        table,
        td,
        blockquote,
        code,
        pre,
        textarea,
        input,
        iframe,
        object,
        embed,
        video {
        max-width: 100%;
        }
        
        /* conserver le ratio des images */
        
        img {
        max-width:80%;
        object-fit: contain;
        }
        
        /* gestion des mots longs */
        
        textarea,
        table,
        td,
        th,
        code,
        pre,
        samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
        }
        
        code,
        pre,
        samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
        }
        
        /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
        
        .element1,
        .element2 {
        float: none;
        width: auto;
        }
        
        /* masquer les éléments superflus */
        
        .hide_mobile {
        display: none !important;
        }
        
        body {
        width: 100%; 
        font-size: 1em; 
        font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
        color: #333;
        background-image: none; 
        }
        h1,h2,h3,h4,h5,h6 { 
        margin: 0; 
        padding: 0; 
        font-weight: normal; 
        font-size: 1em; 
        font-family: Georgia, Times, serif; 
        }
        h1 { 
        font-size:  3em; 
        color: black;
        font-family: "Georgia", "Times", serif; 
        font-weight: normal; 
        text-align: center ;
        padding: 0em;
        margin-top: 3em;
        }
        h2 { 
        font-size: 1.40em; 
        font-weight: normal;
        color: #000033; 
        font-family: "Georgia", "Times", serif; 
        text-align: left;
        margin-left:1em; 
        }
        h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { 
        color: #003;font-weight: bold;  
        }
        h3 { 
        font-size: 1em; 
        font-weight: bold; 
        }
        
        .droite {
        text-align: right;
        padding-right: 0.5em;
        margin-right:0.5em;
        color: white;
        font-size:0.9em;
        }
        .title-blog {
        font-size:1.8em;
        margin-top:1em;
        padding-left:0;
        }
        
        
        
        
        .intro {
        font-weight:bold;
        }
        .mainate{
        text-align: right;
        font-size:1.4em;
        }
        .img_intro{ 
        margin-left:10%;
        margin-right:10%;
        width:80%;
        }
        p {
        text-align: left;
        padding-left: 0;
        padding-right:0;
        margin-left:0.5em;
        margin-right:0.5em;
        padding-bottom:.1em;
        color: #333333; 
        font-family: "Luxi sans", "Lucida Grande", "Lucida", "Lucida Sans Unicode", sans-serif; 
        text-align: justify; 
        }
        
        #page { 
        position: relative;  
        margin: 0 auto; 
        text-align: left; }
        #entete { 
        margin: 1em; 
        padding-top: 1em; 
        border-bottom: 0.5em solid #F57900;
        }
}
        
@media print {
        @page {
        margin: 2cm;
        }
        html {margin-left:5%;margin-right:5%; } 
        html,
        body {
        background: #fff !important;
        color: #000 !important;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 11pt;
        line-height: 1.5;
        margin: 0;
        }
        a:link { 
        color: #000; 
        text-decoration: underline; 
        }
        a:visited { 
        color: #000; 
        text-decoration: underline;
        }
        
        /* Éléments de navigation et décoratifs à exclure */
        header,
        nav,
        footer,
        aside,
        .fil-ariane,
        .pagination,
        .partage,
        .commentaires,
        .post-categories,
        .post-tags,
        .articles-lies {
        display: none !important;
        }
        img {
        max-width:20%;
        object-fit: contain;
        }
        .publication {
        display: block !important;
        width: 100%;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
        background: #fff !important;
        box-shadow: none !important;
        }
        
        .publication-titre,
        .publication-auteur,
        .publication-date,
        .publication-texte {
        display: block !important;
        color: #000 !important;
        background: transparent !important;
        }
        
        .publication-titre {
        margin: 0 0 0.5em;
        font-size: 18pt;
        }
        
        .publication-auteur,
        .publication-date {
        margin: 0.2em 0;
        font-size: 10pt;
        }
        
        .publication-texte {
        margin-top: 1.5em;
        font-size: 11pt;
        }
        
        .publication-texte a {
        color: #000 !important;
        text-decoration: none;
        }
        
        h1,
        h2,
        h3,
        img,
        blockquote,
        pre,
        table {
        break-inside: avoid;
        }
}
        /* spécifique à la liste des posts */
@media (max-width: 35rem) {
        .archive-item {
        grid-template-columns: 1fr;
        gap: 0.15rem;
        }
}