/* AJOUTS SPÉCIFIQUES À LA PAGE CONTACT */

/* Style pour le Hero de la page Contact */
.nav-menu a.active-page {
  color: var(--orange); 
  font-weight: 700;
  border-bottom: 2px solid var(--orange);
  padding-bottom: 3px;
}
.hero-contact {
  /* Image d'illustration pour le contact/bureau */
  background: url('Image_8513.png') no-repeat center center; /* Remplacer par une image pertinente de bureau ou de poignée de main */
  background-size: cover;
  position: relative;
}

/* Assombrir l'image de fond pour le texte */
.hero-contact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 1;
}

.hero-contact .hero-content {
    z-index: 2;
}

/* Style général pour les titres de section */
.contact-info .section-title,
.bio-ceo .section-title {
  color: var(--green);
  font-weight: 700;
  border-bottom: 3px solid var(--orange);
  display: inline-block;
  padding-bottom: 5px;
}

.contact-info .container > .section-title,
.bio-ceo .container > .section-title {
    display: block;
    text-align: center;
}

/* Style des cartes d'information */
.info-card, .form-card {
    transition: transform 0.3s;
}

.info-card h3, .form-card h3 {
    color: var(--orange) !important;
}

.info-card p.fw-bold {
    color: var(--green);
}

/* Style de la section Bio */
.bio-ceo img {
    border: 5px solid var(--orange); /* Ajout d'une bordure de couleur */
}