html{
  overflow: auto;
}
html, body {
  margin: 0;
  padding: 0;
}
body { 
  background: #c4c8b7 url("images/bg.jpg") repeat-y top center;    
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 13px;
  font-family:  Helvetica, Arial, sans-serif;
  line-height: 180%;
  color: #4c4c4c;
}
.petit{
  font-size: 80%;
}
h1 { 
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}
h2 { 
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
}
#container {
  margin: 0 auto;
  padding: 0;
  width: 850px;
  background: white url("images/logo.jpg") no-repeat top left;
  position: relative;
}

ul#menu {
  float: right;
  background: white url("images/dot_hor.gif") repeat-x top left;
  #background: white url("images/dot_hor2.gif") repeat-x top left;
  _background: white url("images/dot_hor.gif") repeat-x top left;
}
ul#menu, ul#menu ul{
  margin: 0 0 30px 0px;
  #margin: 8px 0 30px 0;
  _margin: 0 0 30px 0; 
  padding: 10px 0 5px 0;
  #padding: 0;
  text-align: center;
  width: 640px;
}
ul#menu li {
  list-style: none;
  float: right;
  width: 100px;
  height:35px;
  margin: 0;
}
ul#menu a, ul#menu a:link, ul#menu a:focus, ul#menu a:hover, ul#menu a:visited {
  color: #4c4c4c;  
  display: inline;
  height: 35px;
  width: 100px;
  text-decoration: none;
  border: 0;
  margin: 10px 0;
  outline: none;
  -moz-outline: none;
}
ul#menu a:hover, ul#submenu a:hover {
  color: #868686;
}
.data {
  display: none;
}
.current {
  font-weight: bold;
}
img { 
  border: 0;
  outline: none;
  -moz-outline: none;
}
#image{
  clear: both;
  width: 850px;
  height: 132px;
  margin: 0;
} 
#left{
  position: absolute;
  top: 193px;
  _top: 223px;
  z-index: 5;
  left: 5px;
  width: 200px;
  margin : 0;
  padding: 0;
}
ul#submenu, ul#submenu ul{
  margin: 52px 0 0 0;
  #margin: 20px 0 0 0;
  _margin: 5px 0 0 0;
  padding: 0;
  text-align: center;
  width: 200px;
}
ul#submenu li {
  list-style: none;
  width: 160px;
  display: block;
  text-align: left;
  line-height: 18px;
  margin: 15px 0 15px 20px;
  #margin: 15px 0;
}
ul#submenu a, ul#submenu a:link, ul#submenu a:focus, ul#submenu a:hover, ul#submenu a:visited {
  color: #4c4c4c;  
  background: white url("images/link.gif") no-repeat top left;
  text-decoration: none;
  padding: 0 0 0 15px;
  margin: 15px 0;
  outline: none;
  -moz-outline: none;
}
ul#submenu a:hover {
  color: #868686;
}
.info {
  width: 600px;
  _width: 647px;
  margin: 0 0 0 200px;
  #margin: 0 0 0 195px;
  padding: 20px 0 30px 15px;
  #padding: 20px 30px 0 15px;
  text-align: left;
  background: white url("images/dot_ver.gif") repeat-y top left;
}
p{ 
  margin: 0 0 15px 0;
}
#bottom {
  text-align: right;
  margin: 0;
  padding: 10px 25px 10px 10px;
  font-size : 10px;
}
.footer{
  background: white url("images/dot_bot.gif") repeat-x top;
  padding-top: 10px;
}
#idabella {
  color: #4c4c4c;
  text-decoration: none;
}