body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background-color: #BEA470;
scrollbar-face-color:#89703B;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #CFA757;
scrollbar-darkshadow-color: #CFA757;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #fff;
scrollbar-track-color: #CFA757;
}

h1 {
font-size: 13px;
font-weight: bold;
color: #6A4E1F;
margin: 0 10px 0 10px;
}

h2 {
font-size: 13px;
font-weight: bold;
color: #9D7023;
margin: 0 10px 0 10px;
}

#fond {
background-image: url(img/site-fond.gif);
background-repeat: repeat-y;
}

#texte {
background-image: url(img/texte-fond.gif);
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}

#texte a {
color: #6A4E1F;
}

#texte a:hover {
text-decoration: none;
color: #9D7023;
}

#footer {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
padding: 5px 10px 0 10px;
}

#footer a {
color: #F3EBDB;
}

#footer a:hover {
text-decoration: none;
color: #5D451B;
}

p {margin: 0 25px 0 15px;}

ul.menu
{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul.menu li
{
margin: 0 ;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul.menu li a
{
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
width: 218px ;
line-height: 25px ;
color: #fff ;
text-indent: 20px;
text-decoration: none ;
background: url(img/menu.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
border: none ;
}

ul.menu li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
background: url(img/menu.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
border: none ;
color: #F0D194 ;
}

#opt {
	font-size: 9px;
	text-align: center;
	color: #CCCCCC;
}

#opt a, #opt a:active, #opt a:visited {
	color: #DBCAB0;
}

#opt a:hover {
	color: #E8DDCE;
}

.justife {
	text-align: justify;
}

hr {
	margin: 15px 60px 15px 50px;
}

pre {
	text-align: center;
	font: 14px "Courier New", Courier, monospace;
	color: #0000FF;
}
.clear-both {
	clear: both;
}
img {
	border: none;
}
#logo {
	position: absolute;
	height: 220px;
	width: 340px;
	display: block;
	z-index: 1000;
}
.promo {
	margin: 5px 0 5px 0;
	text-align: center;
}