* { margin:0; padding:0; border:0 none; }
html { height:100%; line-height:0; font-size:100%; }
body {
  height:100%;
  margin:0 auto;
  padding:0;
  width:85%;
  font-family:'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
  font-size:.9em;
  line-height:1.4;
  background-color:white; color:black;
}
body#meaux, body#hydro {
  background: url(./pix/filigrane.png) fixed ;
}
body#beauval {
  background: url(./pix/Xfond.png) fixed ;
}
body#pix {
  margin:0;
  background-image:none;
}
body#pap {
  background: url(http://hist.olieu.net/meauXfiles/pap.jpg);
}

/* ----------------
 Special
 ---------------- */

  a.teaserLink { font-size:85%; text-align:right; font-style:italic;}
  sup, sub { line-height: 0; font-size:.8em; position:relative; top:.25em}
  i.idf { font-weight:bold; font-style:italic; font-variant:small-caps; background-color:inherit; color:#52525a; }
  b.idf { font-weight:normal; font-variant:small-caps; } /* noms propres, de firmes, de navires, etc. */
  .sec { font-variant:small-caps; } /* marquage des siecles - voir aussi sup */
  a[hreflang^="en-us"]:after { content:url(pix/flagUS.png); }
  a[hreflang^="en-uk"]:after { content:url(pix/flagUK.png); }
  a[hreflang^="fr"]:after { content:url(pix/flagFR.png); }
  a[hreflang^="fr-us"]:after { content:url(pix/flagLA.png); }
  a[hreflang^="nl-be"]:after { content:url(pix/flagBE.png); }
  a[hreflang^="da"]:after { content:url(pix/flagDK.png); }
  a[hreflang]:after { padding:0 5px; }
  .voir:after { content:url(./pix/voir.gif); padding:0 5px; }
  a[title^="Genealogie"]:after { content:url(./pix/tree.png); padding:0 5px; }

/* Hack pour IE. Voir 'abbr.js' pour le reste */
  abbr, .abbr { cursor:help; border-bottom:dotted 1px;}
  .abbr { border-bottom:dashed 1px; } /* kun IE<=6 */
  abbr span.abbr { border-bottom:none; }

/* ----------------
 LIENS HYPERTEXTE
 ---------------- */

a:link {
    color:#206987;
    background-color:inherit;
    text-decoration:underline;
}
a:visited {
    color:#2f5a87;
    background-color:inherit;
    text-decoration:none;
}
a:hover {
    color:red;
    background-color:inherit;
    text-decoration:underline;
}
a:active {
    color:inherit;
    background-color:inherit;
    text-decoration:underline;
}

.navbar a, .iks a {
    text-decoration:none;
}
.navbar a:hover, .iks a:hover {
    text-decoration:underline;
}
abbr a { text-decoration:none !important; }
/* --------
 EN-TETES
 -------- */

h1, .button, div#bouton a span {
  font:bold 1.5em 'Courier New',courier-new,'Courier 10 Pitch',Courier,monospace;
  text-align:center;
}
h2 {
  font:italic bold 1.3em 'Courier New','Courier 10 Pitch',Courier,monospace;
  padding:1em;
  text-align:center;
}
h2.iks {
  background:url(./pix/iks3.gif) no-repeat center left;
  text-align:left;
  padding:0 0 0 1.5em;
  margin-bottom:0;
  font-style:normal;
}
h3 {
  font:normal bold 1.1em 'Courier New','Courier 10 Pitch',Courier,monospace;
  padding:.5em 0;
  text-align:left;
  margin:0;
}

/* ------------------------------------------------------
 logo haut de page avec "preload" des images ("sprites")
 utilisant le "Leahy/Langridge Image Replacement (LIR)"
 http://www.stopdesign.com/articles/replace_text/
--------------------------------------------------------*/
  #logo a:link, #logo a:visited {
    display: block;
    overflow: hidden;
    width:240px;
    height:.1em;
    padding-top:58px;
    margin: 0 auto;
    background: url(pix/meauXfilesHV.gif) no-repeat 0 0;
    }
  #logo a:hover {
    background: url(pix/meauXfilesHV.gif) -240px 0;
    }
  #logo a:active {
    background: url(pix/meauXfilesHV.gif) -480px 0;
    }

/* modif */

p.footnote { font-size:90%; }

div.navbar {
  padding: 1em 1.5em .5em 1.5em;
  width: 85%; margin: auto;
  text-align: center;
}


/* new style */

.meta {
  /* was .d3 */
  text-align: right;
  background:none;
  font-size:75%;
  padding-bottom:1em;
}
.navbar img { padding:1em; }
img {
  margin:0 auto; border:none;
}
div.picture img {
  display:block;
  border-top:solid 2px white;
  border-right:solid 1px #dbdbdb;
  border-bottom:solid 1px #dbdbdb;
  border-left:solid 2px white;
}

img.icon2 { display:inline !important; border:none !important; padding:0 .5em; }
div.section { margin:1em auto; }

div.text .imageCaption, .section p {
  margin-bottom:1em;
}

.imageCaption {
  text-align:center;
  font-style:italic;
}
  
div.picture .imageCaption, div.text {
  margin-top:1em;
  padding:1em 25px;
  background-color:#FAFAFE;
}
div.picture .imageCaption, div.text, div.pass {
  border-top:solid 2px white;
  border-right:solid 1px #dbdbdb;
  border-bottom:solid 1px #dbdbdb;
  border-left:solid 2px white;
}
div.pass { background-color:#f4f1ea /* #e3ded9 #eeece4 */; padding:0;}
div.pass img { border:none !important; }

blockquote { padding:1em; font-family:cursive; }
ul { list-style:outside; margin-left:1.5em; }
li { padding-bottom:.5em; }

/* .navlist { float:right; width:12em; padding:1em; } */