@import url(jquery-ui.css);
@import url(bootstrap.css);
/*
body {
    padding: 0;
    margin: 0;
}
html, body, #map {
    height: 100%;
    width: 100vw;
	font-family:  Arial, Helvetica, sans-serif;
	background-color: rgb(223, 223, 223);
}
*/
body, html, #map {
    margin:0; padding:0;
    font-family:  Arial, Helvetica, sans-serif;
 /*   overflow: hidden;*/
 	min-width: 460px;
    height: 100%;
    width: 100%;
    font-size: 100%;
}

/*#map { position:absolute; top:64px; bottom:0px; width:100vw;height: 100% }*/

header {
  border-bottom: 1px solid #000;
}	

@-ms-viewport{
	min-width: 460px;
}

@viewport{
	min-width: 460px;
}

form {
  /* Uniquement centrer le formulaire sur la page */
  margin: 0 auto;
  width: 100%;
  /* Encadré pour voir les limites du formulaire */
  padding: 0.5em;
  border: 1px solid #CCC;
  border-radius: 0.25em;
}

form div + div {
  margin-top: 1em;
}

form #email{ display:none; }
form #email2{ display:none; }
form #spotID{ display:none; }

input, textarea {
  /* Pour s'assurer que tous les champs texte ont la même police.
     Par défaut, les textarea ont une police monospace */
  font: 1em sans-serif;

  /* Pour que tous les champs texte aient la même dimension*/ 
  width: 100%;
  box-sizing: border-box;

  /* Pour harmoniser le look & feel des bordures des champs texte */
  border: 1px solid #999;
}

input.envoi
{
  width: 160px;
  height: 32px;
}

input:focus, textarea:focus {
  /* Pour souligner légèrement les éléments actifs */
  border-color: #000;
}

textarea {
  /* Pour aligner les champs texte multi‑ligne avec leur étiquette */
  vertical-align: top;

  /* Pour donner assez de place pour écrire du texte */
  height: 5em;
}

.flotte {
  float:left;
  clear: both;
  padding-right: 8px;
}

.button {
  /* Pour placer le bouton à la même position que les champs texte */
  padding-left: 90px; /* même taille que les étiquettes */
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10000;
  background-color: rgb(223, 223, 223);
}

.main-logo {
    display: inline-block;
    float: left;
    border-right: none;
    padding-right: 0;
	padding-left: 0;
}

.navhead {
  width: 100%;
  height: 64px;
  line-height: 64px;
}


.main-text {
	font-weight: bold;
	text-align: left;
    border-left: none;
    padding-left: 10;
}

.ui-dialog { z-index: 1000 !important ;}