body{
height: 100%;
}

body {
margin: 0;
padding: 0;
background-color : #fff;
text-align :left;
font-family : arial;
font-size : 0.7em;
color : #fff;
}

/* SITE 
******************************************/

#site {
position:absolute;
left: 50%; 
top: 50%;
width: 700px;
height: 448px;
margin-top: -224px;
margin-left: -350px;
border: 6px solid #000;
background : #3975CD url(images/bg_all.jpg) no-repeat;
}

/* LOGO 
*********************************************/ 

.logo {
margin : 10px 0 0  350px ; 
padding : 0 ; 
display: block; 
border : 0;
}

/* MENU 
****************************************/

#menu  {
height : 30px; 
font-size : 90%; 
}

#menu ul {
margin : 0; 
list-style : none ;
float : right ; 
padding : 0 15px 0 0;
}


#menu li{ 
padding : 5px 0 4px 0;   
float : left ;
background : url(images/menu.jpg) no-repeat left ;
}

#menu li:first-child{ 
background : none;
}

#menu li a {
text-decoration : none ; 
color : #fff; 
font-weight : bold ; 
padding : 2px 5px 2px 5px; 
margin : 0;
}

#menu li a:hover {
text-decoration : none ; 
color : #ccc
}

/* CONTENU 
**********************************************/

#contenu {
width : 470px ;
padding : 10px 0 0 0; 
margin : 0 0 0 220px ;
height : 270px;
overflow : auto ;
}

#contenu h2 { 
font-size : 25px ; 
margin : 0 30px 0 50px ; 
padding : 0 ; 
font-family : arial ; 
color : #D3E6F8 ; 
letter-spacing : 0px
}

#contenu p {
margin : 0 70px 0 50px ; 
padding : 0; 
}
 
#contenu a {color : #fff ; 
text-decoration : underline 
}

#contenu a:hover {
text-decoration : none 
}

/* FOOTER 
******************************************/	

p.footer {
position : absolute ;
left : 110px;
bottom : -30px; 
color : #000;
margin : 0;
padding : 0;  
 }
 
.footer a {
color : #000;
text-decoration : none
}
 
.footer a:hover {
text-decoration : underline; 
}