* {
background: none;
margin:0; padding:0; border: 0px none;
}

html, body {
text-align : center;
background: #ffffff;
font : normal 83%/1.5em verdana, serif;
}

a {
  text-decoration: none;
  color: green;
  font-weight: bold; 
}

a:hover {
text-decoration: underline;
}

#logo {
background: #33cc33 url('http://pagesperso-orange.fr/moulindemarnay/ferienhaus/image/logo1.gif') no-repeat;
text-align : center;
margin: 5px auto 0 auto;
border: 1px green solid;
font-size: 1.5em;
width: 850px;
height: 80px;
}

#logo span {
position: absolute;
left: -2000px;
}

#centre {
top:0;
width: 850px;
margin: 0 auto;
overflow: hidden;
padding: 0;
border-left: 1px green solid;
border-right: 1px green solid;
}

#menu {
float: right;
width: 149px;
height: 100%;
text-align : center;
padding-top: 10px;
padding-bottom: 2px;
color: #00cc00;
}

#menu a {
color: green;
padding-right: 10px;
}

#menu h4 {
color: #006600;
font-size: 1em;
border-bottom: black 2px solid;
padding-right: 5px;
}

#contenu {
float: left;
width: 650px;
height: 100%;
text-align : center;
padding: 10px;
}

#contenu:after {
content: "";
display: block;
clear: both
}

#copyright {
width: 850px;
margin: 0 auto 5px auto;
background: #66ff66 ;
width: 850px;
padding: 0;
padding-top: 2px;
padding-bottom: 2px;
color: black;
border: 1px green solid;
}

#copyright a {
color: black;
}

h2 {
color: #006600;
font-size: 2em;
border-bottom: green 2px solid;
}

p{
padding: 5px;
}
   <!--d&eacute;but du code bord pour le tableau{  }
{  }
table {
border: medium solid #000000;
width: 50%;
}
td, th {
border: thin solid #6495ed;
width: 50%;
}