@keyframes clignote {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.clignote {
  color: red;
  animation: clignote 1s infinite;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

html, body {
  margin: 0;
  padding: 0 12px;
  background: #ffffff;
  font-family: Arial, sans-serif;
}

h1 {
  text-align: center;
  font-size: 1.5em;
  margin: 20px 0;
}

#calculateur-vtc {
  width: 100%;
  max-width: 480px;
  padding: 20px;
  margin: auto;
  background: transparent;
  box-sizing: border-box;
}

label {
  display: block;
  margin-top: 12px;
  font-weight: bold;
}

input, button, select {
  display: block;
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  font-size: 1em;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid #ccc;
}

button {
  background-color: #0073aa;
  color: white;
  font-weight: bold;
  border: none;
  margin-top: 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}

button:hover {
  background-color: #005f8d;
}

#vehicule img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-top: 15px;
}

.tarif-estime {
  font-size: 1.5em;
  color: #333;
  text-align: center;
  margin-top: 20px;
}

/* Aligner la case à cocher à gauche avec le texte à côté */
.rgpd-label {
  display: inline-flex; /* Utiliser inline-flex pour que la case et le texte restent sur la même ligne */
  align-items: center;  /* Centrer verticalement la case et le texte */
  justify-content: flex-start; /* Aligner à gauche */
}

/* Enlever le gras du texte */
.rgpd-label a {
  font-weight: normal; /* Supprimer le gras */
  text-decoration: none;
  color: #000; /* Optionnel : si tu veux une couleur personnalisée */
}

/* Espacement entre la case et le texte */
.rgpd-label input {
  margin-right: 5px; /* Ajuste l'espace entre la case et le texte */
}