@font-face {
  font-family:"LetoSans";
  src: url("../fonts/LetoSans.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family:"LetoSans";
  src: url("../fonts/LetoSans-Thin.otf") format("opentype");
  font-weight: 100;
}

@font-face {
  font-family:"LetoSans";
  src: url("../fonts/LetoSans-Bold.otf") format("opentype");
  font-weight: 600;
}

/* @font-face {
  font-family:"FontAwesome";
  src: url("../fonts/FontAwesome.otf") format("opentype");
  font-weight: 600;
} */

.conteneur {
	width: 100%;
	text-align: center;
	height: 100vh;
}

.conteneur svg {
	width: 100%;
	height: 100vh;
}

.people tspan {
    font-family: 'FontAwesome';
    font-size: 10px;
}

.temperature tspan {
    font-family: 'FontAwesome';
    font-size: 10px;
}

.temperature.clim tspan {
    font-family: 'FontAwesome';
    font-size: 6px;
}

#timeScale:hover {
    cursor: col-resize;
}

#tempSelector:hover, #peopleSelector:hover, #accessSelector:hover {
    cursor: pointer;
}