.login-page .global{height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.login-page .alert{background-color:#fff;z-index:9}.login-page .headerPage{padding-top:2rem}.login-page .contenuPage{padding-top:2rem;padding-bottom:2rem}.login-page .contenuPage>.container{position:static}.login-page .login-form{width:80vw;max-width:20rem;margin:auto}.login-page .pull-right{float:none}.login-page .keypad-container .counter{position:relative;margin-bottom:1rem}.login-page .keypad-container .counter .dot,.login-page .keypad-container .counter .correct{width:1.5rem;height:1.5rem;line-height:1.5rem;border:solid 1px #d3d3d3;border-radius:50%;margin:0 0.5rem}.login-page .keypad-container .counter .dot{display:inline-block}.login-page .keypad-container .counter .dot.rouge{background-color:#be0000}.login-page .keypad-container .counter .correct{position:absolute;right:0;border-color:#be0000;color:#be0000}.login-page button:focus{outline:0}.login-page .keypad-container .keypad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;gap:0em 0em;grid-template-areas:". . ." ". . ." ". . ." ". . .";height:80vw;width:80vw;max-height:20rem;max-width:20rem;max-width:100%;margin:auto}.login-page .keypad-container .keypad .key{-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border:solid 1px #fff;background:#d3d3d3;color:#000;font-family:"Akrobat", Arial, sans-serif;font-weight:800;font-size:1.5rem}.login-page .keypad-container .keypad .key:hover{color:#fff;background:#797979}.login-page .keypad-container .keypad .key:active,.login-page .keypad-container .keypad .key:focus{-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;color:#fff;background:#797979}.login-page .keypad-container .actions{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:80vw;max-width:100%;margin:auto;margin-top:1rem}.login-page .keypad-container .actions .row{margin:auto;max-width:100%}.login-page .keypad-container .actions button{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.login-page .login-form #accessible-form{width:80vw;position:relative;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}