table {
  color: #000000;
  text-align: left;
  margin: 20px auto;
  border-collapse: separate;
  border-spacing: 0 100px; /* Espacement entre les lignes */
  width: 80%; /* Largeur fixe du tableau */
  background-color: #ffffff;
}

table img {
  width: 400px;
  height: auto;
  object-fit: cover; /* Assure que l'image couvre toute la zone tout en conservant son ratio d'aspect */
  display: block;
  margin: 0 auto; /* Centre les images */
  /*padding-left: 100px;
  padding-right: 100px;
  max-width: 100%; *//* L'image ne dépasse pas la largeur de sa cellule */
  /*height: auto; */
}

td, th {
  width: 50%;
}

tr {
  border-radius: 50px;
}

td {
  padding: 20px 30px 0 30px;
}

.catalogue {
  width: 80%; /*déjà une largeur fixe, on garde la logique */
  margin: 20px auto;
  border-collapse: separate;
  border-spacing: 0 0; /* on laisse les backgrounds propres ligne par ligne */
}

.catalogue tbody tr {
  display: flex;
  align-items: center;
}

.catalogue tbody tr:nth-child(odd) {
  background-color: #f4f4f4;
  flex-direction: row;
  flex-direction: row-reverse;
}

.catalogue td {
  padding: 3rem;
}

.img-TH118 {
  max-height: 300px; /* Ajustez cette valeur pour définir la largeur souhaitée */
  width: auto;
  height: auto; /* Conserve le ratio d'aspect de l'image */
}

.extra-space {
  word-spacing: 0.75em;
}

.contact-form, .contact-info {
  background-color: #fff;
  padding: 20px;
}

.contact-form h2 {
  font-size: 24px;
  color: #d76a28;
  font-weight: bold;
  margin-bottom: 10px;
}

.contact-form p {
  font-size: 16px;
  margin-bottom: 20px;
}

.contact-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.contact-form input, .contact-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.contact-form button {
  background-color: #d76a28;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.contact-form button:hover {
  background-color: #c46524;
}