body{
color:#FFFFFF;
background-color:#000000;
/*background-image:url...);*/
}

#conteneur{
border:solid 5px white;
width: 50em;
margin: auto;
background-color: black;
}

#entete img {
display:block;
width: 100%;
border:none;
}

#general{
width:45em;
margin:3em;
}

.duoimg{
display:block;
text-align:center;
width:44em;
}

.lionelimg, .stephaneimg{
display:block;
text-align:center;
width:20em;
float:left;
margin-right:1em;
}

.constructionimg{
display:block;
margin-left:17.5em;
width:10em;
}


#menu {
display:block;
width: 100%;
/*
position:absolute;
top: 13.3em;
left: 14.5em;
*/
z-index:100;
}

#menu dl {
float:left;
width: 7em;
margin: 0 1px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background:#CCCCCC;
border: 1px solid gray;
color:#000000;
}

#menu dd {
border: 1px solid gray;
}

#menu li {
text-align: center;
background: #fff;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu dt a:hover {
background:#CCCCCC;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

h1{
text-align:center;
}

h2{
text-decoration:underline;
}


#pieddepage{
text-align:center;
}

br{
margin:0.5em;
}

hr{
width:80%;
}

a{
color:#CCCCCC;
text-decoration:underline;
}

a:hover{
color:#999999;
text-decoration:underline;
}

input, textarea{
   font-family: "Times New Roman", Times, serif;
   color:#000000; 
}

.bouton{
color:#000000;
}

input:focus, textarea:focus {
   background-color:#CCCCCC;
}

label{
   color: black; 
}
.message{
color:#FFFFFF;
}

.destinataire{
color:#FFFFFF;
}

fieldset{
   margin-bottom: 15px;
   background-color:#FFFFFF;
}