@charset "UTF-8";
/* Section retours de sortie*/
    .rateButton {
        background-color: rgb(248, 250, 248); /* Couleur par défaut */
        color: #333 !important;
        border-color: #ccc !important;
        transition: all 0.4s ease-in-out !important;
    }

    .rateButton:hover {
        background-color: #ffd700 !important; /* Jaune au survol */
        color: white !important;
        border-color: #ffa500 !important;
    }

    .rateButton.active,
    .rateButton:focus {
        background-color: #ffd700 !important; /* Jaune pour l'état actif */
        color: white !important;
        border-color: #ffa500 !important;
        outline: none !important; /* Retirer la bordure noire */
    }
    .temp-icon, .c-icon {
        cursor: pointer;
        border: 2px solid #ddd; /* Par défaut */
        border-radius: 10px;
        margin: 0 2vw 0 0;
    }

    .temp-icon {
        width: 70px;
        height: 61px;
    }

    .c-icon {
        width: 50px;
        height: 61px;
    }

    .temp-icon:hover, .c-icon:hover {
        border: 3px solid #999;
    }

    .temp-icon.active-icon, .c-icon.active-icon {
        border: 3px solid #2d8350; /* Couleur d'évidence (bleu Bootstrap) */
        border-radius: 10px;
    }
    .image-container {
        position: relative;
        display: inline-block;
        margin: 0px;
    }
    .image-small {
        height: 3vh; /* Taille réduite de l'image */
        margin: 0;
        padding: 0;
        cursor: pointer;
    }
    .barre-small {
        width: 55vw;
        height: 3vh;
    }
    .image-full {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        width: auto;
        height: auto;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        border: 2px solid #ccc;
        background: white;
    }
/* FIN section retours de sortie*/
/* Section liste participants*/
    #btn_select_participants {
        border-radius: 5px;
        height: 2.5vh;
    }

    #btn_select_participants:hover {
        cursor: pointer;
        background-color:rgb(205, 242, 220);
    }

    .liste-noms {
        word-wrap: break-word;
    }
/* FIN section liste participants*/