<div id="chat-container" style="display: none;">
        <!-- début Alert -->
        <div id="customAlert" class="custom-alert">
            <span class="close-btn" onclick="closeCustomAlert()">×</span>
            <br>
            <p id="alertMessage">Ceci est une alerte personnalisée !</p>
            <button onclick="closeCustomAlert()">OK</button>
        </div>
        <div id="overlay" class="overlay"></div>
        <!-- fin Alert -->

        <!-- Formulaire de chat -->
        <div id="formulaire" style="display: none;" class="scale-up-ver-bottom">
            <div id="appair2"
                style="padding: 10px; margin-left: -10px; background: rgb(181,181,215); background: linear-gradient(90deg, rgba(181,181,215,1) 0%, rgba(138,138,179,1) 35%, rgba(94,96,131,1) 100%); border-radius: 10px 10px 0px 0px;">
                <h2 class="word">L'Entreprise</h2>
                <p class="text_dark">Que voulez vous connaitre concernant SOLTEC ?</p>
            </div>
            <div id="chat-box">
                <div id="messages"></div>
            </div>
            <textarea id="user-input" placeholder="Veuillez saisir votre préoccupation..." rows="2"></textarea>

            <!-- début Formulaire de avis -->
            <textarea style="display: none;" id="user-input2" placeholder="Veuillez saisir votre avis ou suggesstion.."
                rows="2"></textarea>
            <a href="#" id="send-link2">Envoyer</a>
            <!-- fin Formulaire de avis -->

            <a href="#" id="send-link">Envoyer</a>
            <a href="#" id="clear-link">Supprimer la discussion</a>
            <div id="appair1" style="padding: 10px 0px 0px 0px;">
                <a class="link_retour" href="#" onclick="showMainMenu()">Retour au Menu Principal</a>
                <!-- Lien de retour -->
            </div>
        </div>

        <!-- Menu Principal -->
        <div id="menu" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">Menu Principal</h2>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="groqdialog('soltec')">I - L'Entreprise</a></li>
                <li><a class="link_option" href="#" onclick="showProductMenu()">II - Les Produits</a></li>
            </ul>
        </div>

        <!-- Menu des Produits -->
        <div id="product_menu" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">Les Produits</h2>
            <p class="text_dark">Pour quel produit avez-vous besoin d'assistance ?</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="showGidocepOptions()">GIDOCEP</a></li>
                <li><a class="link_option" href="#" onclick="showComptamatOptions()">COMPTAMAT</a></li>
                <li><a class="link_option" href="#" onclick="showLaPaieOptions()">LA PAIE : ERP_SOLTEC</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showMainMenu()">Retour au Menu Principal</a>
            <!-- Lien de retour -->
        </div>

        <!-- Options pour GIDOCEP -->
        <div id="gidocep_options" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="showGidocepDescription('description_gidocep')">Description</a></li>
                <li><a class="link_option" href="#" onclick="showGidocepFonctionnalite('features')">Aide</a></li>
                <li><a class="link_option" href="#" onclick="showGidocepfaq('faq')">FAQs</a></li>
                <li><a class="link_option" href="#" onclick="groqdialog('avis_GIDOCEP')">Rediger un avis</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showProductMenu()">Retour aux Produits</a> <!-- Lien de retour -->
        </div>

        <!-- Options pour COMPTAMAT -->
        <div id="comptamat_options" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">COMPTAMAT</h2>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="showComptamatDescription('description_comptamat')">Description</a></li>
                <li><a class="link_option" href="#" onclick="showComptamatFonctionnalite('features')">Aide</a></li>
                <li><a class="link_option" href="#" onclick="showComptamatfaq('faq')">FAQs</a></li>
                <li><a class="link_option" href="#" onclick="groqdialog('avis_COMPTAMAT')">Rediger un avis</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showProductMenu()">Retour aux Produits</a> <!-- Lien de retour -->
        </div>

        <!-- Options pour LA PAIE -->
        <div id="lapaie_options" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="showLapaieDescription('description_lapaie')">Description</a></li>
                <li><a class="link_option" href="#" onclick="showLapaieFonctionnalite('features')">Aide</a></li>
                <li><a class="link_option" href="#" onclick="showLapaiefaq('faq')">FAQs</a></li>
                <li><a class="link_option" href="#" onclick="groqdialog('avis_ERP')">Rediger un avis</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showProductMenu()">Retour aux Produits</a> <!-- Lien de retour -->
        </div>

        <!-- Description de GIDOCEP -->
        <div id="gidocep_description" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <p class="text_dark">Description :</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="groqdialog('gidocep_presentation')">Présentation de
                        l'outil</a></li>
                <li><a class="link_option" href="#" onclick="groqdialog('gidocep_interface')">L'interface</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepOptions()">Retour au menu de GIDOCEP</a>
            <!-- Lien de retour -->
        </div>

        <!-- Description de COMPTAMAT -->
        <div id="comptamat_description" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">COMPTAMAT</h2>
            <p class="text_dark">Description :</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="groqdialog('comptamat_presentation')">Présentation de
                        l'outil</a></li>
                <li><a class="link_option" href="#" onclick="groqdialog('comptamat_interface')">L'interface</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showComptamatOptions()">Retour au menu de COMPTAMAT</a>
            <!-- Lien de retour -->
        </div>

        <!-- Description de LA PAIE -->
        <div id="lapaie_description" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <p class="text_dark">Description :</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="groqdialog('lapaie_presentation')">Présentation de
                        l'outil</a></li>
                <li><a class="link_option" href="#" onclick="groqdialog('lapaie_interface')">L'interface</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showLaPaieOptions()">Retour au menu de LA PAIE : ERP_SOLTEC</a>
            <!-- Lien de retour -->
        </div>

        <!-- FAQ de GIDOCEP -->
        <div id="gidocep_faq" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <p class="text_dark">FAQs :</p>
            <ul class="scroll_up">
                <li>
                    <details>
                        <summary>Titre FAQ 1</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Titre FAQ 2</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Titre FAQ 3</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepOptions()">Retour au menu de GIDOCEP</a>
            <!-- Lien de retour -->
        </div>

        <!-- FAQ de COMPTAMAT -->
        <div id="comptamat_faq" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">COMPTAMAT</h2>
            <p class="text_dark">FAQs :</p>
            <ul class="scroll_up">
                <li>
                    <details>
                        <summary>Titre FAQ 1</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Titre FAQ 2</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Titre FAQ 3</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showComptamatOptions()">Retour au menu de COMPTAMAT</a>
            <!-- Lien de retour -->
        </div>

        <!-- FAQ de LA PAIE -->
        <div id="lapaie_faq" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <p class="text_dark">FAQs :</p>
            <ul class="scroll_up">
                <li>
                    <details>
                        <summary>Titre FAQ 1</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Titre FAQ 2</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
                <li>
                    <details>
                        <summary>Titre FAQ 3</summary>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">deuxième reponse</p>
                        </fieldset>
                        <fieldset>
                            <legend>Choix de la couleur :</legend>
                            <p class="text_dark">troisième reponse</p>
                        </fieldset>
                    </details>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showLaPaieOptions()">Retour au menu de LA PAIE : ERP_SOLTEC</a>
            <!-- Lien de retour -->
        </div>

        <!-- Fonctionnalité de GIDOCEP -->
        <div id="gidocep_fonctionnalite" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="showGidocepFonctionnalite_regisseur('gidocep_regisseur')">AC Régisseur</a></li>
                <li><a class="link_option" href="#"
                        onclick="showGidocepFonctionnalite_comptabilite('gidocep_comptabilite')">Service de la
                        Comptabilité</a></li>
                <li><a class="link_option" href="#" onclick="showGidocepFonctionnalite_cf('gidocep_cf')">Contrôle
                        Financier</a></li>
                <li><a class="link_option" href="#"
                        onclick="showGidocepFonctionnalite_depense('gidocep_depense')">Service de la dépense</a></li>
                <li><a class="link_option" href="#"
                        onclick="showGidocepFonctionnalite_fiscalite('gidocep_fiscalite')">Fiscalité</a></li>
                <li><a class="link_option" href="#"
                        onclick="showGidocepFonctionnalite_pilotage('gidocep_pilotage')">Pilotage</a></li>
                <li><a class="link_option" href="#"
                        onclick="showGidocepFonctionnalite_tresorerie('gidocep_tresorerie')">Trésorerie</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepOptions()">Retour au menu de GIDOCEP</a>
            <!-- Lien de retour -->
        </div>

        <!-- Fonctionnalité de COMPTAMAT -->
        <div id="comptamat_fonctionnalite" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">COMPTAMAT</h2>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="groqdialog('comptamat_baseData')">Le menu « Données de base
                        »</a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('comptamat_article')">Le menu « Article »</a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('comptamat_settings')">Le menu « Paramétrages
                        »</a></li>
                <li><a class="link_option" href="#" onclick="groqdialog('comptamat_inventory')">Le menu « Inventaire
                        »</a></li>
                <li><a class="link_option" href="#"
                        onclick="showComptamatFonctionnalite_acquisition('comptamat_acquisition')">Les opérations
                        d’acquisition</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="showComptamatFonctionnalite_movements('comptamat_movements')">Les mouvements des biens
                        au sein
                        de la structure</a></li>
                <li><a class="link_option" href="#"
                        onclick="showComptamatFonctionnalite_alienation('comptamat_alienation')">Les opérations
                        d’aliénation</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showComptamatOptions()">Retour au menu de COMPTAMAT</a>
            <!-- Lien de retour -->
        </div>

        <!-- Fonctionnalité de LA PAIE -->
        <div id="lapaie_fonctionnalite" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="groqdialog('lapaie_generalite')">Généralité de
                        l'application</a>
                </li>
                <li><a class="link_option" href="#" onclick="showLapaieFonctionnalite_basedata('basedata')">Présentation
                        des données de base</a></li>
                <li><a class="link_option" href="#"
                        onclick="showLapaieFonctionnalite_parametre_personnel('lapaie_parametre_personnel')">Création et
                        paramétrage du
                        personnel</a></li>
                <li><a class="link_option" href="#"
                        onclick="showLapaieFonctionnalite_elements_paie('lapaie_elements_paie')">Paramétrage des
                        éléments de
                        paie</a></li>
                <li><a class="link_option" href="#"
                        onclick="showLapaieFonctionnalite_traitement_salaire('lapaie_traitement_salaire')">Traitement de
                        salaire</a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('lapaie_comptabilte')">Comptabilité</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showLaPaieOptions()">Retour au menu de LA PAIE : ERP_SOLTEC</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de GIDOCEP de la Fonctionnalité AC Régisseur  -->
        <div id="gidocep_fonctionnalite_regisseur" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <h4 style="color:#124374;">AC Régisseur</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_regisseur_reception')">Réception</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_regisseur_programmation')">Programmation des
                        paiements</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_regisseur_validation_programmation')">Validation des
                        programmations de paiements</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_regisseur_transfert')">Transfert</a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('gidocep_fonctionnalite_regisseur_suivi')">Suivi
                        des traitements</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepFonctionnalite()">Retour au menu Aide (GIDOCEP)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de GIDOCEP de la Fonctionnalité Comptabilité  -->
        <div id="gidocep_fonctionnalite_comptabilite" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <h4 style="color:#124374;">Comptabilité</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_reception')">Réception</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_prise_charge_paiement')">Prise en
                        charge des ordres
                        de paiements</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_saisie_piece')">Saisie des pièces</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_prise_charge_recette')">Prise en charge
                        des
                        émissions de recettes</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_encaissement_emission')">Encaissements
                        des émissions
                        de recettes</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_annulation_encaissement')">Annulation
                        des
                        encaissements</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_recette_e_regulariser')">Recettes à
                        régulariser</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_modification_ecriture')">Modification
                        des écritures
                        comptables</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_transfert')">Transfert</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_comptabilite_etats_comptable')">États comptables</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepFonctionnalite()">Retour au menu Aide (GIDOCEP)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de GIDOCEP de la Fonctionnalité Contrôle Financier  -->
        <div id="gidocep_fonctionnalite_cf" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <h4 style="color:#124374;">Contrôle Financier</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_cf_reception')">Réception</a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('gidocep_fonctionnalite_cf_visa')">Visa
                        Budgétaire</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_cf_transfert')">Transfert</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_cf_controle_paiement')">Contrôle et validation des
                        ordres de paiements</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_cf_controle_recettes')">Contrôle et validation des
                        émissions de recettes</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_cf_suivi_traitement')">Suivi des traitements </a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('gidocep_fonctionnalite_cf_etat')">États de
                        synthèse</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_cf_suivi_budgetaire')">Suivi d’exécution
                        budgétaire</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepFonctionnalite()">Retour au menu Aide (GIDOCEP)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de GIDOCEP de la Fonctionnalité Service de la dépense  -->
        <div id="gidocep_fonctionnalite_depense" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <h4 style="color:#124374;">Service de la dépense</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_depense_reception')">Réception</a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('gidocep_fonctionnalite_depense_vu')">Vu bon à
                        payer</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_depense_transfert')">Transfert</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_depense_edition')">Éditions opérations de
                        dépenses</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepFonctionnalite()">Retour au menu Aide (GIDOCEP)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de GIDOCEP de la Fonctionnalité Fiscalité  -->
        <div id="gidocep_fonctionnalite_fiscalite" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <h4 style="color:#124374;">Fiscalité</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_fiscalite_reception')">Réception</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_fiscalite_liquidation')">Liquidation</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_fiscalite_transfert')">Transfert</a>
                </li>
                <li><a class="link_option" href="#" onclick="groqdialog('gidocep_fonctionnalite_fiscalite_suivi')">Suivi
                        des traitements</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepFonctionnalite()">Retour au menu Aide (GIDOCEP)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de GIDOCEP de la Fonctionnalité Pilotage  -->
        <div id="gidocep_fonctionnalite_pilotage" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <h4 style="color:#124374;">Pilotage</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_pilotage_gestion_table')">Gestion des tables</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_pilotage_agence')">Agence</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_pilotage_gestion_user')">Gestion des
                        utilisateurs</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_pilotage_validation')">Validation des profils</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_pilotage_gestion_signataire')">Gestion des
                        signataires</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_pilotage_gestion_menu')">Génération des menus</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_pilotage_generation_periode')">Génération des
                        périodes
                        comptables</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepFonctionnalite()">Retour au menu Aide (GIDOCEP)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de GIDOCEP de la Fonctionnalité Trésorerie  -->
        <div id="gidocep_fonctionnalite_tresorerie" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">GIDOCEP</h2>
            <h4 style="color:#124374;">Trésorerie</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_echange')">Échanges de données</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_paiement_depense')">Paiement des
                        dépenses</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_paiement_hors_budget')">Paiements hors
                        budget</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_regies')">Régies d’avances</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_maj_balance')">Mise à jour des balances
                        d’entrées </a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_mouvements_fonds')">Mouvements de
                        fonds</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_suivi_traitements')">Suivi des
                        traitements </a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('gidocep_fonctionnalite_tresorerie_etat_synthèse')">États de synthèse</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showGidocepFonctionnalite()">Retour au menu Aide (GIDOCEP)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de COMPTAMAT de la Fonctionnalité Les opérations d'acquisition  -->
        <div id="comptamat_fonctionnalite_acquisition" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">COMPTAMAT</h2>
            <h4 style="color:#124374;">Les opérations d'acquisition</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_acquisition_acquisition')">Acquisition de
                        fournitures</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_acquisition_services')">Les services faits</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showComptamatFonctionnalite()">Retour au menu Aide (COMPTAMAT)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de COMPTAMAT de la Fonctionnalité Les mouvements de biens au sein de la structure -->
        <div id="comptamat_fonctionnalite_movements" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">COMPTAMAT</h2>
            <h4 style="color:#124374;">Les mouvements de biens au sein de la structure</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_movements_operation_service')">Les opérations de
                        mise en
                        service des biens</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_movements_operation_retour')">Les opérations de
                        retour des
                        biens au poste de gestion (Mise en attente des durables)</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showComptamatFonctionnalite()">Retour au menu Aide (COMPTAMAT)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de COMPTAMAT de la Fonctionnalité Les opérations d'aliénation -->
        <div id="comptamat_fonctionnalite_alienation" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">COMPTAMAT</h2>
            <h4 style="color:#124374;">Les opérations d'aliénation</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_alienation_operation_reforme')">Les opérations de
                        réforme</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_alienation_operation_cession')">Les opérations de
                        cession</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_alienation_pertes_vols_avaries')">Les cas de
                        pertes, vols et
                        avaries</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('comptamat_fonctionnalite_alienation_donation')">La donation</a>
                </li>
            </ul>
            <a class="link_retour" href="#" onclick="showComptamatFonctionnalite()">Retour au menu Aide (COMPTAMAT)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de LA PAIE de la Fonctionnalité données de base  -->
        <div id="lapaie_fonctionnalite_basedata" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <h4 style="color:#124374;">Présentation des données de base</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#" onclick="groqdialog('lapaie_fonctionnalite_basedata_donnees')">Les
                        données de base</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_basedata_decoupage')">Découpage administratif</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_basedata_organisation')">Organisation
                        hiérarchique</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_basedata_classification')">Classification
                        professionnelle</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_basedata_qualification')">Qualification</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_basedata_emploi')">Emploi</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_basedata_gestion_user')">Gestion des
                        utilisateurs</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showLapaieFonctionnalite()">Retour au menu Aide (LA PAIE :
                ERP_SOLTEC)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de LA PAIE de la Fonctionnalité Création et paramétrage du personnel-->
        <div id="lapaie_fonctionnalite_parametre_personnel" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <h4 style="color:#124374;">Création et paramétrage du personnel</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_parametre_personnel_fichier')">Fichier et Dossier
                        personnel</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_parametre_personnel_affectation')">Affectations /
                        Postes
                        occupés / Avancement / Reclassement</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_parametre_personnel_classement')">Classement
                        employés</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_parametre_personnel_donnees')">Données salaires</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_parametre_personnel_absence')">Absence /
                        Congé</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_parametre_personnel_cessation')">Cessation
                        d'activité</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showLapaieFonctionnalite()">Retour au menu Aide (LA PAIE :
                ERP_SOLTEC)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de LA PAIE de la Fonctionnalité Paramétrage des éléments de paie-->
        <div id="lapaie_fonctionnalite_elements_paie" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <h4 style="color:#124374;">Paramétrage des éléments de paie</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_settings')">Paramétrage (Période de
                        paie / DIPE de débit)</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_rubriques')">Rubriques</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_grille')">Grille de
                        salaire</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_bareme')">Barèmes</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_profil')">Profil salaire</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_rubrique_employe')">Rubrique
                        employé</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_avantage')">Avantages sur
                        salaire</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_heure_sup')">Type heure
                        supplémentaire</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_elements_paie_irpp')">Algorithme
                        IRPP</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showLapaieFonctionnalite()">Retour au menu Aide (LA PAIE :
                ERP_SOLTEC)</a>
            <!-- Lien de retour -->
        </div>

        <!-- Détail de LA PAIE de la Fonctionnalité Traitement de salaire-->
        <div id="lapaie_fonctionnalite_traitement_salaire" style="display: none;" class="scale-up-ver-bottom">
            <h2 class="word">LA PAIE : ERP_SOLTEC</h2>
            <h4 style="color:#124374;">Traitement de salaire</h4>
            <p class="text_dark">Veuillez sélectionner l'option pour laquelle vous avez besoin d'assistance</p>
            <ul class="scroll_up">
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_avance')">Avance sur salaire</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_gestion_arriere')">Gestion des
                        arriérés</a>
                </li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_heure_sup')">Heures
                        supplémentaires
                        / Validation des Heures sup / Dévalidation des Heures sup</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_previsualisation')">Prévisualisation
                        de bulletin</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_calcul')">Calcul de paie
                        (Par profil employé / Par employé)</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_synthese')">Synthèse des
                        traitements</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_annulation')">Annulation de
                        calcul de salaire</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_exclure')">Exclure /
                        Réintégrer à la paie</a></li>
                <li><a class="link_option" href="#"
                        onclick="groqdialog('lapaie_fonctionnalite_traitement_salaire_cloturer')">Cloturer /
                        Dévalider une période de paie</a></li>
            </ul>
            <a class="link_retour" href="#" onclick="showLapaieFonctionnalite()">Retour au menu Aide (LA PAIE :
                ERP_SOLTEC)</a>
            <!-- Lien de retour -->
        </div>
    </div>

    <a href="#" id="chat-toggle"
        style="display:inline-block; padding:10px; background-color:#28a745; color:white; text-decoration:none; border-radius:5px;">Ouvrir
        le Support</a>
