html{
	font-family: Roboto;
}

.base_app {
	width: 100%;
	height: 100%;
	background-color: #F1F1F1;
	text-align: center;
	display: flex;
	justify-content: center;
}

.base_haut {
	position: absolute;
	top: 0%;
	width: 75%;
	height: 20%;
}

.base_tro {
	position: absolute;
	top: 10%;
	width: 75%;
	height: 30%;
	background-color: #F5F5F5;
	box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .2);
	border: solid 0px;
}

.base_commission {
	position: absolute;
	top: 47%;
	width: 75%;
	height: 25%;
	background-color: #F5F5F5;
	box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .2);
	border: solid 0px;
}

.base_malus {
	position: absolute;
	top: 78%;
	width: 75%;
	height: 10%;
	background-color: #F5F5F5;
	box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .2);
	border: solid 0px;
}

.base_salaire {
	position: absolute;
	top: 91%;
	left: 72%;
	width: 15%;
	height: 5%;
	background-color: #F5F5F5;
	box-shadow: 5px 5px 2px 1px rgba(0, 0, 0, .2);
	border: solid 0px;
}

.base_tableau {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	max-height: 30%;
	top: 101%;
	background-color: #F1F1F1;
	text-align: center;
	overflow-y: auto;
}



.base_login {
	position: absolute;
	width: 99%;
	height: 99%;
	background-color: #E1E1E1;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.base_connect {
	width: 40%;
	height: 40%;
	border-radius: 20px;
	background-color: #F1F1F1;
	box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, .2);
}

.imput {
	position: absolute;
	top: 40%;
	width: 20%;
	margin: 3%;
	background-color: #fff;
	border-color: #fff;
}

.pass {
	position: absolute;
	top: 46%;
	width: 20%;
	margin: 3%;
	background-color: #fff;
	border-color: #fff;
}

input {
	border: none;
	vertical-align: middle;
	outline: none;
}

.pass img {
	width: 8%;
	vertical-align: middle;
	cursor: pointer:
}

.Txt {
	position: absolute;
	top: 40%;
	left: 16%;
	width: 50%;
}