#Rlogo .img-hover:hover {
    content: url('../img/outils_hover.png'); /* image alternative */
  }
label { 
   display: block; 
   margin-top: 5px;
   display: flex;
}
   
.result { 
   margin-top: 20px; 
   padding: 10px; 
   background: #f0f0f0; 
   border-radius: 5px; 
}
.bar { 
   height: 20px; 
   margin-top: 5px; 
   background: lightblue; 
}
input[type="range"] { 
      width: 70%     ;
      margin-top: 10px;
      margin: auto;
}
input[type="number"] {
  width: 4em; 
  text-align: right;
}

table {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
}
td {
	text-align: center;
}

/* couleurs des classes : F = pas de trouble, V = trouble, N = Negatif, P = Positif */
FN {
	background-color: #00e051;	/* green */
 font-weight: bold;
}
.FP {
	background-color: orange;
	font-weight: bold;
}
.VN {
	background-color: #ff5757;	/* red */
	font-weight: bold;
}
.VP {
	background-color: cyan;
	font-weight: bold;
}

progress {
  background-color: #eee;
  border-radius: 10px;  
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    width: 100%;
    height: 20px;
}
progress::-webkit-progress-bar {
  background-color: 
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.progressVPP progress::-webkit-progress-value {
  background-color: #d30000;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.progressVPP progress::-moz-progress-bar {
  background-color: #d30000;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.progressVPN progress::-webkit-progress-value {
  background-color: #1eff00;
  border-radius: 10px;
  box-shadow: 0 2px 5px 
  rgba(0, 0, 0, 0.25) 
    inset;
}

.progressVPN progress::-moz-progress-bar {
  background-color: #1eff00;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}