* {
padding: 0;
margin: 0;
}

body {
background-color: white; 
font-family: Georgia, serif;
font-size: 13px;
line-height: 1.4em;
}

h2 {
margin-bottom: 1em;
}

p, ul {
margin-bottom: 1.2em;
}

ul {
    margin-left: 2em;
}

.floatright {
    float: right;
}

#content {
padding: 3em;
background: url(../images/los_nuages.jpg) no-repeat top right;
margin-left: 400px;
min-width: 500px;
}

/** MAIN MENU */

#mainmenu {
width: 384px;
height: 383px;
list-style: none;
}

#menu_container {
display: block;
width: 384px;
height: 383px;
left: 0;
top: 0;
position: fixed;
margin: 1em;
margin-bottom: 2em;
}

#mainmenu li {
display: block;
position: absolute;
float: left;
}

#mainmenu li span {
display: none;
}

#mainmenu a {
display: block;
}

#mainmenu a:focus {
border: none;
}

#home, #home a {
top: 76px;
left: 78px;
width: 225px;
height: 229px;
}

#media, #media a {
top: 0;
left: 78px;
width: 225px;
height: 76px;
}

#music, #music a {
top: 0;
left: 303px;
width: 81px;
height: 383px;
}

#mailing, #mailing a  {
top: 305px;
left: 78px;
width: 225px;
height: 78px;
}

#links, #links a {
top: 0;
left: 0;
width: 78px;
height: 383px;
}

#join_mailing {
background: url(../images/menu_mailing_bg.jpg) no-repeat;
color: white;
padding-top: 65px;
position: absolute;
text-align: center;
top: 76px;
left: 78px;
width: 225px;
height: 229px;
z-index: 2;
}

#join_mailing a {
color: #89c8fe;
text-decoration: none;
}

#join-fields {
margin: 4px 0;
}

#join-buttons {
margin: 4px 0;
}

#join_mailing h2 {
color: yellow;
font-size: 1em;
}

#join-email {
width: 180px;
}

#home, #home a:hover {
background: url(../images/menu_center_hover.jpg) no-repeat;
}

#home a {
background: url(../images/menu_center.jpg) no-repeat;
}

#media, #media a:hover {
background: url(../images/menu_top_hover.jpg) no-repeat;
}

#media a {
background: url(../images/menu_top.jpg) no-repeat;
}

#music, #music a:hover {
background: url(../images/menu_right_hover.jpg) no-repeat;
}

#music a {
background: url(../images/menu_right.jpg) no-repeat;
}

#mailing, #mailing a:hover {
background: url(../images/menu_bottom_hover.jpg) no-repeat;
}

#mailing a {
background: url(../images/menu_bottom.jpg) no-repeat;
}

#links, #links a:hover {
background: url(../images/menu_left_hover.jpg) no-repeat;
}

#links a {
background: url(../images/menu_left.jpg) no-repeat;
}

#footermenu {
margin: 2em;
text-align: center;
list-style: none;
}

#footermenu li {
padding-right: 2em;
display: inline;
}

#copyright {
line-height: 1.2em;
font-size: 85%;
text-align: center;
color: #999999;
}

#gallery {
margin-bottom: 3em;
}

#gallery a {
margin-right: 0.5em;
margin-bottom: 0.5em;
}

#gallery a img {
border: 1px solid black;
}

#newsbox {
float: right;
margin: 0 0 1.5em 4em;
width: 300px;
}

#bio-inline-plane {
float: right;
margin: 1em 0 1em 1em;
}

#news dt {
margin-top: 0.5em;
font-weight: bold;
}

#web_link {
margin-top: 3px;
border-top: 1px dashed #656565;
padding-top: 5px;
text-align: left;
font-size: 80%;
}

#web_link form {
margin-bottom: 8px;
}