#Rlogo .img-hover:hover {
    content: url('../img/outils_hover.png'); /* image alternative */
  }

.result {
   font-weight: bold;
   margin: 10px 0;
}

.plot {
   width: 100%;
   max-width: 700px;
   height: 400px;
   margin-top: 20px;
}
input { 
   width: 4em;
   text-align: right; 
}
.section {
   margin-top: 0px;
}
.bar-wrapper {
   position: relative;
   height: 70px;
   margin: 50px 0;
}
.grid {
   position: absolute;
   width: 600px;
   height: 50px;
   top: 0;
   left: 0;
   border-top: 1px solid #ccc;
   background: repeating-linear-gradient(
        to right,
        transparent,
        transparent 59px,
        #e0e0e0 60px
      );
}
.bar {
   position: absolute;
   height: 10px;
   background-color: #007bff;
   top: 20px;
}
.marker {
   position: absolute;
   top: 10px;
   height: 30px;
   width: 2px;
   background: red;
}
label { 
   display: inline-block;
   width: 130px;
   margin-top: 10px;
}
.label {
   position: absolute;
   top: -25px;
   font-size: 12px;
   background: #fff;
   padding: 2px 5px;
   border: 1px solid #ccc;
   border-radius: 4px;
   white-space: nowrap;
 }
.axis-labels {
   width: 600px;
   display: flex;
   justify-content: space-between;
   font-size: 12px;
   margin-top: 5px;
   position: relative;
   left: 0;
}
.resultats-section {
   text-align: center; /* centre tout le contenu */
   margin: 20px 0;
}
.resultats-header {
   display: flex;
   justify-content: left;
   align-items: center;
   gap: 40px; /* espace entre le texte et le bouton */
   margin: 10px 0;
}
.resultats.comment {
    max-width: 600px;
    flex: 1 1 100%; /* Permet de passer en dessous si pas assez de place */
    margin-top: 5px;
    text-align: left;
  }

.button#calculer {
    cursor: pointer;
  }


.input-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 0px;
  }
.input-row .commentaire {
    max-width: 600px;
    flex: 1 1 100%; /* Permet de passer en dessous si pas assez de place */
    margin-top: 5px;
  }

@media (min-width: 400px) {
   .input-row .commentaire {
    flex: 1 1 auto; /* Reste sur la même ligne si écran assez large */
    margin-top: 0;
   }
}