/********** BLOC HERO_A (Home Page) **********/
.bloc.contact{
    width: calc ( 100% - var(--vertical-menu-width));
    height: 100vh;
    margin-top: 0;
    position: relative;    
    background-color: rgba(255, 255, 255, 0.6);
}

.bloc.contact .wrapper{
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.bloc.contact .wrapper-inner{
    margin-left: var(--gap-4);
    margin-top: calc(var(--margin-top-bloc) * 2);
    width: 600px;
    border: 1px solid black;
    padding: var(--gap-4);    
    background-color: white;
}

.bloc.contact h1{
    font-size: 4rem;
    line-height: 100%;
    margin-bottom: var(--gap);
}
.bloc.contact h2{
    font-size: 3rem;
    line-height: 100%;
    margin-bottom: var(--gap);
    margin-top: var(--gap-3);
}

.bloc.contact h3,
.bloc.contact h4,
.bloc.contact h5,
.bloc.contact h6{
    font-size: 2rem;
    line-height: 100%;
    margin-bottom: var(--gap);
    margin-top: var(--gap-3);
}

.bloc.contact p{    
    margin-bottom: var(--gap);    
}

.bloc.contact .wpcf7 form.wpcf7-form input,
.bloc.contact .wpcf7 form.wpcf7-form textarea{
    margin-bottom: var(--gap);
    border: 1px solid lightgray;
}

.bloc.contact .wpcf7 form.wpcf7-form label,
.bloc.contact .wpcf7 form.wpcf7-form label input{
    font-size: var(--size-p);
}

.bloc.contact .wpcf7 form.wpcf7-form .wpcf7-response-output{
    margin-top: var(--gap-2);
}

/******************** RESPONSIVE max-width: 480px ********************/
@media (max-width : 480px) {
}