body {
background-color:#660000;
color: #FFFF80;
}

a {
text-decoration: none;
}

a:link {
color: #F0A20F;
}

a:visited {
color: #FFFFFF;
}

a:hover {
color: #0AE7DC
}

h1 {
color:#ffcc33;
font-family: Algerian;
text-align: center;
}

h2 {
color:#ffff80;
font-family: "Times New Roman", serif
}

h3 {
color:#ffff80;
font-family: "Times New Roman", serif
}

h4 {
color:#ffff80;
font-family: "Times New Roman", serif
}


.centrer {
text-align: center;
}

/* tableau à 3 colonnes */

.container {/* encadre le tableau */
  width:100% ; /* largeur du tableau */
  height:1% ; /* hauteur minimale du tableau */
  margin:0 ; padding:0 ; /* marges intérieures et extérieures du tableau */
  border:0px solid black ;/* bordure du tableau */
  background-color:transparent;} /* couleur fond du tableau (colonne droite en pratique) */

.gauche { /* définition de la colonne gauche */
  float:left ; /* flotte à gauche */
  width:24% ; /* largeur : 24% de .container */
  background-color:transparent; ; /* couleur de la colonne */
  height:100% ; /* hauteur : 100% du .container */
  margin:0 ; padding:0} /* marges */

.centre {/* définition de la colonne centre */
  float:left ; /* flotte à gauche */
  width:50% ; /* largeur : 50% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0;padding:0 ; /* marges */
  background-color:transparent; ; /* couleur de la colonne */
  border-left:0px solid black ; /* bordure gauche */
  border-right:0px solid black} /* bordure droite */

.droite { /* colonne droite */
  float:left ; /* flotte à gauche */
  width:23% ; /* largeur : 23% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0 ; padding-left:20px }/* marges */

.spacer { /* force au retour à la ligne après des fenêtres float */
  clear:both}

/* fin du tableau à 3 colonnes */


/* menu */

ul {
float: center;
}

li {
margin-left:10px;
}

ul#menu {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin-left:0px;

}

ul#menu li {
float: left;
}

ul#menu a {
float: left;
margin: 0 2px;
padding: 0px 3px;
text-align: center;
border: 2px solid gray;
text-decoration: none;
color: #FFFF00;
background: #336633;
}

ul#menu a:hover {
background: #808080;
border: 4px solid gray;
}