Print.css

Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac)
• Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac)
• Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5
• Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité & sécurité → Effacer les données d’exploration → Images et fichiers en cache.

/* Le CSS placé ici affectera les impressions */
@page {
  size: A4;
}

@page :first {
background-color:red!important;
}
body{
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
}


h1 {
color:red !important
}
p {
font-size:12px;
}
#footer{
font-size:9px;
}
.printfooter, #footer-privacy, #footer-about, #footer-disclaimer {
display:none !important;
}

/* To do : ajouter "imprimé depuis le site de l'erg" dans le footer / colophon */

/* https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/ */