body {
position: relative;
background: #000000;
color: #FFFFFF;
font-family: Arial,Geneva,Arial,sans-serif;
font-size: 9pt;
width: 820px;
padding: 15px; 
margin-left: auto;
margin-right: auto;
text-align: center;
}

.surface {
width: 820px;
}

.head {
background-image: url("img/Concourhead.jpg");
width: 820px;
height: 159px;
}

.menu {
position: relative;
top: 118px;
}

.image-top {
background-image: url("img/haut.jpg");
height: 112px;
text-align: justify;
padding: 20px;
}

.image {
background-image: url("img/image.jpg");
width: 148px;
height: 110px;
float: left;
}

.txt-haut {
float: right;
width: 615px;
position: relative;
bottom: 12px;
}

.white-background {
color: #000000;
background-color: #ffffff;
text-align: justify;
padding: 20px

}

.bold {
font-weight: bold;
}

h3 {
color: #cc9933;
}

.bottom-bar {
background-color: #666600;
height: 10px;
}

li.menuli {
font-weight: bold;
display: inline;
padding: 10px;
}

img {
border: none;
}

.u {
TEXT-DECORATION:underline;
}

.center {
text-align: center;
}

.copyright {
font-weight: bold;
position: relative;
top: 7px;
}

a:link { color: #CC9933;; text-decoration: none }
a:visited { color: #CC9933;; text-decoration: none }
a:hover { color: #ffcc00; text-decoration:none }

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

form label {display: block;float: left;clear: left;width:100px;text-align:right;vertical-align:top;margin:5px 0px}
#userInput textarea, #userInput input {margin:5px 2px;vertical-align:top;}