#occasionsForm {
  padding: 15px;
  background: #f3f3f3;
}

/* Organisation en deux colonnes sans toucher à l'HTML */
#occasionsForm fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Tous les groupes de champs */
#occasionsForm .form-group {
  width: calc(50% - 10px);
  box-sizing: border-box;
  margin-bottom: 0px;
}

/* Rétablir style des champs (important ici) */
#occasionsForm input,
#occasionsForm select,
#occasionsForm textarea {
  display: block;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: white;
  box-sizing: border-box;
}

/* Rétablir le style du bouton */
#occasionsForm button {
  display: inline-block;
  width: auto;
  padding: 6px 18px;
  background-color: #ef1c24;
  color: #fff;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 10px;
}

/* Hover bouton */
#occasionsForm button:hover {
  background-color: #d60a11;
}

/* S'assurer que le bouton et le résultat s'affichent bien */
#occasionsForm button,
#occasionsForm #formResult,
#occasionsForm legend,
#occasionsForm > p {
  width: 100%;
}

/* Responsive : repasser à une seule colonne sous 600px */
@media screen and (max-width: 600px) {
  #occasionsForm .form-group {
    width: 100%;
  }
}