div.cartes .hide {
	display:none !important;
}

div.cartes .legend {
	z-index:100008;
	position: absolute;
	width:100%;
	height:100%;
	pointer-events:none;
}
/* div.cartes .legend .wrapper {
	position:relative;
	width:100%;
	height:100%;
}
div.cartes .legend .wrapper:before {
	content: '';
	display: inline-block;
	height:100%;
	vertical-align:middle;
} */
div.cartes .legend .content {
	display:inline-block;
	position:relative; /* needed by :before */
	overflow:auto;
	max-width:100%;
	max-height:100%;
	padding:1em;
	text-align:left;
	border-radius:0.5em;
	cursor:auto;
	pointer-events:auto;
	/* font-size: 12px; */
	/* font-weight: 800; */
}
div.cartes .legend .content:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:white;
	opacity:0.9;
	z-index:-1;
}

.content-detail>h3{
	font-size: 15px;
	font-weight: 700;
	margin-top: 4px;
	margin-bottom: 0px;
}
div.cartes .legend .content p {
	margin:0;
}
div.cartes .legend .content a {
	color:inherit;
}

div.cartes .legend.top .content {
	vertical-align:top;
}
div.cartes .legend.bottom .content {
	vertical-align:bottom;
}
div.cartes .legend.middle .content {
	vertical-align:middle;
}
div.cartes .legend.left .wrapper {
	text-align:left;
}
div.cartes .legend.right .wrapper {
	text-align:right;
}
div.cartes .legend.center .wrapper {
	text-align:center;
}

div.cartes .legend.top .content {
	border-top-left-radius:0;
	border-top-right-radius:0;
}
div.cartes .legend.bottom .content {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
div.cartes .legend.left .content {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
div.cartes .legend.right .content {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

div.main-legend {
	z-index: 100009;
	position: absolute;
	right: 0;
	background: #eee;
	border-radius: 10px;
	font: 14px 'Verdana', Monaco, monospace;
	margin-right: 10px;
}

div.main-legend ul {
	list-style-type: none;
	padding: 10px;
	margin: 0;
}

div.main-legend li {
	padding-top: 3px;
	padding-bottom: 3px;
}


div.main-legend .color {
	position: relative;
	margin-right: 1.5em;
	height: 1em;
	width: 0;
	float: left;
}

div.main-legend .color::before {
	  content: '';
    height: 1.2em;
    width: 1.2em;
    position: absolute;
    left: 0;
    background-color: inherit;
}

.leaflet-legend a {
	background-image: url('../img/legend.svg');
}