body
{
	padding: 0 ;
	font: 15px arial, helvetica, sans-serif ;
	text-align:center;
        color: #333;
	background-color: #fff ;
/*	background-image:url(images/trame_mini.gif);*/

}

#menu {
  background-color:#eee;
  font: 19px arial, helvetica, sans-serif ;
  text-transform: uppercase;
  height: 22px;
padding: 15px
  position: fixed;
  top: 2px;
  left: 0px;
  width: 100%;
  margin-top: 5px;
}

#legende {
  background-color:#ddd;
  font: 14px arial, helvetica, sans-serif ;
  height: 20px;
  position: absolute;
  padding: 0px 0px 0px 0px;
  top: 2px;
  left: 0px;
  width: 100%;
  margin-top: 30px;
}
#legende2 {
  background-color:#e2f6d5;
  font: 14px arial, helvetica, sans-serif ;
  height: 22px;
  position: relative;
  padding: 0px 0px 0px 0px;
  padding-top: 5px;
  top: 2px;
  left: 0px;
  width: 100%;
  margin-top: 30px;
}
#legende3 {
  background-color:#ddd;
  font: 14px arial, helvetica, sans-serif ;
  height: 35px;
  padding: 5px 0px 0px 0px;
  position: relative;
  top: 2px;
  left: 0px;
  width: 100%;
  margin-top: 30px;
}
#legende4 {
  background-color:#ddd;
  font: 14px arial, helvetica, sans-serif ;
  height: 60px;
  position: relative;
  padding: 5px 0px 0px 0px;
  top: 2px;
  left: 0px;
  width: 100%;
  margin-top: 30px;
}
#legende5 {
  background-color:#ddd;
  font: 14px arial, helvetica, sans-serif ;
  height: 85px;
  position: relative;
  padding: 5px 0px 0px 0px;
  top: 2px;
  left: 0px;
  width: 100%;
  margin-top: 30px;
}

a:link {
  color: #ff9900; 
  font-weight: normal ;  text-decoration: none;   background-color: transparent 
}
a:visited { 
  color: #ff9900; 
  font-weight: normal ;  text-decoration: none;   background-color: transparent 
}
a:hover {
  color: #ff3300; 
  font-weight: normal ;  text-decoration: none;   background-color: transparent 
}
a:active { 
  color: #ff3300; 
  font-weight: normal ;  text-decoration: none;   background-color: transparent 
}