body {
background: #232323;
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: Arial,Geneva,Arial,sans-serif;
}

a.menubastitre:link { font-weight: bold; color: #FFFFFF; text-decoration: none; }
a.menubastitre:visited { font-weight: bold; color: #FFFFFF; text-decoration: none }
a.menubastitre:hover { font-weight: bold; color: #FFFFFF; text-decoration: underline }


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

#nav a:link {  text-decoration: none }
#nav a:visited {  text-decoration: none }
#nav a:hover {  text-decoration: none }

a.recherche:link { color: #000000; text-decoration: none }
a.recherche:visited { color: #000000; text-decoration: none }
a.recherche:hover { color: #195393; text-decoration: none }

a:link { color: #195393; text-decoration: none }
a:visited { color: #195393; text-decoration: none }
a:hover { color: #195393; text-decoration: underline }

.surface {
margin-left: auto;
margin-right: auto;
width: 736px;
}

.logo {
padding: 15px;
width: 25%;
float: left;
}

.fond {
position: absolute;
background-image: url("img/fond.jpg");
height: 360px;
width: 100%;
}

.menu {
position: relative;
background-image: url("img/imgmenu.jpg");
width: 742px;
height: 41px;
}

.recherche {
background-image: url("img/recherche.jpg");
width: 304px;
height: 39px;
float: right;
position: relative;
padding-left: 31px;
background-repeat: no-repeat;
top: -3px;
}

.txtrecherche {
position: relative;
background-image: url("img/txtrecherche.jpg");
padding: 5px;
width: 153px;
height: 17px;
color: #FFFFFF;
border: 0px;
margin-top: 7px;
font-weight: bold;
text-align: center;
}



ul#nav {
position: relative;
padding-top: 12px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin: 0px;
left: 0px;
}

#nav li {
list-style: none;
float: left;
padding: 0px;
padding-left: 0px;
width: 103px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}

a.tmenu {
color: #000000;
font-size: 10px;
}

.description-txt {
color: #FFFFFF;
padding-left: 7px;
padding-top: 3px;
}

.surface-top {
background-image: url("img/surface-top.jpg");
width: 733px;
height: 13px;
float: left;
margin-top: 5px;
padding: 6px;
}

.surface-middle {
background-image: url("img/surface-middle.jpg");
width: 725px;
float: left;
padding-right: 10px;
padding-left: 10px;
background-color: #CCCCCC;
}

.gras {
font-weight: bold;
}

.menu-haut {
background-image: url("img/menu-haut.jpg");
width: 745px;
height: 26px;
float: left;
}

.menu-milieu {
background-color: #4b75a4;
width: 745px;
float: left;
}

.menu-bas {
background-image: url("img/menu-bas.jpg");
width: 745px;
height: 26px;
float: left;
color: #FFFFFF;
font-size: 10px;
}


.right {
float: right;
}

.left {
float: left;
padding-right: 5px;
}

ul.menubas {
float: left;
font-size: 10px;
padding: 10px;
width: 86px;
}

ul.menubas li {
list-style: none;
}

.center {
text-align: center;
}

img {
border: 0px;
color: none;
}

.formButton:hover {
 width:29px;
 height:30px;
 margin: 0;
 padding: 0;
 border: 0;
 text-indent: -1000em;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 background-color: transparent;
 background-image:url(img/go-hover.jpg);
 background-repeat:no-repeat;
 background-position:left top;
 
}

.formButton {
 width:29px;
 height:30px;
 margin: 0;
 padding: 0;
 border: 0px;
 text-indent: -1000em;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 background-color: transparent;
 background-image:url(img/go.jpg);
 background-repeat:no-repeat;
}

.formButton2 {
 width:91px;
 height:28px;
 margin: 0;
 padding: 0;
 border: 0;
 text-indent: 0em;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 background-color: transparent;
 background-image:url(img/valider.jpg);
 background-repeat:no-repeat;
 background-position:left top;
}

.formButton2:hover {
 width:91px;
 height:28px;
 margin: 0;
 padding: 0;
 border: 1px;
 text-indent: -1000em;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* for IE 5.x */
 background-position:left -27px;
 background-color: transparent;
 background-image:url(img/valider.jpg);
 background-repeat:no-repeat;
}

.copyright {
position: relative;
float: right;
text-align: right;
padding: 10px;
width: 250px;
color: #FFFFFF;
font-size: 10px;
}

.copyright img {
position: relative;
top: 2px
}

.surface-middle ul li {
list-style-image: url("img/li.jpg");
list-style-position: outside;
}
label.la {display: block;float: left;clear: left;width:100px;text-align:right;vertical-align:top;margin:4px 5px}
textarea.la {display: block;width:320px;text-align:left;vertical-align:top;margin:5px 0px}
#userInput textarea, #userInput input {margin:5px 2px;border:1px solid #000;vertical-align:top;}
#formFooter {margin-left:100px}
#formFooter input {margin:5px 2px;}

td.sponsor {
padding-left: 50px; padding-right: 50px;
}

td.sponsor-bas {
padding-left: 25px; padding-right: 0px;
}