/* Fond général du site en blanc */
body {
    background-color: #ffffff !important;
}

/* Tous les liens du site en noir */
a {
    color: #000000 !important;
}

/* Couleur des liens quand on passe la souris dessus */
a:hover {
    color: #000000 !important;
    text-decoration: underline; /* Option : souligner au survol */
}

/* Barre de menu spécifique : fond blanc et liens noirs */
.navbar, .menu, .navigation {
    background-color: #ffffff !important;
}

.navbar a, .menu a, .navigation a, .navbar span, .menu span, .navigation span {
    color: #000000 !important;
}

.navbar a:hover, .menu a:hover, .navigation a:hover {
    color: #000000 !important;
}

div[data-zone-alias="Zone 1792842"] {
  background-color: #6d071a !important;
  color: white !important;
  text-align: center !important;
  font-size: 24px !important;
  font-weight: bold !important;
  padding: 40px 20px !important;
  margin-top: -180px !important; /* fait chevaucher le bloc sur le carrousel */
  border-radius: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  box-shadow: none !important;
}

/* Remettre les images du carrousel à l’état natif */
.carousel-inner .item img {
  position: static !important;
  z-index: auto !important;
}

/* Forcer le carrousel à rester au-dessus */
.carousel-inner {
  position: relative !important;
  z-index: 10 !important;
}

/* Le bloc bleu : sous le carrousel */
div[data-zone-alias="Zone 1792842"] {
  z-index: 1 !important;
  position: relative !important;
  margin-top: -200px !important;
  background-color: #6d071a !important;
  color: white !important;
  text-align: center !important;
  font-size: 24px !important;
  font-weight: bold !important;
  padding: 40px 20px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Centrer le menu horizontalement */
.navbar-nav {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

#submitform {
  color: #000000 !important;
  background-color: #f5f5f5 !important;
  border: 2px solid #ffffff !important;
}

/* Bouton d'action dans la modale (Yapla/Bootstrap) */
.modal-dialog .modal-content .modal-footer .btn,
.modal-dialog .modal-content .modal-footer button,
.modal-dialog .modal-content .modal-footer a.btn,
.modal-dialog .modal-content .modal-footer input[type="submit"],
.modal-dialog .modal-content .modal-body  .btn {
  color: #000000 !important;
  background-color: #f5f5f5 !important;
  border: 2px solid #ffffff !important;
  background-image: none !important; /* au cas où le thème met une image */
  padding: 8px 16px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  display: inline-block !important;
}

/* États hover/focus */
.modal-dialog .modal-content .modal-footer .btn:hover,
.modal-dialog .modal-content .modal-footer .btn:focus,
.modal-dialog .modal-content .modal-body  .btn:hover,
.modal-dialog .modal-content .modal-body  .btn:focus {
  background-color: #ececec !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

/* Si un pseudo-icône masque le texte */
.modal-dialog .modal-content .modal-footer .btn::before,
.modal-dialog .modal-content .modal-footer .btn::after {
  display: none !important;
}


.step-register button:focus,
.step-register input[type="submit"]:focus,
.step-register input[type="button"]:focus {
  background-color: #ececec !important;   /* léger changement au hover */
  color: #000000 !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

/* Cibler précisément le bouton "Suivant" */
#singlebutton.btn.btn-primary {
  color: #000000 !important;
  background-color: #f5f5f5 !important;
  border: 2px solid #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  min-width: 140px;
}

/* Hover / focus */
#singlebutton.btn.btn-primary:hover,
#singlebutton.btn.btn-primary:focus {
  background-color: #ececec !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

/* Boutons Précédent et Suivant uniformisés */
#step_previous.btn.btn-link,
#singlebutton.btn.btn-primary {
  color: #000000 !important;
  background-color: #f5f5f5 !important;
  border: 2px solid #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  min-width: 140px;
  text-decoration: none !important;
  display: inline-block !important;

  /* Mise en forme demandée */
  text-transform: uppercase !important; /* majuscules */
  font-weight: bold !important;         /* gras */
  font-size: 14px !important;           /* taille homogène */
}

/* Hover / focus */
#step_previous.btn.btn-link:hover,
#step_previous.btn.btn-link:focus,
#singlebutton.btn.btn-primary:hover,
#singlebutton.btn.btn-primary:focus {
  background-color: #ececec !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Bouton Procéder au paiement */
#external_payment.btn.btn-primary,
#validate.btn.btn-primary {
  color: #000000 !important;
  background-color: #f5f5f5 !important;
  border: 2px solid #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  min-width: 180px;
  text-decoration: none !important;
  display: inline-block !important;

  /* Mise en forme */
  text-transform: uppercase !important; /* majuscules */
  font-weight: bold !important;         /* gras */
  font-size: 14px !important;
}

/* Hover / focus */
#external_payment.btn.btn-primary:hover,
#external_payment.btn.btn-primary:focus,
#validate.btn.btn-primary:hover,
#validate.btn.btn-primary:focus {
  background-color: #ececec !important;
  color: #000000 !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

/* Masquer le bouton PAYER */
button#validate.btn.btn-primary,
#validate {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}