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 : 823px ;
margin : 0 auto ; 
min-height : 100% ; 
background : #3C3C3C url(images/site/bg-content.jpg) repeat-y ;
}
 
/* HEADER
************************************************************************/

#header { 
position : relative ; 
width : 823px ; 
height : 260px;  
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 : 800px ; 
overflow: auto;
padding : 0 0 70px  13px
}

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

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

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

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

#left-sidebar li  {}

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

#SP {background : url(images/site/boot-sp.jpg) no-repeat ; }
#CTM {background : url(images/site/boot-ctm.jpg) no-repeat ;}
#MI {background : url(images/site/boot-mi.jpg) no-repeat;}

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

#right-sidebar {
float : left ; 
width : 180px ; 
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;
}

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

#contenu {
float : left ; 
width : 380px ;
padding : 0 10px 0 10px; 
}
 
/* 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 : 40px 100px 0 0; 
color : #DEDAAC
}

#footer  a  {
color : #DEDAAC;
text-decoration : none ;
}
 
 #footer  a:hover  {
text-decoration : underline ;
}
 
h1 {color  : #686536 ; font-size : 110% ; }
p.sous-h1  {border-bottom : 1px solid #DEDAAC ; padding : 0 0 10px 0}