body {
  margin:2px;
  background-color: #131313;
}

.navbar {
  position: fixed;
  top: 2px;
  width: 100%;
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background: #ddd;
  color: black;
}

.copier {
  position: fixed;
  top: 2px;
  right:3px;
}

.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}

input[type=range] {
  position:absolute;
  top: 0px;
  right: 130px;
  width: 10%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
  accent-color: #FFFFFF;
}

.bt {
   background: url(copie.jpg) no-repeat;
   width: 35px;
   height: 37px;
}

.open-button {
    background-color: #A2B8BD;
    color: white;
	text-align: center;
    padding: 2px 4px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0.8;
}

.login-popup {
   position: relative;
   text-align: center;
   width: 100%;
   background: #FFFFFF;
}

.form-popup {
        display: none;
        position: fixed;
        left: 45%;
        top: 5%;
        transform: translate(-45%, 5%);
        border: 2px solid #666;
        z-index: 9;
}