/* Header style */
.header {
  text-align: center;
  padding: 20px;
}

.header h1 {
  color: #3b3b3b;
  font-size: 24px;
  margin-bottom: 10px;
}

.availability {
  font-size: 16px;
  color: #777;
  margin-bottom: 20px;
}

/* Section for prestation choices */
.prestation-section {
  text-align: center;
  padding: 20px;
}

.prestation-section h2 {
  font-size: 20px;
  color: #333;
  margin-bottom: 10px;
  text-align: left; /* Aligne le titre à gauche */
}

/* Section for prestation choices */
.prestation-section {
  padding: 20px;
}

.prestation-section h2 {
  font-size: 20px;
  color: #333;
  margin-bottom: 10px;
  text-align: left; /* Aligne le titre à gauche */
}

/* Prestation table */
.prestation-table-rdv {
  width: 70%;
  border-collapse: collapse; /* Fusionne les bordures des cellules */
  margin-top: 10px; /* Ajoute un peu d'espace au-dessus */
}

.prestation-table-rdv th {
  background-color: #f2f2f2; /* Couleur de fond des en-têtes */
  color: #333; /* Couleur du texte des en-têtes */
  text-align: left;
  padding: 10px;
}

.prestation-name {
  padding: 10px 0 0 10px;
  text-align: left; /* Aligne le texte à droite pour le temps et le prix */
}
.prestation-totalDuration {
  padding: 10px 0 0 10px;
  text-align: left; /* Aligne le texte à droite pour le temps et le prix */
}

.prestation-time {
  padding-top: 10px;
  text-align: right; /* Aligne le texte à droite pour le temps et le prix */
  width: 120px;
}
@media (max-width: 350px) {
  .prestation-name,
  .prestation-totalDuration,
  .description-rdv {
    font-size: 0.8rem;
  }
}
/* Pour les très petits écrans comme les mobiles (moins de 800px) */
@media (max-width: 450px) {
  .prestation-time,
  .prestation-price {
    font-size: 0.8rem;
  }
}
.prestation-price {
  padding-top: 10px;
  text-align: left; /* Aligne le texte à droite pour le temps et le prix */
  width: 100px;
}

.prestation-description {
  text-align: left; /* Aligne la description à gauche */
  font-size: 14px; /* Taille de la description */
  color: #777; /* Couleur plus claire pour la description */
  padding-left: 10px;
}
.bordurePrestation {
  border-top: 1px solid #ddd; /* Bordure sous chaque ligne */
}
.prestation-button {
  width: 100px;
}
.prestation-table-rdv {
  background-color: white;
  box-shadow: 0 3px 10px pink;
  border-radius: 8px;
}
.horaireOuverture {
  background-color: white;
  box-shadow: 0 3px 10px pink;
  border-radius: 8px;
}
.prestation-table-rdv,
.horaires-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.horaires-table th,
.horaires-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.prestation-table-rdv th,
.horaires-table th {
  background-color: #f2f2f2;
}

.description-rdv {
  padding: 0 0 10px 10px;
}
.prestation-description-select {
  text-align: left; /* Aligne la description à gauche */
  font-size: 14px; /* Taille de la description */
  color: #777; /* Couleur plus claire pour la description */

  padding-left: 10px;
}