html {
  font-size: 12px;
}
body {
  padding: 0;
  margin: 0;
}

img{
	max-width: 100%;
}

#all-carte-wrapper{
	position:relative;
	width: 100%;
}

#carte-wrapper{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
}

svg {
  display: block;
  width: 100%;
}

#states path:hover{
	fill: rgba(255,0,0, 0.4);
}

#states path{
	stroke: transparent; 
	fill: transparent;
}

.text-element{
	position:fixed; 
	background: rgba(255,255,255,0.9);
	width: 40%;
	top:20px;
	left:20px;
	padding: 20px;
	box-shadow: 10px 5px 5px rgba(0,0,255,0.3);
	display:none;
}