/* @override http://www.belair-hotel.lu/styles/stylebeta.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html, body {background: url(img/ba_site-bg.png) repeat-x  #f4f0e4; font-family: "Trebuchet MS", Tahoma, Arial; font-size: 12px; color: #618d73;}

a{color:#394f5b}
a:hover{ color:#CC6600}
#corps{width:980px; margin: 0 auto; position:relative; z-index:2}
#site{  position: relative; width:100%; height:100%; z-index:3}
h1#refh1 {	font-size:12px;font-weight: normal;color:#666666; z-index:54; letter-spacing:1px;  text-align:left; line-height:35px; padding-left:15px; position:absolute}

#content { background: #f5f2e6; float:left; position:relative; z-index:4}
#header {width:962px; height:271px;  float:left; background:url(img/ba_header-bg.jpg) no-repeat; border:9px #f5f2e6 solid; position:relative }
.logo {position:absolute;  left:76px; z-index:4; top:70px}

#colGauche { background: url(img/ba_menu-bg.jpg) no-repeat top right #f5f2e6;width: 193px; padding:0 9px; float:left}

#carteVisite{background:url(img/ba_carte-logo.jpg) no-repeat top left; width:188px; float:left}
.carteAdresse{font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight: normal; color: #afa996;   padding-left:10px; line-height:18px; margin: 80px 0 10px 0; font-variant:small-caps}
.carteTel {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px;font-weight: normal; color: #000;   padding-left:40px; line-height:20px; font-variant:small-caps} 

#contact {position:absolute; top:290px; right:12px ; z-index:99 }
#contact a{background:url(img/contact.jpg) no-repeat; overflow:hidden; width:148px;  height:24px; text-indent:-9000px; display:block; cursor:pointer}
#contact a:hover{background-position:0 -24px}

#menu {width:190px;  float:left; text-align: center;font-weight: normal; background: url(img/ba_menu_bg2.jpg) repeat-y}
#menu ul { font-size:16px; margin-bottom:10px }
#menu li { height:23px; overflow:hidden  }
#menu li a{ text-decoration:none; color:#153622; font-size: 12px; width:180px ; display:block; line-height:27px; text-transform:capitalize; text-transform:uppercase; height:23px}
#menu li a.menuactif{ background: url(img/ba_menu-actif-bg.jpg) no-repeat; color:#000}
#menu li a.menudefault{}
#menu li a.menuactif:hover{}
#menu li a:hover{ color:#CC6600}
#menu li.menuSeparatorIn{ height:0px; background-color:#333333; padding:0; float:left}
#menu li.menuSeparatorOut{height:0px; background-color:#333333; padding:0; float:left}
#menu .menuSeparator{}

#col_droite{ padding:10px 10px 0 10px; float:left; width:200px}

#col_principale{ float:left; width: 760px; background:#f5f2e6; padding-right:9px ;}
#col_principale h2{font-size:22px;	margin-bottom: 0px; font-weight: normal; color: #193f28; height:32px;  line-height:32px; margin-bottom:9px; border-bottom:2px solid  #193f28;float:left ; width:100%;}

#col1{ float:left;   width:470px; }
#galerie {width:450px; height:338px; border-top:1px solid #c9c6bc ; border-bottom:1px solid #fffff8; border-right:1px solid #fffff8 ; border-left:1px solid #c9c6bc;overflow:hidden; background:#d9cfbd; float:left; padding:8px; margin-bottom:10px}
#col1 .cadre { width:468px; background:url(img/ba_cadre-col1-bg.jpg) repeat-y; float:left;  margin-top:-3px;}

#col1 .cadre p{ padding:0 30px 10px 30px;line-height:16px; text-align:justify; font-size:12px}
#col1 .cadre ul{ line-height:16px;  list-style:url(img/puces.gif); padding:10px 20px 0px 50px; margin-bottom:20px;  float:left; width:380px ; text-align:justify}
#col1 .cadre li{  padding:5px 0;
	color: #153622;
}
#col1 .cadre dl{ line-height:12px;  list-style:url(img/puces.gif); padding:10px 20px 30px 50px;  float:left;  text-align:justify;  width: 150px}
#col1 .cadre dt{  font-size:14px; margin:0 0 7px 0; color:#574e2c}
#col1 .cadre dd{  padding:3px 0}
#col1 .cadre #listSpa{ position:relative ; height:180px; margin-top:15px}
#col1 .cadre .listCol1 { position:absolute;width:150px; left: 40px}
#col1 .cadre .listCol2 {position:absolute;width:150px; left :210px}
#col1 .cadre a{font-style:italic;}
#col1 h3.cadreHaut{ background:url(img/ba_cadre-col1-haut.jpg) top no-repeat; width:438px; height:38px; line-height: 55px; font-size:14px; padding-left:30px;font-family:"Trebuchet MS", Tahoma, Arial; font-weight:normal; color:#1f4b30;margin-bottom:15px; color:#000000; text-transform:capitalize; text-transform:uppercase}
#col1 h3{ width:438px; height:38px; line-height: 55px; font-size:14px; padding-left:30px;font-family:"Trebuchet MS", Tahoma, Arial; font-weight:normal; color:#1f4b30;margin-bottom:5px; color:#000000; text-transform:capitalize; text-transform:uppercase; float:left}
#col1 .cadreBas{ background:url(img/ba_cadre-col1-bas.jpg) top no-repeat; height:17px; width:468px; float:left}

#col2{ float:right; width:283px; background:url(img/ba_col2-bg.jpg) no-repeat top; }
#col2 h3{ font-family:"Trebuchet MS", Tahoma, Arial; font-weight:normal; color:#153622; font-size:18px; margin: 10px 0 5px 15px; font-variant:small-caps}
#col2 h3 a{ color:#153622; text-decoration:none}
#col2 p{ padding:0 14px ;line-height:18px; text-align:justify; color:#8e8974; margin-bottom:15px; }
#col2 img{ margin-bottom:5px; padding-left: 11px}
.col2separator {background:url(img/ba_col2-separateur.jpg) repeat-x; height:4px; width:100%; margin: 15px auto; float:left}
#col2 dl{ padding-left:14px; margin-bottom:10px; line-height:16px}
#col2 dt{ font-size:14px; margin:10px 0 5px 0; color:#574e2c}
#col2 dd{ padding-left:5px; color:#8e8974}
#col2 ul{ padding-left:30px; padding-right:15px; margin-bottom:10px; line-height:16px; list-style:url(img/puces.gif) outside}
#col2 li{ color:#8e8974}
#col2 a{line-height:25px; }


#col1 .cadreLienFocus { background:url(img/ba_cadre-link.jpg) right no-repeat ; float:right; text-align:right; padding-right:35px; height:30px; line-height:25px; position:relative; right:10px; color: #394f5b;font-style: italic; margin:10px 0}

#col3 .cadreLienFocus { background:url(img/ba_cadre-link.jpg) right no-repeat ; float:right; text-align:right; padding-right:35px; height:30px; line-height:25px; position:relative; right:10px; color: #394f5b;font-style: italic;}

#col3 {float:left; padding-left:15px; padding-bottom:20px}
#col3 h3.cadreHaut{ background: url(img/ba_col3-cadre-haut.jpg) top no-repeat ; height:25px ;  font-size:20px; padding:12px 0 0 20px; font-family:"Trebuchet MS", Tahoma, Arial; font-weight:normal; color:#1f4b30; text-decoration:underline; font-variant:small-caps}
#col3  .cadre {background: url(img/ba_col3-cadre-bg.jpg)  repeat-y; width:327px;   float:left; position:relative; margin-right:10px}
#col3  .cadre img{ padding-left:18px; float:left }
#col3 .cadre  .cadreBas{  height:8px; background:url(img/ba_col3-cadre-bas.jpg) no-repeat bottom; float:left; width:100%}
#col3  .cadre p{ padding:10px 20px; font-size:12px; line-height:16px; float:left}
#col3 #focusSpa{color:#3a9ada}
#col3 #focusAmbiance{color:#8a931e}
#col3 #focusSpa a{color:#3a9ada}
#col3 #focusAmbiance a{color:#8a931e}


#col360 {}
#col360 .cadre { width:468px; background:url(img/ba_cadre-col1-bg.jpg) repeat-y; float:left;  margin-top:-3px}
#col360 .cadre  .aide360 p{ padding:0 30px 10px 120px;line-height:16px; text-align:justify; font-size:12px; background:url(img/ba_360-nav.jpg) no-repeat  15px 40px }
#col360 h3.cadreHaut{ background:url(img/ba_cadre-col1-haut.jpg) top no-repeat; width:438px; height:38px; line-height: 55px; font-size:14px; padding-left:30px;font-family:"Trebuchet MS", Tahoma, Arial; font-weight:normal; color:#1f4b30;margin-bottom:15px; color:#000000; text-transform:capitalize; text-transform:uppercase}
#col360 h3{ width:438px; height:38px; line-height: 55px; font-size:14px; padding-left:30px;font-family:"Trebuchet MS", Tahoma, Arial; font-weight:normal; color:#1f4b30;margin-bottom:5px; color:#000000; text-transform:capitalize; text-transform:uppercase; float:left}
#col360 .cadreBas{ background:url(img/ba_cadre-col1-bas.jpg) top no-repeat; height:17px; width:468px; float:left}
.flash360 {width:743px; height:469px; border-top:1px solid #c9c6bc ; border-bottom:1px solid #fffff8; border-right:1px solid #fffff8 ; border-left:1px solid #c9c6bc;overflow:hidden; background:#d9cfbd; float:left; padding:8px; margin-bottom:10px}

#newsEvenement{float:left;  width:270px}
#newsEvenement h3{margin-bottom:15px; font-family:"Trebuchet MS", Tahoma, Arial; font-weight:normal; color:#153622; font-size:18px; margin: 10px 0 5px 15px; font-variant:small-caps}
#newsEvenement p{ border-bottom:1px dashed #cbc0ab; padding:0 14px 10px 14px; line-height:18px; text-align:justify; color:#8e8974; margin-bottom:15px; }
#newsEvenement h3 a{ color:#153622; text-decoration:none}

#menuLangue {position:absolute; top:-10px; right:-5px; z-index:99}
#menuLangue .langueNonActive a{color:#d7c29d}
#menuLangue .langueActive a{color:#f4f1ed;font-weight:bold;}
.langueActive, .langueNonActive{float:left;}



object {margin: 0;padding: 0;border: 0 none;overflow-x: hidden;overflow-y: hidden;}



#colcal{ float:right; width:305px;  margin-top:120px; margin-bottom:30px; padding-left:15px}

#focus{ width: 836px; float:left; padding: 0}
#focus img {float:left; margin-right:6px}
#focus1 h3{ font-family: Georgia, "Times New Roman", Times, serif;
        font-size:18px;
        font-weight: normal; margin-bottom:10px;color:#fff;  }
#focus1 p{ float:left; color:#fff; }
#focus1 a{color:#cbcf57; }
#focus1 img{ float:left; margin-bottom:10px }
#focus1{ float:left; width:190px;   padding:10px; margin-right:29px; margin-top:-60px}
#focus2{ float:left; width:680px;  padding:10px; background-color:#2d3100; border: #78912a 1px solid; margin-top:10px}
#focus2 h2{ font-family: Georgia, "Times New Roman", Times, serif;
font-size:24px;
margin-bottom: 0px;
text-align: center;
font-weight: normal;color:#f6f5ce;  margin-bottom:15px; margin-top:15px}

#focus2 h3{ 	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #000;
        margin-top: 10px; margin-bottom: 25px;
	text-align: center!important;
	letter-spacing: 0.2em;color:#c96f34; }
	
#focus2 img{margin-right:20px}
#focus2 p{ color:#f6f5ce}
#focus2 a{ color:#bdba4b}
.footer { width:980px;  color:#000; float:left;  background: url(img/ba_footer-bg.jpg) no-repeat top #fff; height:200px;}

#quote{ line-height:20px; font-size:16px; color:#bebb49; font-family:Geneva, Arial, Helvetica, sans-serif, Courier, monospace;  text-align:center; font-style:italic; width:230px; padding:30px 0 20px 60px}

#colcal h3{ font-family: Georgia, "Times New Roman", Times, serif;
        font-size:18px;
        font-weight: normal;color:#49121b; margin-bottom:14px}


#moteurReservit { width: 260px; margin-bottom:20px; position:absolute; top: 124px; right:12px; z-index:99;
	background: url(img/ba_book-bg.png) no-repeat;
	height: 155px;
	padding-left: 40px;
}
#moteurReservit h3{ color:#fff; font-size:18px; margin-bottom: 9px}
#moteurReservit p{float:left;  line-height:22px; color:#cecfc0; width: 232px;}
#dispo { float:left; padding:10px 5px}
#moteurReservit label {float:left; width: 80px; text-align:right; padding-right:5px}
#moteurReservit button {float:left}
#moteurReservit input {float:left; margin-right:3px; font-size:10px}
#moteurReservit select {font-size: 10px; float:left;
	margin-top: 2px;
}
#moteurReservit a { text-decoration:underline; color:#FFFFFF; float:left;
	padding-left: 15px;
	position: relative;
}
#moteurReservit #btnReserver {border:1px solid #fff; background:#e4e0c4; padding:3px 5px;float:left;text-decoration:none; line-height:15px; font-weight:bold; margin-top:8px; color:#622745; }
#moteurReservit #btnReserver:hover {border:1px solid #fff; background:#fff; color:#000}
#pointfort {width:270px; float:right; line-height:18px;}
#pointfort p{ margin-bottom:20px}

#carte{float:left; width:160px; padding-left:110px; background:url(img/carte.jpg) no-repeat; margin-bottom:15px; padding-top:15px; padding-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:14px}

.separateur {clear:both; visibility:hidden; }

#newsletter { width:180px; float:left;  font-size:12px ; padding-left:10px; margin-top:15px; color:#8e8974; height:120px}
#newsletter h3{  font-size:13px; font-weight: bold; margin-bottom: 8px; color:#574e2c}
#newsletter a.btn{ border:1px solid #fff; background-color:#153622; color:#FFFFFF; padding:3px 7px; float:left;text-decoration:none; line-height:15px; font-weight:bold; margin-top:8px; }

#mailling{}
#mail {float:left;margin-right:10px;margin-top:5px}
#button {float:left}
.email {visibility: hidden;}
.dspcrypt {float:left; padding-left:170px}

#tarifs {margin-bottom:20px}
#tarifs table{margin-bottom:20px; border-top: 3px solid #7c7d79;float:left;  position: relative; left:20px;
	width: 428px;
}
#tarifs td {background-color:#fbfbfa;text-align:center; padding:8px 8px; border:1px #d9cfbd solid; width:80px}
#tarifs td.tlabel {width:120px; font-size:24px; color:#153622 }
#tarifs td.tprix {width: 50px;}
#tarifs h4 { font-size:18px; color:#622745; letter-spacing:0; margin-bottom:5px;  font-family:"Times New Roman", Times, serif; font-weight:normal; margin-top:15px}
#tarifs .tfocus { text-align:center; font-size:20px; font-family:"Times New Roman", Times, serif; letter-spacing:1px; color:#000000; margin-top:30px; font-variant:small-caps}
.hauteSaison {background-color: #ff8a45; line-height:25px;
	color: black;
	padding-right: 3px;
	padding-left: 3px;
}
.moyenneSaison { background-color: #d6b858; line-height:25px;
	color: black;
	padding-right: 3px;
	padding-left: 3px;
}
.basseSaison { background-color: #49a167; line-height:25px;
	color: black;
	padding-right: 3px;
	padding-left: 3px;
}

#col1 #promo  h4 {font-size:24px; float:left; font-weight:normal;padding-left:30px; width:350px}
#col1 #promo  .promoDate{ text-transform:uppercase; font-size:11px; float:left; width:400px; margin-bottom:10px}
#col1 #promo ul {float:left; width: 198px; padding:0; text-align:left;padding-left:40px}
#col1 #promo .promoSpec{float:left; width:130px; font-style:italic}
#col1 #promo dl{ line-height:12px;  list-style:url(img/puces.gif); padding:0 0 0 20px;  float:left;  text-align:justify;  width: 177px; border-left: solid 1px #ccc; margin-bottom:40px}
#col1 #promo dt{  font-size: 12px; font-weight: bold;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: left;
}
#col1 #promo dd{  padding:3px 5px; }

#menuchambres{ margin-top:25px}
#menuchambres #mcol1 {float:left; width:200px}
 #menuchambres #mcol2 {float:right; width:200px}
#menuchambres dt {  margin-bottom:5px}
#menuchambres dd {  margin-bottom:25px}
#menuchambres dt a{ font-size:16px; text-decoration:none; font-variant:small-caps; color:#000000; font-weight:bold}
#menuchambres dd a { } 

#sousrubrique {font-size:20px; font-family:"Times New Roman", Times, serif; color:#000000; margin-bottom:20px}



fieldset { border-top:1px solid #d9cfbd ; float:left;}
legend{  color:#000; padding:2px 5px;font-size: 14px;font-weight: lighter;font-variant: normal;	 float:left}
#fieldcoord p{ font-size:12px; padding: 2px 0; margin:0}
#fieldmessage p {font-size:12px; padding:0; margin:0}

.fieldresa p, .fieldcoord p, .fieldvalid p{ font-size:12px; height:23px; line-height:23px;margin:0; float:left; width:100%}
.fieldresa, .fieldcoord, .fieldvalid {padding:10px; width:360px  }
.fieldvalid {margin-top:-20px}
.fieldvalid img{cursor:pointer}

.fieldcoord label {padding-right:5px;text-align:right;float:left; width:190px;}
.fieldresa label {padding-right:5px;text-align:right;float:left; width:190px;}
.fieldresa input {float:left; background:#f5f3e7; border:1px solid #d9cfbd}
.fieldcoord input {float:left; background:#f5f3e7; border:1px solid #d9cfbd}
.fieldresa select {float:left; background:#f5f3e7; border:1px solid #d9cfbd}
.fieldresa textarea {width:375px; background:#f5f3e7; border:1px solid #d9cfbd; height:140px}
.fieldcoord input:focus {background:#fff; border:1px solid #000}
.fieldresa input:focus {background:#fff; border:1px solid #000}
.fieldresa select:focus {background:#fff; border:1px solid #000}
.fieldresa textarea:focus {background:#fff; border:1px solid #000}

.fieldresa  .resaComment {margin-top:20px; height:auto}
.fieldresa  .resaComment label {text-align:left}
#reservation  p.optionsResa {padding-left:80px; line-height:25px; text-align:left}
#reservation a.bReserver {display:block; background:url(img/ba_bReserver.jpg) no-repeat; width:221px; height:52px; position:relative; left:100px; cursor:pointer; line-height:52px; font-size:20px; text-align:center; font-variant:small-caps; margin:20px 0; float:left}
#reservation a:hover.bReserver {background-position:0 -52px; color:#FFFFFF}

.indisponible {background-color: #641221;color: #e9ced3;padding-top: 3px;padding-right: 3px;padding-bottom: 3px;padding-left: 3px;}
.disponible {background-color: #81961e;color: #ffffff;padding-top: 3px;padding-right: 3px;padding-bottom: 3px;padding-left: 3px;}

#reservation  { float:left; width:425px; padding-left:5px; padding-top:20px}
#message  { float:left; position: absolute; top:332px; left:215px; width:460px; background-color:#FFFFFF; padding-top:20px; z-index:99}
#message textarea{width:420px; height:130px;}
#fieldmessage{width:430px;padding:10px; }
#fieldcoord{width:430px;padding:10px;}
#message label {float: left;line-height: 1.8;padding-right: 0.5em;text-align: right;width: 40%;}
#message ul {float:left; width:200px; padding-bottom:20px}

.optionsResa{width:300px; float:left}
#champalert {}
i.alert {color:#641221;font-weight:bold; border:1px solid #641221; background-color:#e9ced3; padding: 2px 4px}
input.ok {}
input.error {border:1px solid #641221;background-color:#e9ced3}
textarea.error {border:1px solid #641221;background-color:#e9ced3}

input.error {float:left; border:1px solid #641221;background-color:#e9ced3}
#date {width: 99px;}
i.alert {color:#641221;font-weight:bold; border:1px solid #641221; background-color:#e9ced3; padding: 2px 4px}

#credits {text-align: center; line-height: 30px; color:#7f7f7b; padding-top:20px}
#credits img{ padding-top:25px; vertical-align:middle; margin:0 10px}
#credits a{text-decoration:none; color:#7f7f7b}
#credits a:hover{ text-decoration:underline; color:#000000}
#creditsCapasite {float:left}
#creditsCapasite a {display:block;width:250px; font-size:10px}
#capasite {font-weight:bold;padding-left: 35px;background-image: url(../ressources/images/logoCapasite.png);background-repeat: no-repeat;background-position: 0 3px;font-size:11px; height:30px; display:inline-block; color:#000000}
IFRAME{background: #556914 ;}
#thumbnails{visibility:hidden}
#btnTarifs {float:left; display:block; width:267px;height:52px; margin-bottom:15px; text-indent:-9000px; background:url(img/tarifs.jpg) 0 0 no-repeat }
#btnTarifs:hover { background-position:0 -52px}
i{color:#622745}
#texte{	}

b,strong {color:#436664}

#share {position:relative; left:20px; top:20px;}

#col1 #livreor .message {font-size:13px; font-style:italic; color:#333333; border-top:1px solid #d9d1ba; padding-top:15px; margin-top:10px ; width:380px}
#livreor {padding:0 10px}
#livreor p {}
#livreor label {float:left; width:120px; text-align:right; padding-right:7px}
#livreor input {width:120px;}
#livreor textarea {width:260px; height:80px}


#introFlash{background: url(img/ba_intro-bg.jpg) no-repeat; width:980px; height:900px; margin:0 auto; padding-top:182px; padding-left:16px}
#introFlash h1{ font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#61410e; margin-bottom:32px; line-height:30px; float:left}
#telaccueil {float:right; font-variant:small-caps;font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#61410e; padding-right:45px;line-height:30px}

.intro {width:210px; float:left; padding:22px 25px 30px 5px; margin-top:15px; text-align:justify;}
.intro h2{ font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:40px; padding-left:18px}
.intro p{line-height:160%}
.intro ul {padding-top:10px; padding-left:20px; list-style:circle}
.intro li  a{ text-decoration:none; line-height:20px}

p.PromoDate {
	clear: both;
}