div.banner  { top:   0px; height: 100px; }
div.menu    { top: 100px; height: 30px; }
div.menu table tr { height: 30px; }
div.infobar { top: 130px; width: 180px; }
div.content { top: 130px; margin-left: 200px; }

body {
  margin: 0px;
  padding: 0px;
  background: #bbbbbb;
}

div.content {
  background: #bbbbbb;
  position: absolute;
  padding: 1em;
  width: 800px; 
}

div.content img { border: 2px solid black; }

ul { margin-top: 0px; padding-left: 1em; list-style-type:square; }
ul li { padding-left: .3em; }

h2, h3, h4 { margin-top: 0px; }


/* INFOBAR */
div.infobar {
  background: #f9f6c7;
  float: left;
  position: absolute;
  padding: 10px;
}

table.tarif { width: 100%; }
table.tarif tr th { font-weight: normal; text-align: left }
table.tarif tr td { font-weight: normal; text-align: right }

/* BANNER */
div.banner {
  background-image: url('/f/bannerb.jpg');
  background-repeat: repeat-x;
  margin: 0px;
  width: 100%;
  position: absolute;
  text-align: center;
}
div.banner div#logo { 
  background-image: url('/f/banner.jpg'); background-repeat: no-repeat; 
  height: 100%; 
  width: 100%; 
}
div.banner img.logo { float: left; }
div.banner { vertical-align: middle; }
.banner h1, .banner h2 { margin: 0px; color: white; }
.banner h1 { font-size: 1.3em; margin-top: 1em; }
.banner h2 { font-size: 1.0em; font-weight: normal; font-style: italic; }

/* MENU */
.menu { font-weight: bold; }

div.menu {
  margin: 0px;
  width: 100%;
  background: #CD853F;
  position: absolute;
}
div.menu table { width: 100%; border-collapse: collapse; border-width: 0; }
div.menu table td { vertical-align: middle; text-align: center;  width: 16.6%; 
  background: #CD853F
}
div.menu table td a { display: block; color: black; text-decoration: none; }
div.menu table td:hover { background: #0d0805; color: white; }
div.menu table td:hover a { color: white; }


/* mlyn */
div.mlyn img { border: 0px; margin: 3px; }