html, body {
height: 100%
}

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

/*  HEADER
*****************************************************************/

#header {
height : 60px ;
background : #0C0505;
}
 
#header h1  {
margin : 0;
padding : 20px 0 0 20px;
color : #D10000 ; 
font-size : 1.4em;
}
 
#header h1 a {
color : #7F7B7F;
text-decoration : none ; 
text-transform : uppercase ;
}
 
/*  MENU
*****************************************************************/

#menu {
height : 48px;
text-align: left;
background : #D1D3D5 url(images/bg-menu.jpg) repeat-x; 
color :#fff ; 
padding : 0 0 0 20px ; 
}

#menu ul{
height : 30px;
margin: 0;
padding: 17px 0 0 0 ;
list-style : none ;
background : url(images/bg-ul.jpg) 0 18px no-repeat  ; 
font-size : 90% ; 
}

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

#menu li a{
color : #0C0505; 
text-decoration : none ;
padding : 0 10px 0 15px;
text-transform : uppercase ; 
}

#menu li:first-child a {
background : none;
}

#menu li a:hover {
color : #D10000
}

/*  CONTENT
*****************************************************************/ 
 
#content {
text-align : left;
background : #fff url(images/bg-content-2.jpg) repeat-x ;  
}
  
#main {
width : 840px ;
overflow : auto ;
background : url(images/bg-content.jpg) repeat-y ;  
}

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

#contenu {
float : left ;  
width : 605px;
padding : 0 0 0 0; 
color : #525055 ; 
margin : 0 ;
background : #fff url(images/bg-content-2.jpg) repeat-x ;   
}

#contenu ul {
margin : 0;
padding : 0 10px  0 0;
list-style : none ; 
background : url(images/bg-ul-first-cont.jpg) repeat-x ; 
height : 16px ; 
color : #fff ;
text-align : right ;  
}

#contenu ul li a{
text-decoration : none ; 
color : #CED0D2 ; 
}

#contenu ul li a:hover{
color : #D10000 ; 
}


#contenu h3 {
margin :  0 ;
padding : 0; 
}
 
#contenu a {
color : #212121 ;
}

.first {padding : 0 0 0 20px}


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

.post {
position : relative; 
overflow : auto ;
margin : 0 0 60px 0;
padding : 0 40px 0 15px; 
}

.post img {
float : left ; 
margin : 0 30px 0 0
}

.post h1 {
font-size : 1.5em;
font-family : times; 
color : #B9030D ; 
margin :  0 ;
padding :  0;
position : relative; 
}
 
.post h1 span {
font-size : 90%;
color : #5D5C61; 
position : absolute;
right : 0;
top : 0; 
background : #CED0D2;
font-family : arial;
font-size : 60%;   
}

/*  SIDE
*****************************************************************/ 
 
#side {
float : left ;  
width : 207px;
color : #A49E9B;   
margin :  0;
padding :0;
}

#side h2 {
margin :  0 ;
padding : 0 0 0 10px ; 
font-size : 1.2em;
color : #A49E9B; 
background : #262119; 
height : 2em;
line-height : 2em; 
}

#side h2:first-child {
background : #262119 url(images/bg-side-first-h2.jpg) repeat-x; 
}

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

#side li  {
margin : 0;
padding : 0 0 0 10px ; 
background : url(images/bg-side-li.jpg) bottom repeat-x;
display : block ; 
height : 2em; 
line-height : 2em;  
}

#side li a {
color : #A49E9B;
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 80%; 
}

#side li a:hover {
color : #D10000; 
text-decoration : none ; 
}
 
/*  FOOTER
*****************************************************************/ 
 
#footer {
height : 40px ;
font-size : 90%; 
color : #A09996 ; 
}

#footer p {
margin : 0 ; 
padding : 0;
background : #2C2B2F ;  
text-align : center ; }

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

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