html,body{margin:0;height:100%;min-height:100%;}body{overflow:hidden;background-color:#fff;color:#535353;font-family:"Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;font-size:16px;line-height:1.4em;display:flex;flex-direction:column;}.bandeau-logo{background-color:#535353;height:100px;width:100%;flex:none;text-align:center;padding:15px 0 15px 0;}.bandeau-logo img{max-height:70px;}.bandeau-footer{background-color:#535353;color:#fff;flex:none;width:100%;height:42px;font-size:.7em;padding-top:11px;text-align:center;}.main{display:flex;flex:auto;flex-wrap:wrap;width:100%;margin:0;height:100%;}.main .left-zone{width:calc(100% - 400px);display:none;}@media screen and (min-width:1024px){.main .left-zone{display:block;}.main .left-zone .message-portal{width:500px;background:#fff;opacity:.8;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:20px;}.main .left-zone.productimage{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}}.main .right-zone{width:400px;max-width:calc(100% - 60px + 10px);display:flex;flex-direction:column;margin:0 auto;position:relative;}@media screen and (min-width:1024px){.main .right-zone{padding-left:25px;padding-right:25px;margin:auto;}}.main .right-zone input{background-color:#fff;color:#535353;}.main .right-zone .login-submit,.main .right-zone .btn-grey{color:#fff;background-color:#535353;margin-top:15px;border:1px solid #535353;}.main .right-zone .input-margin{margin:0 0 10px 0;}.main .right-zone .product-id{font-weight:500;margin:30px 30px 30px 30px;text-align:center;}.main .right-zone .alert{font-weight:500;}.main .right-zone .login-message,.main .right-zone .verrmaj{color:#535353;text-align:center;font-weight:700;margin-top:10px;}.main .right-zone .verrmaj{display:none;}.main .right-zone .login-form{text-align:center;font-weight:500;}.main .right-zone .login-form .no-border{border:0;box-shadow:none;}.main .right-zone .login-form .white-bg{background-color:#fff;}.main .right-zone .login-form .logo-portail{font-size:3em;margin:10px auto 10px auto;padding-top:10px;}.main .right-zone .login-form .choix-sms,.main .right-zone .login-form .choix-messagerie{color:#fff;background-color:#535353;font-size:1.1em;}.main .right-zone .login-form .btn-red{background-color:#cd5c5c;color:#fff;margin-top:15px;}.main .right-zone .login-form .ou{display:flex;align-items:center;flex-direction:row;margin:0 30px 30px;}.main .right-zone .login-form .ou .cercle{border:1px solid #535353;height:48px;width:48px;text-align:center;border-radius:48px;line-height:45px;}.main .right-zone .login-form .ou .barre-avant,.main .right-zone .login-form .ou .barre-apres{border-top:1px solid #535353;height:0;width:100px;}.main .right-zone .login-form .connexion-autre{display:flex;}.main .right-zone .login-form .connexion-autre .openid-item-group{margin:10px;}.main .right-zone .login-form .connexion-autre .openid-item-group .openid-button{margin:10px;display:flex;}.main .right-zone .login-form .connexion-autre .openid-item-group .openid-button .openid-image{width:100%;}.main .right-zone .login-form .connexion-autre .openid-item-group .openid-button .ea-info{display:flex;align-content:center;flex-wrap:wrap;margin-left:10px;}.main .right-zone .login-form .password-eye{float:right;top:-40px;right:20px;position:relative;color:rgba(0,49,82,.5019607843);}@media(max-width:1200px){.main .right-zone .login-form,.main .right-zone .login-content{margin:20px 20px 20px 20px;}}@media(min-width:1200px){.main .right-zone .login-form,.main .right-zone .login-content{margin:30px 30px 30px 30px;}}.main .right-zone .login-content .gestion-mdp{padding-top:40px;text-align:left;}.main .right-zone .login-content .gestion-mdp .mdp-oublie,.main .right-zone .login-content .gestion-mdp .demande-creation-compte{font-size:small;display:block;color:#535353;}.main .right-zone .login-content .gestion-mdp .mdp-oublie a,.main .right-zone .login-content .gestion-mdp .demande-creation-compte a{color:#535353;}.main .right-zone .login-content .gestion-mdp .demande-creation-compte{margin-top:10px;}.main .right-zone .login-content .choixEmailOuTelephonePanel{padding:0;font-size:.8em;display:none;}.main .right-zone .login-content .saisieotp{display:none;}.main .right-zone .login-content .saisieotp .validation-otp{display:flex;flex-direction:column;}.main .right-zone .login-content .no-margin{margin:0;padding:0;margin-bottom:15px;}.main .right-zone .login-message{display:none;}