.homefichesaccess{
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
    .homefichesaccess_top{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
        position: relative;
    }
        .homefichesaccess_top-narrow{
            display: flex;
            flex-direction: column;
            width: 100%;
            min-height: 320px;
            padding-bottom: 160px;
            padding-right: 360px;
            max-width: var(--wp--style--global--content-size);
            position: relative;
            z-index: 2;
        }
    .homefichesaccess_bottom{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-left: var(--wp--style--root--padding-left);
        padding-right: var(--wp--style--root--padding-right);
        background: var(--wp--preset--color--nv-blue-light);
        position: relative;
    }
        .homefichesaccess.fiches-has-thumbs .homefichesaccess_bottom::before{
            content: "";
            width: 50%;
            height: 190px;
            background: var(--wp--preset--color--nv-white);
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 1;
        }
        .homefichesaccess_bottom-narrow{
            display: flex;
            flex-direction: row;
            width: 100%;
            max-width: var(--wp--style--global--content-size);
            position: relative;
            z-index: 2;
        }
            .homefichesaccess_bottom-narrow > *{
                position: relative;
                z-index: 2;
            }
            .homefichesaccess_background{
                width: 640px;
                height: 640px;
                background: url(/wp-content/themes/nv/assets/images/nv-background-inverted.png) no-repeat  top 0 left -360px var(--wp--preset--color--nv-blue-light);
                background-position:;
                position: absolute;
                right: -320px;
                top: -320px;
                z-index: 1;
            }
            .homefichesaccess_content{
                flex-shrink: 0;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
                gap: var(--wp--preset--spacing--60);
                width: 520px;
                padding: var(--wp--preset--spacing--70);
                margin-top: -80px;
                margin-right: -180px;
                margin-bottom: 190px;
                background: var(--wp--preset--color--nv-blue-dark);
                position: relative;
                z-index: 2;
            }
            .homefichesaccess.fiches-has-thumbs .homefichesaccess_content{
                margin-bottom: 380px;
            }
                .homefichesaccess_logo{

                }
                .homefichesaccess_text{
                    color: var(--wp--preset--color--nv-white);
                }
                    .homefichesaccess_text *:first-child{
                        margin-block-start: 0;
                    }
                    .homefichesaccess_text *:last-child{
                        margin-block-end: 0;
                    }
                .homefichesaccess_button{
                    flex-shrink: 0;
                    display: flex;
                    flex-direction: row;
                    align-items: flex-end;
                    gap: 7px;
                    position: relative;
                }
                    .homefichesaccess_button-dot{
                        width: 6px;
                        height: 6px;
                        background: var(--wp--preset--color--nv-white);
                        transition: all .2s ease-in-out;
                    }
                    .homefichesaccess_button:hover .homefichesaccess_button-dot {
                        width: 16px;
                        background: var(--wp--preset--color--nv-blue-cyan);
                    }
                    .homefichesaccess_button-label{
                        line-height: 14px;
                        color: var(--wp--preset--color--nv-white);
                        font-size: var(--wp--preset--font-size--20);
                        font-weight: 600;
                        transition: color .2s ease-in-out;
                    }
                    .homefichesaccess_button:hover .homefichesaccess_button-label {
                        color: var(--wp--preset--color--nv-blue-cyan);
                    }
            .homefichesaccess_fiches{
                display: flex;
                flex-direction: column;
                width: calc(100% - 340px);
                position: relative;
                z-index: 1;
            }
                .homefichesaccess_fiches-slider{
                    flex-grow: 1;
                    width: 100%;
                    position: relative;
                    z-index: 1;
                }
                    .homefichesaccess_fiches-slides{
                        height: 100%;
                    }
                        .homefichesaccess_fiches-slide{
                            height: 100%;
                            position: relative;
                        }
                            .homefichesaccess_fiches-slide-image{
                                float: left;
                                width: 100%;
                                height: 100%;
                                background: var(--wp--preset--color--nv-white);
                                position: relative;
                            }
                                .homefichesaccess_fiches-slide-image img{
                                    float: left;
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                    position: absolute;
                                    left: 0;
                                    top: 0;
                                }
                                .homefichesaccess_fiches-slide-image .homefichesaccess_fiches-slide-noimage{
                                    object-fit: scale-down;
                                }
                .homefichesaccess_fiches-nav{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    float: left;
                    height: 250px;
                    margin-top: -60px;
                    margin-right: 160px;
                    background: var(--wp--preset--color--nv-blue-light);
                    position: relative;
                    z-index: 4;
                }
                    .homefichesaccess_fiches-nav-button{
                        flex-shrink: 0;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: center;
                        width: 80px;
                        height: 100%;
                        cursor: pointer;
                    }
                        .homefichesaccess_fiches-nav-button-icon{
                            float: left;
                            color: var(--wp--preset--color--nv-blue-dark);
                            font-size: 40px;
                            transition: color .2s ease-in-out;
                        }
                        .homefichesaccess_fiches-nav-button:hover .homefichesaccess_fiches-nav-button-icon{
                            color: var(--wp--preset--color--nv-blue-cyan);
                        }
                    .homefichesaccess_fiches-nav-thumbs{
                        width: calc(100% - 160px);
                        height: 160px;
                    }
                        .homefichesaccess_fiches-nav-thumbs-slider{
                            height: 100%;
                        }
                            .homefichesaccess_fiches-nav-thumbs-slides{
                                height: 100%;
                            }
                                .homefichesaccess_fiches-nav-thumbs-slide{
                                    height: 100%;
                                    position: relative;
                                    cursor: pointer;
                                    transition: opacity .3s ease-in-out;
                                }
                                .homefichesaccess_fiches-nav-thumbs-slide:not(.swiper-slide-thumb-active){
                                    opacity: 0.4;
                                }
                                    .homefichesaccess_fiches-nav-thumb{
                                        display: flex;
                                        flex-direction: column;
                                        gap: 5px;
                                        width: 100%;
                                        height: 100%;
                                    }
                                        .homefichesaccess_fiches-nav-thumb-image{
                                            flex-grow: 1;
                                            float: left;
                                            width: 100%;
                                            height: 100%;
                                            background: var(--wp--preset--color--nv-white);
                                            position: relative;
                                        }
                                            .homefichesaccess_fiches-nav-thumb-image img{
                                                float: left;
                                                width: 100%;
                                                height: 100%;
                                                object-fit: cover;
                                                position: absolute;
                                                left: 0;
                                                top: 0;
                                            }
                                            .homefichesaccess_fiches-nav-thumb-image .homefichesaccess_fiches-nav-thumb-noimage{
                                                object-fit: scale-down;
                                            }
                                        .homefichesaccess_fiches-nav-thumb-title{
                                            flex-shrink: 0;
                                            font-weight: 600;
                                        }


@media (max-width: 1280px) {

    .homefichesaccess.fiches-has-thumbs .homefichesaccess_bottom::before{
        display: none;
    }
    .homefichesaccess.fiches-has-thumbs .homefichesaccess_content{
        margin-bottom: 190px;
    }
    .homefichesaccess_fiches-nav{
        gap: 20px;
        height: auto;
        padding: 10px;
        width: auto;
        margin-top: 0;
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 2;}
    .homefichesaccess_fiches-nav-thumbs{
        display: none;
    }
    .homefichesaccess_fiches-nav-button{
        width: auto;
    }
    .homefichesaccess_fiches-nav-button-icon{
        font-size: 28px;
    }

}

@media (max-width: 1024px) {

    .homefichesaccess_top-narrow {
        min-height: 0;
        padding-bottom: calc(80px + var(--wp--preset--spacing--60));
        padding-right: 0;
    }
    .homefichesaccess_background{
        display: none;
    }
    .homefichesaccess_bottom{
        padding-bottom: var(--wp--preset--spacing--70);
    }
    .homefichesaccess_bottom-narrow{
        flex-direction: column;
        gap: var(--wp--preset--spacing--70);
    }
    .homefichesaccess_content{
        gap: var(--wp--preset--spacing--60);
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .homefichesaccess.fiches-has-thumbs .homefichesaccess_content{
        margin-bottom: 0;
    }
    .homefichesaccess_fiches{
        width: 100%;
    }
    .homefichesaccess_fiches-slider{
        height: 400px;
    }

}

@media (max-width: 768px) {

    .homefichesaccess_fiches-slider{
        height: 380px;
    }

}