body {
  background-color:#123;
  margin:20px;
}
a {
  text-decoration:none;
  color:#123;
}

.menu {
  float:left;
  width:200px;
  height:200px;
  padding:10px;
  margin-top:40px;
  background:#fff url("../img/tour1.png") scroll no-repeat top left;
}
.menu a {
  display:block:
}
.menu ul {
  margin:0;
  padding:20px;
}
.menu ul li {
  display:inline;
  list-style:none outside none;
  margin:0;
  padding:0;
}
.menu ul li a {
  display:block;
  padding:5px;
  margin:6px;
  background-color:#195877;
  font-weight:bold;
}
.menu ul li a:hover {
  background-color:#fff;
}
#haut {
  height:124px;
  background:#195877 url("../img/fond.png") top left;
  margin-bottom:10px;
}
#haut img {
  margin-left:100px;
  border-top:5px solid #123;
}
#milieu {
  background:#fff url("../img/fd2.gif") scroll repeat-x top right;
  padding:30px 10px;
}
#centre {
  margin:30px 20px 0 230px;
  background:#eee;
  padding:10px;
}
#centre h3 {
  margin:10px;
  color:#487;
  font-size:1.2em;
  border-bottom:1px dotted #487;
}
#centre p {
  margin:10px;
  font-family:Georgia, serif;
  color:#123;
  text-align:justify;
}
#bas {
  background:#fff url("../img/fd3.gif") scroll repeat-x bottom right;
  height:50px;
}
.devise {
  float:right;
  width:400px;
  color:#fff;
  font-family:courier;
}
.photod {
  float:right;
  padding:10px;
  width:230px;
  height:180px;
  background:#eee url("../img/ombre1.gif") right bottom no-repeat;
}
.photog {
  float:left;
  padding:10px;
  width:230px;
  height:180px;
  background:#eee url("../img/ombre1.gif") right bottom no-repeat;
}

.courrier {
  width:240px;
  border:1px solid #CCC;
  background-color:#FFF;
}
.courrier:focus {
  background-color:#EF8;
}
.envoi {
  width:240px;
  border:1px solid #CCC;
  background-color:#AAA;
}
.tableau{
  font-size:8pt;
  width:500px;
  padding:1em;
}
.tableau td {
  border-top:1px solid #ccc;
}
#navigation {
  width:500px;
}
.realisations li {
  font-weight:bold;
  width:300px;
  border:1px dotted #DDD;
  margin:3px;
  display:inline:
}
.realisations li a {
  display:block;
  padding:1px 1px 10px 25px;
}
.realisations li a:hover {
  background:url("../img/fd4.gif") bottom left no-repeat;
}