body {
            font-family: Arial, sans-serif;
        }

        .link_option {
            display: block;
            margin: auto;
            padding: 10px 20px;
            font-family: sans-serif;
            font-size: 18px;
            text-decoration: none;
            color: black;
            position: relative;
            transition: all .3s cubic-bezier(.2, 0, 0, 1);
            z-index: 1;

            &:after {
                content: '';
                display: block;
                height: 2px;
                position: absolute;
                bottom: 0;
                right: 1.25rem;
                left: 1.25rem;
                background-color: #0d5287;
                transition: all .3s cubic-bezier(.2, 0, 0, 1);
                transform-origin: bottom center;
                z-index: -1;
            }

            &:hover {
                color: white;

                &:after {
                    right: 0;
                    left: 0;
                    height: 100%;
                }
            }
        }

        .link_retour {
            position: relative;
            margin: 0;
            padding-left: 0px;
            padding-right: 10px;
            padding-top: 2.8px;
            padding-bottom: 2.8px;
            background: #0d5287;
            color: white;
            font-size: 14px;
            text-decoration: none;
            /* Enlève le soulignement */
        }

        .link_retour:hover {
            background: #0585e8;
        }

        .link_retour::after {
            content: '';
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
            border-style: solid;
            left: -22px;
            border-color: transparent #0d5287 transparent transparent;
            border-width: 11px;
        }

        .link_retour:hover::after {
            border-right-color: #0585e8;
        }

        ul {
            padding-left: 10px;
        }

        ul li {
            margin-bottom: 10px;
            list-style: none;
            /* Enlève les puces */
        }

        #chat-container {
            width: 380px;
            position: fixed;
            bottom: 60px;
            /* Ajusté pour le bouton */
            right: 20px;

            background: rgb(223, 225, 235);
            /*overflow: hidden;*/
            /*max-height: 750px;
            overflow-y: auto;*/
            border-radius: 10px 10px 5px 5px;
            box-shadow:
                inset 0px 56px 40px #2224,
                inset 0px -56px 40px #fff,
                1px 1px 2px #fff,
                -1px -1px 2px #4442;
            padding: 0px 0px 10px 10px;
        }

        .scroll_up {
            max-height: 600px;
            overflow-y: auto;
        }

        #chat-box {
            height: 400px;
            overflow-y: auto;
            padding: 10px;
        }

        #messages {
            max-height: 350px;
            color: black;
        }

        .message {
            margin-bottom: 10px;
            padding: 8px;
            /* Ajout d'un peu de padding pour le confort */
            border-radius: 5px;
            /* Coins arrondis */
            display: flex;
            /* Utiliser flexbox pour aligner l'icône et le message */
            align-items: center;
            /* Centrer verticalement */
        }

        .user-message {
            background-color: #e1ffc7;
            /* Couleur de fond pour le message utilisateur */
            text-align: left;
            /* Alignement à gauche */
        }

        .assistant-message {
            background-color: #c7e1ff;
            /* Couleur de fond pour le message assistant */
            text-align: right;
            /* Alignement à droite */
            justify-content: flex-end;
            /* Aligner à droite */
        }

        .icon {
            margin-right: 8px;
            /* Espacement entre l'icône et le texte */
        }

        .assistant-message .icon {
            margin-left: 8px;
            /* Espacement entre le texte et l'icône de l'assistant */
        }

        #user-input,
        #user-input2 {
            margin-top: 10px;
            width: calc(100% - 50px);
            padding: 10px;
            resize: none;
            /* Empêche le redimensionnement */
        }

        #send-button,
        #clear-button {
            padding: 10px;
        }

        #chat-toggle {
            position: fixed;
            bottom: 20px;
            /* Position du bouton */
            right: 20px;
            /* Position du bouton */
            padding: 10px 15px;
        }

        .word {
            color: #0d5287;
            font-size: 30px;
            font-weight: 600;
            text-shadow: 9px 8px 3px #4443;
        }

        .word2 {
            color: #0d5287;
            font-size: 25px;
            font-weight: 600;
            text-shadow: 9px 8px 3px #4443;
        }

        .word3 {
            color: #0d5287;
            font-size: 22px;
            font-weight: 500;
            text-shadow: 9px 8px 3px #4443;
        }

        .text_dark {
            color: #000000;
        }

        #send-link,
        #send-link2 {
            box-shadow: 3px 4px 0px 0px #899599;
            background: linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
            background-color: #ededed;
            border-radius: 5px;
            border: 1px solid #d6bcd6;
            display: inline-block;
            cursor: pointer;
            color: #000000;
            font-family: Arial;
            font-size: 17px;
            padding: 7px 25px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #e1e2ed;
        }

        #send-link:hover,
        #send-link2:hover {
            background: linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
            background-color: #bab1ba;
        }

        #send-link:active,
        #send-link2:active {
            position: relative;
            top: 1px;
        }

        #clear-link {
            box-shadow: 3px 4px 0px 0px #8a2a21;
            background: linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
            background-color: #c62d1f;
            border-radius: 5px;
            border: 1px solid #d02718;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-family: Arial;
            font-size: 17px;
            padding: 7px 25px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #810e05;
        }

        #clear-link:hover {
            background: linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
            background-color: #f24437;
        }

        #clear-link:active {
            position: relative;
            top: 1px;
        }


        .custom-alert {
            display: none;
            position: absolute;
            width: 200px;
            /* Positionnement absolu par rapport à la div parent */
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            /* Centrage parfait */
            color: white;
            /* Couleur du texte */
            padding: 5px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            z-index: 1001;
            /* Assurez-vous que l'alerte est au-dessus de l'overlay */
        }

        .close-btn {
            cursor: pointer;
            float: right;
            font-size: 30px;
            margin-top: -10px;
        }

        .overlay {
            display: none;
            /* Masqué par défaut */
            position: fixed;
            /* Couvre toute la fenêtre */
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            /* Couleur de fond semi-transparente */
            z-index: 1000;
            /* Assurez-vous que l'overlay est en dessous de l'alerte */
        }

        /* Styles spécifiques aux alertes */
        .alert-message-empty {
            background-color: #695a59;
            /* Gris pour message vide */
        }

        .alert-message-error {
            background-color: #d02718;
            /* Rouge pour échec d'envoi */
        }

        .alert-message-success {
            background-color: #4CAF50;
            /* Vert pour succès */
        }