/* =========================================================
   FPA PUBLIC V5.1.5.20
   AUTH REGISTER HARMONISE
   ========================================================= */

.fpa-auth-direct-page-v6,
.fpa-auth-direct-page-v6 *,
.fpa-auth-direct-page-v6 *::before,
.fpa-auth-direct-page-v6 *::after{
    box-sizing:border-box;
}

.fpa-auth-direct-page-v6{
    --fpa-navy:#071a33;
    --fpa-navy-2:#12365c;
    --fpa-orange:#ef5a1a;
    --fpa-orange-dark:#d94b0e;
    --fpa-text:#101828;
    --fpa-muted:#667085;
    --fpa-border:#dfe5ec;

    min-height:100vh!important;
    padding:24px 24px 48px!important;

    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(239,90,26,.065),
            transparent 27%
        ),
        radial-gradient(
            circle at 94% 6%,
            rgba(37,99,235,.055),
            transparent 28%
        ),
        #f3f5f8!important;
}

/* =========================================================
   CARTE PRINCIPALE
   ========================================================= */

.fpa-auth-direct-page-v6 .fpa-auth-box-v6{
    width:min(1120px,100%)!important;
    max-width:1120px!important;

    margin:28px auto 0!important;
    padding:0!important;

    overflow:hidden!important;

    border:1px solid #dce3eb!important;
    border-radius:22px!important;

    background:#fff!important;

    box-shadow:
        0 16px 38px rgba(15,23,42,.075)!important;
}

/* =========================================================
   EN-TETE TYPE HERO
   ========================================================= */

.fpa-auth-direct-page-v6 .fpa-auth-box-v6
> .home-kicker-v4310{
    display:inline-flex!important;

    margin:
        26px 28px 0!important;

    padding:6px 10px!important;

    border-radius:999px!important;

    background:#fff0e7!important;
    color:#b8430c!important;

    font-size:.68rem!important;
    font-weight:950!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
}

.fpa-auth-direct-page-v6 .fpa-auth-box-v6 h1{
    margin:
        10px 28px 0!important;

    max-width:880px!important;

    color:#071a33!important;

    font-size:
        clamp(2rem,4vw,3.2rem)!important;

    line-height:1.02!important;
    letter-spacing:-.045em!important;
    font-weight:1000!important;
}

.fpa-auth-direct-page-v6 .fpa-auth-box-v6
> p{
    margin:
        10px 28px 0!important;

    max-width:800px!important;

    color:#667085!important;

    font-size:.9rem!important;
    line-height:1.45!important;
}

/* =========================================================
   GRILLE 4 PROFILS
   ========================================================= */

.fpa-auth-direct-page-v6 .fpa-register-grid-v6{
    display:grid!important;

    grid-template-columns:
        repeat(4,minmax(0,1fr))!important;

    gap:10px!important;

    margin:22px 28px 0!important;
}

/* CARTE */
.fpa-auth-direct-page-v6 .fpa-register-card-v6{
    position:relative!important;

    min-width:0!important;
    min-height:164px!important;

    padding:18px!important;

    display:flex!important;
    flex-direction:column!important;

    border:
        1px solid #dce3eb!important;

    border-radius:15px!important;

    background:#fff!important;

    color:#071a33!important;

    text-decoration:none!important;

    box-shadow:none!important;

    transition:
        border-color .15s ease,
        background .15s ease,
        transform .15s ease!important;
}

.fpa-auth-direct-page-v6
.fpa-register-card-v6:hover{
    transform:translateY(-2px)!important;

    border-color:#ef5a1a!important;

    background:#fffaf7!important;

    box-shadow:
        0 10px 22px rgba(15,23,42,.055)!important;
}

/* NUMERO */
.fpa-auth-direct-page-v6
.fpa-register-card-v6 em{
    width:35px!important;
    height:35px!important;

    margin:0 0 17px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:10px!important;

    background:#fff0e7!important;
    color:#df4c0c!important;

    font-style:normal!important;
    font-size:.78rem!important;
    font-weight:950!important;
}

/* TITRE */
.fpa-auth-direct-page-v6
.fpa-register-card-v6 strong{
    display:block!important;

    margin:0 0 7px!important;

    color:#071a33!important;

    font-size:1rem!important;
    line-height:1.2!important;
    font-weight:950!important;
}

/* DESCRIPTION */
.fpa-auth-direct-page-v6
.fpa-register-card-v6 span{
    display:block!important;

    margin:0!important;

    color:#667085!important;

    font-size:.8rem!important;
    line-height:1.4!important;
    font-weight:600!important;
}

/* petite barre orange */
.fpa-auth-direct-page-v6
.fpa-register-card-v6::after{
    content:""!important;

    position:absolute!important;
    left:18px!important;
    bottom:13px!important;

    width:24px!important;
    height:2px!important;

    border-radius:999px!important;

    background:#ef5a1a!important;

    opacity:.65!important;
}

/* =========================================================
   ACTIONS BAS DE PAGE
   ========================================================= */

.fpa-auth-direct-page-v6 .fpa-auth-actions-v6{
    margin:
        20px 28px 28px!important;

    padding-top:18px!important;

    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;

    border-top:1px solid #edf0f4!important;
}

.fpa-auth-direct-page-v6
.fpa-auth-actions-v6 .btn{
    min-height:40px!important;

    padding:8px 13px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:10px!important;

    border:1px solid #dce3eb!important;

    background:#fff!important;
    color:#172033!important;

    font-size:.8rem!important;
    font-weight:850!important;

    box-shadow:none!important;
}

.fpa-auth-direct-page-v6
.fpa-auth-actions-v6 .btn:hover{
    background:#f6f8fa!important;
    border-color:#c3cedb!important;
}

/* =========================================================
   PAGE LOGIN :
   ON NE CHANGE PAS SA STRUCTURE
   JUSTE COHERENCE DU CONTENEUR
   ========================================================= */

.fpa-auth-direct-page-v6
.fpa-auth-form-v6{
    margin:
        22px 28px 0!important;
}

.fpa-auth-direct-page-v6
.fpa-auth-form-v6 input{
    border-color:#d7dee7!important;
    background:#fff!important;
}

/* =========================================================
   TABLETTE
   ========================================================= */

@media(max-width:900px){

    .fpa-auth-direct-page-v6{
        padding:16px!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-register-grid-v6{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

    .fpa-auth-direct-page-v6{
        padding:7px 7px 24px!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-auth-box-v6{
        margin-top:10px!important;
        border-radius:17px!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-auth-box-v6
    > .home-kicker-v4310{
        margin:
            19px 17px 0!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-auth-box-v6 h1{
        margin:
            9px 17px 0!important;

        font-size:2rem!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-auth-box-v6
    > p{
        margin:
            9px 17px 0!important;

        font-size:.84rem!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-register-grid-v6{
        grid-template-columns:1fr!important;

        margin:
            17px 17px 0!important;

        gap:8px!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-register-card-v6{
        min-height:auto!important;
        padding:15px!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-register-card-v6 em{
        margin-bottom:11px!important;
    }

    .fpa-auth-direct-page-v6
    .fpa-auth-actions-v6{
        margin:
            16px 17px 20px!important;
    }
}

/* =========================================================
   FPA_V51757A_REMEMBER_MOBILE
   Connexion mobile : alignement "Rester connecté"
   ========================================================= */
@media (max-width: 768px) {

    .fpa-remember-login-v51746b {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 18px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        text-align: left !important;
        white-space: normal !important;
    }

    .fpa-remember-login-v51746b input[type="checkbox"] {
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .fpa-remember-login-v51746b span {
        display: block !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.35 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

/* =========================================================
   FPA_V51757B_LOGIN_ACTIONS_MOBILE
   Connexion mobile : homogénéité des actions
   ========================================================= */
@media (max-width: 768px) {

    .public-auth-v51520 .btn,
    .public-auth-v51520 button,
    .public-auth-v51520 a.btn,
    .public-auth-v51520 .auth-action-v51520 {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 52px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border-radius: 14px !important;
    }

    .public-auth-v51520 .auth-secondary-actions-v51520,
    .public-auth-v51520 .auth-links-v51520 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .public-auth-v51520 .auth-secondary-actions-v51520 a,
    .public-auth-v51520 .auth-links-v51520 a {
        width: 100% !important;
        min-height: 52px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 12px 16px !important;
        border-radius: 14px !important;
    }
}

/* =========================================================
   FPA_V51757C2_AUTH_ACTIONS_MOBILE
   Actions secondaires connexion mobile
   Cible réelle : .fpa-auth-actions-v6
   ========================================================= */
@media (max-width: 768px) {

    .fpa-auth-actions-v6 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 12px !important;
        padding: 0 25px !important;

        box-sizing: border-box !important;
    }

    .fpa-auth-actions-v6 .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 52px !important;
        min-height: 52px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;
        border-radius: 14px !important;

        text-align: center !important;
        line-height: 1.2 !important;
        white-space: normal !important;

        flex: none !important;
    }

    .fpa-auth-actions-v6 button.btn,
    .fpa-auth-actions-v6 a.btn {
        width: 100% !important;
        height: 52px !important;
    }
}

/* =========================================================
   FPA_V51757D_LOGIN_ACTIONS_ALIGN
   Alignement exact des 3 actions secondaires
   ========================================================= */
@media (max-width: 768px) {

    .fpa-auth-actions-v6 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;

        width: auto !important;
        max-width: none !important;

        margin: 12px 25px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .fpa-auth-actions-v6 .btn,
    .fpa-auth-actions-v6 button.btn,
    .fpa-auth-actions-v6 a.btn {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 14px 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
        border-radius: 14px !important;

        text-align: center !important;
        line-height: 1.2 !important;
        flex: none !important;
    }
}

/* =========================================================
   FPA_V51757E_LOGIN_ACTIONS_GOOGLE_ALIGN
   Alignement horizontal des 3 actions sur bouton Google
   ========================================================= */
@media (max-width: 768px) {

    .fpa-auth-actions-v6 {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 12px 0 0 !important;
        padding: 0 25px !important;

        box-sizing: border-box !important;
    }

    .fpa-auth-actions-v6 .btn,
    .fpa-auth-actions-v6 button.btn,
    .fpa-auth-actions-v6 a.btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 14px 16px !important;

        box-sizing: border-box !important;
        border-radius: 14px !important;

        text-align: center !important;
        line-height: 1.2 !important;
        flex: none !important;
    }
}