.contactCard {
    background: var(--blanc);
    border-radius: 20px;
}

.contactCard,
.info_contact {
    padding: 1% 2%;
}

.role-btn {
    border-radius: 8px !important;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--blue);
    cursor: pointer;
    transition: 0.2s ease;
}

/* Bouton NON actif */
.role-btn {
    background: var(--white);
    color: var(--blue);
}

/* Bouton ACTIF */
.role-btn.active {
    background: var(--navbar);
    color: var(--white);
}

.bold_contact {
    font-weight: 900;
}

.small {
    font-size: xx-small;
}

@media (min-width: 992px) and (max-width: 1199.99px) {
  h1.title_contact {
    margin-top: 11%;
}
}

@media (min-width: 1200px) and (max-width: 1399.99px) {
  h1.title_contact {
    margin-top: 9%;
}
}

@media (min-width: 1400px) {
  h1.title_contact {
    margin-top: 8%;
}
}