@import url('components/button.css');
@import url('components/form.css');





/* Style pour les étiquettes des champs */
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

/* Style pour les champs de saisie */
/*input[type="text"] {*/
/*  width: 100%;*/
/*  padding: 10px;*/
/*  border-radius: 5px;*/
/*  border: 1px solid #ccc;*/
/*  margin-bottom: 15px;*/
/*  font-size: 16px;*/
/*}*/

/* Style pour le bouton d'envoi */
/*button[type="submit"] {*/
/*  background-color: #007bff;*/
/*  color: #fff;*/
/*  border: none;*/
/*  border-radius: 5px;*/
/*  padding: 10px 20px;*/
/*  font-size: 16px;*/
/*  cursor: pointer;*/
/*}*/

.form {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.form-group {
    margin-bottom: 10px;
}

.form label {
    display: block;
    margin-bottom: 5px;
}

.box {
  width: 600px;
  max-height: 200px;
  /*overflow: auto;*/
  border: 1px solid #ccc;
  padding: 10px;
}

.form textarea {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.form input[type="submit"],

.form button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.search-results {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.search-results h2 {
    margin-bottom: 10px;
}

.search-results ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-results li {
    margin-bottom: 5px;
}


/*.field-info {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  margin: 0em 1em 0em 0em;*/
/*  max-width: 25%;*/
/*}*/


/*:root {*/
/*  --primary-color: #007bff;*/
/*  --secondary-color: #6c757d;*/
/*  --border-color: #ccc;*/
/*  --font-color: #333;*/
/*  --background-color: #f8f9fa;*/

/*  --font-size-sm: 14px;*/
/*  --font-size-md: 16px;*/
/*  --font-size-lg: 20px;*/

/*  --padding-sm: 5px;*/
/*  --padding-md: 10px;*/
/*  --padding-lg: 20px;*/

/*  --radius-sm: 3px;*/
/*  --radius-md: 5px;*/
/*  --radius-lg: 10px;*/
/*}*/


/*h1 {*/
/*  font-size: var(--font-size-lg);*/
/*  font-weight: bold;*/
/*  margin-bottom: var(--padding-lg);*/
/*  color: var(--primary-color);*/
/*}*/

/*button {*/
/*  background-color: var(--primary-color);*/
/*  color: #fff;*/
/*  border: none;*/
/*  border-radius: var(--radius-md);*/
/*  padding: var(--padding-md) var(--padding-lg);*/
/*  font-size: var(--font-size-md);*/
/*  cursor: pointer;*/
/*  transition: background-color 0.3s ease-in-out;*/
/*}*/

/*button:hover {*/
/*  background-color: darken(var(--primary-color), 10%);*/
/*}*/

/*input[type="text"],*/
/*textarea {*/
/*  width: 100%;*/
/*  padding: var(--padding-md);*/
/*  border-radius: var(--radius-md);*/
/*  border: 1px solid var(--border-color);*/
/*  font-size: var(--font-size-md);*/
/*  margin-bottom: var(--padding-lg);*/
/*}*/


/*.form {*/
/*  max-width: 600px;*/
/*  margin: 0 auto;*/
/*  padding: var(--padding-lg);*/
/*  background-color: var(--background-color);*/
/*  border-radius: var(--radius-lg);*/
/*  border: 1px solid var(--border-color);*/
/*}*/

/*.form-group {*/
/*  margin-bottom: var(--padding-lg);*/
/*}*/

/*.form label {*/
/*  font-size: var(--font-size-sm);*/
/*  margin-bottom: var(--padding-sm);*/
/*  color: var(--font-color);*/
/*}*/

/*textarea {*/
/*  min-height: 100px;*/
/*}*/


/*@media (max-width: 768px) {*/
/*  .form {*/
/*    padding: var(--padding-md);*/
/*  }*/

/*  .box {*/
/*    width: 100%;*/
/*    max-height: auto;*/
/*  }*/

/*  .search-results {*/
/*    padding: var(--padding-md);*/
/*  }*/

/*  button {*/
/*    font-size: var(--font-size-sm);*/
/*    padding: var(--padding-sm) var(--padding-md);*/
/*  }*/
/*}*/


/*.search-results ul {*/
/*  list-style: none;*/
/*  padding: 0;*/
/*  margin: 0;*/
/*}*/

/*.search-results li {*/
/*  margin-bottom: var(--padding-sm);*/
/*  padding: var(--padding-sm);*/
/*  border-bottom: 1px solid var(--border-color);*/
/*  font-size: var(--font-size-md);*/
/*}*/

/*.search-results li:last-child {*/
/*  border-bottom: none;*/
/*}*/


/*.mt-lg { margin-top: var(--padding-lg); }*/
/*.mb-lg { margin-bottom: var(--padding-lg); }*/
/*.text-center { text-align: center; }*/
/*.hidden { display: none; }*/
/*.flex { display: flex; }*/
/*.flex-center { justify-content: center; align-items: center; }*/


/*.hidden li {*/
/*  display: none;*/
/*  opacity: 0;*/
/*  transition: opacity 0.3s ease-in-out;*/
/*}*/

/*.hidden li.show {*/
/*  display: block;*/
/*  opacity: 1;*/
/*}*/