/* Style du plan du site */
#plan {
   color: black;
   display: inline-block;
	font-family: "Comic Sans MS", Arial;
	font-size: 13px;
   width: 600px;
}
#plan ul.niveau1 {
	font-weight: bold;
   margin: 0;
	padding-left: 10px;
}
#plan ul.niveau2 {
	font-weight: normal;
   margin: 0;
	padding-left: 0;
}
#plan ul.niveau3, #plan ul.niveau4, #plan ul.niveau5, #plan ul.niveau6, #plan ul.niveau7, #plan ul.niveau8, #plan ul.niveau9, #plan ul.niveau10 {
	font-size: 12px;
	font-weight: normal;
   margin: 0;
	padding-left: 0;
}
#plan li {
   list-style-type: none;
	padding-left: 0px;
}
#plan li a {
	color: black;
	text-decoration: none;
}
#plan li a:hover {
	color: #DB4F1A;
	text-decoration: underline;
}
#plan img {
   vertical-align: middle;
}

/* Légende */
#legende {
	border: 1px solid #CCCCCC;
   border-radius: 5px;
	font-family: Verdana, Arial;
	font-size: 10px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
   padding: 5px;
	vertical-align: top;
   width: 250px;
}
#legende a {
	color: black;
	text-decoration: none;
}
#legende a:hover {
	color: #DB4F1A;
	text-decoration: underline;
}
#legende img {
   vertical-align: middle;
}

.poids {
	color: #CCCCCC;
	font-size: 11px;
	padding-left: 5px;
}

@media screen and (max-device-width:480px) {
   #plan {
      width: auto;
      display: block;
	}
	#legende {
	   border: 1px dotted #999999;
      border-radius: 5px;
      display: block;
      margin-top: 10px;
      padding: 0 5px;
      width: 150px;
	}
}