/* ---------------------------------------------------------
style sheet pour telephone portable et pda
----------------------------------------------------------*/

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

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

/* ----
  ROOT
 ---- */

  html, body {
    width:128px;
    font-family:"lucida sans unicode","bitstream vera sans", verdana, sans, arial, helvetica, sans-serif;
    font-size:.8em;
    margin: 0px;
    padding: 0px;
    border: none 0px;
    height:100%;

  }

  body#pix {
    background:none;
  }

/* --------
 EN-TETES
 -------- */

  h1, .button, div#bouton a span {
    font-family:"Courier New",courier-new,Courier,monospace;
    font-size:.7em ;
    font-weight: bold;
  }
  h2 {
    font:italic bolder .85em "Courier New",courier-new,Courier,monospace;
  }
  strong.sep, b.sep {
    font-family:"Courier New",courier-new,Courier,monospace;
    font-size:1em;
    line-height:1.5em;
    padding:.5em;
    border-top: solid 1px silver;
  }
  b.c1 {font-family:"Courier New",courier-new,Courier,monospace;font-size:1em;
  }
  strong.c1 {font-family:"Courier New",courier-new,Courier,monospace;font-size:1em;
  }
  sup.c2 {font-family:"Courier New",courier-new,Courier,monospace;font-size:.6em;
  }
  q {font-variant:small-caps;
  }

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

  p {
    text-align:left;
    margin-left:auto;
    margin-right:auto;
 /* background:#fafafe; */
/*    padding:.8em 5px .8em 5px;*/
  }

  .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
  }
  .caption {
    font-style:italic;
    font-size:.95em;
  }
  .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:smaller;
  }
  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;
  }
  .lat {font-variant:small-caps; font-family:"Times New Roman";
  }
  .help {border:dotted 2px #206987; color:red; font-size:80%;
  }

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

  div,.button {
    margin-left:auto;
    margin-right:auto;
  }
  div.navbar {
    padding: 1em 1.5em .5em 1.5em;
  }
  div.navbar img {
    margin-top:10px;
  }
  .fond,.etk,.caption,.eng {
    padding-right:3px;
    padding-left:3px;
    background:#fafafe;
    border-top:solid 1px white;
    border-right:solid 1px #dbdbdb;
    border-bottom:solid 1px #dbdbdb;
    border-left:solid 1px white;
  }
  div.box {
    padding:3px;
    background:#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, h1 {text-align:center;}
  #logo a:link, #logo a:visited {
    display: block;
    width: 240px;
    height: 0px;
    padding-top: 58px;
    overflow: hidden;
    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;
    }
*/
/* ------
 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;
    }

  p.d2 img {
  display: none !important;
  }
/* ------
 LISTES
 ------*/

  ul.iks ul {
    list-style-image:none;
    list-style-type:disc;
  }

  ul,ol {
    text-align:left;
  }

ul, ol, dl /*, li, dt, dd */
  {margin: 0 !important; padding: 0 !important;}
li, dt, dd {
    margin-left: 0 !important; padding-left: 3px !important;
  }
  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;
  }

/* -----------
 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 12pt helvetica;
    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 12pt helvetica;
    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;
    background:#fafafe;
  }
  #sidebar p {
    width:90%;
    background:#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
  }

body#test {
  overflow: hidden;
  height: 100%;
  width:100%;
  }