/* CSS Document */

body {
  background: url(../images/bgbody.gif) ;
  background-repeat: x-repeat ;
  margin: 0px ;
  text-align: center ;
  color:#ccc;
}

div.centresite {
  width: 800px ;
  height: 700px ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: center ;
}

div.fondhaut {
  position: relative ;
  width: 700px ;
  height: 31px ;
  background: url(../images/valerie.jpg) ;
  background-position: right ;
  background-repeat: no-repeat ;
  top: 30px ;
  left: 0px ;
  padding-top: 12px ;
  margin-left: auto ;
  margin-right: auto ;
  text-align: left ;
}

div.fond_gris {
  position: relative ;
  width: 700px ;
  height: 545px ;
  background: #3f3f3f ;
  top: 40px ;
  left: 0px ;
  margin-left: auto ;
  margin-right: auto ;
}

div.bordure_noire {
  position: relative ;
  width: 644px ;
  height: 494px ;
  top: 15px ;
  left: 0px ;
  margin-left: auto ;
  margin-right: auto ;
  border: 8px #000000 solid ;
}

div.fond_flash {
  position: relative ;
  width: 620px ;
  height: 465px ;
  background: #000000 ;
  top: 9px ;
  left: 0px ;
  padding-top:10px;
  margin-left: auto ;
  margin-right: auto ;
}

div.menubas {
  position: relative ;
  width: 700px ;
  height: 25px ;
  background: #3f3f3f ;
  top: 60px ;
  left: 0px ;
  margin-left: auto ;
  margin-right: auto ;
}

ul.menuhaut {
  list-style-type: none ;
  margin: 0px ;
  padding: 0px ;
}

li.menuhaut {
  display: inline ;
  margin-left: 30px ;
  font-family: arial, helvetica ;
  font-size: 8pt ;
  color: #cccccc ;
}

li.menuhaut a{
  font-family: arial, helvetica ;
  font-size: 8pt ;
  color: #b7b7b7 ;
  text-decoration:none;
}

li.menuhaut a:hover{
  color: #FFFFFF ;
  text-decoration:none;
}

li.menubas {
  display: inline ;
  font-family: arial, helvetica ;
  font-size: 8pt ;
  color: #777777 ;
}

ul.menubas {
  list-style-type: none ;
  margin: 0px ;
}


div.copyright {
  position: relative ;
  width: 700px ;
  background: #3f3f3f ;
  top: 70px ;
  left: 0px ;
  margin-left: auto ;
  margin-right: auto ;
  color:#777;
  text-align:left;
}