body {
margin : 10px 0; 
padding : 0; 
text-align : center; 
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
background: #e0e0e0;
} 
div#conteneur {
width : 600px; 
margin : 0 auto; 
text-align : left; 
background : #fff; 
border : 1px solid #000; 
} 
h1#header {
height : 150px; 
background : #000 url(header.png) no-repeat 0% 0%;
width:600px;
margin : 0; 
} 
h1#header a {
position : relative; 
left : 80px; 
top : 18px; 
font-size : 25px; 
color : #000; 
text-decoration : none; 
} 
div#contenu {
padding : 0 20px 0 20px; 
} 
div#contenu h2 {
padding-left : 50px; 
line-height : 30px; 
font-size : 1.4em; 
background : url(h2.gif) no-repeat 0% 100%; 
color : #333; 
border-bottom : 1px solid #333; 
margin : 0;
margin-bottom : 10px;
margin-top : 10px;
} 

div#contenu h4 {
padding-left : 50px; 
line-height : 30px; 
font-size : 1.4em; 
background : url(h1.gif) no-repeat 0% 100%; 
color : #333; 
border-bottom : 1px solid #333; 
margin : 0;
margin-bottom : 10px;
margin-top : 10px;
} 
div#contenu h5 {
padding-left : 50px; 
line-height : 30px; 
font-size : 1.4em; 
background : url(h3.gif) no-repeat 0% 100%; 
color : #333; 
border-bottom : 1px solid #333; 
margin : 0;
margin-bottom : 10px;
margin-top : 10px;
} 
div#contenu h3 {
margin-left : 10px; 
padding-left : 5px; 
border-bottom : 1px solid #333; 
color : #333; 
margin : 0;
margin-bottom : 10px;
margin-top : 10px;
} 
div#contenu p {
padding-right  : 215px; 
margin-left : 15px; 
text-align : justify ; 
line-height : 1.7em; 
color : #333; 
} 
div#contenu table {
margin-left : 7px; 
text-align : left; 
line-height : 1.7em; 
color : #333; 
} 
div#contenu a {
color : #333; 
text-decoration : none; 
background : #eee; 
} 
div#contenu a:hover {
color : #000; 
background : #ddd; 
text-decoration : none; 
} 
div#contenu h2 a , div#contenu h3 a {
color : #333; 
background : #fff; 
text-decoration : overline; 
} 
div#contenu h2 a:hover , div#contenu h3 a:hover {
color : #000; 
background : #fff; 
text-decoration : none; 
} 
pre {
overflow : auto; 
} 
#menu {
width : 600px; 
} 
ul#menu {
height : 30px; 
margin : 0; 
padding : 0; 
background : url(bg_menu.png) repeat-x 0 -20px; 
list-style-type : none; 
} 
ul#menu li {
float : left; 
text-align : center; 
} 
ul#menu li a {
padding : 0 10px; 
line-height : 20px; 
font-size : 0.7em; 
font-weight : bold; 
letter-spacing : 1px; 
color : #000; 
display : block; 
text-decoration : none; 
border-right : 1px solid #ccc; 
} 
ul#menu li a:hover {
color : #fff; 
background : url(bg_menu.png) repeat-x 0 0; 
} 
#vertical {
position: relative;
float: right;
right: 20px;
width: 140px;
text-align: right;
}
div#vertical h2 {
padding-left : 30px; 
line-height : 30px; 
font-size : 1.4em; 
background : url(h2.png) no-repeat 0% 100%; 
color : #333; 
border-bottom : 1px solid #333;
text-align: left;
}
div#vertical h3 {
margin-left : 10px; 
padding-left : 5px; 
border-bottom : 1px solid #333; 
border-left : 3px solid #333; 
color : #333; 
text-align: left;
}
div#vertical p {
margin-right : 5px; 
color : #333;
}
.menuv {
list-style-type: none;
margin: 0;
padding:0;
cursor: pointer;
}
ul.menuv li {
margin-left : 30px;
text-align: left;
}
ul.menuv li a {
line-height : 15px; 
font-size : 0.7em; 
font-weight : bold; 
color : #333;
text-decoration : none;
}
ul.menuv li a:hover {
color : #000;
background: #eee;
}
p#footer {
margin : 0; 
padding-right : 10px; 
line-height : 30px; 
text-align : right; 
color : #333; 
} 
p#footer a {
color : #333; 
background : #eee; 
text-decoration : none; 
} 
p#footer a:hover {
color : #000; 
background : #ddd; 
text-decoration : none; 
} 
p {
margin : 0; 
}