/* CSS Document */
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  overflow-y: hidden; 
  }
  
html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et supérieur */

a:active, a:focus{ 
   outline:none; 
}

.tra, img {
	behavior: url(iepngfix.htc);
} 

#page {
	position:absolute; 
	height: 100%;
	width: 100%;
	z-index: 1;
}

#centpourcent {
	position:absolute;
	height: 100%;
	width: 100%;
	text-align: center;
}

.bl {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#A4A2A2;
	text-decoration:none;
}

#titr {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#A7131E;
	text-decoration:none;
	font-weight:bold;
}

#titp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C1BEBE;
	text-decoration:none;
}

#valp {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#989494;
	text-decoration:none;
}

#flow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#707173;
	text-decoration:none;	
}

.fortext{
	border:1px solid #999999;
	background-color:#fbf6f3;
	width:133px;
	height:14px;
	font-size:10px;
	margin:0px;
	padding:0px;
	text-align:center;
}

#mon_compte {
	position:absolute;
	top:0px;
	left:20px;
	width:200px;
	height:50px;
	display:none;

	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;

	z-index:150;
}

#anticlic {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	display:block;
	background-color:#FFFFFF;
	
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;

	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;*/
}

#boinfo {
	position:absolute;
	top:350px;
	left:50%;
	margin-left:-162px;
	z-index:1001;
	display:none;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#slideshow {
    position:relative;
    height: 460px;
	width: 330px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 460px;
	width: 330px;
    background-color: #fbf6f3;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/* CSS pages internes - structure page */
#footer {
	background-image:url(img/footer.png);
	background-repeat:no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#999999;
	padding-left:10px;
    padding-top:5px;
}
a.footer  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#9f8446;
	text-decoration:none;
}      

a.footer:hover  {     

   color:#c6ad73;     
   text-decoration:underline;  
} 

.page-interne {
	position:relative; 
	margin-left:122px;
	width: 881px;
	z-index: 1;
}

.contenu-page-interne {
	margin-left:138px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:13px;
	color:#999999;
	padding-left:20px;
}
.contenu-interne {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#999999;
}

/* CSS pages internes - texte-images */
h1 {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#663333;
	text-transform: uppercase;
}	
h2 {
	padding-left:120px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	color:#666666;
}
h2.hotel-titre {
	padding-left:120px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	color:#e17f00;
}
h2.restaurant-titre {
	padding-left:120px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	color:#90554a;
}

h2.spa-titre {
	padding-left:120px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	color:#6495b6;
}

.prix-descriptif {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#663333;
	display:block;
}

.prix {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#cc9966;
}	

.spa {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#6695b6;
	text-transform: uppercase
}	

.winstub {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#b80e1d;
	text-transform: uppercase;
}	

.restaurant {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#d0a456;
	text-transform: uppercase;
}	
.restaurant-phrase {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#996633;
}	
.hotel {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#663333;
	text-transform: uppercase;
}	
.actualite {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#666666;
}	
.spa-descriptif {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#6695b6;
}

.underline {
  border-bottom:1px dashed #999999;
}

ul{
	margin-top: 2px;
	margin-left: 10px;
    padding-left: 10px;
}



ul#puce-resto li{
  display: list-item;
  list-style-image: url(img/puce-resto.png);
}

ul#puce-gastro li{
  display: list-item;
  list-style-image: url(img/puce-gastro.png);
}

ul#puce-winstub li{
  display: list-item;
  list-style-image: url(img/puce-winstub.png);
}

ul#puce-spa li{
  display: list-item;
  list-style-image: url(img/puce-spa.png);
}

/* CSS boutons */
a.vente {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	color:#666666;
}	

a.winstub-carte {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#b80e1d;
}	

a.reserver {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#cc9966;
	text-decoration:none;
}	

a.btn-reserver { 
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#448dc3;
    text-decoration:none;
}

a.btn-reserver:hover  { 
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#3c627e;
    text-decoration:none;
    background-color:#edf1f5;
}
a.btn-offrir { 
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#1e80ad;
    text-decoration:none;
}

a.btn-offrir:hover  { 
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:11px;
	color:#3c627e;
    text-decoration:none;
    background-color:#edf1f5;
}

.buttonreserver { 
    width: 58px; 
	height: 19px; 
	border: none; 
	cursor: pointer; 
	background: url("img/reserver.gif");
	background-repeat:no-repeat;
	background-position:center;
} 

a.offrir {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}	
a.hotel {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}	
.buttonoffrir { 
    width: 60px; 
	height: 17px; 
	border: none; 
	cursor: pointer; 
	background: url("img/offrir.gif");
	background-repeat:no-repeat;
	background-position:center;
} 

/* CSS boutons nav liens */
.nav-gastronomique {
	position:absolute;
	height:194px;
	width:194px;
	left:-100px;
	top:350px;
	padding-top:20px;
	padding-left:30px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	color:#a39486;
	background-image: url(pages_fr/gastronomique/image/fd_snav_gastro.png);
	background-repeat: no-repeat;
}
#nav-gastro {
	width: 100%;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	z-index:90;
	margin: 0;
	padding: 4px 0 0 0;
	}

#nav-gastro li{
	float: none;
	margin: 0px;
	margin-bottom:6px;
	padding: 0px;
	display: table;
	list-style: none;
	}
	
#nav-gastro a:link, #nav-gastro a:visited {
	
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	line-height: 10px;
	margin: 0 0px 0 7px;
	text-decoration: none;
	color:#a39486;
	padding-top: 3px;
	padding-bottom: 3px;
	}

#nav-gastro a.active:link, #nav-gastro a.active:visited, #nav-gastro a:hover {
	border-bottom: 2px solid #a39486;
	padding-bottom: 1px;
	padding-top: 3px;
	color: #a39486;
	}
	
a.textepdf  {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:10px;
	color:#ff9999;
	text-decoration:none;
}      

a.textepdf:hover  {     
   font-family:Georgia, Times New Roman, Times, serif;
   font-size:10px;
   color:#f10710;     
   text-decoration:underline;     
} 

#pdf
{
  border:0;
  width: 19px;
  height: 11px;
  background: url("img/pdf_off.gif") no-repeat 0 0;
}

#pdf:hover
{ 
  background: url("img/pdf_on.gif") no-repeat 0 0;
}

#hotel-tarifs
{
  display: block;
  width: 98px;
  height: 50px;
  margin-top: 0px;
  margin-left: 0px;
  float: left;
  background: url("img/hotel_off.png") no-repeat 0 0;
}

#hotel-tarifs:hover
{ 
  background: url("img/hotel_on.png") no-repeat 0 0;
}
#hotel-tarifs-en
{
  display: block;
  width: 98px;
  height: 50px;
  margin-top: 0px;
  margin-left: 0px;
  float: left;
  background: url("img/en-hotel_off.png") no-repeat 0 0;
}

#hotel-tarifs-en:hover
{ 
  background: url("img/en-hotel_on.png") no-repeat 0 0;
}
#hotel-tarifs span
{
  display: none;
}

#restaurant-tarifs
{
  display: block;
  width: 98px;
  height: 50px;
  float: left;
  background: url("img/restaurant_off.png") no-repeat 0 0;
}

#restaurant-tarifs:hover
{ 
  background: url("img/restaurant_on.png") no-repeat 0 0;
}
#restaurant-tarifs-en
{
  display: block;
  width: 98px;
  height: 50px;
  float: left;
  background: url("img/en-restaurant_off.png") no-repeat 0 0;
}

#restaurant-tarifs-en:hover
{ 
  background: url("img/en-restaurant_on.png") no-repeat 0 0;
}

#restaurant-tarifs span
{
  display: none;
}

#winstub-tarifs
{
  display: block;
  width: 98px;
  height: 50px;
  float: left;
  background: url("img/winstub_off.png") no-repeat 0 0;
}

#winstub-tarifs:hover
{ 
  background: url("img/winstub_on.png") no-repeat 0 0;
}
#winstub-tarifs-en
{
  display: block;
  width: 98px;
  height: 50px;
  float: left;
  background: url("img/en-winstub_off.png") no-repeat 0 0;
}

#winstub-tarifs-en:hover
{ 
  background: url("img/en-winstub_on.png") no-repeat 0 0;
}
#winstub-tarifs span
{
  display: none;
}

#spa-tarifs
{
  display: block;
  width: 76px;
  height: 50px;
  float: left;
  background: url("img/spa_off.png") no-repeat 0 0;
}

#spa-tarifs:hover
{ 
  background: url("img/spa_on.png") no-repeat 0 0;
}
#spa-tarifs-en
{
  display: block;
  width: 76px;
  height: 50px;
  float: left;
  background: url("img/en-spa_off.png") no-repeat 0 0;
}

#spa-tarifs-en:hover
{ 
  background: url("img/en-spa_on.png") no-repeat 0 0;
}

#spa-tarifs span
{
  display: none;
}

/* CSS formulaire-reservation */
#leftcol {
	float:left;
	margin:0;
	padding:0;
	width:350px;
	}

#rightcol {
	float:left;
	margin:0;
	margin-top:22px;
	padding:0;
	width:350px;
	}

#contactcol {
	float:left;
	margin:0;
	margin-top:22px;
	padding:0;
	width:800px;
	}
	
#bloc-formulaire {
	padding:0 0 0 10px;
	}

.row {
	font:10px Georgia, Times New Roman, Times, serif;
	color:#666666;
	display:block;
	margin:3px 0;
	}

label {
	float: left;
	width:120px;
	}

.champ {
	width:198px;
	font:10px Georgia, Times New Roman, Times, serif;
	color:#000;
	border: 1px solid #6D6E70;
	background-color:#ffffff;
	}

.champ-select {
	width:200px !important;
	width:auto;
	font:11px Georgia, Times New Roman, Times, serif;
	color:#000;
	border: 1px solid #6D6E70;
	background-color:#ffffff;
	}

.sans-label {
	margin-left:0px;
	}

.envoyer {
	margin-top:10px;
	margin-left:120px;
	width:80px;
	}
	
.clear {
	clear:both;
	}

#cnil {
	float:left;
	font: Georgia, Times New Roman, Times, serif;
	font-size:10px;
	text-align:justify;
	margin-top:10px;
	color:#cccccc;
	}