/* Login */
body{
	background-color:var(--white);
}

#logoBox{
	position:absolute;
	top:50px;
	left:50px;
}

#logoBox img {
	width:35vw;
}

div.mire{
position:absolute;
bottom:100px;
right:50px;
}

DIV.mire > form > div {
  width:300px;
  padding:10px;
  margin-top:50px;
  vertical-align:middle;
  border:0px solid var(--black);
  color: var(--white);
  text-align:left;
  font-size:1.1em;
}

#maxConn{
	width:300px;
	padding:10px;
	margin-top:50px;
	vertical-align:middle;
	color: var(--white);
	text-align:left;
	border:1px solid var(--white);
	border-radius: 5px;
	background-color:rgba(0,0,0,0.5);
	width:500px;
}

#message{
	font-weight:bold;
	color:var(--white);
	background-color: var(--red);
	padding: 20px;
	font-family: 'Futura Book';
	font-size: 20px;
	text-align: center;
}

input[type=button]{
	color:var(--white);
	background-color:var(--red);
	border:2px solid var(--red);
	cursor:pointer;
	display: flex;
	width: 309px;
	height: 52px;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 10px;
	background:  var(--red);
	color: var(--white);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
input[type=button]:hover{
	background-color:var(--white);
	color: var(--red);
}

label {
	display:inline-block;
	width:120px;
	font-weight: bold;
}

label span{
	color:var(--black);
}

DIV.mire > form > p+p{
	margin-top:100px;
	text-align:right;
}

#login, #password {
	display:inline-block;
	border:0px;
	padding:0px;
	margin:0px;
}
#login > input, #password > input {
	width:160px;
	margin:0px;
}

#menu {display:none;}
img.background {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}

.footer{
	position:absolute !important;
	bottom:0px;
	background-color:var(--white);
	width:100%;
	height:30px !important;
	vertical-align:middle;
	padding-top:15px;
}