/* html, body, wrapper */
html{
margin: 0;
padding: 0;
}
body{
margin: 0;
padding: 0;
background-color: #000000;
}
#wrapper{
width: 798px;
height: 852px;
margin: auto;
padding: 0;
}
/* banner */
#banner{
background-image: url(essai.gif);
background-position: top center;
background-repeat: no-repeat;
margin: 0;
padding-top: 1px;
height: 187px;
width: 798px;
color: #8F143B;
}
#banner ul{
text-align: right;
padding-top: 2%;
padding-right: 2%;
}
#banner li{
display: inline;
}
#banner a{
font-family: Verdana;
font-size: 14px; 
text-decoration: none;
color: #8F143B;
}
#banner a:hover{
text-decoration: underline;
color: #a56c73;
}
p.contact{
float: right;
margin-top: 70px;
margin-right: 15px;
padding: 0;
}
p.contact img{
border: none;
}
/* container */
#container{
margin: 0;
padding: 0;
}
/* menu */
#menu{
background-image: url(menu.gif);
background-repeat: no-repeat;
background-position: top center;
width: 798px;
height: 47px;
padding: 0;
margin: 0;
}
li.info{
position:relative;
text-decoration: none;
list-style-type: none;
font-family: Verdana;
font-size: 16px;
color: #CCCCCC;
}
li.info:hover {
background: none; 
z-index: 500; 
list-style-type: none;
font-family: Verdana;
font-size: 16px;
color: #CCCCCC;
}
li.info span {
display: none;
}
li.info:hover span{
display: list-item;
position: absolute;
font-size: 10px;
font-weight: normal;
color: #000000;
width: 100px;
top: 20px;
left: 0;
padding: 0;
border-left: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
}
ul.niveau1{
width: 100%;
margin: auto;
padding-top: 10px;
}
ul.niveau1 li{
margin: 0;
padding: 7px;
display: inline;
list-style-type: none;
}
ul.niveau1 li a{
font-family: verdana;
font-size: 16px;
color: #CCCCCC;
text-decoration: none;
}
ul.niveau2{
width: 90%;
margin-top: 7px;
margin-left: 2px;
padding: 0;
}
ul.niveau2 li{
margin-bottom: 1px;
padding: 0;
display: list-item;
list-style-type: none;
}
ul.niveau2 li a{
list-style-type: none;
font-family: verdana;
font-size: 14px;
color: #CCCCCC;
text-decoration: none;
}
ul.niveau1 li a:hover{
background-image: url(ligne.jpg);
background-repeat: no-repeat;
background-position:  bottom center;
padding-bottom: 5px;
}
ul.niveau2 li a:hover{
background-image: none;
text-decoration: underline;
}
/* content */
#content{
width: 798px;
height: 529px;
background-image: url(content.gif);
background-repeat: no-repeat;
background-position: top center;
margin: 0;
padding-top: 50px;
}
/* text */
#text{
width: 80%;
height: 90%;
margin-left: 5%;
padding-right: 14%;
overflow: auto;
text-align: justify;
color: #CCCCCC;
font-family: Verdana;
font-size: 14px;
}
ul.editeur{
list-style-type: square;
}
p.mail{
text-align: center;
padding: 0;
margin-top: 0;
}
p.map{
text-align: center;
}
a.mail{
text-decoration: none;
font-family: Verdana;
font-size: 16px;
color: #a56c73;
}
a.mail:hover{
text-decoration: underline;
}
/*images*/
.images{
margin-top: 0;
padding: 0;
float: left;
}
.images td{
vertical-align: top;
margin: 0;
padding: 0;
width: 300px;
text-align: center;
}
.images td.liens{
width: auto;
padding: 10px;
}
/*membres*/
.fichier{
font-family: Verdana;
font-size: 16px;
color: #CCCCCC;
text-decoration: none;
}
.fichier:hover{
text-decoration: underline;
}
/* footer */
#footer{
width: 798px;
height: 35px;
margin: 0;
padding-top: 2px;
background-image: url(footer.gif);
background-position: top center;
background-repeat: no-repeat;
}
#footer ul{
list-style-type: none;
text-align: right;
}
#footer li{
display: inline;
padding: 1%;
}
#footer li a{
text-decoration: none;
font-family: Verdana;
font-size: 12px;
color: #8F143B;
}
#footer li a:hover{
text-decoration: underline;
color: #a56c73;
}