* { margin: 0; padding: 0; }
body {
    padding: 8px;
    background: #fff url(pics/fond_bohwaz.png) no-repeat center -70px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#page {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#banniere {
    list-style-type: none; position: relative;
    margin-left: 30px;
    width: 900px;
    height: 75px;
    background: url(pics/banniere2008.png) top left no-repeat;
}

#banniere li a {
    display: block;
    width: 100px;
    height: 75px;
    text-decoration: none;
    float: left;
    text-indent: -100em;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: 0;
}

#banniere .qui a { left: 0; }
#banniere .wiki a { left: 100px; }
#banniere .blog a { left: 200px; }
#banniere .amis a { left: 300px; }
#banniere .photos a { left: 400px; }
#banniere .musique a { left: 500px; }
#banniere .videos a { left: 600px; }
#banniere .travaux a { left: 700px; }
#banniere .contact a { left: 800px; }

#banniere a:hover, #banniere a.selected { background: url(pics/banniere2008-b.png) no-repeat 0 0; }
#banniere .qui a:hover, #banniere .qui a.selected { background-position: 0 0; }
#banniere .wiki a:hover, #banniere .wiki a.selected { background-position: -100px 0; }
#banniere .blog a:hover, #banniere .blog  a.selected { background-position: -200px 0; }
#banniere .amis a:hover, #banniere .amis a.selected { background-position: -300px 0; }
#banniere .photos a:hover, #banniere .photos a.selected { background-position: -400px 0; }
#banniere .musique a:hover, #banniere .musique a.selected { background-position: -500px 0; }
#banniere .videos a:hover, #banniere .videos a.selected { background-position: -600px 0; }
#banniere .travaux a:hover, #banniere .travaux a.selected { background-position: -700px 0; }
#banniere .contact a:hover, #banniere .contact a.selected { background-position: -800px 0; }

#header {
    height: 80px;
}

#submenu a {
    color: black; }

#submenu a:hover, #content a:hover { color: red; }

#content {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 70px;
    padding-right: 70px;
    border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
    padding-top: 1em;
}

#content ul, #content dl, #content p, #content h1, #content h2, #content h3 {
    margin-bottom: 1em;
}
#content ul {
    margin-left: 2em;
}