html, body {
  margin: 0;
}


.three.columns {
  min-width: 54px;
  min-height: 24px;
  text-align: center;
}

body {
  /* max-width: 600px; */
  min-width: 360px;
  margin-left: auto;
}

footer {
  position: absolute; 
  bottom: 0; 
  width: 100%; 
  max-width: 600px;
}

#reader {
  width: 90%;
  margin:auto;
  margin-top: 16px;
  margin-bottom: 16px;
}

#titreScan {
  text-align: center;
   margin: 16px
}

#idManchon {
  text-align: center;
}

#footerImage {
  display: block; 
  max-width: 180px; 
  margin: auto; 
  margin-bottom: 8px;
}

#titreAppli {
  text-align: center; 
  margin: 8px; 
  background-color: white;
}

.mesureSpan {
  display: inline-block;
  width: 60px;
  text-align: center;
}
.mesureDiv {
  text-align: left;
  min-width: 190px;
  padding-left: 140px;
}
.mesureDivPos {
  position: absolute;
  left: 20px;
  width: calc(100% - 30px);
  background-color: #eee;
}
#manchonImage {
  height: 400px;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 1;
}
#mesureFrame {
  position: relative;
  width: 360px;
  height: 410px;
  margin: auto; 
  background-color: #f5f5f5;
}

#divScanButton {
  width: 360px; margin: auto;
}

#scanButton {
  display: block; margin: auto; width: 80%; margin-top: 12px; color: black; border-color: black;
}