/* Le container fixe la largeur de la fenêtre. */

#container
{width:1280px;margin-left:210px;padding:0;}


body {background: #770000; color: #FFC;
      position: relative;
      margin: 0;
      padding: 0;}

code, pre {background: #770000; color: #EDC; font: 110% monospace;}

div#bandeau {background: #770000 no-repeat fixed 0 0  ; color: #FFC;
   width: 1280px; height:1px;}

div#valid {background: #770000 no-repeat fixed 0 0 ;  
   position: absolute; top: 45px; left: 0px; width: 145px; height: 115px;
   color: #FFC; font: 13px Verdana, sans-serif; padding: 10px; 
   }

div#top {background: #CC0000 no-repeat fixed 0 0 ; 
   position: absolute; top: 15px; left: 180px; right: 50px;
   color: #FFC; font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid #FFC;}
div#top p {margin: 0 1em 1em;}

div#content {background: #770000 no-repeat fixed 0 0 ; 
   position: absolute; top: 200px; left: 180px; right: 50px;
   color: #FFC; font: 15px Verdana, sans-serif; padding: 10px; 
   border: solid #FFC;}
div#content p {margin: 0 1em 1em; color: #FFC; background: #770000}
div#content h3 {margin-bottom: 0.25em; color: #FFC; background: #770000}
div#content h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #AA3322;
                color: #024; letter-spacing: 0.5em; font: bold 25px sans-serif; height: 60px; vertical-align: bottom; white-space: nowrap;}
div#content a:link {color: white; background:  #770000}
div#content a:visited {color: #BBC; background:  #770000}
div#links {position: absolute; top: 200px; left: 0; width: 165px; height: 700px; font: 16px Verdana, sans-serif; background: #770000}
div#links h1 {margin: -9px -9px 0em; padding: 15px 0 5px; text-align: right; background: #770000;
              color: #024; letter-spacing: 0.5em; font: bold 25px sans-serif; height: 60px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: #FFC;}
div#links a:hover {color: #FF0022;}
div#links a {background: transparent no-repeat fixed 0 0 ;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 0; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: #AA2211;
   font-size:100%;
   font-family: sans-serif;
   text-align: center;}
div#links a:hover {color: #FF0022 ; background: #AA0022; }

div.warning {
    text-align : center;
    background-color: #441122;
    border-style: solid; 
    border-color: #FFFFFF;
    border-width: 1px;
    padding : 3%; 
    margin-left: 1%;
    margin-right: 1%;
    font-size:100%;
    font-family: sans-serif; 
    color: #FF0011;
  }
div.bandeau {
    text-align : center;
    background-color: #770000;  
    border-style: solid; 
    border-color: #881110;
    border-width: 1px;
    padding : 3%; 
    margin-left: 1%;
    margin-right: 1%;
    font-size: 80%;
    font-family: sans-serif; 
    color: #FFAAAA;
  }

div.bandeau a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: #FFC;}
div.bandeau a:hover {color: #FF0022;}
div.bandeau a {background: transparent no-repeat fixed 0 0 ;}
div.bandeau a span {display: none;}
div.bandeau a:hover span {display: block;
   position: absolute; top: 0; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: #AA2211;
   font-size: 80% ; font-family: sans-serif; text-align: center;}
div.bandeau a:hover {color: #FF0022 ; background: #AA0022; }