@font-face {
    font-family: robotoLight;
    src: url("/fonts/roboto/Roboto-Light.ttf");
}
@font-face {
    font-family: robotoBold;
    src: url("/fonts/roboto/Roboto-Bold.ttf");
}
@font-face {
    font-family: robotMedium;
    src: url("/fonts/roboto/Roboto-Medium.ttf");
}
@font-face {
    font-family: robotRegular;
    src: url("/fonts/roboto/Roboto-Regular.ttf");
}

h1{
    position: relative;
    top: 20vh;
    color: var(--rouge);
    text-align: center;
    font-family: robotoBold;
}
.choix{
    transition: all 0.5s ease;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
    cursor: pointer;
    position: relative;
    height: 40vh;
    width: 18vw;
    border-radius: 10px;
    text-align:center;
}
.inv{
    position: relative;
    top: 27vh;
    width: 100%;
}
.client{
    left: 26.8%;
    float: left;
}
.entreprise{
    left: 36.8%;
    float: left;
}
.logoEC{
    margin-top: 20%;
    width: 100%;
}
.TextCE{
    margin-top: 5%;
    font-family: robotoLight;
    font-size: 35px;
    color: var(--bleu-noir);
}

.choix:hover{
    transition: all 0.5s ease;
    transform: scale(1.1);
}