/* Styles pour les étoiles */
.icone_ergonomie {
    display: inline-block;
    width: 42px;
    height: 50px;
    background-image: url('../img/securite.svg');
    background-size: cover;
}

.icone_productivite {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url('../img/productivite.svg');
    background-size: cover;
}

.icone_respect {
    display: inline-block;
    width: 49px;
    height: 50px;
    background-image: url('../img/quantite.svg');
    background-size: cover;
}

.etoile-orange {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/etoile-orange.svg');
    background-size: cover;
}

.etoile-grise {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('../img/etoile-grise.svg');
    background-size: cover;
}

.remarquables-module-arguments {
    padding: 2rem 0;
    display: flex;
    gap: 2rem;
    justify-content: center;
    text-align: center;
}

.remarquables-module-arguments h3 {
    margin-top: 10px;
    font-size: 1rem;
}

.remarquables-module-arguments p {
    margin-top: 10px;
    font-size: 0.8rem;
}
.remarquables-module-arguments ul {
    text-align: left;
    margin: 4px 0;
    padding-left: 14px; /* réduit l'espace à gauche du bullet */
    font-size: 0.8rem;
}
.remarquables-module-arguments li {
    margin-bottom: 2px;
    padding-left: 2px; /* espace entre le bullet et le texte */
}

.rem-item {
    flex: 1;
    /*max-width: 30%;*/
    max-width: 300px;
}

.rem-icon {
    font-size: 3rem;
}

.rem-stars {
    margin: 10px 0;
}

.rem-stars span {
    color: #f5a623;
    font-size: 1.5rem;
}

@media (max-width: 700px) {
  .remarquables-module-arguments {
    flex-direction: column;
    align-items: center;
  }
}