body,html
  {
  margin:0;
  padding:0;
  font-size:80%;
  font-family:Comic sans MS,Arial,Bitstream vera sans,sans-serif;
  color:blue;
  background:#cff;
  }
.titre
  {
  background:#04f;
  border:1px solid blue;
  }
.titre h1
  {
  font-size:3em;
  text-align:center;
  letter-spacing:0.1em;
  color:#ff0;
  }
.titre h1 span
  {
  font-size:0.6em;
  }
.menu
  {
  background:#4df;
  font-size:1.1em;
  font-weight:bold;
  width:200px;
  float:left;
  margin:0;
  padding:0 10px;
  }
.menu h2
  {
  background:#0af;
  padding:5px;
  font-size:1.2em;
  font-style:italic;
  letter-spacing:0.1em;
  color:#ff0;
  border-right:2px solid #444;
  border-bottom:3px solid #444;
  border-left:1px solid #fff;
  border-top:1px solid #fff;
  }
.menu ul
  {
  list-style:none;
  padding:0;
  text-align:center;
  }
.menu li
  {
  margin:2px;
  border:2px outset #c0c0c0;
  background:#08f;
  height:24px;
  }
.menu a
  {
  display:block;
  width:100%;
  margin-right:30px;
  padding-top:4px;
  text-decoration:none;
  color:#fff;
  }
.contact
  {
  background:url("images/pencil.png") no-repeat right center;
  }
.liens
  {
  background:url("images/link.png") no-repeat right center;
  }
.menu a[lang="en"]
  {
  background:url("images/drapeau-GB.png") no-repeat right center;
  }
.menu a:hover
  {
  border:2px inset #c0c0c0;
  color:#ff0;
  }
.contenu
  {
  padding-left:250px;
  padding-right:20px;
  font-size:1.1em;
  text-indent:2em;
  }
.contenu ul
  {
  list-style-position:inside;
  }
.contenu ul.modification
  {
  list-style-type:circle;
  list-style-position:outside;
  }
.contenu h2
  {
  font-size:1.8em;
  font-style:bold;
  text-align:center;
  letter-spacing:0.1em;
  }
.contenu h3
  {
  font-size:1.3em;
  font-style:bold;
  text-decoration:underline;
  }
p.avertissement
  {
  font-style:italic;
  color:#f00;
  }
.contenu span.nouveau
  {
  font-weight:bold;
  color:#f00;
  }
table.logiciel,table.lien
  {
  width:100%;
  background:#f5f5dc;
  border:2px solid #008000;
  }
table.lien td
  {
  padding:5px;
  }  
td.version span
  {
  font-size:0.9em;
  color:#05f;
  }
td.intitule
  {
  font-size:1.1em;
  font-weight:bold;
  }
table.lien a
  {
  text-decoration:none; 
  }
.lien a
  {
  display:block;
  width:100%;
  padding-top:2px;
  padding-bottom:2px;
  text-decoration:none;
  text-align:center;
  border:2px outset #c0c0c0;
  background:#08f;
  color:#fff;
  }
.lien a:hover
  {
  border:2px inset #c0c0c0;
  color:#ff0;
  }
.compteur
  {
  width:100%;
  float:left;
  }
.compteur span
  {
  font-weight:bold;
  font-size:1.5em;
  color:fuchsia;
  }  
.telecharger
  {
  font-weight:bold;
  width:300px;
  float:left;
  margin:0;
  padding:0;
  }
.telecharger ul
  {
  list-style:none;
  padding:0;
  text-align:center;
  }
.telecharger li
  {
  margin:2px;
  height:24px;
  }
.telecharger li.bouton
  {
  border:2px outset #c0c0c0;
  background:#08f;
  }
.telecharger a
  {
  display:block;
  width:100%;
  padding-top:4px;
  text-decoration:none;
  color:#ffffff;
  }
.telecharger a:hover
  {
  border:2px inset #c0c0c0;
  color:#ff0;
  }
.windows,.linux
  {
  font-weight:bold;
  width:20%;
  margin-left:20%;
  float:left;
  }
.windows a,.linux a
  {
  display:block;
  height:1.8em;
  padding-top:0.2em;
  text-decoration:none;
  border:2px outset #c0c0c0;
  background:#0088ff;
  color:#ffffff;
  }
.windows a:hover,.linux a:hover
  {
  border:2px inset #c0c0c0;
  color:#ff0;
  }
table.statistiques
  {
  background:#f5f5dc;
  border:2px solid #008000;
  margin:5px;
  font-size:0.9em;
  border-collapse:collapse;
  float:left;
  }
table.statistiques caption
  {
  font-weight:bold;
  font-size:1.3em;
  } 
table.statistiques td
  {
  font-weight:normal;
  font-size:1em;
  border:1px solid #008000;
  padding:0 5px;
  }
.menu_h
  {
  font-weight:bold;
  font-size:1.2em;
  margin:2 0 0 0;
  padding:0;
  }       
.menu_h ul
  {
  list-style:none;
  padding:0;
  }
.menu_h li
  {
  display:inline;
  margin:0;
  padding:0 1em;
  background:#08f;
  }
.menu_h a
  {
  color:#fff;
  text-decoration:none;
  }
.menu_h a:hover
  {
  color:#ff0;
  }
.icone
  {
  margin-top:5px;
  }  
.solution
  {
  width:100%;
  background:#f5f5dc;
  border:2px solid #008000;
  padding:2px;
  } 
.solution th
  {
  font-weight:bold;
  }
.solution a
  {
  text-decoration:none;
  }
.histo
  {
  margin:0;
  padding:0;
  background:#fff;
  border-collapse:collapse;
  }  
.histo td
  {
  margin:0;
  padding:0;
  }  
td.out
  {
  background:#cff;
  }
td.out_d
  {
  background:#cff;
  color:red;
  }
td.out_l
  {
  background:#cff;
  color:green;
  }
td.out_f
  {
  background:#cff;
  color:lime;
  }
td.out_s
  {
  background:#cff;
  color:fuchsia;
  }
td.in_d
  {
  color:red;
  }
td.in_l
  {
  color:green;
  }
td.in_f
  {
  color:lime;
  }
td.in_s
  {
  color:fuchsia;
  }