/********** BLOC CONTACT - FORMULAIRE DE CONTACT **********/
.bloc.bloc_contact {
    min-height: 400px;
    display: flex;
    justify-content: center;
}

.bloc.bloc_contact .wrapper {
    padding: var(--gap-3) var(--gap-5);
    flex: 1;
    width: 100%;
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}

.bloc.bloc_contact .wrapper .title {
    font-size: var(--size-h2);
    line-height: var(--size-h2-height);
}
.bloc.bloc_contact .wrapper .title .span {
    color: var(--color-blue)
}

.bloc.bloc_contact .wrapper .para {
    font-size: var(--size-p);
    line-height: var(--size-p-height);
}


/************************************************************************
                               RESPONSIVE
************************************************************************/

@media (max-width: 480px) {  
    .bloc.bloc_contact .wrapper {
        padding: var(--gap-3) var(--gap-2);
    }

    .bloc.bloc_contact .wrapper .para {
        text-align: justify;
    }
}