html body{
background-image:url("../images/bg.gif");
font: 9pt arial, hevetica, sans-serif;
color:#534741;
margin:0px;
padding:0px;
padding-bottom:10px;
width:100%;
height:100%;
}
.thumb{margin:0 9px 9px 0;}
#conteneur{
text-align:left;
width:524px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
background-color:#fff;
padding:12px;
/*height:524px;*/
}
#copy{
text-align:right;
width:548px;
margin-left:auto;
margin-right:auto;
color:#aaa;
font: 10px arial, hevetica, sans-serif;
}
#copy a{text-decoration:none;color:#aaa;}
#copy a:hover{text-decoration:underline;}
#contenu{
margin:0px;
min-height:464px;
}
.center{
text-align:center;
}
.full_right{
float:right;
margin:-12px -12px 0px 10px;
}
#logo_form{
float:right;
}
#left-col{
float:left;
width:237px;
background-color:#D7CABB;
min-height:428px;
padding:12px;
}
* html #left-col{height:428px;}
#left-col_full{
width:500px;
background-color:#D7CABB;
/*height:428px;*/
padding:12px;
margin-bottom:12px;
}
#left-col_full-links{
width:500px;
background-image:url('../images/liege.jpg');
height:428px;
padding:12px;
margin-bottom:12px;
}
#right-col{
float:left;
width:255px;
background-color:#96A5C2;
height:452px;
margin-left:8px;
font-size:1px;
}
#right-col div.copyphoto{
	margin:8px 0 9px;
	text-align:center;
	font-size:10px;
}
#homepict {
float:left;
margin-left:8px;
width : 255px;
height: 452px;
background: url("../images/home-big1.jpg") top left no-repeat;
}
#promo {
float: left;
background:none;
width : 245px;
height: 135px;
margin-left: 5px;
margin-top: 310px;
}
#tsunami {
float: left;
background:none;
width : 245px;
height: 60px;
margin-left: 5px;
margin-top: -201px;
}

#first-menu{
height:30px;
width:100%;
background-color:#B5BF68;
padding-top:13px;
}
#second-menu{
height:23px;
width:100%;
background-color:#534741;
padding-top:6px;
}
#logo{
margin-left:64px;
}
.sign{text-align:right;}
table{border:0px;}

table.rate{
width:100%;
border:1px 0px 0px 0px;
}
.rate th{
padding:0px 0px 0px 10px;
background-color:#7E7269;
color:#fff;
font-size:90%;
text-align:left;
font-weight:normal;
}
.rate th.t1{width:65%;}
.rate th.t2{width:35%;}
.rate th.t1b{width:50%;}
.rate th.t2b{width:50%;}
.rate td{
padding:0px 0px 0px 10px;
font-size:90%;
}
.pers1{background-color:#BCBFBC;}
.pers2{background-color:#C0C383;}

#gallery{
position:absolute;
margin:-84px 0 0 -27px;
}

#info{
position:absolute;
margin:-115px 0 0 136px;
background-color:#3C577A;
padding:3px 5px 3px 5px;
width:80px;
text-align:center;
}

#reserv{
position:absolute;
margin:-115px 0 0 32px;
width:80px;
text-align:center;
background-color:#3C577A;
padding:3px 5px 3px 5px;
}
#info a,#reserv a{
font-weight:bold;
color:#fff;
text-decoration:none;
}
#prevnext{text-align:center;}
#prevnext a{margin:20px 50px 0 50px;}

h1{
margin-top:15px;
color:#607DA2;
font-size:17pt;
font-weight:normal;
}
h1.home{text-align:center;}
p{
text-align:justify;
margin:15px 0px 10px 0px;
}
a.pages{
color:#534741;
text-decoration:none;
font-weight:bold;
}
a.pages:hover{
text-decoration:underline;
}
#first-menu a{
color:#534741;
text-decoration:none;
margin-right:37px;
font-weight:bold;
}
#first-menu a:hover{
text-decoration:underline;
}
#first-menu a.sel{
color:#E6E6E6;
}
#first-menu a.sel:hover{
text-decoration:underline;
}
#second-menu a{
color:#fff;
text-decoration:none;
margin-right:22px;
}
#second-menu a:hover{
text-decoration:underline;
}
#second-menu a.sel{
color:#a7a7a7;
}
#second-menu a.sel:hover{
text-decoration:underline;
}
a.first-item{margin-left:12px;}
img{border:0px;}
form{margin:0px;}
.clear{clear:both;}



#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	color: black;
	margin: 0;
	padding: 0;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #3C577A;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin: 0;
}
#corpForm fieldset#booking label,#corpForm fieldset#coordonnees label,#corpForm fieldset#friends label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 120px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.5;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: hand;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
	border: 1px solid #8397A4;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
	border: 1px solid #8397A4;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-top: 1em;
	width:120px;
}
input{
width:300px;
}
input.radio{width:15px;}
input.lit{width:25px;}
input.dem{width:100px;}
textarea{width:99%;height:60px}
#valid{
border:0;
text-align:center;
background-color:#3C577A;
padding:3px 5px 3px 5px;
color:#fff;
}

.Navi2 {
	FONT-SIZE: 10px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;  BACKGROUND-COLOR: #3C577A
}
A.Navi2:link {
	COLOR: #ffffff; FONT-STYLE: normal; TEXT-DECORATION: none
}
A.Navi2:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.Navi2:visited {
	COLOR: #ffffff
}

.Navi3 {
	FONT-SIZE: 14px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;  BACKGROUND-COLOR: #3C577A
}
A.Navi3:link {
	COLOR: #ffffff; FONT-STYLE: normal; TEXT-DECORATION: none
}
A.Navi3:hover {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.Navi3:visited {
	COLOR: #ffffff
}