body {
background: #000000;
font-family: Verdana, Geneva,
Arial, sans-serif;
font-size: 13px;
color: #FFFFFF;
}

img {
border: 0;
}

.surface {
margin-left: auto; 
margin-right: auto;
position: relative;
width: 850px;
}

a.white:link { color: #FFFFFF; text-decoration: none }
a.white:visited { color: #FFFFFF; text-decoration: none }
a.white:hover { color: #c7c7c7; text-decoration: none }

a.black:link, visited { color: #000000; text-decoration: none }
a.black:visited { color: #000000; text-decoration: none }
a.black:hover { color: #676767; text-decoration: none }

a.red:link { color: #a01b1e; text-decoration: none }
a.red:visited { color: #a01b1e; text-decoration: none }
a.red:hover { color: #b70100; text-decoration: underline }

.logo {
position: absolute;
top: -55px;
left: 0px;
float: left;
}

.menu {
position: absolute;
font-family: Arial,Geneva,Arial,sans-serif;
top: 88.5px;
left: 0px;
}

li.top {
position: relative;
display: inline;
padding: 34.5px;
font-weight: bold;
top: 102px;
left: -65px;
}

.header {
position: absolute;
top: 130px;
right: 0px;
}

.connection{
position: absolute;
top: 371px;
right: 1px;
}

.txt-defile {
color: #000000;
position: absolute;
top: 379px;
left: 10px;
 width: 283px;
 direction:"left" scrollamount="4"
 margin-left:10px;
}

.txt-menu {
color: #000000;
position: absolute;
top: 379px;
right: 40px;
}

.fondtxt {
position: absolute;
top:  403px;
}

.txtbienvenu {
position: absolute;
font-family: Arial,Geneva,Arial,sans-serif;
top: 419px;
left: 32.5px;
width: 784px;
font-size: 12pt;
}

.article {
position: absolute;
font-family: Verdana, Geneva,
Arial, sans-serif;
font-size: 8pt;
left: 659px;
bottom: 51px;
}

.text {
padding: 14px;
overflow: auto;
position: absolute;
font-family: Arial,Geneva,Arial,sans-serif;
left: 19.5px;
top: 457px;
text-align: justify;
width: 799px;
height: 340px;
}

.text2 {
overflow: auto;
position: absolute;
font-family: Arial,Geneva,Arial,sans-serif;
left: 562.5px;
top: 456px;
text-align: justify;
width: 250px;
height: 368px;
}

li{
font-weight: normal;
list-style-image: url(img/li.gif);
display: list-item;
list-style-position: outside;
left: 0px;
top: 0px;
bottom: 0px;
width: 650px;
}

.copyright {
position: absolute;
font-weight: bold;
top: 845px;
width: 850px;
text-align: center;
}