body,html{text-align:center;position:relative!important;height:100%!important;min-width:100%;width:100%}input::-webkit-input-placeholder{transition:.3s;position:relative;top:0;font-size:inherit;color:var(--vertpastelinputs)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--vertpastelinputsfocus) inset!important;-webkit-text-fill-color:#555!important}:focus::-webkit-input-placeholder{color:var(--vertfonceo2);top:-11px}@-webkit-keyframes showResult{from{opacity:0}to{opacity:1}}@keyframes showResult{from{opacity:0}to{opacity:1}}.mobileOrDeskSelection{display:none}.mobileOrDeskSelection.inactive{display:none!important}.conteneurLogin{height:100%;position:relative;background-image:var(--loginBkg);background-size:cover;background-position:bottom;display:flex;align-items:center;justify-content:center}.banner{position:fixed;top:0;height:61px;width:100%;z-index:2;background-color:#fff!important;background-image:linear-gradient(to bottom,#fff,#f2f2f2)!important;box-shadow:0 1px 10px rgba(0,0,0,.1)}.banner:after{content:'';top:5px;height:50px;width:200px;display:block;margin:0 auto;position:relative;background-image:var(--logoTopConnexion);background-size:contain;background-repeat:no-repeat;background-position:center}.loginCard{width:400px;box-shadow:0 0 40px #00000024;background-color:#3c3c3c4d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:10px;padding-bottom:80px;align-items:center}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.loginCard{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:transparent}}.loginCard .welcome{margin-top:10px;margin-bottom:30px;color:var(--vertfonceo2);text-align:center;font-size:12px;opacity:0;-webkit-animation:fadeInUp 2s forwards;animation:fadeInUp 2s forwards;-webkit-animation-delay:2s;animation-delay:2s}.loginCard .welcome div:nth-child(1){font-size:30px;line-height:30px}.identForm{position:relative;overflow:visible;margin:0;width:100%;align-items:center;justify-content:center;display:flex;flex-direction:column}.identForm form{margin:0}.controls{margin-left:0!important}.control-label{width:20px!important;line-height:25px}.input-xlarge{line-height:35px!important;height:auto!important;background:0 0!important;border:none!important;box-shadow:none!important;transition:.2s;-webkit-transition:.2s;overflow:visible;color:#fff;background-color:#ffffff54!important;border-radius:4px!important}.input-xlarge:focus{content:"";opacity:1}.checkBox{width:0;height:0;opacity:0}.btnConnexion{display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:10px;font-size:14px;padding:5px 10px;border-radius:4px!important;transition:.5}.btnConnexion:after{content:"Connexion"}.changePass .btnConnexion:after{content:unset}.btnConnexion i{margin-right:5px}.btnConnexion:hover i{transition:.2s}.lostPassword{display:block;cursor:pointer;color:var(--vertpastelinputs);transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 5px;margin:0 auto;margin-top:20px;opacity:.5;background:0 0;border:none}.lostPassword:hover{color:var(--vertpastelinputsfocus);text-decoration:none;opacity:1}.customerLogo{height:300px;width:100%;box-sizing:border-box;padding:0 30px;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-bottom:20px}.customerLogo .logo{position:relative;width:100%;max-height:70%;flex-grow:1;margin:0 auto;background-image:var(--logoPanelConnexion);background-size:contain;background-repeat:no-repeat;background-position:center}.customerLogo .version{position:fixed;bottom:5px;color:var(--vertacide);font-size:11px;margin-top:5px}.control-group.error input::-webkit-input-placeholder{color:var(--errorColor)}#divPostTraitement{padding-top:5px;text-align:center;box-sizing:border-box;position:fixed;bottom:20px}#divPostTraitement .alert{background:var(--errorColor);border-color:var(--errorColor);color:#fff;text-shadow:none;margin-bottom:10px;border-radius:4px!important}.result{background-color:#ffffff8a;padding:10px;border-radius:4px;justify-content:center;align-items:center;display:none;box-sizing:border-box;margin:0 20px;margin-bottom:10px;opacity:0;-webkit-animation:showResult 1s;animation:showResult 1s}.conteneurLogin.showResult .result{display:flex;transition:.5s;opacity:1}.conteneurLogin.showResult.success .result>div:before{content:'\e367';font-size:30px;display:flex;line-height:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;color:var(--greensuccess);width:100%;font-family:icomoon}.conteneurLogin.showResult.error .result{background-color:var(--altrnateRowColor);border:1px dashed var(--errorColor);color:var(--errorColor)}.conteneurLogin.showResult.error .result>div:before{content:'\e356';font-size:30px;display:flex;line-height:30px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;color:red;width:100%;font-family:icomoon}.conteneurLogin.showResult .result>div{display:none}.conteneurLogin.showResult.browser .browser,.conteneurLogin.showResult.changePass .changePass,.conteneurLogin.showResult.changePassExpired .changePassExpired,.conteneurLogin.showResult.changePassSuccess .changePassSuccess,.conteneurLogin.showResult.erreurGenerique .erreurGenerique,.conteneurLogin.showResult.mfa .mfa,.conteneurLogin.showResult.passExpiration .passExpiration,.conteneurLogin.showResult.passwordRecovery .passwordRecovery,.conteneurLogin.showResult.passwordRecoverySuccess .passwordRecoverySuccess,.conteneurLogin.showResult.permissions .permissions{display:block}.conteneurLogin.showResult.browser .identForm,.conteneurLogin.showResult.changePassExpired .identForm,.conteneurLogin.showResult.changePassSuccess .identForm,.conteneurLogin.showResult.erreurGenerique .identForm,.conteneurLogin.showResult.passExpiration .identForm,.conteneurLogin.showResult.passwordRecoverySuccess .identForm,.conteneurLogin.showResult.permissions .identForm{display:none}.conteneurLogin.showResult.mfa .identForm .passwordEyeToggle,.conteneurLogin.showResult.mfa .identForm input[name=email],.conteneurLogin.showResult.mfa .identForm input[name=password]{display:none}.conteneurLogin.showResult.passwordRecovery button.btnConnexion:after{content:'Continuer'}.conteneurLogin.showResult.mfa button.lostPassword,.conteneurLogin.showResult.passwordRecovery button.lostPassword{display:none}.conteneurLogin.showResult.changePass .changePass ul,.conteneurLogin.showResult.passwordRecoverySuccess .passwordRecoverySuccess ul{text-align:left;list-style:auto;margin-top:10px;margin-bottom:10px}.conteneurLogin.showResult.changePass .changePass ul{list-style:initial}@media only screen and (min-device-width :320px) and (max-device-width :1024px){@-webkit-keyframes fadeInAndGoDown{from{opacity:0;top:-400px;height:0}to{opacity:1;top:20px;height:100%}}@keyframes fadeInAndGoDown{from{opacity:0;top:-400px;height:0}to{opacity:1;top:20px;height:100%}}.banner{display:none}.mobileOrDeskSelection{display:block;width:100%;height:100%;background-color:rgba(0,0,0,.8);position:absolute;z-index:3}.customerLogo{background-position:center}.mobileOrDeskSelection .msgBox{position:relative;width:80%;margin:0 auto;top:25%}#divPostTraitement{margin-right:0;margin-top:0}.loginCard{max-width:calc(100% - 40px);margin-top:0;height:100%}.loginCard .btnConnexion{position:relative;margin:0 auto;right:initial;top:initial;border-radius:4px!important;height:40px;width:100%!important}.identForm{width:100%}}