.switch {
            position: relative;
            display: inline-block;
            margin: 0 5px;
        }

        .switch > span {
            position: absolute;
            top: 5px; /* Ajusté pour le nouveau curseur */
            font-family: 'Helvetica', Arial, sans-serif;
            font-weight: bold;
            font-size: 10px; /* Taille de police réduite */
            text-transform: uppercase;
            text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
            width: 50%;
            text-align: center;
            cursor: pointer;
        }

        input.check-toggle-round-flat:checked ~ .off {
            color: #0074D9; /* Couleur bleu clair */
        }

        input.check-toggle-round-flat:checked ~ .on {
            color: #fff;
        }

        .switch > span.on {
            left: 0;
            padding-left: 2px;
            color: #0074D9; /* Couleur bleu clair */
            cursor: auto;
        }

        .switch > span.off {
            right: 0;
            padding-right: 4px;
            color: #fff;
        }

        .check-toggle {
            position: absolute;
            margin-left: -9999px;
            visibility: hidden;
        }

        .check-toggle + label {
            display: block;
            position: relative;
            cursor: pointer;
            outline: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        input.check-toggle-round-flat + label {
            padding: 2px;
            width: 70px; /* Largeur du bouton rétablie */
            height: 25px; /* Hauteur légèrement augmentée */
            background-color: #0074D9; /* Fond bleu clair */
            border-radius: 30px; /* Rayon ajusté pour correspondre à la nouvelle taille */
        }

        input.check-toggle-round-flat + label:before,
        input.check-toggle-round-flat + label:after {
            display: block;
            position: absolute;
            content: "";
        }

        input.check-toggle-round-flat + label:before {
            top: 2px;
            left: 2px;
            bottom: 2px;
            right: 2px;
            background-color: #0074D9; /* Fond bleu clair */
            border-radius: 30px; /* Rayon ajusté */
        }

        input.check-toggle-round-flat + label:after {
            top: 4px;
            left: 4px;
            bottom: 4px;
            width: 35px; /* Largeur du curseur augmentée */
            background-color: #fff; /* Curseur blanc */
            border-radius: 20px; /* Curseur ovale */
            transition: margin 0.2s;
        }

        input.check-toggle-round-flat:checked + label:after {
            margin-left: 26px; /* Position finale ajustée pour la nouvelle largeur */
        }

        /* Amélioration pour l'accessibilité */
        input.check-toggle-round-flat:focus + label {
            outline: 2px solid #000;
        }