@charset "utf-8";
/* CSS Document */

/* Styles spécifiques à la page groupe */
.description {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  text-align: center;
  margin: 40px;
}

.description-title {
  text-align: center;

}

/* Styles spécifiques à la page groupe */
.underline {
  width: 80%; /* Ajustez cette valeur pour la longueur souhaitée */
  max-width: 800px; /* Maximum de 800px */
  height: 2px;
  background-color: #009999; /* Couleur du trait */
  margin: 0 auto; /* Centre la barre horizontalement */
  margin-top: -10px; /* Ajuste la marge supérieure pour la remonter */
}


.description {
  font-family: 'Montserrat', sans-serif;
  border-top: 3px solid #00A693;
  border-bottom: 3px solid #00A693;
  padding: 10px 0;
  margin: 50px auto 50px;
  width: 95%;
  max-width: 800px;
  margin-bottom: 10px; 
  margin-top: 30px; 
  text-align: center;
}



.description p {
  margin-bottom: 20px;
}

.group-description-container {
  border: 2px solid #00A693;
  border-radius: 10px;
  padding: 30px; /* Augmentation de l'espace intérieur */
  margin-top: 70px; /* Ajustement de la marge supérieure */
  margin-bottom: 70px; /* Ajustement de la marge inférieure */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.bold {
  font-weight: bold;
}

.small-colorable-point {
  font-size: 16px;
  color: #000; /* Couleur du texte en noir */
  list-style-type: disc; /* Utilisez le type de point souhaité (disc, circle, square) */
  margin-left: 5px; /* Ajustez la marge à votre convenance */
}

.description-list {
  margin-left: -50px; /* Ajustez la marge à votre convenance */
}

.description-list li {
  margin-bottom: 10px; /* Ajoute de l'espace entre chaque ligne de la liste */
}

.bold-text {
  font-weight: bold; /* Ajoute le style gras */
}

.colorable-text {
  color: #000; /* Change la couleur du texte en noir */
}

.white-text {
  color: #fff; /* Change la couleur du texte en blanc */
}

.colorable-background {
  background-color: #00A693; /* Couleur du fond du premier bouton */
}

.colorable-background-2 {
  background-color: #FF8C00; /* Couleur du fond du deuxième bouton */
}

.contact-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px; /* Espace entre les boutons */
  margin-top: 10px;
}

.contact-button {
  padding: 10px 20px;
  color: white; /* Couleur du texte */
  text-decoration: none;
  border-radius: 5px; /* Rayon arrondi des boutons */
}