body {
	height: 100%;
	width: 100%;
	overflow: hidden;
	color: #272727;
	font-family: "Trebuchet MS", sans-serif;
}
h1 {
	font-size: 14px;
	font-size: 6vh;
	width: 100%;
	text-align: center;
	color: #db9430;
}
#graph {
	position: absolute;
	top: 100;
	bottom: 0;
	left: 0;
	right: 0;
}
.axis {
	position: absolute;
	background-color: black;
}
.label {
	position: absolute;
	color: black;
	font-size: 10px;
	font-size: 3.8vh;
}
.triangle {
	position:absolute;
	width: 0;
	height: 0;
}
#triangleUp {
	top: 2%;
	left: 2.3%;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 30px solid black;
	border-left: 1vw solid transparent;
	border-right: 1vw solid transparent;
	border-bottom: 2vw solid black;
}
#verticalAxis {
	bottom: 6%;
	left: 3.1%;
	top: 3.5%;
	right: 96.3%;
}
#verticalLabel{
	transform: rotate(-90deg);
	transform-origin: left top 0;
	top: 25%;
	left: 0.5%;
}
#horizontalAxis {
	bottom: 6%;
	left: 3.1%;
	top: 93%;
	right: 5%;
}
#triangleRight {
	bottom: 4%;
	right: 3%;
	border-top: 15px solid transparent;
	border-left: 30px solid black;
	border-bottom: 15px solid transparent;
	border-top: 2vh solid transparent;
	border-left: 4vh solid black;
	border-bottom: 2vh solid transparent;
}
#horizontalLabel {
	right: 8%;
	bottom: 0.5%;
}
.onGraph {
	display: table;
	position: absolute;
	width: 28%;
	height: 29%;
	border: 2px solid grey;
	border-radius: 18px;
}
.onGraph a, .onGraph a:visited {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	font-size: 3.6vh;
	text-overflow: auto;
	vertical-align: middle;
	color: #272727;
	text-decoration: none;
}
.onGraph a:hover, .onGraph a:visited:hover {
	color: black;
	background: #338000;
	text-decoration: underline;
	text-decoration-style: dashed;
	border: 2px solid #338000;
	border-radius: 14px;
}
.onGraph a span {
	text-align: center;
}
@media screen and (min-height: 400px) {
	.responsiveBreak {

	}
	.responsiveBreak:after {
		content: '\A ';
	    white-space: pre;
	}
}
#blogCitoyen {
	bottom: 70%;
	left: 7%;
}
#blogArtisan {
	bottom: 10%;
	left: 69%;
}
#cv {
	bottom: 40%;
	left: 69%;
}
#compost {
	bottom: 10%;
	left: 38%;
}