a {
    font-family: var(--font-name), sans-serif;
    color: var(--a-color); /* Couleur du texte des liens */
    text-decoration: none; /* Suppression du soulignement */
}
a:hover {
    color: var(--a-hover-color);
}
.services {
    background-color: var(--services-background-color);
}
.card {
    background-color: transparent;
    border: none;
}
body {
    font-family: 'Questrial', sans-serif;
}
h2, h5 {
    font-weight: bold;
}
.banner {
    background-image: url('../images/banniere.jpeg'); /* Remplacez par le chemin de votre image de bannière */
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    text-align: center;
    color: var(--banner-color);
    position: relative;
}
.banner-border {
    height: 20px;
    background-color: var(--banner-border-background-color);
}
.socials {
    background-color: var(--socials-border-background-color);
}
.banner img {
    max-width: 300px; /* Ajustez cette valeur pour une taille de logo plus grande */
    width: 100%; /* Assurez-vous que l'image est responsive */
    height: auto; /* Conservez les proportions de l'image */
}
.banner h2 {
    margin-top: 20px;
}
.card img {
    max-width: 100px; /* Ajustez cette valeur pour la taille des pictogrammes */
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.contact-card {
    background-color: transparent; /* Couleur de fond des cartes de contact */
    border-radius: 10px; /* Bords arrondis des cartes */
    padding: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.pictogram {
    color: white;
    background-color: transparent;
    border-radius: 50%;
}

.pictogram-s {
    font-size: 30px;
    max-width: 30px;
    margin-right: 10px;
}

.pictogram-l {
    font-size: 50px;
    max-width: 50px;
}

.contact-section {
    background: radial-gradient(circle at center, var(--contact-section-background-color-radiant-begin), var(--contact-section-background-color-radiant-end));
}

.services h5 {
    color: var(--services-h5-color);
}

.btn {
    font-weight: bold;
}