@charset "iso-8859-1";
/*
------------------------------------------------------------
style sheet pour hist.olieu.net, entièrement fait à la main!
------------------------------------------------------------
*/
  html { height:100%; margin:0; padding:0; line-height:0; font-size:100%; }
  body {
    height:100%;
    margin:0 auto;
    padding:0;
    text-align:center;
    width:85%;
    font-family:'Trebuchet MS', Arial, Helvetica, Geneva, Sans-Serif;
    font-size:.9em;
    line-height:1.5em;
    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,'Nimbus Mono L','Courier 10 Pitch',Courier,monospace;
    text-align:center;
  }
  h2 {
    font:italic bold 1.3em 'Courier New','Nimbus Mono L','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','Nimbus Mono L','Courier 10 Pitch',Courier,monospace;
    padding:.5em 0;
    text-align:left;
    margin:0;
  }
  strong.sep, b.sep {
    font-family:'Courier New','Courier 10 Pitch',Courier,monospace;
    font-size:1.3em;
    line-height:3em;
    padding:1em;
    border-top: solid 1px silver;
  }
  b.c1, h2.c1 { font-family:'Courier New',courier-new,'Nimbus Mono L','Courier 10 Pitch',Courier,monospace;font-size:1.3em;
  }
  strong.c1 { font-family:'Courier New',courier-new,'Nimbus Mono L','Courier 10 Pitch',Courier,monospace;font-size:1.3em;
  }
  sup.c2 { font-family:'Courier New',courier-new,'Nimbus Mono L','Courier 10 Pitch',Courier,monospace;font-size:.75em;
  }
  q {font-variant:small-caps;
  }
  tt { font-family:'Courier New',courier-new,'Nimbus Mono L','Courier 10 Pitch',Courier,monospace; font-size:1.15em; /*font-weight:bold;*/ }

/* -----------
 PARAGRAPHES
 ----------- */

  p {
    text-align:justify;
    margin-left:auto;
    margin-right:auto;
    margin-top:0; margin-bottom:0;
    /* background:#fafafe; */
    padding:.8em 5px .8em 5px;
    text-indent:1.5em;
  }
  li p, p.teaser {
    text-indent:0;
  }
  p.teaser {
  margin:.5em 3.5em 1em .5em; border-left:double 3px #d1d8e1; padding:0 0 0 1em; line-height:1.3; height:70px; clear:both;
  }
  .teaser img.tmb {
    float:left;
    margin-right:1em;
    margin-bottom:0;
  }
  p.etk:first-letter, p.big:first-letter, div.etk p:first-letter {
    font-size:1.2em;
  }
  /* p:first-letter {
    font-size:2.5em;
    font-weight:bold;
    float:left;
    margin:0 5px 0 0;
    background-color:#C9D5EB;
    border:thin solid black;
    padding:5px;
  } */
  div.etk,.caption,.eng,.button,#sidebar p {
    border-top:solid 2px white;
    border-right:solid 1px #dbdbdb;
    border-bottom:solid 1px #dbdbdb;
    border-left:solid 2px white;
    text-indent:0;
  }
  .caption { font-style:italic; font-size:.95em; }
  p.caption, p.etk { margin-top:.5em; margin-bottom:.5em; }
  .center, .caption, .button, .ctr {
    text-align:center;
  }
  .just {
    text-align:justify;
  }
  p.fri, p.lf { /* UNDER AFVIKLING! */
    border:none;
  }
  p.lf { /* UNDER AFVIKLING! */
    background:red;
  }
  p.d1 {text-align: right;
  }
  p.d2 {
    text-align: right;
    background:none;
  }
  .d3 {
    text-align: right;
    background:none;
    font-size:x-small;
  }
  p.eng {
    text-align:left;
    color:#339933;
    /*position:relative;*/
  }
  p.gcap {
    text-align:left;
    font-style:italic;
    font-size:.95em;
  }
  address {
    margin-left:auto;
    margin-right:auto;
    text-align: right;
    font-weight:bold;
    font-family:"Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
/*  font-size:1.2em; */
  }
  blockquote.nice {
    font-family:"Trebuchet MS", lucida, arial, helvetica, sans-serif;
    text-align:justify;
  }
  blockquote.book {
    width:90%;
    color:inherit;
    background-color:white;
    padding:1em;
    margin:1.5em auto;
    border-right:solid 1px #dcdcdc;
    border-bottom:solid 1px #dcdcdc;
  }
  blockquote.book p {
    margin-top:0;
    font-family:"Times New Roman", "Bitstream Vera Serif", serif;
    font-weight:bold;
    text-align:justify;
  }
  .lat {font-variant:small-caps; font-family:"Times New Roman", serif;
  }
  .help {border:dotted 2px #206987; background-color:inherit; color:red; font-size:80%;
  }

/* ---------
 DIVISIONS
 --------- */

  div, .button {
    margin-left:auto;
    margin-right:auto;
  }
  div.navbar {
    padding: 1em 1.5em .5em 1.5em;
    width: 85%; margin: auto;
    text-align: center;
  }
  @media print {
    .navbar, .wow, .webring {
      display:none;
    }
  }
  div.navbar img {
    margin-top:10px;
  }
  .fond, .etk, .caption, .eng {
    padding-right:.4em;
    padding-left:.4em;
    color:inherit;
    background-color:#fafafe;
    border-top:solid 2px white;
    border-right:solid 1px #dbdbdb;
    border-bottom:solid 1px #dbdbdb;
    border-left:solid 2px white;
  }
  div.box {
    padding:.5em;
    color:inherit;
    background-color:#f8f2eb;
    margin-bottom:20px;
    border-top:solid 1px white;
    border-right:1px solid silver;
    border-bottom:1px solid silver;
    border-left:solid 1px white;

  }

/* ------------------------------------------------------
 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;
    }

/* html 5 (!) header...*/
  .header h1 a:link, .header h1 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;
    }
  .header h1 a:hover {
    background: url(pix/meauXfilesHV.gif) -240px 0;
    }
  .header h1 a:active {
    background: url(pix/meauXfilesHV.gif) -480px 0;
    }
  .header h2 {
    font:normal normal bold 1.5em/1 'Courier New',courier-new,'Nimbus Mono L','Courier 10 Pitch',Courier,monospace;
    text-align:center;
    margin-top:0; padding:0;
    }
/* ------
 IMAGES
 ------ */

  img {
    border:none;
  }
  img.ram, img.nocap { /* image avec cadre */
    border-top:solid 1px white;
    border-right:solid 1px #dbdbdb;
    border-bottom:solid 1px #dbdbdb;
    border-left:solid 1px white;
    }
  img.c1 {
    margin-bottom:8px;
    margin-top:8px;
  }
  img.icon1 {
    vertical-align:middle;
  }
  img.icon2 {
    margin-left:8px;
    margin-right:8px;
    margin-bottom:-1px;
  }/* ci-dessus - ci-dessous */
  img.icon2, img.mark {
    width:12px;
    height:12px;
  }
  img.nocap {
    margin-bottom:15px;
  }
  img.uj { /* union jack */
    border-top:solid 1px white;
    border-right:solid 2px #cdcdcd;
    border-bottom:solid 2px #cdcdcd;
    border-left:solid 1px white;
    margin: 8px 16px 8px -24px;
    float: left;
    z-index: 50;
    position: relative;

    }

/* ------
 LISTES
 ------*/

  ul.iks ul {
    list-style-image:none;
    list-style-type:disc;
  }
  ul.iks {
    list-style-image:url(./pix/iks3.gif);
    list-style-position:outside;
  }
  ul.iks li { padding-bottom:.7em; }
  ul.iks li li { padding-bottom:0; }
  ul,ol {
    text-align:left;
  }
  li, dt {
    line-height: 1.5em;
    text-align:left;
  }
  li h2 {
    text-align:left;
  }
  dd {
    margin-left:-.5em;
    padding-bottom:.5em;
  }
  dt {
    padding-top:1em;
    padding-bottom:.5em;
  }
  dl.wow {
    margin-right:auto;
    margin-left:auto;
    background:#fafafe;
    border-top:solid 2px white;
    border-right:solid 1px #dbdbdb;
    border-bottom:solid 1px #dbdbdb;
    border-left:solid 2px white;
    padding:1em;
  }

/* -----------
 BREADCRUMBS
 ----------- */
  ul.crumbs {
    list-style:none;
    padding:1em 0 .5em;
    margin:auto;
    text-align:center;
    }
  ul.crumbs li { display:inline; }
  ul.crumbs img { display:block; margin:1em auto 0; }

/* -----------
 SEPARATEURS
 ----------- */

  hr {
    height: 1px;
    border: 0px solid;
    background: silver;
/*  width: 50%; */
  }
  hr.short {
    height: 1px;
    border: 0px solid;
    background: black;
    width: 30em;
  }

/* -------
 TABLES
 ------ */

  td.td1 {
    font-size:0.75em;
/*  padding-top:0.1em;
    padding-right:1.3em;
    padding-bottom:0.1em;
    padding-left:1.3em; */
    padding: 0 1.3em 0 1.3em;
  }
  table.cara {
    width:auto;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
/*  border-collapse:separate;
    border-spacing:.5em; */
  }
  table.cara caption {
    width:auto;
    margin-left:auto;
    margin-right:auto;
    padding:.5em;
    background:#fcfcfe;
    font-style:italic;
  }
  table.cara th {
    padding:.4em;
    text-align:center;
    background:#f8f2eb;
  }
  table.cara td {
    padding:.75em;
    background:#fafafa;
    border-top:solid 1px white;
    border-right:solid 1px silver;
    border-bottom:solid 1px silver;
    border-left:solid 1px white;
  }

/* ------
 ~ SFX ~
 ------ */
  div.overprt {
    width:auto;
    height:auto;
    border:solid 1px #eeeeee;
    text-align:center;
    font: bold 1.1em sans-serif;
    padding:5px;
/*  color:#fafafa;  */
/*  color:#315c89;  */
    color:#eeeeee;
    z-index: 3;
    position: absolute;
    left: 25px;
    top: 25px;
  }
  div.shadow {
/*  background: white; */
    width:auto;
    height:auto;
    border:solid 1px gray;
    text-align:center;
    font: bold 1.1em sans-serif;
    padding:5px;
/*  color:#315c89; */
/*  color:#FFFFCC; */
    color:gray;
    z-index: 2;
    position: absolute;
    left: 27px;
    top: 27px;
  }
  span.u {border-bottom:solid 1px;}
/* -----------
    SIDEBAR (test)
 ----------- */
  #sidebar {
    position: absolute;
 /* z-index: 10; */
    top: 5px;
    left: 5px;
    text-align:left;
    width: 50px;
    padding: 5px;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    font-size:.75em;
    color:inherit;
    background-color:#fafafe;
  }
  #sidebar p {
    width:90%;
    color:inherit;
    background-color:#fafafe;
    text-align:center;
  }

/* -----------
    BOUTONS
 ----------- */

  div#bouton a span {
    display: block;
    padding: .5em;
    border-top:solid 1px white;
    border-right:solid 1px #cfd2d5;
    border-bottom:solid 1px #cfd2d5;
    border-left:solid 1px white;
  }

  div#bouton a:hover span {
 /* display: block; */
 /* position: absolute; top: 200px; left: 0; width: 125px; */
 /* padding: 5px; margin: 10px; z-index: 100; */
 /* color: #AAA; */
    background:#728ead;
    color:white;
    border-right:solid 1px #244466;
    border-bottom:solid 1px #244466;
  }

/*-- IE fix --*/

  div#container {
    width:100%;
    height:100%;
    overflow:auto
  }
#IE .sucks { font-weight:bold; }
#IE .sucks .also-IE7 { font-style:italic; }

p.fnote { font-size:90%; }
p.fnote:first-letter { font-size:1em !important; }
em.u { text-decoration:underline; font-style:normal; }
em.red { background-color:inherit; color:#FF0000; font-style:normal; }
p.copyleft { text-align:center; padding:0; width:8em; margin:0 auto; }
p.cc { text-align:center; padding:0; width:8em; margin:0 auto; }
.bigX   { font-size:125%; font-family:'courier new', 'Nimbus Mono L',monospace; }
b .bigX { font-size:125%; font-family:'courier new','Nimbus Mono L', monospace; padding:0 1px; }

/* Lightbox 2 */
#lightbox{  position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }