body
{
  background-color: #cfd0d2;
  margin: 5px; /* pour eviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
  font-family: Verdana, Arial, sans-serif;
 }
#global
{
  position:absolute;
  left: 50%;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  height: 550px;
  margin-top: -275px; /* moitié de la hauteur */
  margin-left: -490px; /* moitié de la largeur */
  border: 1px solid #000;
  text-align: left; /* on retabli l'alignement normal du texte */
  background-image: url("../images/fond03.jpg");
  background-repeat: no-repeat;
}

#container
{
  position: relative;
  width: 980px;
  height: 550px;
}


#header
{
  height: 80px;
  margin: 0;
}

#logo {
  width: 155px;
  margin: 10px 0 0 40px;
  float: left;
}

/*menu*/
#nav {
  padding: 43px 0 0 0;
  margin: 0 20px 0 193px;
  height: 18px;
  list-style: none;
  font-size: 0.7em;
  border-bottom: 1px solid #fff;
  color: #fff;
}

#nav li {
  display: inline;
  padding: 0 0 0 10px;
}

#nav li a {
  text-decoration: none;
  color: #fff;
}

#nav li a:hover {
  font-weight: bold;
  letter-spacing: -1px;
}
/*-------------------------*/

#contenu 
{
  position : absolute;
  top: 300px;
  left: 0px;
  width: 980px;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
}

#contenu02 
{
  position: absolute;
  left: 170px;
  top: 200px;
  width: 320px;
  height: 220px;
  color: #fff;
  font-size: 0.8em;
  z-index: 4;
}

#contenu02 a
{
  color: #000;
}

#contenu02 a:hover
{
  color: #000;
  text-decoration: none;
}

#left {
  float: left;
  clear: left;
  width: 300px;
  color: #000;
}

#right {
  float: right;
  clear: right;
  width: 350px;
}

/*page plan*/
#left_plan 
{
  position: absolute;
  top: 380px;           
  left: 105px;
  width: 200px;
  color: #fff;
  font-size: 1.1em;  
}

#plan 
{
  position: absolute;
  top: 145px;
  left: 325px;
  }
/*----------------------*/

/*page reserver*/

#form_book
{ 
  position: absolute;
  top: 150px;
  left: 530px;  
  height: 350px;
  width: 350px;
}

.right_reserver 
{
  width: 350px;
  height: 360px;
  border: 1px solid #cc3333;
  font-size: 12px;
  z-index: 3;

}

#info_tarifs 
{
  position: absolute;
  top: 240px;
  left: 290px;
  width: 150px;
  height: 148px;
}
/*----------------------*/

/*page tarifs*/
#tarifs 
{
  position: absolute;
  left: 450px;
  top: 230px;
  background-color: #fff;
  color: #000;
  padding: 20px;
  width: 400px;    
  border: 1px solid #cc3333;
  font-size: 0.8em;
  letter-spacing: 1px;
}

#left_tarifs 
{
  
  position: absolute;
  left: 205px;
  top: 235px;
  width: 200px;
  height: 120px;
  color: #fff;
  font-size: 1.0em;

}
/*------------------------*/

/*formulaires*/
form {
  background-color: #fff;
  color: #000;
  padding: 5px 0 0 10px;
}

.input {
  border: 0;
  border-bottom: 1px dotted #cc3333;
  padding: 0;
}

/*------------------------*/
/*--------- Page contact ------*/
 #right_contact {
  position: absolute;
  left: 250px;
  top: 350px;
    color: #fff;
    width: 400px;
}

 #right_contact a
{
  text-decoration: none;
  color: #fff;
}

#left_contact {
  position: absolute;
  left: 80px;
  top: 330px;
}

#mentions
{
  position : absolute; 
  top : 555px;
  left: 0px;
  width: 980px;
  text-align: center;
  color: #454545;
  font-size: 10px;
}

#mentions a
{
  color: #454545;
}

#mentions a:hover
{
  text-decoration: none;
}


img {
border: none;
}

#brit{ 
position: absolute;
left: 180px;
top: 300px;
width: 300px;
z-index: 3;
color: #000;
 }
#layer{ 
        position: absolute;
        left: 170px;
        top: 200px;
        width: 320px;
        border: 1px solid #c33;
        height: 220px;
        background-color: #fff;
/*
        filter:alpha(opacity=50);
        moz-opacity:0.5;
        opacity: 0.5;
        z-index: 2;
*/
 }