@font-face { font-family:"eitfont"; src: url("/fonts/Folks-Light.ttf"); }
@font-face { font-family:"eitfont"; src: url("/fonts/Folks-Bold.ttf");  font-weight:bold; }

html { margin:0; padding:0; width:100vw; height:100vh; font-family:eitfont; }
body { margin:0; padding:0; width:100vw; height:100vh; background-image: url('/images/login_background2.jpg'); background-position: center; background-size: auto 100vh; background-repeat: no-repeat; }

.centerpage { position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  text-align:center; padding:0; margin:0; width:100vw;}
.container {  box-shadow:10px 10px 10px #804000; width:800px; margin:0 auto; border:1px solid #404040; }
.leftlogin { display: table-cell; background-color: rgba(0,0,0,0.7); color:#ffffff;  padding:0; margin:0; text-align:left; vertical-align:middle; width:300px; height:300px; padding:20px; text-align:center;}
.leftlogin img { width:200px; border-radius:5px; }

.rightlogin { display: table-cell; background-color: rgba(255,255,255,0.7); padding:0; margin:0; text-align:left; vertical-align:middle;  width:500px; height:300px; padding:20px;  }

input[type=text], input[type=password] { border:unset; border-radius:5px; width:100%; transition:0.5s; padding:5px; }
input[type=text]:focus, input[type=password]:focus { outline:none;  }

.titre { font-size:1.4em; }
.logbutton { float:right; margin-right:10px; }
.logbutton input[type=submit] { background-color:#404040; color:ffffff;  border:0px; padding:10px 20px 10px 20px; border-radius:20px; cursor:pointer;  transition:0.25s; font-weight:bold; }
.logbutton input[type=submit]:hover { background-color:#800000;   transition:0.25s;}

a { text-decoration: none; color:#800000; }

fieldset {  padding:5px 10px 10px 10px;  margin-bottom:10px;  border:1px solid #808080;  border-radius:5px;  box-shadow:5px 5px 5px #808080; background-color:#ffffff; width:460px; transition:0.5s}
legend { color:#808080;  padding: 0 10px 0 10px;  font-size:0.8em; background-color:#ffffff; border-radius:5px; border:1px solid #808080 }
fieldset:focus-within { border:1px solid #800000;  }
fieldset:focus-within  legend{ border:1px solid #800000;   background-color:#800000; color:#ffffff; }

strong { color:#800000; }