body {
margin : 0 ; 
padding : 0  ; 
background : #fff url(images/header.jpg) repeat-x ;
font-size : 0.8em ; 
font-family : arial ; 
color : #5C5C5C; 
}

#website { 
width : 600px ; 
margin : 0 auto ; 
overflow : auto ;
}

#header {
background : #5C5C5C url(images/logo.png) no-repeat ;
height : 135px ;
margin : 0 ; 
padding : 0 ;
}

#header ul {
float : right; 
margin : 135px 0 0 0 ;  
}

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


#header li a {
text-decoration : none;
color : #5C5C5C
}

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

#contenu {
float : left ;
width : 600px ; 
padding : 20px 0 0 0 ; 
text-align : justify ; 
line-height : 18px ; 
}

#contenu p {
margin : 0 0 13px 0 ;
}

#contenu h2 {
font-size : 1.6em ;
}

#contenu h3 {
font-size : 1.4em ;
font-weight : normal ; 
background : #E8E8E8 url(images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;
}

#contenu h4 {
height : 40px;
font-size : 1.2em;
text-transform : uppercase; 
font-weight : normal; 
border-bottom : 1px solid #F0EDED; 
margin : 1px 0 0 0; 
padding : 0 0 1px 0;
background : url(images/h4.jpg) left bottom no-repeat;
text-indent : 50px; 
}

#contenu h4 .text{
height: 20px;
position:relative;
top: 10px;
}

#contenu ul {
margin : 10px 0 10px 0
}

#contenu li{
list-style-type: none;
background: url(images/puce.gif) no-repeat 0 0.32em;
padding-left: 15px;
}

#contenu .flottante{
float : right;
width :190px ;
margin: 10px;
}

#footer {
position : relative ; 
height : 30px ;
background : #E8E8E8 ;
border-top : 40px solid #fff ; 
width : 600px ; 
margin : 0 auto ;
text-align : center ; 
}
 
#footer p {
margin : 10px
}

#footer a {
text-decoration : none ; 
}

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

div.hr {
height : 18px ;  
border-top : 1px solid #F0EDED ; 
margin : 0;
}

div.hr hr {
display: none;
}
  
ul {
list-style : none ;
}  

a {
color : #606060;
}