/*Your CSS file*/

#map{
  width : 510px;
  height : 500px;
  position:relative;
  clear:both;
}

#legende img {border:none;}
#paragraphe #carte_help img {border:none;}
#legende ul li ul li a:hover {text-decoration:underline;}

#legende {
	height: 25px;
	width: 514px;
   background-color: rgb(245, 245, 245);
	border: 1px solid #98151B;
}
#legende ul li {
 float:left;
 list-style-type:none;
 margin:0px;
 padding: 0px 15px;
 text-align: center;
 line-height:25px;
 -line-height: normal;
 -height: 25px;
}
#legende ul li ul {
  border: 1px solid #98151B;
  -margin-left: -6px;
  -margin-top: 5px; 
}
*+html #legende ul li ul {
 -margin-left: -50px;
}
#legende ul li ul li {
 float:none;
 list-style-type:none;
 margin:0px;
 padding: 0 7px;
 background-color: rgb(245, 245, 245);
 text-align:left;
 line-height:25px;
 width: inherit;
 -width: 220px;
 -height:25px;
 -padding-top:4px;
}
*+html #legende ul li ul li, * html #legende ul li ul li {
 width: 200px;
}
#legende ul li a {
  text-decoration:none;
  cursor: pointer;
  display:block;
  font-weight: bolder; 
  -padding-top:7px; 
}
#legende ul li ul li a {
  text-decoration:none;
  cursor: pointer;
  display:block;
  font-weight: normal;
  -padding-top:0px;   
}

#paragraphe{
  position:absolute;
  top:80px;
  right:0px;
  width:195px;
  border: 1px solid rgb(187, 187, 187); 
  padding: 2px 5px; 
  background-color: rgb(245, 245, 245);
  color:#000000;
}


.text{
  top:-10px;
  position:absolute;
  right:30px;
}

#ul_tonnage span {
	display: block;
	float: left;
	width: 25px;
}