body
{
margin: 0;
padding: 0;
background: white; /*couleur de fond de toute la page*/
font: 80% verdana, arial, sans-serif; /*Polices utilis�es, par ordre de pr�f�rence*/
}

dl, dt, dd, ul, li
{
margin: 0;
padding: 0;

}

#menu
{
position: absolute; /* position du menu */
top: 140px; /*distance entre le haut du menu et le haut de la page*/
left: 30px; /*distance entre la gauche du menu et la gauche de la page*/
}

#menu
{
width: 140px; /*largeur du menu*/
border: 1px solid red; /*cadre du menu : �paisseur du cadre et */
}

#menu dt
{
cursor: pointer; /*apparence du curseur quand on pointe sur une t�te de menu pour d�rouler*/
margin: 2px 0;  /*marge � gauche*/
height: 20px; 
line-height: 20px;
text-align: left;
font-weight: bold;
background: #FFFFF;
}

#menu dd
{
border: 0px solid red; /*encadrement des differents liens du menu : 0px=pas d'encadrement*/
}

#menu li
{
margin-left: 2px; /*marge pour les �l�ments des listes � puce*/
text-align: left; /* alignement des listes � puce*/
background: #fff; /*couleur de fond des �l�ments des listes � puce*/
list-style-type: none; /*style des puce*/
}

.tete a
{
color: red; 
}

.tete1
{
margin-left: 2px;
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
color: black;
list-style-type: none;
background-image: url("http://www.fn-languedocroussillon.com/menus/2.gif");
background-repeat: no-repeat;
background-position: 0% 50%;
padding-left: 15px;
}


#menu li a, #menu dt a /*Cette partie concerne les liens situés entre les balises <li> </li> et <dt> </dt>*/
{
margin-left: 2px;
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
background-image: url("http://www.fn-languedocroussillon.com/menus/3.gif"); /*la puce est integrée dans le fond pour un meilleur alignement*/
background-repeat: no-repeat;
background-position: 0% 30%;
padding-left: 15px;
}

#menu li a:hover, #menu dt a:hover
{
background: #FFCC00; /*couleur de fond du lien sur lequel le pointeur se trouve*/
}