@import url('blocs/base.css');
@import url('blocs/fonts.css');
@import url('blocs/root.css');
@import url('blocs/nav.css');
@import url('blocs/hero.css');
@import url('blocs/features.css');
@import url('blocs/cta.css');
@import url('blocs/features_infos.css');
@import url('blocs/features_primary.css');
@import url('blocs/features_white.css');
@import url('blocs/features_warning.css');
@import url('blocs/footer.css');
@import url('blocs/hero_2.css');
@import url('blocs/curisosite.css');
@import url('blocs/video.css');
@import url('blocs/hero_3.css');
@import url('blocs/eco_sys.css');
@import url('blocs/carte.css');
@import url('blocs/avantages.css');
@import url('blocs/technos.css');
@import url('blocs/metier.css');
@import url('blocs/secteur.css');
@import url('blocs/hero_4.css');
@import url('blocs/cible.css');
@import url('blocs/initiative.css');
@import url('blocs/questions.css');
@import url('blocs/ajustement.css');
@import url('blocs/wp_editor.css');
@import url('recaptcha.css');
@import url('complianz.css');

img.layout {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    z-index: -100;
    filter: grayscale(1);
    top: 0;
}

.modal_video {
    display: flex;
    position: fixed;
    z-index: 2000;
    top: 0;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    background: #232323fa;
    transform: translateX(100%);
    transition: .4s;
    visibility: hidden;
}

.modal_video.active {
    transform: translateX(0%);
    transition: .4s;
    visibility: visible;
}

.modal_video > div {
    position: relative;
    height: 42vw;
    width: 100%;
}

@media screen and (min-width:1800px){
    .modal_video > div {
        position: relative;
        height: 30vw;
        width: 100%;
    }
}

.modal_video iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}

a.close_video {
    width: 4vw;
    display: flex;
    height: 4vw;
    background: var(--white);
    color: var(--dark);
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 2vw;
    right: 2vw;
    z-index: 3000;
    transition: .4s;
}

a.close_video:hover{
    background: var(--danger);
    color: var(--white);
    transition: .4s;
}

.modal_visible{
    overflow: hidden!important;
}

.cacher_partage .partage_avec{
    display: none!important;
    visibility: hidden!important;
}

section.secteur {
    position: relative;
    z-index: 1000;
}