body {
	margin: 5px;
	padding: 0 ;
	text-align: center ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF;
	font-size: 11px; 
	background-color:#272727;
	background-image:  url();  
	background-attachment:fixed; 
}

#bgmenu {
        background-image:  url(images/bgmenudt.gif);  
}

#imageContainer {
 height:540px;
}
 
#imageContainer img {
 display:none;
position: absolute;
z-index: 2;
} 

#header {
text-align: center ;
}

#footer {
margin: 0 auto ;
width: 800px;
background-color:#000000;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase;
}

#tout {
width: 800px;
background-color:#000;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

#bgimages {
width: 800px;
background-color:#000;
text-align: left;
}

#colonne1 {
color:#FFFFFF;
float: left;
width: 190px;
margin-top: 10px;
padding-top: 10px;
padding-bottom:10px;
border: 1px solid #2F2F2F;
padding-left:5px;

}

div#colonne1 { 

}

#colonne2 {
margin-left: 205px;
margin-right: 0px;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border: 0px solid black;
}

div#colonne2 { 
min-height:150px;
height:expression(this.scrollHeight > 150 ? "auto":"150px"); 
}

#colonne2 a{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
font-size: 11px; 
color: #FFF;
decoration: underline;
}

#all {
margin: 0 auto ;
width: 800px;
height: 140px;
background-color:#000000;
padding: 5px;
}

#top1 {
float:left;
width:200px;
background-color:#000000;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
font-size: 11px; 
color: #FFFFFF; 
text-align: left;
}

#top2 {
margin-left:210px;
width:550px;
height: 125px;
background-color:#000;
border: 0px solid black;
text-align: right ;
} 

a.bulle span{
display: none;
}

a.bulle:hover{
background: none; /*contournement bug IE*/
}

a.bulle:hover span{
display: inline;
text-align: center;
text-decoration: none;
padding: 0.2em;
position: absolute;
background-color: #FFF;
border: 1px solid gray;
}

.footerbox {
background-color:#000000;
padding:10px;
border:0px solid #FFFFFF;
position:center;
width:800px;
line-height:30px;
margin-bottom:10px;
text-transform: uppercase;
}

a:link {  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
font-size: 11px; 
color: #FFFFFF; 
text-decoration:underline;
}

a:visited {  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
font-size: 11px; 
color: #FFFFFF; 
text-decoration:underline;
}

a:hover {  
color:#0066FF;
}

h1 {  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px; 
color: #fff; text-decoration:none;
font-style: italic;
letter-spacing:-1px;
}

h2 {  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px; 
color: #000; text-decoration:none;
font-style: italic;
letter-spacing:-1px;
}

h3 {  
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px; 
color: #FFF; text-decoration:none;
letter-spacing:-1px;
text-transform: uppercase;
position:left;
}

.detailsTable .odd {
background-color: #F1F1E5; 
}

#odd {
background-color: #F1F1E5; 
padding-top: 3px;
padding-bottom:3px;
}

.main {
background-color: #FFFFFF; 
border:0px solid #FFFFFF;
}

.adds {
    border: 1px solid #DFDFCE;
} 


.underbooking {
background-color: #FFFFFF;
}

.module {
  margin-top: 0;
  margin-right: auto;
}

.bgimages {
background-image: url(images/pattern.gif);
}

.whitefont {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
font-size: 11px; 
color: #FFFFFF; 
text-align: left;
}

ul li.grey {
background-color: #1F1F1F;
}
ul li.rates {
    margin-bottom: 2px ; 
	padding:2px;
	width:35%;
	}

.package {
border-bottom: 0px solid #ccc;
padding:13px;
border:0px solid black;
width:90%;
}

.package img{
border: 1px solid #CCC;
padding: 2px;
float:right;
}

.package-title {
padding:5px;
border-left:#CCCCCC thick solid;
}

#backtotop {
text-align:right;
}
#backtotop a{
color:#FFF;
}
#packlist {
padding-left: 30px;
} 

#packlist li{
padding:4px;
text-transform:capitalize;
list-style-image: url(images/arrow-down.gif);
}

#packlist li a{
color:#FFF;
}

#packlist li a:hover{
color:#FFF;
}

#packlist a, a:hover{
text-decoration:none;
}

.room-title {
padding-left:5px;
border-left:#EFEFE0 thick solid;
}

ul.rooms {
width:99%
}

.suite {
border-bottom: 0px solid #ccc;
padding:13px;
border:0px solid black;
width:95%;
}

.suite img{
border: 1px solid #CCC;
padding: 2px;
}

.myinputstyle {
border: 1px solid #999;
	/** remember to change image path **/
	background: url() no-repeat #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #454743;
	width: 200px;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 1px solid #000000;
	/** remember to change image path **/
	background: url(none) no-repeat #ccc;
	color: #ffffff;
}

/** 
* You can use this style for your INPUT, TEXTAREA, SELECT elements 
* for onmousefocus event
**/
.myinputstyle:focus {
	border: 1px solid black;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}
#hidden {
	display: none;
}
TEXTAREA {
	width: 200px;
	font-family: arial;
}
.asholder	{		position: relative;	}
.Style1 {color: #FF0000}

.slideshow { border: 0px solid #000;}
.slideshow img { padding: 15px; border: 1px solid #ccc;  }

#containerspa ul {
	list-style : none;
	width : 600px;
	display: block;
	margin: 0 auto 0 auto;
}

#containerspa li {
	float : left;
	width : 660px;
	display: block;
	margin-bottom:20px;
	border: 1px solid #DDD;
	padding: 5px;
	text-align:center;
	color:#FFFFFF;
}
#containerspa img {
	margin: 5px 10px 0 10px;
}

#containerspa {

min-height: 100%;
overflow:auto;
text-align:center;
clear:left;
} 
#containerdiner {
min-height: 100%;
overflow:auto;
text-align:left;
padding:5px 0 0 5px;
clear:left;
} 
#containerdiner p {
	margin:15px;
}


#containerdiner ul {
	list-style : none;
	display: block;
	margin: 0 auto 0 auto;
}

#containerdiner li {
	float : left;
	width : 200px;
	background-color:#fff;
	display: block;
	margin-left: 30px;
	margin-bottom: 30px;
	border: 1px solid #DDD;
	padding: 5px;
	color:000;
}

