body{
height: 100%;
}

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

font-size:14px;
color : #fff;
}

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

#site {
position:absolute;
left: 50%; 
top: 35%;
width: 700px;
height: 448px;
margin-top: -224px;
margin-left: -350px;
border: 6px solid #B9F07F;
background : #51A100 url(images/bg_all.jpg) 0 111px  no-repeat; 
}

/* HEADER 
**********************************************/
	 
#header {
position : relative; 
width : 100% ; 
height : 111px ; 
background : url(images/top.jpg); 
text-align : left;
}

#header  h1 {
font-size : 40px ; 
margin : 0 10px 0 5px; 
padding : 10px 10px 0 10px;
color : #fff; 
text-transform : uppercase
}

#header p{
font-size : 14px ;  
margin : 0 10px 0 15px; 
padding : 0
}

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

ul {
margin : 0; 
padding : 0; 
list-style : none ; 
}

#menu {
width : 689px ; 
position : absolute ;
left : 0;
bottom : 0; 
border-bottom : 1px solid #000;
padding : 0 0 0 7px;
}

#menu li {
float : left ; 
padding : 0 0 6px 0 ; 
margin : 0; 
}

#menu li a {
text-decoration : none ; 
color : #fff; 
font-weight : bold ; 
padding : 0 10px 0 10px; 
margin : 0;
background : url(images/menu.jpg) no-repeat right ; 
}

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

/* MAIN
************************************************/

#main {}

/* SIDE
***********************************************/

#side {
float : left ;
 
width : 187px ; 
background : transparent;  
padding : 20px 0 0 0;
}

#side img {
border : 1px solid #000 ; 
margin : 5px 10px 0 15px; 
}

#side h2 {
font-size : 12px ; 
color : #fff; 
margin : 5px 10px 10px 15px ; 
padding : 0 0 10px 0;
border-bottom : 1px solid #BEFF7C;
}

#side ul {
margin : 10px 0 0 20px; 
}

#side li a {
color : #fff;
text-decoration : none;
padding : 0 0 5px 0; 
display : block ; 
}

#side li a:hover  {
text-decoration : underline;
}

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

#contenu {
float : left; 
width : 513px ;
overflow : auto ;
margin : 2px 0 0 0;
padding : 25px 0 0 0;
line-height : 15px; 
height : 310px;   
}

#contenu h2 {
font-size : 30px ; 
margin : 0 0 15px 10px ; 
padding : 0 ; 
font-family : arial; 
color : #fff ; 
letter-spacing : 4px ;
}

#contenu a {
font-weight : bold
}

/* PARAGRAPHES
*****************************************/ 

p {margin : 5px 10px 0 15px}

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

#footer {
position : absolute ;
bottom : -30px ;
left : 160px; 
margin : 0;
padding : 0;
color : #000;  
}

#footer a{
color : #000;
text-decoration : none ; 
}

#footer a:hover {
text-decoration : underline ; 
}

/* LIENS 
*****************************************/ 

a {color : #2E4A00 ; text-decoration : underline ;}
a:hover {text-decoration : none}