html, body {
  margin: 0 0 1em;
  padding: 0;
  font: 1em/1.5 Verdana,sans-serif;
  font-size: 100%;
  background-color: #90C3D4;
}
header{
  margin: 0 0 0.5em 5em;
}
h1, h2, h3 {
  margin: 0 0 .5em .25em;
  color: #069;
}


#main {
  margin: 0 auto;
  max-width: 60em;
  border-top: 1px solid transparent;
  
}

.section {
  margin: 0 2em 1em;
}
form {
  margin: auto;
  padding: .5em;
  max-width: 50em;
  border: 1px solid #CCC;
}
form p {
  margin: auto;
  font-size: .9em;
}
label {
  display: block;
  width: 4em;
  text-align: left;
}
label:after {
  content: "";
  float: right;
  margin-right: .5em;
}
/* case voie*/
input {
  width: 100%;
  font: inherit;
}


button {
    /* Cette marge représente approximativement le même espace
       que celui entre les étiquettes et les champs textuels */
    margin-left: ;
    width: 16em;
  height: 3em;

}


/*Réglage présentation carte*/
#carte {
  height: 37em;
  margin: 0 auto;
  max-width: 100%;
  border: 5px solid #FFF;
  font-size: 1em;
  box-shadow: 0 2px 4px 2px #CCC;
}
.leaflet-popup-content-wrapper {
  border-radius: 0;
  font-size: .8em;
  font-family: Verdana, sans-serif;
}