body 
{
 
 font-size: 0.8em;
 margin: 0;
 padding: 0;
 background-color: #575757;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 width:100%;
}

#header 
{
 background-color: #575757;
 width: 938px;
 margin:0 auto; 
}


#menu
{
 position:relative;
 top: -25px;
 margin:0 auto; 
 text-align: center; 
 font-size: 16px;
 font-weight: bold; 
 color: #97ff65; 
}
#menu a { color: #FFFFFF; }
#menu a:hover { color: #FF0000; }


#bordure
{
 position:relative;
 background-repeat: repeat-y;
 background-image: url('../images/border.png');
}

#contenu
{
 position:relative;
 top: -21px;
 width:100%;
 margin:0 auto; 
   background-color: #FFFFFF;
 background-repeat: repeat-x;
 background-image: url('../images/background.png');
}

#contenu-texte
{
 padding:10px;

}

#bottom
{
 position:relative;
 margin:0 auto;
 top: -22px;
 height:43px;
 text-align: center; 
 color: #575757;  
 background-repeat: no-repeat;
 background-image: url('../images/bottom.png');
}
#bottom-text
{
 position:relative;
 top:13px;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 0.9em;
 line-height: 1.5em;

}

#lang
{
 position:relative;

}

.bigtext
{
 font-size: 1.2em;

}

.TrScreenshot { border-spacing:12px; }
.ThScreenshot { border: #D1D7DC;  border-style: solid; border-width:1px; padding:4px; margin:14px; text-align: center; }

.avancement0   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#fff5d4; padding: 0; }
.avancement1   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#ffffff; padding: 0; }
.avancement2  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#d6d9ff; padding: 0; }
.avancement3  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#e6fae0; padding: 0; }
.avancement99  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color:#fa8ca6; padding: 0; }
table { border: #D1D7DC;  border-style: solid; border-width:1px; }
th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color:#b4ea85; }
td { border-width: 1px ; border-bottom-color:#D1D7DC;border-bottom-style: solid ; }
h2 { color:#FF0000; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:hover {text-decoration: none; color: #FF0000; }
a {text-decoration: none;}
.myfinder     { color: #FF0000; font-weight: bold;}
.titre        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 64px; color: #FF0000; font-weight: bold; vertical-align: middle;   }
.codeversion  { padding-left:250px; margin-top:-33px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; vertical-align: text-top;  }
.version      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 32px; color: #000000; font-weight: bold; vertical-align: text-top;  }
img.gauche    { float:left; margin-right:10px; }
.copyright    { font-size: 10px; color: #000000;  text-align: center;        }
.texte        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.keyword      { font-weight: bold;}
.champ        { color: #666666; }
.valeurChamp  { color: #000000; font-weight: bold; }