body {text-align: center; background-color:black;}
*{padding:0px; margin: 0px}
#conteneur {width: 1001px; margin-left: auto; margin-right: auto; border: 3px solid #999999;  background-color: #FDF5E6; }
#titre { height:110px; background: url("images/parquet.jpg");}
#contenu {}
#musique {position:absolute; top:60px;}

#menu, #menu ul  { padding : 0; margin : 0; margin-top:0px; list-style : none; line-height : 35px; text-align : center; }
#menu {font-weight : bold; font-family : Arial; font-size : 16px; }
#menu a {display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; background:#54252D; color : #fff; text-decoration : none; width : 89px;}
#menu li {float : left; /* pour IE qui ne reconnaît pas "transparent" */ border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li {border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */ border-left:1px solid;}
#menu li ul /* Sous-listes */ {position: absolute;  line-height : 20px; margin-top:0px; width: 89px; /* Largeur des sous-listes */ left: -999em; /* Hop, on envoie loin du champ de vision */}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li { border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */}
#menu a:hover  {color: black; background:url(images/texture1.jpg); }
#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 */}
li {color:white; background: #54252D; width:89px; }
li ul {font-size:13px;}

p { font: 13px verdana, sans-serif; color:black; text-align:justify; margin-top: 5px;margin-bottom: 5px; padding: 0px 20px 0px 20px;}
.bordureimage{border: 3px ridge; }

/* Description des titres */
h1 { font: 38px trebuchet; margin: 0px; color:maroon;}
h2 { margin-left: -400px; margin-top:-19px; font: 30px trebuchet; color: #5E6671; }
h3 { margin-left: 100px; margin-top:-10px; font: 20px trebuchet; color: #5E6671; text-align:right;}

/* ancres de page */
a.haut { font: bold 11px comic sans ms, sans-serif; color: black; text-decoration:none; text-align:right; }
a.haut:visited { color: black; text-align:right;}  
a.haut:hover { color: red; text-align:right; }

a.liens { font: bold 13px verdana, sans-serif; text-decoration:underline; color: blue; }
a.liens:visited { color: blue; }  
a.liens:hover { color: red; text-decoration:underline; }