/* START HERO */



.hero,

.hero .bigSpacing,

.hero .bigSpacing .uniformSpacing{

    min-height: fit-content;

}



.hero {

    position: relative;

    height: 40vh;

    display: flex;

}



.hero > img {

    width: 30%;

    height: auto;

    object-fit: cover;

    border-left: 4px solid var(--basicColor1);

}



.hero .bigSpacing {

    height: 100%;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: left;

    width: 70%;

}





.hero .bigSpacing .uniformSpacing {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}



@media screen and (max-width: 800px) {

    .hero{

        flex-direction: column;

    }



    .hero .bigSpacing,

    .hero > img{

        width: 100%;

    }



    .hero > img{

        height: auto;

        aspect-ratio: 21/9;

        border: none;

    }

}



/* END HERO */



/* START equipe */

.recrutementForm{

    padding-right: 0;

}



.recrutementForm > div{

    padding: 0 1.5em;

}



.recrutementForm .smallUniformSpacing{

    display: flex;

    gap: 2em;

}



.recrutementForm .smallUniformSpacing form,

.recrutementForm .smallUniformSpacing .candidature{

    width: calc((100% - 2em ) / 2);

}



.recrutementForm .smallUniformSpacing form {

    display: flex;

    flex-direction: column;

    gap: .5em;

}



.recrutementForm .smallUniformSpacing form input,

.recrutementForm .smallUniformSpacing form textarea{

    padding: 1em;

}



.recrutementForm .smallUniformSpacing form .submitContainer{

    display: flex;

    justify-content: flex-end;

}



.recrutementForm .smallUniformSpacing form .submitContainer button{

    padding: 1em 2em;

    width: fit-content;

    border: 1px solid var(--basicColor1);

    transition: ease all .3s;

    cursor: pointer;

}



.recrutementForm .smallUniformSpacing form .submitContainer button:hover{

    background-color: transparent;

    color: var(--basicColor1);

}



.recrutementForm h2 {

    padding-top: 5rem;

    text-align: end;

    font-size: 14vw;

    line-height: .45;

}



.recrutementForm .candidature{

    padding: 1em;

}





@media screen and (max-width: 900px) {

    .recrutementForm > div{

        padding: 2.5em;

    }



    .recrutementForm .smallUniformSpacing{

        flex-direction: column;

    }



    .recrutementForm .smallUniformSpacing form, .recrutementForm .smallUniformSpacing .agence{

        width: 100%;

    }



    .recrutementForm .smallUniformSpacing .agence iframe{

        width: 100%;

        height: auto;

        aspect-ratio: 21/9;

    }

}









/* END equipe */