/* Created by Wikiwi.be - Raphael De Naeyer */
/* Hotel le Joli-Bois */

/* General style */

BODY {
  padding:0px;
  margin:0px;
  text-align: center;
  FONT-SIZE: 11px;
  COLOR: #133a1f;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
A {
  COLOR: #133a1f;
}
A:hover {
  COLOR: #4e9b75;
}
HR {
  COLOR: #03381e;
}
.texte-defaut{
  FONT-SIZE: 11px;
  COLOR: #133a1f;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

/* Content style */
div#principal {
    margin: auto;
    padding: 0px;
    width: 803px;
    height: 612px;
    border: 0px;
}
div#bd_haut {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 803px;
    height: 28px;
    border: 0px;
}
div#bd_gauche {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 14px;
    height: 555px;
    border: 0px;
}
div#content {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 773px;
    height: 555px;
    border: 0px;
    background-color: #FFFFFF;
    background-image: url(images/hotel_waterloo_fond_menu.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}
div#bd_droite{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 16px;
    height: 555px;
    border: 0px;
}
div#bd_bas {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 803px;
    height: 29px;
    border: 0px;
}
div#content-gauche {
    position: relative;
    float: left;
    margin: 0px;
    width: 170px;
    height: 550px;
    text-align: center;
    border: 0px;
}
div#content-photo {
    position: relative;
    float: left;
    margin: 0px 0px 0px 6px;
    width: 597px;
    height: 172px;
    text-align: left;
    border: 0px;
}
div#content-ligneverte {
    position: relative;
    float: left;
    margin: 0px 0px 0px 10px;
    width: 593px;
    height: 5px;
    text-align: center;
    border: 0px;
    background-color: #016938;
}
p#logo{
    position: relative;
    margin: 15px;
    padding: 0px;
    width: 139px;
    height: 94px;
    text-align: center;
    border: 0px;
}
h1#titre{
    position: relative;
    float: left;
    margin: 10px 0px 0px 50px;
    padding: 0px;
    width: 548px;
    height: 30px;
    text-align: left;
    FONT-SIZE: 24px;
    COLOR: #133a1f;
    FONT-FAMILY: "Times New Roman", Times, serif;
    font-style: italic;
    background: url(images/hotel_waterloo_bg-titre.gif) repeat-x top right;
    border: 0px;
}
h1#titre_long{
    position: relative;
    float: left;
    margin: 10px 0px 0px 80px;
    padding: 0px;
    width: 518px;
    height: 30px;
    text-align: left;
    FONT-SIZE: 24px;
    COLOR: #133a1f;
    FONT-FAMILY: "Times New Roman", Times, serif;
    font-style: italic;
    background: url(images/hotel_waterloo_bg-titre.gif) repeat-x top right;
    border: 0px;
}
div#zonecentrale{
    position: relative;
    float: left;
    margin: 0px 0px 0px 70px;
    padding: 0px;
    width: 527px;
    height: 310px;
    border: 0px;
    border-right: 1px solid #bfd4cb;
    border-bottom: 1px solid #bfd4cb;
}
div#contenupage{
    position: relative;
    margin: 5px 7px 7px 0px;
    padding: 0px;
    text-align: left;
    width: 510px;
    height: 298px;
    border: 0px;
    overflow: auto;
}
div#zonecentrale_long{
    position: relative;
    float: left;
    margin: 0px 0px 0px 70px;
    padding: 0px;
    width: 527px;
    height: 487px;
    border: 0px;
    border-right: 1px solid #bfd4cb;
    border-bottom: 1px solid #bfd4cb;
}
div#contenupage_long{
    position: relative;
    margin: 5px 7px 7px 0px;
    padding: 0px;
    text-align: left;
    width: 510px;
    height: 475px;
    border: 0px;
    overflow: auto;
}
div#bandecopyright{
    position: relative;
    float: left;
    margin: 7px 0px 0px 50px;
    padding: 3px;
    width: 542px;
    height: 18px;
    text-align: left;
    FONT-SIZE: 9px;
    COLOR: #0D2614;
    border: 0px;
  background: url(images/hotel_waterloo_bg_copyright.gif) repeat-x top;
}
p#boxcontact{
    margin: 100px 12px 0px 12px;
    padding: 3px;
    position: relative;
    width: 139px;
    height: 92px;
    FONT-SIZE: 11px;
    line-height: 16px;
    background: url(images/hotel_waterloo_fond_contact.gif) no-repeat top center;
}
p#logis-belgique{
    margin: 67px 20px 0px 20px;
    position: relative;
    width: 123px;
    height: 46px;

}
ul#list-page {
    text-align: left;
    color:#806b55;
    left: 0;
    top: 10px;
    width: 450px;
    margin: auto;
    padding: 3px;
    list-style-type: none;
    FONT-SIZE: 11px;
}
li#list-page {
    text-align: left;
    margin-bottom: 3px;
    padding: 2px;
    background-color: #FFF7E6;
    border-left: 3px solid #133a1f;
}
li#list-page:hover {
    text-align: left;
    background-color: #f0fff8;
    border-left: 3px solid #64a082;
}


.menu1list {
    list-style:none;
    margin: 15px;
    padding: 0px;
    width: 139px;
    height: 94px;
}
.menu1list li.autre a {
  display:block;
  width:113px;
  color:#185719;
  font-size:12px;
  text-decoration:none;
  text-align:center;
  margin-top:0px;
  padding: 5px 10px 5px 10px;
  cursor:pointer;
  border-bottom: 1px dashed #ffffff;
  background: url(images/hotel_menu_off.gif) no-repeat center;
}
.menu1list li.autre a:hover {
    border-bottom: 1px dashed #ffffff;
    background: url(images/hotel_menu_on.gif) no-repeat center;
  }
 
.menu1list li.current {
    border-bottom: 2px dashed #ffffff;
  text-decoration:none;
    font-weight:bold;
    font-size:12px;
    padding: 5px 10px 5px 10px;
    background: url(images/hotel_menu_on.gif) no-repeat center;
  }
.menu1list li.current a  {
  text-decoration:none;
}
.menu1list li.current a:hover  {
  text-decoration:none;
  color:#185719;
}

a.chlng{
    color: #03381e;
}
a.chlng:hover{
    color: #3c966a;
}
a.copyright{
    color: #B5ACA9;
}
a.copyright:hover{
    color: #be5516;
}
a.copyrightlien span{
    display: none;
    background: none;
  color: #00361D;
}
a.copyrightlien:hover span{
  display: inline;
  position: absolute;
  text-align: center;
  top: -46px;
  left: 80%;
  padding: 3px;
  width: 100px;
  text-decoration: none;
  color: #ffffff;
  background: #00361D;
}




ul.menuadmin{
    position: relative;
    text-align: center;
    list-style:none;
	margin-top: 10px;
	margin-left: 0px;
	width: 130px;
    border: 0;
	color: #fff;
}
.menuadmin li a{
    list-style:none;
	background-color: #03381e;
	width: 130px;
	padding: 3px;
	color: #fff;
}
.menuadmin li a:hover{
	background-color: #fec774;
	color: #03381e;
}
.menuadmin li{
    list-style:none;
	color: #fff;
	margin-top: 2px;
}
.menuadmin a{
	color: #fff;
}
.menuadmin a:hover{
	color: #03381e;
}
ul.menuadminlng{
    position: relative;
    text-align: center;
	display: inline;
    list-style:none;
	margin-top: 0px;
	margin-left: 0px;
	width: 170px;
    border: 0;
	color: #fff;
}
.menuadminlng li a{
    list-style:none;
	background-color: #03381e;
	width: 50px;
	color: #fff;
}
.menuadminlng li a:hover{
	background-color: #fec774;
	color: #03381e;
}
.menuadminlng li{
	display: inline;
    list-style:none;
	background-color: #fec774;
	width: 50px;
	padding: 3px;
	color: #fff;
}
.menuadminlng a{
	color: #fff;
}
.menuadminlng a:hover{
	color: #03381e;
}
div#principaladmin {
    position: relative;
    text-align: left;
    width: 500px;
    left: 0px;
    height: 400px;
    top: 10px;
    /*border: 1px solid white;*/
}
div#bandecopyrightadmin{
    position: relative;
    margin: 10px 0px 0px 0px;
    padding: 3px;
    width: 542px;
    height: 18px;
    text-align: center;
    FONT-SIZE: 9px;
    COLOR: #FFFFFF;
    border: 0px;
}
div#bandecopyrightadmin a{
    COLOR: #FFFFFF;
}
.txt_form{
    color: #03331d;
    text-decoration: none ;
    font-size : 12px;
}

/* Home style */
div#home_principal {
    margin-top: 80px;
    padding: 0px;
    width: 822px;
    height: 386px;
    border: 0px;
}
div#home_bd_haut {
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 822px;
    height: 27px;
    border: 0px;
}
div#home_bd_gauche {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 12px;
    height: 333px;
    border: 0px;
}
div#home_content_ga {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 233px;
    height: 333px;
    border: 0px;
    background-image: url(images/hotel_waterloo_home_logo.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
div#home_photo {
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 566px;
    height: 333px;
    border: 0px;
    background-color: #FFFFFF;
    background-image: url(images/hotel_waterloo_home_logo.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
div#home_bd_droite{
    position: relative;
    float: left;
    margin: 0px;
    padding: 0px;
    width: 11px;
    height: 333px;
    border: 0px;
}
div#home_bd_bas {
    position: relative;
    padding: 3px 0px;
    margin: 0px;
    width: 822px;
    height: 26px;
    border: 0px;
    background: url(images/hotel_waterloo_home_bd_bas.gif) no-repeat;
    FONT-SIZE: 9px;
    text-align: right;
    color: #275e45;
}
div#home_bd_bas a {
    color: #275e45;
}
div#home_bd_bas a:hover{
    color: #ffcf76;
}

ul#choixlng {
	margin: 160px 0px 0px 0px;
    list-style:none;
    line-height: 40px;
    FONT-FAMILY: "Times New Roman", Times, serif;
    FONT-SIZE: 20px;
	letter-spacing: 2px;
}
#choixlng a{
	  text-decoration: none;
	  color: #185719;
}
#choixlng a:hover{
	  color: #4e9b75;
}
div#bloc-galerie {
  width: 490px;
  float: left;
  text-align: center;
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
  border: 0px;
}
p#photo-galerie{
  position: relative;
  float: left;
  border: 0px;
  padding: 0px;
  margin: 6px;
  border: 2px solid #185719;
}
p#photo-galerie:hover {
  border: 2px solid #76190a;
}
img#photo-galerie {
  border: 0px;
}


/* Form style */
INPUT {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
BUTTON {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
TEXTAREA {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
SELECT {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid;
  FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}
radio {
  BORDER-RIGHT: #4D4B60 1px solid;
  BORDER-TOP: #4D4B60 1px solid; FONT-SIZE: 11px;
  BORDER-LEFT: #4D4B60 1px solid;
  BORDER-BOTTOM: #4D4B60 1px solid;
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  BACKGROUND-COLOR: #F5F5F5;
}