.textmenu {
                    font-family: arial, calibri;
                    font-size: 18px;
                    font-weight: 900;
                    font-style:italic;
                }
                .textsousmenutraite {
                    font-family: arial, calibri;
                    font-size: 16px;
                    font-weight: 700;
                    font-style:italic;
                }
    
                .textsousmenu {
                    font-family: arial, calibri;
                    font-size: 16px;
                    font-style:italic;
                    color:lightgray;
                }
    
                /* Animation pour le hover en desktop uniquement */
                @media (min-width: 992px) {
                    .dropdown:hover .dropdown-menu {
                        display: block;
                        opacity: 1;
                        transform: translateY(0);
                        visibility: visible;
                        pointer-events: auto;
                    }
    
                    .dropdown-menu {
                        display: block;
                        opacity: 0;
                        transform: translateY(10px);
                        visibility: hidden;
                        pointer-events: none;
                        transition: all 0.3s ease;
                    }
                }
    
                /* Ajustement de la position pour éviter le débordement à droite */
                @media (min-width: 992px) {
                    .dropdown-menu-end {
                        right: 0;
                        left: auto;
                    }
    
                    .dropdown-menu .dropdown-menu {
                        top: 0;
                        left: 100%;
                        margin-top: -1px;
                    }
    
                    .dropdown-menu-end .dropdown-menu {
                        left: auto;
                        right: 100%;
                    }
                }
    .choice-inline {
        display: inline-block;
        margin-right: 20px;
    }
                
         .lbSaisie{
            color:blue;
            font-style:italic;
            text-align:center;
            font-family:arial;
            font-size:16px;
            font-weight:800;
        }
        .txtSaisie{
            color:black;
            font-family:Arial Rounded Mt Bold;
            font-size:18px;
            font-weight:800;
            font-style:italic;
            text-align:center;
            border: 2px solid darkgreen;
            border-radius:5px 5px;
            min-height: 35px;
            padding:0px;
            margin:3px;
        }
        .styValider{
            color:darkgreen;
            min-height: 40px;
            border-radius:10px 5px;
            border: 3px solid darkgreen;
            font-size:24px;
            font-weight:800;
            font-style:italic;
            background-color:lime;
            font-family:Arial Rounded Mt Bold;
        }
        .selection-list span {
            display: block;
            margin-bottom: 6px;
            padding: 6px 10px;
            background-color: #f8f9fa;
            border: 1px solid #ccc;
            border-radius: 4px;
            cursor: pointer;
        }    
        
        .selected-item {
            display: block;
            margin-bottom: 6px;
            padding: 6px 10px;
            background-color: #f8f9fa;
            border: 1px solid #ccc;
            border-radius: 4px;
            cursor: pointer;
        }
        
        /* Ajout d'un défilement aux listes dans les modales */
        .modal-body {
            max-height: 300px;  /* Hauteur maximale */
            overflow-y: auto;  /* Permet le défilement vertical */
        }
        
        /* Pointeur sur les éléments cliquables */
        .modal-body div {
            cursor: pointer;  /* Pointeur au survol */
            transition: background-color 0.3s ease;  /* Animation pour changement de fond */
        }
        
        .modal-body div:hover {
            background-color: #f0f0f0;  /* Couleur de survol */
        }
        
        
        /* Lignes de tableau à fond alterné */
        #matiere-selected tr:nth-child(odd),
        #diplome-selected tr:nth-child(odd) {
            background-color: #f9f9f9;
        }
        #matiere-selected tr:nth-child(even),
        #diplome-selected tr:nth-child(even) {
            background-color: #e9e9e9;
        }
        
        /* Animation fade-in pour le popup */
        .modal.fade {
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
        }
        
        .modal.fade.show {
            opacity: 1;
        }