html, body, .ts_page, .ts_content, .ts_content_inner, table, tr, td, div {
  background-color: #ffffff !important;
}

@media (prefers-color-scheme: dark) {
  html, body, .ts_page, .ts_content, .ts_content_inner, table, tr, td, div {
    background-color: #1e1712 !important;
  }
}

/* Texte */
body { color: #342820 !important; }
label { color: #342820 !important; font-weight: 600; font-size: 0.85rem; }

@media (prefers-color-scheme: dark) {
  body, label { color: #e8e0d8 !important; }
}

/* Champs */
input[type="text"], textarea, select {
  width: 100%;
  padding: 0.6rem 0.8rem;
  border: 1px solid rgba(52, 40, 32, 0.3);
  border-radius: 0.3rem;
  font-size: 0.9rem;
  background-color: #ffffff !important;
  color: #342820 !important;
}

@media (prefers-color-scheme: dark) {
  input[type="text"], textarea, select {
    background-color: #1e1712 !important;
    color: #e8e0d8 !important;
    border-color: rgba(232, 224, 216, 0.3);
  }
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #0FADA8 !important;
}

/* Bouton */
input[type="submit"], button[type="submit"] {
  background-color: #0FADA8 !important;
  color: #fff !important;
  border: none;
  padding: 0.8rem 2rem;
  border-radius: 0.3rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
}

input[type="submit"]:hover, button[type="submit"]:hover {
  background-color: #D4960A !important;
}

/* Largeur */
.ts_page { width: 100% !important; max-width: 100% !important; }
table.table_1 { width: 100% !important; }

.ts_page {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.ts_content, .ts_content_inner {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

table.table_1 {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

input[type="text"], textarea, select {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.ts_continue_button {
  text-align: right;
}