/* Specify pairs of quotes for two levels in two languages */
q:lang(en) { quotes: '"' '"' "'" "'" }
q:lang(no) { quotes: "«" "»" '"' '"' }

/* Insert quotes before and after Q element content */
q:before { content: open-quote }
q:after  { content: close-quote }

/* Pour affichage sur écran */
/* Directive à insérer : <link rel="stylesheet" type="text/css" href="styles/base.css" media="screen"></link> */

@media screen {
 body { font-family: "Bodoni", "Bitstream Charter", "Times New Roman", "Times", Serif;
        background-color: #e0ffe0;
        font-size: 12pt; }
 h1   { border-style: ridge;
        text-align: center;
        font-weight: bold;
        background-color: #e0f0f0;
        color: #802030;
        font-size: 24pt; }
 h2   { border-style: ridge;
        text-align: center;
        background-color: #e0f0f0;
        color: #802030;
        font-size: 18pt; }
 h3   { text-align: left;
        font-weight: bold;
        background-color: #e0f0f0;
        font-size: 14pt; }
 p    { text-align: justify; }

 p.gauche { text-align: left }
 p.droite { text-align: right }
 p.centre { text-align: center }
 p.petit  { font-size: 12pt }

 .gris { color: #000000;
         background-color: #b0b0b0; }

 .gris_avec_note { display: inline;
 /*                   position: relative; */
 /* grebenkov: 
 1.1.9. Les passages en grisé (visualisation des passages repérés par l'ancienne balise passage_remarquable), sont visibles en transparence sous les cases du formulaire de saisie de l'interface d'édition des phénomènes et des commentaires.
 */
                    color: #000000;
                    background-color: #b0b0b0; }
 .gris_avec_note span.fantome { display: none; }

 .petit_sans_serif { font-family: "Arial", "Verdana", "Lucida", "Lucida Sans", "Helvetica", Sans-Serif;
                     font-size: 10pt }

}

/* Pour impression */
/* Directive à insérer : <link rel="stylesheet" type="text/css" href="styles/base.css" media="print"></link> */

@media print {
 body { font-size: 11pt; }
 h1   { font-size: 24pt; }
 h2   { font-size: 14pt; }
 h3   { font-size: 12pt; }
 p    { text-align: justify; }

 p.gauche { text-align: left }
 p.droite { text-align: right }
 p.centre { text-align: center }
}