*, ::after, ::before {
  font-size: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
  box-sizing: border-box;
  font-family: "Helvetica W01 Light";
}

.colonne {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.colonne--centre {
  align-items: center;
}

.span--titre1 {
  font-family: "Helvetica W01 Bold";
  font-size: clamp(16px, 2.2vw, 10vw);
  text-align: center;
}

.span--titre2 {
  font-weight: 700;
  font-size: clamp(14px, 1.4vw, 4vw);
  text-align: left;
  padding-bottom: 10px;
}

table {
  display: inline-table;
  margin: 1em;
  border: solid 1px grey;
  width: 90%;
  border-collapse: collapse;
}

table th,
table td {
  border: solid 1px lightgray;
  padding: 4px 0 4px 15px;
}

table tbody tr:hover td {
  background-color: #fafafa;
  padding-left: 25px;
  font-weight: bold;
}

table tbody tr:nth-child(odd) {
  background-color: #f1f1f1;
}

button {
  padding: clamp(10px, 1vw, 5vw);
  cursor: pointer;
}

button:hover {
  font-weight: bold;
  text-decoration: underline;
}

ul {
  padding-left: 30px;
}

iframe.map {
  width: clamp(500px, 100%, 50rw);
}

a.button {
  padding: clamp(10px, 1vw, 5vw);
  width: fit-content;
  text-decoration: none;
}

.button--noir {
  background-color: black;
  color: white;
}

.button--bleu {
  background-color: #01b4d8;
  color: white;
  border: #01b4d8 1px solid;
}

.button--gris {
  background-color: #868686;
  color: white;
  border: #868686 1px solid;
}

.button--annuler {
  background-color: #e60000;
  color: white;
  border: #e60000 1px solid;
}

.bleu {
  color: #01b4d8;
}

a:hover {
  font-weight: bold !important;
}

div.align_horizontal {
  display: flex;
  column-gap: 20px;
}

div.centre {
  display: flex;
  justify-content: center;
}

form > div {
  padding-bottom: 20px;
}

span.plaintext {
  font-size: clamp(16px, 1vw, 3vw);
}

span.label {
  font-size: clamp(16px, 1.1vw, 4vw);
  font-weight: 600;
}

h1 {
  font-size: clamp(25px, 3vw, 10vw);
  text-align: center;
  justify-content: center;
  margin-top: 20px;
  font-family: "Helvetica W01 Bold";
}

fieldset {
  border-radius: 15px;
  padding: 15px;
}

legend {
  font-size: clamp(14px, 1.7vw, 7vw);
  font-family: "Helvetica W01 Bold";
}

input, select {
  padding: 10px;
  border-radius: 5px;
  /* border: none;*/
  margin-bottom: 15px;
  /*background-color: #d6d6d6;
  outline: none;*/
  font-size: 1.1rem;
}

hr {
  margin: 15px 0;
}

div.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
}

.alert--erreur {
  color: #481c20;
  background-color: #f8d7da;
  border-color: #481c20;
}

.alert--succes {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

legend {
  display: table;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;

  + * {
    clear: both;
  }
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}


/*# sourceMappingURL=composants.css.map */
