/* CSS Document */

body{
  font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normaal;
	margin: 0px;
	text-align: justify;
  }
  
table{
  font-size: 100%;
  width: 100%;
  }
  
/* Conteneur général ne pas modifier */
#conteneur {
  position: absolute;
  left: 50%;
  margin-right:auto;
  margin-left:-400px;
  top: 0px; 
	width: 805px;
	height: auto;
  }

#header {
  position: relative;
  top: 0px;
  left: 0px;
	width: 805px;
	height: 85px;
	background-image: url(../image_en/header_en.gif);
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	background-repeat: no-repeat;
  }

#bloc_left {
  position: relative;
  float: left;
  top: 0px;
  left: 3px;
	width: 230px;
	height: auto;
	color: rgb(0,0,0);
	font-size: 10px;
	}
  	
/* Ne pas modifier */
#center {
  position: relative;
  float: left;
  top: 0px;
  left: 25px;
  width: 546px;
  height: auto;
  background-image: url(../image_en/roux_en.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  }

#center2 {
  position: relative;
  float: left;
  top: 0px;
  left: 20px;
  width: 546px;
  height: auto;
  }

#center3 {
  position: relative;
  float: left;
  top: 0px;
  left: 0px;
  width: 805px;
  height: auto;
  background-image: url(../image/border_hotel.gif);
  }

#center4 {
  position: relative;
  float: left;
  top: 0px;
  left: 20px;
  width: 546px;
  height: 590px;;
  }
  
#reservation {
  position: relative;
  width: 230px;
  height: 230px;
  background-image: url(../image_en/recherche_en.gif);
  }

#randimage {
  position: relative;
  top: 10px;
  width: 230px;
  height: 270px;
  }
    
/* Ne pas modifier */  
#footer_index {
  position: relative;
  float: right;
  top: 0px;
  left: -4px;
  border-top: 1px solid rgb(50,0,50);
  width: 796px;
  height: 30px;
  color: rgb(50,0,50);
  font-size: 10px;
  background-color: rgb(255,255,255);
  word-spacing: 5px;
  }

#footer {
  position: relative;
  float: right;
  top: 20px;
  left: -4px;
  border-top: 1px solid rgb(50,0,50);
  width: 796px;
  height: 30px;
  color: rgb(50,0,50);
  font-size: 10px;
  background-color: rgb(255,255,255);
  word-spacing: 5px;
  }
  
.texte{
  padding-top: 0px;
  *padding-top: 10px;
  position: absolute;
  top: 30px;
  width: 440px;
  height: 470px;
  }

#news{
  position: relative;
  float: left;
  width: 300px;
  height: 250px;
  background-image: url(../image/news.gif);
} 
 
img{
  border: 0;
  }

a{ text-decoration: none; color: rgb(0,0,0); font-size: 11px; } 
a:link { color: rgb(0,0,0); font-size: 11px; }    /* cibles non encore visitées */
a:visited { color: rgb(0,0,0); font-size: 11px; } /* cibles visitées */
a:hover { color: rgb(247,113,5); font-size: 11px; }   /* Liens pour "MouseOver" */
a:active { color: rgb(0,0,0); font-size: 11px; }  /* Liens cliqués */

a.hotelmenu{ text-decoration: none; color: rgb(0,0,0); font-size: 11px; } 
a.hotelmenu:link { color: rgb(0,0,0); font-size: 11px; }    /* cibles non encore visitées */
a.hotelmenu:visited { color: rgb(0,0,0); font-size: 11px; } /* cibles visitées */
a.hotelmenu:hover { color: rgb(247,113,5); font-size: 11px; }   /* Liens pour "MouseOver" */
a.hotelmenu:active { color: rgb(0,0,0); font-size: 11px; }  /* Liens cliqués */

a.mail{ text-decoration: none; color: rgb(0,0,0); font-size: 11px; text-align: left; } 
a.mail:link { color: rgb(0,0,0); font-size: 11px; text-align: left; }    /* cibles non encore visitées */
a.mail:visited { color: rgb(0,0,0); font-size: 11px; text-align: left; } /* cibles visitées */
a.mail:hover { color: rgb(247,113,5); font-size: 11px; text-align: left; }   /* Liens pour "MouseOver" */
a.mail:active { color: rgb(0,0,0); font-size: 11px; text-align: left; }  /* Liens cliqués */

  
a.tarif{ text-decoration: none; color: rgb(255,255,255); font-family: verdana; font-size: 11px; }
a.tarif:link { color: rgb(255,255,255); font-weight: bold; font-family: verdana; font-size: 11px; }    /* cibles non encore visitées */
a.tarif:visited { color: rgb(255,255,255); font-weight: bold; font-family: verdana; font-size: 11px; } /* cibles visitées */
a.tarif:hover { color: rgb(255,255,255); font-weight: bold; font-family: verdana; font-size: 11px; }    /* Liens pour "MouseOver" */
a.tarif:active { color: rgb(255,255,255); font-weight: bold; font-family: verdana; font-size: 11px; }  /* Liens cliqués */

a.menu{ text-decoration: none; color: rgb(247,113,5); font-family: Arial; font-size: 11px; }
a.menu:link { color: rgb(247,113,5); font-family: Arial; font-size: 11px; }    /* cibles non encore visitées */
a.menu:visited { color: rgb(247,113,5); font-family: Arial; font-size: 11px; } /* cibles visitées */
a.menu:hover { color: rgb(0,51,102); font-family: Arial; font-size: 11px; }   /* Liens pour "MouseOver" */
a.menu:active { color: rgb(247,113,5); font-family: Arial; font-size: 11px; }  /* Liens cliqués */

.menu_foot{
  position: absolute;
  top: 3px;
  width: 796px;
  text-align: center; 
  color: rgb(50,0,50); 
  font-size: 10px;
  }
  
.menu_foot a{ text-decoration: none; color: rgb(50,0,50); font-size: 10px;}
.menu_foot a:link { color: rgb(50,0,50); font-size: 10px;}    /* cibles non encore visitées */
.menu_foot a:visited { color: rgb(50,0,50); font-size: 10px;} /* cibles visitées */
.menu_foot a:hover { color: rgb(50,0,50); font-size: 10px;}   /* Liens pour "MouseOver" */
.menu_foot a:active { color: rgb(50,0,50); font-size: 10px;}  /* Liens cliqués */
  
.hand:hover{
  cursor: hand;
  }
  
.bouton{
   color: #555566;
   font-size: xx-small;
   background-color: rgb(255,255,255);
   border: 1px solid rgb(180,180,180);
}

.wp_table{
  width: 97%;
  font-size: 105%;
  }

.prodadmin{
  position: relative;
  width: 500px;
  height: 25px;
  margin: 10px 10px 5px 10px;
  border-bottom: 1px rgb(180,180,180) solid;
  }
  
.prodadmin2{
  position: relative;
  width: 500px;
  height: auto;
  margin: 10px 10px 5px 10px;
  border-bottom: 1px rgb(180,180,180) solid;
  }
  
a.develop{
  border: 1px solid black;
  padding: 0px 3px 0px 3px;
  }
  
a.develop:hover{
  border: 1px solid rgb(247,113,5);
  padding: 0px 3px 0px 3px;
  }

.titre_offre{
  font-size: 12px;
  color: rgb(0,175,255);
  font-weight: bold;
  }
  
.titre_offre2{
  font-size: 11px;
  color: rgb(247,113,5);
  font-weight: bold;
  }

.titre_hotel{
  font-size: 14px;
  font-weight: bold;
  color: rgb(255,255,255);
  background-color: rgb(255,100,0);
  text-align: left;
  vertical-align: middle;
  }
  
.titre_reserv{
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  font-weight: bold;
  color: rgb(255,255,255);
  background-color: rgb(50,0,50);
  text-align: center;
  vertical-align: middle;
  }

.esprit{
  position: relative;
  top: -10px;
  width:310px; 
  height: 80px; 
  background-image: url('../image_en/esprit_hot_en.gif'); 
  background-repeat: no-repeat;"
  }

.securite{
  position: absolute; 
  width: 550px; 
  height: auto; 
  background-image: url(../image_en/pop_secur_en.gif); 
  background-repeat: no-repeat; 
  background-position: top; 
  padding-top: 70px;"
  }
  
.mention{
  position: absolute; 
  width: 550px; 
  height: auto; 
  background-image: url(../image_en/pop_mention_en.gif); 
  background-repeat: no-repeat; 
  background-position: top; 
  padding-top: 70px;"
  } 
    
.esprit1{
  /*position: relative;
  top: 35px;
  left: 15px;
  border: 1px red solid; */
  }
  
.esprit2{
  /*position: relative;
  top: 60px;
  left: 0px;
  border: 1px red solid; */
  }
  
.esprit3{
  /*position: relative;
  top: 17px;
  left: 165px;
  border: 1px red solid; */
  }
  
.esprit4{
  /*position: relative;
  top: 60px;
  left: 160px;
  border: 1px red solid;*/
  }
