/**************************/
/* Affichage de documents */
/**************************/

body
{
    margin:0;
    padding:0; 
    font-family:  Verdana;
    font-size: 10px;
}

img   { border: 0; }
a     { text-decoration:none; }

@media screen
{
  div.document
  {
    border-collapse: collapse;
    border-color: #111111;
    background-color: #FFFFFF;
    text-align: center;
  }

  div.document h1
  {
    padding: 15px;
    color: #6699FF;
    font-size: 24px;
    text-align: left;
    background-image: url("/images/line.gif");
    background-repeat: repeat-x;
    background-position: bottom center;
    margin: 0 0 0 0;
  }

  div.document_end1
  {
    padding: 15px;
    font-size: 12px;
    color: #000000;
    text-align: left;
    background-image: url("/images/line.gif");
    background-repeat: repeat-x;
    background-position: top center;
    padding: 15px, 15px, 0px, 15px;
  }
   div.document_end1 a { display: none; }
   div.document_end2 a { display: block; }
   div.document_end2
   {
     text-align: right;
     position: relative;
   }
}

@media print
{
   html  { margin: 0 0 0 0; padding: 0 0 0 0;}
   body  { margin:0; padding:0; font-family: Verdana; font-size: 12px; height: 100%; }
   div.document      { text-align: center; }

   div.document h1   
   {
      font-size: 18px; 
      text-decoration: underline; 
      position: absolute; 
      top: 0; 
      left:0%;
      width: 100%;
      text-align: center;
      Z-Index: 3;
   }

   div.document a    { text-decoration: none; color: #000000; }

   div.document p
   {
      position: absolute;
      top: 0;
      left: 0px;
      width: 100%;
      text-align: center;
      vertical-align: middle; 
      Z-Index: 1;
      margin: 0 0 0 0;
      padding: 40px 0 0 0;
   }

   div.document img { vertical-align: middle; }

   div.document_end1
   {
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
     left: 0;
     Z-Index: 2;
   }

   div.document_end2 { display: none; }
}