/* Feuille CSS réalisée par blueshit http://designdesk.org grace a quelques exelents tutorials :
http://www.elmoustikoblog.net/tutos/sources/structure_page/etape1.html
http://www.alsacreations.com/articles/modeles/g_fixe.htm
Feuille de style vadide W3C ! */

body {
margin : 10px 0; 
padding : 0; 
text-align : center; 
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
background : #000 url(bg.png) repeat-x fixed 50% 0%; 
} 
div#conteneur {
width : 770px; 
margin : 0 auto; 
text-align : left; 
background : #000; 
border : 1px solid #fff000; 
} 
h1#header {
height : 70px; 
background : #000 url(header2.png) no-repeat 0% 0%;
width:770px;
margin : 0; 
} 
h1#header a {
position : relative; 
left : 80px; 
top : 18px; 
font-size : 25px; 
color : #fff000; 
text-decoration : none; 
} 
#contenu ul{
color:#fff000; 
}

div#contenu {
padding : 0 180px 0 20px; 
} 
div#contenu h2 {
padding-left : 30px; 
line-height : 30px; 
font-size : 1.4em; 
background : url(h2.png) no-repeat 0% 100%; 
color : #fff000; 
border-bottom : 1px solid #fff000; 
} 
div#contenu h3 {
margin-left : 10px; 
padding-left : 5px; 
border-bottom : 1px solid #fff000; 
border-left : 3px solid #fff000; 
color : #fff000; 
} 
div#contenu p, #contenu h6, #contenu h5 {
margin-left : 15px; 
text-align : left; 
line-height : 1.7em; 
color : #fff000; 
} 
div#contenu table {
margin-left : 7px; 
text-align : left; 
line-height : 1.7em; 
color : #fff000; 
} 
div#contenu a {
color : #fff000; 
text-decoration : underline;  
} 
div#contenu a:hover {
color : #564900; 
background : #fff000; 
text-decoration : none; 
} 
div#contenu h2 a , div#contenu h3 a {
color : #fff000; 
background : #564900; 
text-decoration : overline; 
} 
div#contenu h2 a:hover , div#contenu h3 a:hover {
color : #564900; 
background : #fff000; 
text-decoration : none; 
} 
pre {
overflow : auto; 
} 
#menu {
width : 770px; 
} 
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 : #fff000; 
display : block; 
text-decoration : none; 
border-right : 1px solid #564900; 
} 
ul#menu li a:hover {
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 : #fff000; 
border-bottom : 1px solid #fff000;
text-align: left;
}
div#vertical h3 {
margin-left : 10px; 
padding-left : 5px; 
border-bottom : 1px solid #fff000; 
border-left : 3px solid #fff000; 
color : #fff000; 
text-align: left;
}
div#vertical p {
margin-right : 5px; 
color : #fff000;
}
.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 : #fff000;
text-decoration : none;
}
ul.menuv li a:hover {
color : #fff000;
background: #564900;
}
p#footer {
margin : 0; 
padding-right : 10px; 
line-height : 30px; 
text-align : right; 
color : #fff000; 
} 
p#footer a {
color : #fff000; 
text-decoration : none; 
} 
p#footer a:hover {
color : #564900; 
text-decoration : none; 
}
#liens_ban, #liens_ban h5
{
text-decoration:none;
text-align:center;
}
#liens_ban  a img
{
border:none;
} 