#viz {
	width: 100%;
	height: 480px;
}

#viz p {
  margin: 0;
}

#viz #main-map {
	width: 100%;
	height: 100%;
	background-color: #FAFAFC;
	border: 1px solid #EEE;
}

#viz #main-map .info {
  margin-top: 5px;
  background-color: #FAFAFC;
}

#viz #main-map .info .region {
  font-family: "dharmaGothicE", sans-serif;
  font-size: 2rem;
  background-color: hsl(220,50%,30%);
  color: #FFF;
  padding: 10px;
  text-align: center;
}

#viz #main-map .info .lieu {
  font-family: "epocapro", sans-serif;
  font-size: 1rem;
  padding: 5px 10px;
}

#viz #main-map .info .type {
  font-family: "epocapro", sans-serif;
font-family: "dharmaGothicE", sans-serif;
font-size: 1.3rem;
text-align: center;
  line-height: 1;
  background-color: hsl(220,50%,30%);
  color: #FFF;
  padding: 7px;
}

#viz #main-map .info .type.t-1 { background-color: #E34650; }
#viz #main-map .info .type.t-2 { background-color: #1176D6; }
#viz #main-map .info .type.t-3 { background-color: #3BC250; }
#viz #main-map .info .type.t-4 { background-color: #ECC85B; }
#viz #main-map .info .type.t-5 { background-color: #000; }