.liste-rondes {
    list-style-type: circle;
    /* Cela créera des puces rondes */
    text-transform: lowercase;
}

.T15 {
    margin-top: 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
}

.T20 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
}

.section-heading h3 {
    line-height: 40px;
    margin-top: 0px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(250, 250, 250, 0.15);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.T16 {
font-size: 16px!important;
}

.DcTeam {
    margin-top: 10px;
    font-size: 18px;
    color: #a12c2f;
    font-weight: 600;
    margin-bottom: 15px;
}

.DcT15 {
    font-size: 15px;
    color: #1f272b;
    font-weight: 600;
    margin-bottom: 15px;
}

.hours,
.book {
    margin-top: 20px;
}

p {
    margin-top: 5px;
}

.etoile {
    color: #FC3;
}

/* custom select form */

section.contact-us #contact select {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  background-color: #f7f7f7;
  outline: none;
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #7a7a7a;
  padding: 0px 15px;
  margin-bottom: 30px;
  appearance: none; /* Enlève l'apparence par défaut du navigateur pour le select */
  cursor: pointer; /* Change le curseur en main au survol */
}

/* Tu peux ajouter des styles pour l'icône de flèche déroulante si nécessaire */
section.contact-us #contact select::-ms-expand {
  display: none; /* Cela peut aider à cacher l'icône de flèche standard dans certains navigateurs */
}

/* Style lors de la sélection du champ */
section.contact-us #contact select:focus {
  color: #5a5a5a; /* Assombrir le texte un peu lors de la sélection */
  outline: none; /* Enlever le contour de sélection par défaut */
}