body{ margin:0; padding:0}

.menu{ display:inline;
       width:15%;
       height:678px;
       float:left;
       background-image:url(IMAGES/fond1.gif);
       text-align:center;
       color:#BAC88C }

.content{ display:inline;
          background:#FFFFFF url('IMAGES/facade.jpg') repeat center center;
          float:right;
          overflow:auto;
          width:85%;
          min-height:678px;
          color:#00620A }

.spacer{ clear:both}/*supposed to keep menu and content side by side*/
              
.banner{ width:100%;
         height:150px;
        text-align:center}
        
.logo{ width: 150px;
       height: 150px;
       text-align:center }

.title{font-size: x-large;
       color:green;
       font-family:Script MT Bold;
       text-align:center }

.main_text{
            /*height:528px;*/
            /*margin: 0px 10px;*/
            font-family:verdana, sans-serif;
            color:green;
            /*overflow:auto;*/
            scrollbar-3dlight-color:lime;
            scrollbar-arrow-color:white;
            scrollbar-track-color:gray;
            scrollbar-darkshadow-color:green;
            scrollbar-face-color:green;
            scrollbar-highlight-color:lime;
            scrollbar-shadow-color:teal }
            
.centered{ width: 80%; margin: 0 auto 0 auto; text-align:center }
.justified{ text-align:justify}
.left {float:left}
.right{float:right}

div.center_outer{text-align:center}
div.center_inner{display:table}

.historique{ font-family:arial;
             font-size:small;
             padding:0 10px }
.home      { margin: 0 auto;
             font-family: arial;
             font-size:small;
             color : green }
.menu_header{font-family:Monotype Corsiva;
             font-size:x-large;
             color:green;
             height:80;
             }
.menu_entry{font-family: Monotype Corsiva;
            font-size: medium;
            color: #008000;
            height:40}
            
.footer{ width:100%;
         text-align:center;
         font-size:x-small;
         clear:both }

table#menu {text-align:center;
            width: 80%; margin: 0 auto}
div#menu{ position : relative;
          top:0;
          left:50%;
          width:500px;
          margin-left: -250px }
        
#augustin {width:72px;
           height:96px}
#adele    {width:80px;
           height:100px}
#georges  {width:81px;
           height:100px;
           margin: 0px 50px}
#auguste  {width:85px;
           height:100px;
           margin: 0px 100px}
table.green-border{ border: medium inset green}
.chambres{ width:47%;
           margin: 0 auto;
           text-align:center}
.chambre-title{ font-size: medium;
                color:green;
                font-family:Script MT Bold;
                text-align:center }
table#masso {text-align:center;
            width: 80%; margin: 0 5%;
            font-family:Monotype Corsiva;
            font-size:large;
            color:#993333}
.masso_header{font-size:x-large;
             height:133}
.masso_entry{font-size: medium;
             height:40;
             vertical-align:top;
             font-weight:bold}
.transbox
{
  background-color: #993333;
  border: 5px double black;
  filter: alpha(opacity=70);
  opacity: 0.7;
  margin:20px auto;
  padding:20px;
}
.table-container{
	vertical-align:top;
	width:50%;
	margin:20px;
}
.masso-title{
	color:#993333;
	font-family: times new roman;
	font-style:italic;
	text-transform:capitalize;
	}