/* Section principale */
.location-section {
  background-color: #fff;
  padding: 40px 15px;
}

/* Titre principal */
.location-section .page-title {
  /* On garde la taille par défaut de Bootstrap (h2) */
  font-weight: bold;
  margin-bottom: 100px;
  color: #366150;
}

/* Présentation (colonne gauche) */
.presentation h3 {
  color: #366150;
  margin-bottom: 15px;
}

.presentation p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: justify;
}

/* Formulaire (colonne droite) */
.formulaire {
  margin-bottom: 50px; /* espace sous le formulaire */
}

.formulaire h3 {
  color: #366150;
  margin-bottom: 20px;
}

.formulaire .form-group label {
  font-weight: bold;
  color: #333;
}

.formulaire .form-control {
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: none;
}

.formulaire button {
  background-color: #366150;
  border: none;
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.formulaire button:hover {
  background-color: #27463f;
}

/* Galerie/carrousel */
.galerie {
  margin-top: 40px;
}

.galerie h3 {
  color: #366150;
  margin-bottom: 20px;
}

.carousel-inner > .item > img {
  max-height: 350px;
  object-fit: contain;
}

.carousel-control span {
  color: #366150;
  font-size: 30px;
}

/* Responsive */
@media (max-width: 768px) {
  .presentation, .formulaire {
    margin-bottom: 30px;
  }

  .formulaire button {
    width: 100%; /* bouton pleine largeur sur mobile */
  }

  .carousel-inner > .item > img {
    max-height: 250px; /* réduire la hauteur sur mobile */
  }
}

/* Supprimer uniquement la pseudo-flèche rouge générée par le thème */
.navbar .sub-menu > a::after {
  content: none !important;   /* enlève le triangle rouge */
  background: none !important;
  border: none !important;
  display: none !important;
}