body, html {height : 100%}

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

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

#website {
position : relative ;
width : 808px ;
min-height : 100% ; 
background : #fff url(images/site/bg.jpg);
}
 
/* HEADER
************************************************************************/

#header { 
position : relative ; 
width : 808px ; 
height : 218px;  
background :  url(images/site/header.jpg)  ;
}

/* Menu Contact
************************************************************************/

ul#contact {
position : absolute ;
top :5px ;
right : 23px; 
list-style : none ; 
padding : 0;
margin : 0; 
}

ul#contact li{
float : left ; 
padding : 0 10px ;
margin : 0 0 0 -1px ;  
border-left : 1px solid #000; 
text-transform : uppercase; 
}

ul#contact li a{
color : #000;
text-decoration : none;
}

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

ul#contact  li:first-child {
border:0;
}

/* Menu Connexion
************************************************************************/

ul#connexion {
position : absolute ;
top :20px ;
right : 23px; 
list-style : none ; 
margin : 0 ; 
padding : 0;
text-transform : uppercase ; 
}

ul#connexion li{
float : left ; 
padding : 0 10px ; 
background : url(images/site/li.jpg) no-repeat; 
}

ul#connexion li a{
color : #B9030D;
text-decoration : none;
text-decoration : none; 
}

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

/* Menu Site
************************************************************************/

ul#menu {
position : absolute ;
left :50px ;
top : 65px; 
list-style : none ; 
margin : 0 ; 
padding : 0
}

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

ul#menu li a{
color : #0C0505;
text-decoration : none;
font-size : 120%; 
}

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

/* Centre
************************************************************************/

#main {
width : 758px ; 
overflow: auto ;
padding : 0 0 0 50px
}

/* Barre Latérale
************************************************************************/


#right-sidebar {
float : left ; 
width : 120px ; 
padding : 0  ;
color : #726865 ; 
}

#right-sidebar h2 {
padding : 0 0 20px 0 ; 
margin : 0; 
background  : #CED0D2 ;
color : #B9030D; 
font-size : 1.3em;
text-align : center;  
}

#right-sidebar ul{
margin : 10px 0 0 10px;
padding : 0 10px;
list-style : none; 
}

#right-sidebar li {
list-style-type:none; 
width:80px; 
height:20px;
line-height : 20px ;  
clear:both;
text-transform : uppercase; 
}

#right-sidebar a  {
position:relative;
display:block; 
width:80px; 
height:18px;
border-bottom :1px solid #eee;
color:#000; 
text-decoration:none;
}


#right-sidebar a span, #right-sidebar a:visited span {
display:none;
}


#right-sidebar a:hover {
color:#000; 
background-color:#fff;
text-decoration:none;
}


#right-sidebar a:hover span 
{position:absolute; 
display:block; 
left:-10px; 
top:4px; 
width:0px; 
height:0px; 
border-left:4px solid #c00;
border-top:4px solid #fff;
border-bottom:4px solid #fff; 
font-size:1px; line-height:0;
}

* html #right-sidebar a:hover span {width:4px; height:8px; w\idth:0; he\ight:0;}


#right-sidebar h3 {
background : #CED0D2;
line-height : 20px;
height : 20px; 
margin : 15px;
font-size : 1.3em;
color : #000;
font-weight : normal; 
text-align : center ; 
}

/* Contenu
************************************************************************/

#contenu {
float : left ; 
width : 600px ;
padding : 20px 10px 100px 20px; 
}
 
#contenu img {
float : left ; 
border-right : 20px solid #fff ; 
}
 
#contenu h2 {
margin : 7px 0 7px 0 ; 
padding : 0 0 0 170px;
color : #B9030D; 
font-family : times ;
font-size : 3em;  
}

#contenu p {
margin : 7px 0 7px 0 ; 
padding : 0 0 0 170px; 
line-height : 20px; 
}
 
/* Post
************************************************************************/
 
.post {
padding : 0 0 40px 0
}

.post-titre {
padding : 0 0 10px 0 ; 
border-bottom : 1px dotted #eee ; 
margin : 0 ;
}
 
/* Footer
************************************************************************/ 
 
#footer  {
position : absolute ;
bottom : 0 ; 
height : 82px ; 
width : 100% ;
text-align : right ;
margin : 20px 0 0 0 ; 
}
 
#footer p {
margin : 0 ; 
padding : 30px 150px 0 0; 
color : #A49E9B
}

#footer  a  {
color : #A49E9B;
text-decoration : none ;
}
 
#footer  a:hover  {
text-decoration : underline ;
}
 
/* LIENS
************************************************************************/

a {
color : #000;
}

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