body, html {height : 100%}

body {
margin : 0 ; 
padding: 0;
background : #6D6A3A url(../images/site/bg.jpg); 
font-family : arial ; 
font-size : 80%
}

/* WEBSITE
************************************************************************/

#website {
position : relative ;
width : 883px ;
margin : 0 auto ; 
min-height : 100% ; 
background : #3C3C3C url(../images/site/bg-content.jpg) repeat-y ;
}
 
/* HEADER
************************************************************************/

#header { 
position : relative ; 
width : 883px ; 
height : 259px;  
background : url(../images/site/header.jpg) repeat-x ;
}

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

ul#menu {
position : absolute ;
left :20px ;
bottom : 23px; 
list-style : none ; 
margin : 0 ; 
padding : 0
}

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

ul#menu li a{
color : #BCA849;
text-decoration : none;
text-transform : uppercase ; 
}

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

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

#main {
width : 860px ; 
overflow: auto;
padding : 0 0 70px  13px
}


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

#contenu {
float : left ; 
width : 400px ;
padding : 0 10px 0 10px; 
}

#main_content {
float : left ; 
width : 415px ;
padding : 0 0 0 0;
height:100%; 
}

h1 {
color : #686536 ; 
font-size : 1.3em ;
}

.sous-h1  {
border-bottom : 1px solid #DEDAAC ;
padding : 0 0 10px 0;
font-size: 0.9em !important;
font-style: italic;
text-align: left !important;
}

#contenu p {
text-align:center;
}

/* LEFT SIDEBAR
************************************************************************/

#left-sidebar {
float : left ; 
width : 197px ; 
}

#left-sidebar ul {
position : relative ; 
margin : 0 ; 
padding : 0 ; 
list-style : none
}

#left-sidebar span  {
position : absolute ; 
left : -9999px;
top : -9999px ; 
}


#left-sidebar li a {
display : block ; 
}

#menu_1 {
height:59px;
background : url(../images/site/menu_1.jpg) no-repeat;
}
#menu_2 {
height:59px;
background : url(../images/site/menu_2.jpg) no-repeat;
}
#menu_3 {
height:59px;
background : url(../images/site/menu_3.jpg) no-repeat;
}

/* RIGHT SIDEBAR
************************************************************************/

#right-sidebar {
float : left ; 
width : 200px ; 
padding : 0 10px 0 10px
}

#right-sidebar h1 {
padding : 0 0 0 20px; 
background  : url(../images/site/li.jpg) left no-repeat ;
}

#right-sidebar p  {
border-bottom : 1px solid #DEDAAC ; 
padding : 0 0 10px 0;
}

/* FOOTER
************************************************************************/ 
 
#footer {
height : 70px ; 
width : 100% ;
background :  url(../images/site/footer.jpg) no-repeat ;
position : absolute ; 
bottom : 0 ;
left : 0 ;
text-align : right ;
}
 
#footer  p {
margin : 0 ; 
padding : 35px 175px 0 0; 
color : #a9a359;
}

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

/* SOUS MENUS
**********************************************************************/
.sous_menu li {
	margin-left: 30px;
	list-style:circle;
	height:20px;
}
.sous_menu a {
	color: black;
	text-decoration:none;
	height:10px;
	}

.menu_gr {
	list-style : none ; 
	margin : 0 ; 
	border-bottom:1px solid #DEDAAC;
	padding : 0 0 20px 0;
}

.menu_gr li {
	margin-left: 10px;
	list-style:none;
	height:20px;
	float: left;
}