.ident_content{
    /*on met le contenu non visible pour commencer, car si on veut directement passer à l'étape paiement via une redirection,
    on a pas une apparition disparition qui fait un effect flash pas beau*/
    display: none;
}

.ident_content .btn, .ident_content .btn-template.btn-default {
    font-size: 16px;
}

#auth .tab-btn.active {
    background-color: rgb(46, 111, 116);
}

.ident_title {
    padding-top: 16px;
    font-family: "Roboto-Medium";
    font-size: 18px;
}

.ident_tabs {
    display: flex;
    justify-content: space-between;
}

.ident_tabs button.tab-btn {
    flex-grow: 1;
}

.ident_tabs, .tab-content {
    padding-top: 16px;
}

#auth {
    background-color: white;
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
}

.new-client-group {
    display: none;
}

#alreadyauth_payment {
    float: right;
    clear: right;
}

.ident_content {
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
}

.login-or {
    display: none !important;
}

.alternate-loggin-group {
    display: flex;
    justify-content: space-between;
    order: 1;
}

.form-login > .ast-form-group, .form-login > .turnstile-group  {
    order: 2;
}

.alternate-loggin-group > div {
    flex-grow: 1;
}

.fbGroup {
    margin-right: 16px;
}

.reset-password {
    margin-top: 8px;
}

.ast-form-group.connectionLogin{
    justify-content: center;
    flex-direction: row;
}

.tab-content #accountCreationForm{
    padding-left: 0;
    padding-right: 0;
}

#fast-account-validate{
    display: flex;
    justify-content: center;
}

#fast-account-validate > div{
    flex-grow: 1;
    justify-content: center;
    display: flex;
}

.ModuleLogin .ast-login-title,.ModuleLogin .ast-login-subtitle {
    display: none;
}

/*890 et plus : tablette paysage et PC*/
/*- Entre 700 et 889  : tablette portrait*/
/*- Entre 396 et 699 : smartphone XL*/
/*- Moins de 396 : smartphone*/

@media screen and (min-width: 890px) {
    .ident_content {
        margin-left: calc(100% / 2 - 350px); /* permet de centrer l'affichage des propositions */
        width: 700px;
    }

    #auth .tab-btn:not(:last-child) {
        margin-right: 16px;
    }

    .btn-template.btn-default.form-submit-login {
        flex-grow: initial;
    }
}

@media screen and (min-width: 700px) and (max-width: 889px) {
    .ident_content {
        margin-left: calc(100% / 2 - 350px); /* permet de centrer l'affichage des propositions */
        width: 700px;
    }

    #auth .tab-btn:not(:last-child) {
        margin-right: 16px;
    }

    .btn-template.btn-default.form-submit-login {
        flex-grow: initial;
    }
}

@media screen and (min-width: 396px) and (max-width: 699px) {
    .ident_content {
        width: calc(100vw - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }

    #navigate_forward,
    #navigate_forward div,
    #navigate_forward button,
    #navigate_back,
    #navigate_back div,
    #navigate_back button {
        display: block;
        width: 100%;
    }

    .ident_title {
        font-size: 16px;
    }

    .ident_content {
        padding-right: 12px;
        padding-left: 12px;
    }

    .ident_tabs, .alternate-loggin-group, #fast-account-validate {
        flex-direction: column;
    }
    .ident_tabs button.tab-btn {
        margin-right: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .fbGroup {
        margin-right: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .email-group {
        margin-top: 16px;
    }

    #tabs1-authenticate {
        padding-top: 0;
    }

    #fast-account-validate > div > button{
        flex-grow: 1;
    }
}

@media screen  and (max-width: 396px) {
    .ident_content {
        width: calc(100vw - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }

    #navigate_forward,
    #navigate_forward div,
    #navigate_forward button,
    #navigate_back,
    #navigate_back div,
    #navigate_back button {
        display: block;
        width: 100%;
    }

    .ident_title {
        font-size: 16px;
    }

    .ident_content {
        padding-right: 12px;
        padding-left: 12px;
    }

    .ident_tabs, .alternate-loggin-group, #fast-account-validate {
        flex-direction: column;
    }

    .ident_tabs button.tab-btn {
        margin-right: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .fbGroup {
        margin-right: 0;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .email-group {
        margin-top: 16px;
    }

    #tabs1-authenticate {
        padding-top: 0;
    }

    #fast-account-validate > div > button{
        flex-grow: 1;
    }
}