@font-face {
	font-family: "luckiest";
	src: url('../fonts/LuckiestGuy-Regular.ttf');
}
.luckiest{
	font-family: luckiest;
	font-weight: normal;
	font-size: 15vh;
    text-align: center;
    vertical-align: middle; 
	color:white;
    line-height: 14vh;
}
.luckiest_petit{
	font-family: luckiest;
	font-weight: normal;
	font-size: 3vh;
    text-align: center;
    vertical-align: middle; 
	color:white;
}
.hover{
	cursor: pointer;
}
.cq{
	background-color:#2E57D3;
}
.cq:hover{
	background-color: #0F3DC5 !important;
}
.siv{
	background-color:#343a40;
}
.siv:hover{
	background-color: #191F24 !important;
}
.admin{
	background-color: #45B85E;
}
.admin:hover{
	background-color: #28a745 !important;
}
.gmao{
	background-color: #F6C23E;
}
.gmao:hover{
	background-color: #AE7F06 !important;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
body{
	background-image: url('../images/fond_login.jpg');
	background-position: center;
	background-size: cover;
	height: 100vh;
	width: 100vw;
}
.bg-login-image{
	background-image: url('../images/login.jpg') !important;
	background-position: center;
	background-size: cover;
}
.fond{
	background-color: #4e73df;
	-ms-transform: skewY(20deg);
	transform: skewY(80deg);
	width: 160%;
	height: 550%;
	position: absolute;
	left: -50%;
	overflow: hidden;
	box-shadow: 0px 10px 10px black;
}