body 
{ 
background-color: #818f89; 
margin-top: 0; 
}
#container 
{ 
background-color: #010127; 
width: 800px; 
height: 600px; 
margin: 0 auto 0; 
}
#images 
{ 
background-image: url(images/index.jpg);
 width: 540px; 
 height: 550px; }
/*navigation*/
#navcontainer ul
{ list-style-type: none; text-align: left; margin-top: -410px; margin-left: 530px; }
#navcontainer ul li a
{
background: url(images/list-off.gif) no-repeat left center;
padding-left: 15px;
text-align: left;
font: 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
color: #999;
}
#navcontainer ul li a:hover
{
background: url(images/list-on.gif) no-repeat left center;
color: #bbb;
}
#navcontainer ul li a#current
{ color: #fc0; background-position: 0 0; }
/*textes*/
#textes 
{ color: #bbb; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; width: 208px; height: 108px; margin-top: 100px; margin-left: 588px; }
/*liens*/
a.info        
{ 
color: white; 
font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;  
text-decoration: none; 
}
a.info:hover     
{ 
color: yellow; 
font-size: 11px; 
font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; 
text-decoration: none; 
}