<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.map {
  width: 100%;
  position: relative;
}
.infos {
  display: flex;
}
.infos.infos-1 .item {
  width: 100%;
}
.infos.infos-2 .item {
  width: 50%;
}
@media (max-width: 767px) {
  .infos.infos-2 .item {
    width: 100%;
  }
}
.infos .title {
  width: 100%;
}
.infos .formulaire {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.infos .formulaire .form-line {
  display: flex;
}
.infos .formulaire .form-line.full {
  width: 100%;
}
.infos .formulaire .form-line.mid {
  width: 45%;
}
.infos .formulaire .form-line.block {
  flex-wrap: wrap;
}
.infos .formulaire .form-line.block label {
  margin-bottom: 5px;
}
.infos .formulaire .form-line.inline {
  align-items: center;
}
.infos .formulaire .form-line.inline label {
  margin-bottom: 0;
}
.infos .formulaire .form-line.submit {
  width: 100%;
  display: flex;
  justify-content: center;
}
.infos .formulaire .form-line label {
  margin-right: 10px;
}
.infos .formulaire .form-line input {
  width: 100%;
}
/* Debug */
.debug {
  border: 1px solid black;
}
.debug .map {
  border: 1px solid black;
}
.debug .infos {
  border: 1px solid black;
}
.debug .infos .item {
  border: 1px solid black;
}</pre></body></html>