html, body {
height: 100%;
}

body {
margin : 0 ;
padding : 0; 
background : url(images/bg.png) #e3edc3 repeat-x;
text-align : center;
font-size : 0.7em;
color : #000 ;
font-family : arial ;
line-height : 18px ; 
}

/*  SITE
********************************************************************/
 
#site { 
position : relative; 
width : 1000px;
margin : 0 auto;
text-align : left  ;
min-height: 100%;
background : url(images/bg-site.png) left repeat-y; 
}
     
/*  HEADER
********************************************************************/
   
#header {
position : relative ; 
height : 306px;
background : url(images/header.png);
margin : 0
}

/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/

#header h1 {
position : absolute ;
top : 7px; 
left : 20px ; 
color : #96896F;
margin : 0;
padding : 0 ; 
font-size : 1.4em ;
text-transform : uppercase ; 
font-weight : normal;  
}
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
   
#header #menu {
position : absolute ;
bottom : 8px ;
left : 38px; 
background : #000 ; 
list-style : none ;
margin : 0; 
padding : 0;
text-align: justify;
}

#header #menu  li{
float : left ;
margin-left: 20px;
text-transform : uppercase ; 
}
	
#header #menu  li a{
margin : 0 ; 
padding : 0 10px 0 0 ; 
text-decoration : none ;    
color : #EEE ;
font-weight : bold ;
}

#header #menu  li a:hover {
color : #fff ;
text-decoration : underline; 
}

#menuAcc {
	font-size: 1.3em;
}

#menuAcc a {
	color: black;
	text-decoration: none;
}

#menuAcc a:hover {
	text-decoration: underline;
}
	
/*  MAIN
********************************************************************/

#main, #footer {
width : 85%;
overflow : auto ;
margin : 0 auto; 
background: white;
border-left: 10px solid #EEE;
border-right: 10px solid #EEE;
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
float  : left ;
width: 810px;
margin : 0;
padding : 20px;
font-size : 120%; 
}

#form {
	margin: 50px 0 0 100px;
}

#form input {
	border: 1px solid gray;
}

/*  CONTENU >> POST
********************************************************************/	

.post {
padding : 0 0 20px 0;
}   

.post h2 {
font-size : 1.6em ; 
margin: 0 ; 
font-weight : normal;
color : #000;
}
 
.post p {
padding : 0 20px;
text-indent: 20px;
text-align : justify; 
}

.post table {
	width: 100%;
	margin-bottom: 40px;
}

.post table td {
	text-align: center;
	border: 1px solid #DDD;
}

#form table td {
	border: none;
	text-align: left;
}

table img {
	width: 100px;
	height: 70px;
}

hr {
	margin-bottom: 20px;
}

/*  FOOTER
*******************************************************************/ 
   
#footer { 
height :50px;
font-size : 90%;
background : #000 ;
text-align : center ; 
color: #fff;
padding-top: 10px;
}

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

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