#body{
    background-image:#D3D3D3; 
    text-align:center;
    margin-top:5%
    }
#instruction_1{
    font: bold 16px Tahoma;
    margin-top: 100px
    }
#instruction_2{
    font: bold 16px Tahoma;
    margin-top: 40px
    }
#body_consigne{
    background-image: #D3D3D3; 
    text-align:center;margin-top: 100px; 
    width: 30%; 
    font: bold 16px Tahoma
    }
#title_consigne{
    font: 35px Tahoma;
    margin-top: 100px; 
    text-align:center;
    }

#p_consigne{
    margin-top:10%;
    padding:2%; 
    font: 20px Tahoma;
    text-align:center;
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

#p_consigne2{
    padding:2%; 
    font: bold 16px Tahoma;
    margin-top: 4%; 
    text-align:center;
    width:75%;margin-left:auto;
    margin-right:auto;
}

#p_consigne3{
    font: 15px Tahoma;
    margin-top: 4%; 
    text-align:center;
    width:75%;margin-left:auto;
    margin-right:auto;
}


#bouton_consigne:hover{
    box-shadow: 5px 5px 5px grey !important;
    }    
    
#bouton{
    visibility:hidden;}
    
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  cursor:pointer;
}

.slider:hover {
  opacity: 1;
  cursor:pointer;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

.sliderText1{
   margin-top:-25px;
   margin-left:15%;
}

.sliderText2{
   margin-top:-45px;
   margin-left:79%;
}

.score1{
   margin-top:25px;
   margin-left:47%;
}

.sliderText3{
   margin-left:15%;
   margin-top:-25px;
}

.sliderText4{
   margin-left:79%;
   margin-top:-40px;
}

.score2{

   margin-left:47%;
}

.buttonTime{
    background:#3CBC3C; 
    border:none;
    color:white;
    padding:5px;
    padding-left:15px;
    padding-right:15px; 
    font-weight:normal;
}

.buttonTime2{
    background:red; 
    border:none;
    color:white;
    padding:5px;
    padding-left:15px;
    padding-right:15px; 
    font-weight:normal;
}