/* BEANDEAU FOOTER*/

.bandeauFooter{

    display: none;

}



/* 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 */

.contactAgence{

    padding-right: 0;

}



.contactAgence > div{

    padding: 0 1.5em;

}



.contactAgence .smallUniformSpacing{

    display: flex;

    gap: 2em;

}



.contactAgence .smallUniformSpacing form,

.contactAgence .smallUniformSpacing .agence{

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

}



.contactAgence .smallUniformSpacing form {

    display: flex;

    flex-direction: column;

    gap: .5em;

}



.contactAgence .smallUniformSpacing form input,

.contactAgence .smallUniformSpacing form textarea{

    padding: 1em;

}



.contactAgence .smallUniformSpacing form .submitContainer{

    display: flex;

    justify-content: flex-end;

}



.contactAgence .smallUniformSpacing form .submitContainer button{

    padding: 1em 2em;

    width: fit-content;

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

    transition: ease all .3s;

    cursor: pointer;

}



.contactAgence .smallUniformSpacing form .submitContainer button:hover{

    background-color: transparent;

    color: var(--basicColor1);

}



.contactAgence .smallUniformSpacing .agence {

    display: flex;

    flex-direction: column;

    gap: 1em;

}



.contactAgence .smallUniformSpacing .agence .agenceName{

    text-decoration: underline;

}



.contactAgence .smallUniformSpacing .agence a[href],

.contactAgence .smallUniformSpacing .agence a[href] p{

    transition: ease all .3s;

}



.contactAgence .smallUniformSpacing .agence a[href]:hover,x

.contactAgence .smallUniformSpacing .agence a[href]:hover p{

    color: var(--basicColor1);

}



.contactAgence .smallUniformSpacing .agence .separator {

    background: var(--basicColor1);

    width: 50%;

    height: 1px;

}



.contactAgence .smallUniformSpacing .agence iframe{

    width: 100%;

    height: auto;

    aspect-ratio: 1/1;

}



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

    .contactAgence > div{

        padding: 2.5em;

    }



    .contactAgence .smallUniformSpacing{

        flex-direction: column;

    }



    .contactAgence .smallUniformSpacing form, .contactAgence .smallUniformSpacing .agence{

        width: 100%;

    }



    .contactAgence .smallUniformSpacing .agence iframe{

        width: 100%;

        height: auto;

        aspect-ratio: 21/9;

    }

}



/* END equipe */