*
{
	font-family: Arial;
	font-size : 12px;
}
body,#centre,#site

html, body {
	background-image: url(../images/background.jpg);
        margin: 0;
	padding: 0;
        text-align : center;
        background-attachment: fixed;
        background-repeat: no-repeat;
}

#site
{
  text-align: left;
  position:absolute;
  left: 50%;
  top: 50%;
  width: 800px;
  height: 600px;
  margin-top: -300px; /* moitié de la hauteur */
  margin-left: -400px; /* moitié de la largeur */

}

#page
{
    background-image: url(../images/angle.png);
    background-repeat: no-repeat;
    background-color: #eeeeee;
    width : 685px;
    float:left;
    height : 440px;
}

#menu, #menu ul /* Liste */
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 14px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #CCCCCC;/*#C6C0B5; /* couleur de fond */
        color : #000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        border: 4px solid #CCCCCC;

}

#menu li /* Elements des listes */
{
        float : left;
        /* pour IE qui ne reconnaît pas "transparent" */
}


#menu li ul /* Sous-listes */
{
        position: absolute; /* Position absolue */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        width : 170px;
}


#menu li ul li a /* Éléments de sous-listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #dddddd;/*#C6C0B5; /* couleur de fond */
        color : #000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        border: 4px solid #dddddd;
}


#menu a:hover /* Lorsque la souris passe sur un des liens */
{
    color: #000000; /* On passe le texte en noir... */
    background: #dddddd; /* ... et au contraire, le fond en blanc */
    border: 4px solid #dddddd;
}


#menu li ul li a:hover /* Lorsque la souris passe sur un des liens d'un sous-menu'*/
{
    color: #000000; /* On passe le texte en noir... */
    background: #CCCCCC; /* ... et au contraire, le fond en blanc */
    border: 4px solid #CCCCCC;
}

#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-bottom : 1px solid #CCCCCC; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
     /*   border-left : 1px solid #000000;
        border-right : 1px solid #000000;*/
        width : 170px;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */
}

.bleu
{
    color: #0000FF;
    font-weight : bold;
}
.rouge
{
    color: #FF0000;
    font-weight : bold;
}
.copyright
{
color: #AAAAAA;
font-size : 10px;
}

label {
    display: block;
    float: left;
}
label {
    padding:0px 10px 5px 20px;
    width: 80px;
}

a img
{
    border:none;
    cursor:pointer;
    outline:none;
}