dialog#login .wrapper-content{
    max-width:460px;
    overflow: auto;
    max-height: 100%;
    height: auto;
    width: 100%
}

.login-form-custom{
    padding-top:20px;
}

.login-form-custom h2{
    color: var(--primary-bleu-fonc, #08042E);
    text-align: center;
    font-family: Silvana, sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding:10px;
}

.login-form-custom #loginform{
    margin-top:20px;
}

.login-form-custom .login-message{
    text-align: center;
    font-style: italic;
}

.login-form-custom .login-error{
    color: red;
}

.login-form-custom form{
    display: flex;
    flex-direction: column;
    gap:15px;
    max-width: 380px;
    margin:0 auto;
}

.login-form-custom form label{
    color: var(--primary-bleu-fonc, #08042E);
    font-family: Trenda, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:5px;
    display:flex;
}

.login-form-custom form input[type="submit"]{
    width: 100%;
}

.login-form-custom .lost-password{
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--shades-noir-2, #939696);
    text-align: center;
    font-family: Trenda, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.login-form-custom .separateur-login{
    flex:1;
    margin:20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--shades-noir-2, #939696);
    text-align: center;
    font-family: Trenda, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    gap:10px;
}

.login-form-custom .separateur-login::after,
.login-form-custom .separateur-login::before{
    flex:1;
    content: "";
    background: var( --shades-noir-2);
    max-width: 50px;
    display: block;
    height: 1px;
    transform: translateY(2px);
}

.login-form-custom .message{
    color: var(--shades-noir-2, #939696);
    text-align: center;
    font-family: Trenda, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#gestion-mot-de-passe h1,
#mot-de-passe-oublie h1{
    display: flex;
    margin: 0 auto;
}

#gestion-mot-de-passe form,
#mot-de-passe-oublie form{
    margin: 30px auto 0;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

#gestion-mot-de-passe form p,
#mot-de-passe-oublie form p,
#gestion-mot-de-passe form input[type="submit"]{
    width: 100%;
}

#gestion-mot-de-passe .message,
#mot-de-passe-oublie .message{
    font-style: italic;
    text-align: center;
}

#gestion-mot-de-passe .success,
#mot-de-passe-oublie .success{
    color:green;
}

#gestion-mot-de-passe .error,
#mot-de-passe-oublie .error{
    color:red;
}

dialog .login-form-custom form span.message{
    display: none;
    color: var(--secondary-rouge, #CD2828);
    font-family: Trenda, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.17px;
    justify-content: center;
}

dialog .login-form-custom form span.message.created-failed{
    display: flex;
}