body{
height: 100%;
}

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

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

#site {
position:absolute;
left: 50%; 
top: 50%;
width: 700px;
height: 448px;
margin-top: -224px;
margin-left: -350px;
border: 6px solid #fff;
background : #fff ; 
}

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

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

#header p {
font-size : 24px ; 
color : #000; 
margin : -10px 10px 0 10px ; 
padding : 0 ; 
font-family : veranda ; 
color : #fff ; 
letter-spacing : 4px;
font-weight : bold ; 
}

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

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

#menu {
background : #fff url(images/bg_deco.jpg) bottom repeat-x;
height : 31px; 
width : 100% ; 
background-color : #fff; 
text-align : center
}

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

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

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

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

#side {
float : left ; 
width : 187px ;   
color : #707070; 
padding : 10px 0 0 0; 
}

#side h2 {
font-size : 12px ; 
color : #000; 
margin : 5px 10px 0 15px ; 
padding : 0
}

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

#side  ul {
list-style : none;
margin : 8px 0 0 17px;
padding : 0;
}

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

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

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

#contenu {
float : left; 
width : 513px ;
height : 316px;
background-color : #fff;
color : #707070;
overflow : auto ;
padding : 15px 0 0 0; 
line-height : 15px;  
}

#contenu h2 {
font-size : 24px ; 
color : #000; 
margin : 5px 10px 15px 15px ; 
padding : 0 0 5px 0; 
}

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

#footer {
	position : absolute;
	bottom : -40px;
	left : 290px;
	margin : 0;
	padding : 0;
	overflow: visible;
	top: 490px;
}

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

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

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

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

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

a {color : #707070; text-decoration : none ;}
a:hover {text-decoration : none}