/* CSS de l'ensemble des Modales */
        
        
        
        /* Ajoute des coins arrondis à la modal */
        .modal-content {
            border-radius: 10px !important; /* Coins arrondis */
            border: none; /* Supprime la bordure Bootstrap */
            position: relative;
            background: rgba(255, 255, 255, 0.95); /* Fond légèrement transparent */
        }

        /* Crée une zone transparente de 10px autour de la modal */
        .modal-content::before {
            content: "";
            position: absolute;
            top: -5px;
            left: -5px;
            right: -5px;
            bottom: -5px;
            border-radius: 10px; /* Un peu plus grand pour compenser la transparence */
          /*  background: rgba(255, 255, 255, 0.33); /* Couleur légèrement transparente */
          /*  filter: blur(4px); /* Léger flou */
            z-index: -1; /* Derrière la modal */
        }

        /* Effet de flou sur l\'arrière-plan */
        .modal-backdrop.show {
            backdrop-filter: blur(6px); /* Flou d\'arrière-plan */
        }

        /* Style du header avec un léger dégradé gris */
        .modal-header {
            border-radius: 10px 10px 0px 0px !important;
            justify-content: center; /* Centre horizontalement */
            position: relative;
            background-color: #f0f2f3;
            padding-left: 30px !important;
            padding-right: 30px !important;
        }


        /* Ajustement du titre pour qu\'il ressorte bien */
        .modal-title {
            font-size: 18px !important;    
            font-weight: bold !important;
                color: #333 !important; /* Gris foncé pour un bon contraste */
               /* padding: 0px 15px;*/
            }

        .modal-body{
            padding: 25px 36px !important;
        }
            

        .cta_cancel{
            background-color: white !important;
            color: gray !important;
            border: none !important;
            font-weight: 400 !important;
            font-size: 12px !important;
        }

        .cta_valide{
            background-color: white !important;
            color: rgb(0, 0, 0) !important;
            border: none !important;
            font-weight: 600 !important;
            font-size: 12px !important;
        }

        .cta_valide:disabled{
            font-weight: 600 !important;
            font-size: 12px !important;
        }

        .modal-footer{
            padding: 10px 30px 10px 20px !important;
        }

        .legende{
            font-size: 12px;
            color: gray;
        }

        .btn-close {
                background-color: rgba(255, 255, 255, 0) !important;
                border: none !important;
                color: #888 !important;
                font-size:13px !important;
        }