@charset "UTF-8";
/* CSS Document, compatible uniquement avec Chrome (Testé sur Mac) */

* { /* Affichage forcé des backgrounds (utilisés pour le print) */
-webkit-print-color-adjust: exact;
print-color-adjust: exact;	
}

body {
color: #000;
background: #fff;
/* On supprime les marges pour l'écran */
margin: 0;
padding: 0;
/* On étend l'encombrement sur toute la largeur disponible */
width: 100%;
/* Valeurs typographiques courantes pour l'impression */
font-size: 9.5pt;
line-height: 4mm;
}

/* On cache tous les éléments "screen" inutiles */
.issues, .categories, .footer, .header, .headerexport, .numero, .verti, .horiz, .zoomContainer {
display:none;	
}

/* Description physique d'une page imprimée */
@page {
size: A4 portrait;
margin-top: 5mm; /* Fonctionne sur Chrome. Pas d'impact sur Safari */
margin-left: 5mm; /* Fonctionne sur Chrome. Pas d'impact sur Safari */
margin-right: 5mm; /* Fonctionne sur Chrome. Pas d'impact sur Safari */
margin-bottom: 5mm; /* Fonctionne sur Chrome. Pas d'impact sur Safari */
}

/* Le conteneur global */
.issue {
position:absolute;
top:0;
left:0; /* On annule le placement de style écran */
width:100%; /* Toute la largeur disponible */
padding-top:0; /* On annule le placement de style écran */
}

#covercontent {
/* Valeurs typographiques spécifiques à la couverture */
font-size: 48pt;
line-height: 16mm;
height:28.7cm;
display:block;
/* background-color:#9C9; /* Debug */
}

#coverpost {
position:absolute;
left:0;top:0;
}

#covernbr {
position:absolute;
right:0;top:0;
}

.bloc {
padding-left:0; /* On annule le placement de style écran */
padding-right:0; /* On annule le placement de style écran */
padding-bottom:2mm; /* Petite marge interne entre 2 entrées, qui annule le style "screen" */
height:14.15cm;
/* border: 1px solid #000; /* Debug */
page-break-inside: avoid; /* Pas de saut de page */
overflow:hidden; /* Non actif pour "screen" */
display: flex; /* Non actif pour "screen" */
display: -webkit-flex; /* Safari */
flex-direction: column; /* Non actif pour "screen" — Cette ligne a un impact sur tous les éléments contenus */
background-color:#FFF;
}

.bloc span {
flex: 0;
/* background-color:#CCF; /* Debug */
/*
Les éléments span contenus dans le bloc ne sont pas soumis au "flex".
Cela permet d'éviter une disposition en colonne pour tous les éléments (notamment les liens dans le texte).
*/
}

.imgprint {
display:inline;
margin-top:1mm; /* Petit séparateur entre la légende et l'image */
flex: 1;
-webkit-flex: 1; /* Safari */
background-size: contain;
/* background-color:#CC5; /* Debug */
}

/* Le colophon */
.issue p {
padding-left:0; /* On annule le placement de style écran */
padding-right:0; /* On annule le placement de style écran */
padding-bottom:0; /* On annule le placement de style écran */
/* page-break-before: always; /* Forcer un saut de page avant le colophon – Ne fonctionne pas */
}

/* Le colophon des numéros générés par la page search.php */
#generated { display:block; }