body{
	overflow:hidden !important;
}

.logo-velotaf {
	position:absolute;
	bottom:50px;
	right:270px;
	background:url('../images/logo-cercle.png') no-repeat center;
	background-size:cover;
	width:100px;
	height:100px;
	z-index:1000
}
.legende {
	width:250px;
	position:absolute; 
	bottom:15px; 
	right:-220px; 
	z-index:1000;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	transition:right 0.5s ease;
	font-size:12px;
}
.legende.opened {
	right:0; 
}
.legende .legende-title {
	background:#fff;
	font-family:sans-serif; 
	box-shadow:0 0 5px rgba(0,0,0,0.5)
}
.legende .legende-title a {
	color:#012d50;
	font-size: 18px;
	padding:10px;
	display:block;
}
.legende.opened .legende-title {
	background:rgba(255,255,255,0.8);
	box-shadow:none;
}
.legende .legende-content {
	width:320px; 
	height:280px; 
	padding:20px 10px; 
	font-family:sans-serif; 
	background:rgba(255,255,255,0.85);
}
.legende .legende-content table tr td {
	padding:2px
}

.fullscreen {
	background:#012d50;
	color:#fff;
	font-size:14px;
	padding:10px;
	position:absolute;
	top:20px;
	right:20px;
	font-family:sans-serif;
	z-index:9999;
	border-radius:5px;
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
	text-decoration:none;
}
.fullscreen:hover {
	background:#fff;
	color:#012d50;
}
.fullscreen.hidden {
	top:-1000px;
}