div.legend {
	border: 1px solid;
	display: inline-block;
	font-size: 0.8em;
	padding: 10px;
	width: 40%;
}

div.legend span.legend {
	margin-left: 0px;
	padding: 0 0 5px 0;
	width: auto;
}

.legend ul {
	margin: 0px !important;
}
.legend li {
	list-style-type: none;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important;
}

.legend span.data-ant,
.legend span.data-reg,
.legend span.no-data {
	float: left;
	height: 10px;
	margin: 2px 5px 2px 0px;
	width: 10px;
}

/* carré couleur */
.legend span.data-ant {
	background-color: #0000FF;
	border: 1px solid #666666;
}
.legend span.data-reg{
	background-color: #87CEEB;
	border: 1px solid #666666;
}
.legend span.no-data{
	background-color: #EFEFEF;
	border: 1px solid #666666;
}

.legend div.legend-text{
	margin-left: 18px;
}