{"id":9717,"date":"2024-08-27T21:34:00","date_gmt":"2024-08-27T19:34:00","guid":{"rendered":"https:\/\/leportaildelumiere.com\/?page_id=9717"},"modified":"2026-08-27T21:36:11","modified_gmt":"2026-08-27T19:36:11","slug":"cobra-integral-2","status":"publish","type":"page","link":"https:\/\/leportaildelumiere.com\/index.php\/cobra-integral-2\/","title":{"rendered":"Cobra integral"},"content":{"rendered":"    <style>\n        footer, .site-footer, #colophon, #footer, .footer-widgets { display: none !important; }\n        .cobrapedia-container { margin-top: 80px; margin-bottom: 80px; max-width: 900px; margin-left: auto; margin-right: auto; }\n        .cobrapedia-form { margin-bottom: 15px; }\n        .cobrapedia-input { width: 100%; padding: 18px; margin-bottom: 20px; border: 1px solid #444; border-radius: 6px; background-color: #222; color: #fff; font-size: 16px; }\n        .cobrapedia-btn { padding: 12px 25px; cursor: pointer; background-color: #b31b1b; color: white; border: none; border-radius: 4px; font-weight: bold; font-size: 16px; transition: background-color 0.3s; }\n        .cobrapedia-btn:hover { background-color: #8a1515; }\n        .cobrapedia-disclaimer { font-size: 13px; color: #888; font-style: italic; margin-bottom: 50px; line-height: 1.4; }\n        .cobrapedia-response-box { background: #1a1a1a; color: #e0e0e0; padding: 35px; border-left: 5px solid #d4af37; border-radius: 6px; line-height: 1.8; font-size: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); min-height: 100px; }\n        .texte-attente { color: #888; font-style: italic; animation: clignotement 1.5s infinite; }\n        \n        \/* Boutons d'action Copier\/Imprimer *\/\n        .cobrapedia-actions { margin-top: 15px; display: flex; gap: 15px; justify-content: flex-end; }\n        .action-btn { background-color: #333; color: #ddd; border: 1px solid #555; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-size: 14px; transition: all 0.2s ease; display: flex; align-items: center; gap: 6px; }\n        .action-btn:hover { background-color: #444; color: #fff; border-color: #777; }\n        \n        @keyframes clignotement {\n            0% { opacity: 0.5; }\n            50% { opacity: 1; }\n            100% { opacity: 0.5; }\n        }\n        \n        .lang-toggle-container { display: flex; justify-content: center; gap: 10px; margin-bottom: 20px; }\n        .lang-toggle-container label { cursor: pointer; padding: 6px 12px; background-color: #333; color: #888; border-radius: 4px; font-size: 14px; font-weight: bold; transition: all 0.3s ease; }\n        .lang-toggle-container input[type=\"radio\"] { display: none; }\n        .lang-toggle-container input[type=\"radio\"]:checked + label { background-color: #d4af37; color: #111; }\n    <\/style>\n\n    <div class=\"cobrapedia-container\">\n        <form method=\"POST\" action=\"\" class=\"cobrapedia-form\" id=\"cobrapedia_form\">\n            <div class=\"lang-toggle-container\">\n                <input type=\"radio\" id=\"lang_fr\" name=\"langue_ia\" value=\"fr\" checked onchange=\"updateLang(this.value)\">\n                <label for=\"lang_fr\">\ud83c\uddeb\ud83c\uddf7 Fran\u00e7ais<\/label>\n                \n                <input type=\"radio\" id=\"lang_en\" name=\"langue_ia\" value=\"en\"  onchange=\"updateLang(this.value)\">\n                <label for=\"lang_en\">\ud83c\uddec\ud83c\udde7 English<\/label>\n            <\/div>\n\n            <input type=\"text\" id=\"cobrapedia_input\" name=\"question_ia\" class=\"cobrapedia-input\" placeholder=\"Posez votre question \u00e0 Cobrapedia...\" value=\"\" autocomplete=\"off\" required>\n            <input type=\"submit\" id=\"cobrapedia_submit\" value=\"Interroger la base\" class=\"cobrapedia-btn\">\n        <\/form>\n        \n        <div class=\"cobrapedia-disclaimer\" id=\"cobrapedia_disclaimer\">\n            Cobrapedia IA synth\u00e9tise automatiquement les archives. Bien que strictement limit\u00e9e aux textes officiels, l'intelligence artificielle peut parfois formuler des impr\u00e9cisions. R\u00e9f\u00e9rez-vous aux articles sources en cas de doute.        <\/div>\n\n        <script>\n            function updateLang(lang) {\n                const input = document.getElementById('cobrapedia_input');\n                const btn = document.getElementById('cobrapedia_submit');\n                const title = document.getElementById('cobrapedia_title');\n                const disclaimer = document.getElementById('cobrapedia_disclaimer');\n                const copyBtn = document.getElementById('btn_copy_action');\n                const printBtn = document.getElementById('btn_print_action');\n                \n                if(lang === 'en') {\n                    input.placeholder = \"Ask Cobrapedia a question...\";\n                    btn.value = \"Search database\";\n                    title.innerText = \"Answer:\";\n                    disclaimer.innerText = \"Cobrapedia AI automatically synthesizes archives. Although strictly limited to official texts, AI can sometimes make inaccuracies. Refer to the source articles if in doubt.\";\n                    if(copyBtn) copyBtn.innerHTML = \"\ud83d\udccb Copy\";\n                    if(printBtn) printBtn.innerHTML = \"\ud83d\udda8\ufe0f Print\";\n                } else {\n                    input.placeholder = \"Posez votre question \u00e0 Cobrapedia...\";\n                    btn.value = \"Interroger la base\";\n                    title.innerText = \"R\u00e9ponse :\";\n                    disclaimer.innerText = \"Cobrapedia IA synth\u00e9tise automatiquement les archives. Bien que strictement limit\u00e9e aux textes officiels, l'intelligence artificielle peut parfois formuler des impr\u00e9cisions. R\u00e9f\u00e9rez-vous aux articles sources en cas de doute.\";\n                    if(copyBtn) copyBtn.innerHTML = \"\ud83d\udccb Copier\";\n                    if(printBtn) printBtn.innerHTML = \"\ud83d\udda8\ufe0f Imprimer\";\n                }\n            }\n\n            \/\/ Gestion de la copie avec signature ajout\u00e9e\n            function copyResponse(btnElement) {\n                const responseText = document.getElementById('cobrapedia_response').innerText;\n                const signature = \"\\n\\n---\\n\ud83c\udf10 leportaildelumiere.com\\n\ud83d\udcf1 Cobrapedia App for Android\";\n                const fullText = responseText + signature;\n                \n                navigator.clipboard.writeText(fullText).then(() => {\n                    const isEnglish = document.getElementById('lang_en').checked;\n                    const originalText = btnElement.innerHTML;\n                    btnElement.innerHTML = isEnglish ? \"\u2705 Copied!\" : \"\u2705 Copi\u00e9 !\";\n                    btnElement.style.color = \"#4ade80\";\n                    btnElement.style.borderColor = \"#4ade80\";\n                    \n                    setTimeout(() => {\n                        btnElement.innerHTML = originalText;\n                        btnElement.style.color = \"\";\n                        btnElement.style.borderColor = \"\";\n                    }, 2000);\n                });\n            }\n\n            \/\/ Gestion de l'impression \u00e9pur\u00e9e\n            function printResponse() {\n                const responseHtml = document.getElementById('cobrapedia_response').innerHTML;\n                const question = document.getElementById('cobrapedia_input').value;\n                const isEnglish = document.getElementById('lang_en').checked;\n                \n                const title = isEnglish ? \"Cobrapedia AI Answer\" : \"R\u00e9ponse IA Cobrapedia\";\n                const qLabel = isEnglish ? \"Question:\" : \"Question :\";\n                \n                const printWindow = window.open('', '_blank', 'height=600,width=800');\n                printWindow.document.write('<html><head><title>' + title + '<\/title>');\n                printWindow.document.write('<style>');\n                printWindow.document.write('body { font-family: Arial, sans-serif; padding: 40px; color: #000; line-height: 1.6; }');\n                printWindow.document.write('h2 { color: #b31b1b; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}');\n                printWindow.document.write('.question { font-style: italic; color: #555; margin-bottom: 30px; font-size: 18px; }');\n                printWindow.document.write('.response { font-size: 16px; }');\n                printWindow.document.write('<\/style><\/head><body>');\n                printWindow.document.write('<h2>' + title + '<\/h2>');\n                printWindow.document.write('<div class=\"question\"><strong>' + qLabel + '<\/strong> ' + question + '<\/div>');\n                printWindow.document.write('<div class=\"response\">' + responseHtml + '<\/div>');\n                printWindow.document.write('<\/body><\/html>');\n                printWindow.document.close();\n                \n                setTimeout(() => {\n                    printWindow.print();\n                }, 250);\n            }\n\n            \/\/ Gestion de l'\u00e9tat de chargement au clic\n            document.getElementById('cobrapedia_form').addEventListener('submit', function() {\n                const btn = document.getElementById('cobrapedia_submit');\n                const isEnglish = document.getElementById('lang_en').checked;\n                const responseBox = document.getElementById('cobrapedia_response'); \n                const actionsDiv = document.getElementById('cobrapedia_actions'); \n                \n                if (actionsDiv) {\n                    actionsDiv.style.display = 'none';\n                }\n                \n                btn.value = isEnglish ? \"Searching archives...\" : \"Recherche en cours...\";\n                btn.style.opacity = \"0.7\";\n                btn.style.cursor = \"wait\";\n                \n                const attenteTexte = isEnglish ? \"Waiting for the AI...\" : \"En attente de l'IA...\";\n                responseBox.innerHTML = '<span class=\"texte-attente\">' + attenteTexte + '<\/span>';\n            });\n\n            if ( window.history.replaceState ) {\n                window.history.replaceState( null, null, window.location.href );\n            }\n        <\/script>\n        \n        <h3 id=\"cobrapedia_title\" style=\"color: #fff; font-size: 24px; margin-bottom: 20px;\">R\u00e9ponse :<\/h3>\n\n    <div class=\"cobrapedia-response-box\" id=\"cobrapedia_response\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"give_campaign_id":0,"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-9717","page","type-page","status-publish","hentry"],"wpcf_dashboard":"<div class=\"woocommerce\"><div class=\"woocommerce-info\">Veuillez d\u2019abord vous identifier\u00a0? <a class=\"wpneoShowLogin\" href=\"#\">Cliquez ici pour vous identifier<\/a><\/div><div class=\"wpneo_login_form_div\" style=\"display: none;\"><form name=\"loginform\" id=\"loginform\" action=\"https:\/\/leportaildelumiere.com\/wp-login.php\" method=\"post\"><p class=\"login-username\">\n\t\t\t\t<label for=\"user_login\">Identifiant ou adresse e-mail<\/label>\n\t\t\t\t<input type=\"text\" name=\"log\" id=\"user_login\" autocomplete=\"username\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-password\">\n\t\t\t\t<label for=\"user_pass\">Mot de passe<\/label>\n\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"user_pass\" autocomplete=\"current-password\" spellcheck=\"false\" class=\"input\" value=\"\" size=\"20\" \/>\n\t\t\t<\/p><p class=\"login-remember\"><label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Se souvenir de moi<\/label><\/p><p class=\"login-submit\">\n\t\t\t\t<input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button button-primary\" value=\"Se connecter\" \/>\n\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/pages\/9717\" \/>\n\t\t\t<\/p><\/form><\/div><\/div>","campaignId":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/pages\/9717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/comments?post=9717"}],"version-history":[{"count":1,"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/pages\/9717\/revisions"}],"predecessor-version":[{"id":9718,"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/pages\/9717\/revisions\/9718"}],"wp:attachment":[{"href":"https:\/\/leportaildelumiere.com\/index.php\/wp-json\/wp\/v2\/media?parent=9717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}