@media screen {
    body { color: maroon; }
    body { background: #FAEBD7; }
}

body { font-family: "Book Antiqua", "Bookman Old Style", times, serif; }

@media screen {
    h1, h2, h3 { color: green; }
}

h1, h2, h3 { font-family: helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 150%; }
h2 { font-size: 120%; }

a:link { color: blue; }
a:visited { color: navy; }
a:hover { color: #FF9900; }
a:active { background: yellow; }
a:link, a:visited, a:hover, a:active { text-decoration: none; }

@media screen {
    header {
      background: #FAEBD7;
      white-space: nowrap; /* impose une hauteur constante */
      position: fixed;
      width: 100%;
      z-index: 2; /* au-dessus du contenu */
      height: 150px;
      top: 0;
      right: 0;
      bottom: auto;
      left: 0;
    }

    header table {
      width: 95%;
    }

    header hr {
      background-color: green;
      height: 4px;
      width: 100%;
    }

    header hr.separateur {
      position: absolute;
      top: 140px;
    }

    #contenu {
      position: absolute;
      top: 150px;
      margin: 1em;
    }

    hr { background-color: maroon; }
}

footer { text-align: right; }

hr { height: 3px; }

code { white-space: nowrap;
       color: navy;
       font-family: courier, monospace; }

blockquote {
      border-width: 1px;
      border-color: navy;
      border-style: solid;
      padding: 0.5em; }

table.fullwidth { width: 100%; }

table { padding: 0; margin: 0; }

/* Toutes les tables sont centrees par défaut */
table { margin-left: auto; margin-right: auto; }

/* Les legendes des tables aussi */
caption { text-align: center; margin-left: auto; margin-right: auto; }
caption.legende { font-style: italic; caption-side: bottom; }
figcaption { font-style: italic; }

table.bordered, table.bordered th, table.bordered td {
    border: 1px solid;
    border-collapse: collapse;
    vertical-align: top;
}

table.bordered td, table.bordered th {
    padding: 5px;
}

table.bordered th {
    font-weight: bold;
}

.legendeimage { text-align: center; font-style: italic; font-size: 75%; }

div.imagedroite { float:right; margin-left:1em;
                  text-align: center; font-style: italic; font-size: 75%; }

.resultat {
    background: white;
    border-width: 2px;
    border-color: black;
    border-style: dotted;
}

.align-right { text-align: right; }
.align-center { text-align: center; }

.retrait { text-indent: 2em; }

.fondblanc { background: white; }

.tdencadre { background: white;
             border-width: 2px;
             border-color: green;
             border-style: solid;
             padding: 0.5em; }

table.cousinage { margin-left: auto; margin-right: auto; border-spacing: 20px; }
table.cousinage tr td { padding: 8px; }

.homme { color: blue; }
.femme { color: red; }

.usuel { text-decoration: underline; }

nav table {
    border-collapse: collapse;
}

nav td {
    text-align: center;
    color: green;
    background: #e6f2ea;
    padding: 3px;
    border-width: 1px;
    border-color: green;
    border-style: solid;
}

nav td.selection {
    font-weight: bold;
    color: #e6f2ea;
    background: green;
}

.middle { vertical-align: middle; }

/* Une image dans un lien n'a pas de bordure */
a img { border: none; }

@media print {

   .pasimprime { display: none; }
   nav { display: none; }
   footer { display: none; }

   body { color: black; }
   body { background: white; }

   a:link { color: black; }
   a:visited { color: black; }

   hr { display: none; }

   h1 { text-align: center; }

   /* En-tete */
   body::before {
       content: "Page extraite du site http://vargenau.free.fr";
   }

   /* Pied de page */
   body::after {
       content: "Copyright Marc-Etienne Vargenau. Tous droits réservés.";
   }

   body::before, body::after {
       display: block;
       width: 97%;
       margin-bottom: 2em;
       text-align: center;
       font-weight: bold;
       border-width: 2px;
       border-color: black;
       border-style: solid;
       padding: 0.5em;
   }
}