html, body {
	overflow:hidden;
	width:100%;
	height:100%;
	background:#999;
}
body {
	margin:0;
}

div.cartes > div.tiles,
div.cartes > div.tiles > img,
div.cartes > div.objects {
	position:absolute;
}
div.cartes {
	position:relative;
	overflow:hidden;
}
div.cartes > div.objects {
	width:100%;
	height:100%;
}
div.cartes.leaflet-container > div.objects {
	height:0;
}

div.cartes-icon {
	position:absolute;
	speak:none;
	cursor:pointer;
	font-size:1.1rem;
	line-height:1.5;
}
div.cartes-icon > div {
	position:relative !important;
	padding:0 0.3rem;
	top:-0.7rem;
	left:-50%;
	margin-top:-1.3rem;
	background-color:#888;
	border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;
	text-align:center;
	color:white;
	font-size:1rem;
	min-width:1.27em;
	-webkit-font-smoothing: antialiased;
}
div.cartes-icon > div:after {
	position:absolute;
	width:0;
	height:0;
	left:50%;
	margin-left:-0.68rem;
	bottom:-0.51rem;
	border-left:0.7rem solid transparent;
	border-right:0.7rem solid transparent;
	border-top:0.7rem solid #888;
	content:" ";
}

div.cartes-icon > div > span.text {
	padding:0 0.15em;
	white-space:nowrap;
}
div.cartes-icon > div > span:before {
	width:auto;
}
div.cartes-icon.display {
	z-index:100001 !important;
}
div.cartes-icon.display > div {
	background-color:#8AF;
}
div.cartes-icon.display > div:after {
	border-top-color:#8AF;
}

div.cartes .cartes-icon-content {
	display:none;
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:0 0;
	padding-bottom:0;
	background-color:white;
	background-color:rgba(255,255,255,0.5);
	border-bottom:0;
	z-index:2;
}
div.cartes .cartes-icon.display + .cartes-icon-content {
	display:block;
	z-index:100001;
}
.cartes-icon-content > * {
	margin:0;
}
.cartes-icon-content .cartes-title {
	font-weight:bold;
	font-size:1.5em;
}
.cartes-icon-content .cartes-text {
	
}

div.cartes .leaflet-map-pane div,
div.cartes .leaflet-map-pane .leaflet-layer img {
	position:absolute;
}
div.cartes, div.cartes .leaflet-container { /* taken from leaflet.css */
	font:12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
div.cartes a { /* taken from leaflet.css */
	color:#0078A8;
}

div.cartes .leaflet-control-zoom {
	position:absolute;
	bottom:0;
	right:0;
}

div.cartes .leaflet-control-scale {
	position:absolute;
	bottom:0;
	left:188px;
	margin:0;
	font-size:11px;
}
div.cartes .leaflet-control-scale .leaflet-control-scale-line {
	border:1px solid #999;
	border-top:none;
	color:black;
	line-height:1.1;
	padding:2px 5px 1px;
	text-shadow:1px 1px 1px #fff;
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow:0 -1px 5px rgba(0, 0, 0, 0.2);
	white-space:nowrap;
	overflow:hidden;
}

div.cartes .leaflet-control-attribution { /* taken from leaflet.css */
	bottom:1px;
	left:0;
	position:absolute;
	background-color:rgba(255, 255, 255, 0.7);
	box-shadow:0 0 5px #bbb;
	margin:0;
	padding:0 5px;
	color:#333;
	font-size:10px;
	z-index:1;
	white-space:nowrap;
}