{"id":31986,"date":"2026-10-26T17:12:10","date_gmt":"2026-10-26T16:12:10","guid":{"rendered":"https:\/\/botnation.ai\/?p=31986"},"modified":"2026-10-26T17:12:18","modified_gmt":"2026-10-26T16:12:18","slug":"installing-a-chatbot","status":"publish","type":"post","link":"https:\/\/botnation.ai\/en\/installing-a-chatbot\/","title":{"rendered":"Put a chatbot on your website or on WhatsApp, step by step"},"content":{"rendered":"<p><script>var s=document.createElement(\"style\");s.appendChild(document.createTextNode(`.bn-art.b2{--bi-alerte:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M5 0h2v1h-2zM4 1h1v1h-1zM7 1h1v1h-1zM4 2h1v1h-1zM7 2h1v1h-1zM3 3h1v1h-1zM5 3h2v1h-2zM8 3h1v1h-1zM3 4h1v1h-1zM5 4h2v1h-2zM8 4h1v1h-1zM2 5h1v1h-1zM5 5h2v1h-2zM9 5h1v1h-1zM2 6h1v1h-1zM5 6h2v1h-2zM9 6h1v1h-1zM1 7h1v1h-1zM10 7h1v1h-1zM1 8h1v1h-1zM5 8h2v1h-2zM10 8h1v1h-1zM0 9h1v1h-1zM5 9h2v1h-2zM11 9h1v1h-1zM0 10h1v1h-1zM11 10h1v1h-1zM0 11h12v1h-12z'\/%3E%3C\/svg%3E\");--bi-ampoule:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M4 0h4v1h-4zM3 1h1v1h-1zM8 1h1v1h-1zM2 2h1v1h-1zM9 2h1v1h-1zM2 3h1v1h-1zM5 3h2v1h-2zM9 3h1v1h-1zM2 4h1v1h-1zM4 4h1v1h-1zM7 4h1v1h-1zM9 4h1v1h-1zM2 5h1v1h-1zM9 5h1v1h-1zM3 6h1v1h-1zM8 6h1v1h-1zM4 7h1v1h-1zM7 7h1v1h-1zM4 8h4v1h-4zM4 9h4v1h-4zM5 10h2v1h-2z'\/%3E%3C\/svg%3E\");--bi-bulle:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 8' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M1 0h10v1h-10zM0 1h1v1h-1zM11 1h1v1h-1zM0 2h1v1h-1zM2 2h2v1h-2zM5 2h2v1h-2zM8 2h2v1h-2zM11 2h1v1h-1zM0 3h1v1h-1zM11 3h1v1h-1zM0 4h1v1h-1zM11 4h1v1h-1zM1 5h3v1h-3zM5 5h6v1h-6zM3 6h2v1h-2zM3 7h1v1h-1z'\/%3E%3C\/svg%3E\");--bi-check:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 9' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M10 1h2v1h-2zM9 2h2v1h-2zM8 3h2v1h-2zM1 4h2v1h-2zM7 4h2v1h-2zM2 5h2v1h-2zM6 5h2v1h-2zM3 6h4v1h-4zM4 7h2v1h-2z'\/%3E%3C\/svg%3E\");--bi-cible:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M4 0h4v1h-4zM2 1h2v1h-2zM8 1h2v1h-2zM1 2h1v1h-1zM4 2h4v1h-4zM10 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM8 3h1v1h-1zM11 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM5 4h2v1h-2zM9 4h1v1h-1zM11 4h1v1h-1zM0 5h1v1h-1zM2 5h1v1h-1zM5 5h2v1h-2zM9 5h1v1h-1zM11 5h1v1h-1zM0 6h1v1h-1zM3 6h1v1h-1zM8 6h1v1h-1zM11 6h1v1h-1zM1 7h1v1h-1zM4 7h4v1h-4zM10 7h1v1h-1zM2 8h2v1h-2zM8 8h2v1h-2zM4 9h4v1h-4z'\/%3E%3C\/svg%3E\");--bi-eclair:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M6 0h4v1h-4zM5 1h4v1h-4zM4 2h4v1h-4zM3 3h4v1h-4zM2 4h7v1h-7zM5 5h4v1h-4zM4 6h4v1h-4zM3 7h3v1h-3zM2 8h2v1h-2zM1 9h1v1h-1z'\/%3E%3C\/svg%3E\");--bi-ecran:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 11' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M1 0h10v1h-10zM0 1h1v1h-1zM11 1h1v1h-1zM0 2h1v1h-1zM2 2h2v1h-2zM8 2h2v1h-2zM11 2h1v1h-1zM0 3h1v1h-1zM2 3h2v1h-2zM8 3h2v1h-2zM11 3h1v1h-1zM0 4h1v1h-1zM11 4h1v1h-1zM0 5h1v1h-1zM3 5h1v1h-1zM8 5h1v1h-1zM11 5h1v1h-1zM0 6h1v1h-1zM4 6h4v1h-4zM11 6h1v1h-1zM0 7h1v1h-1zM11 7h1v1h-1zM1 8h10v1h-10zM4 9h4v1h-4zM2 10h8v1h-8z'\/%3E%3C\/svg%3E\");--bi-etoile:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M5 0h2v1h-2zM5 1h2v1h-2zM4 2h4v1h-4zM0 3h12v1h-12zM1 4h10v1h-10zM2 5h8v1h-8zM3 6h6v1h-6zM3 7h2v1h-2zM7 7h2v1h-2zM2 8h2v1h-2zM8 8h2v1h-2zM1 9h2v1h-2zM9 9h2v1h-2z'\/%3E%3C\/svg%3E\");--bi-fleche:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 9' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M7 1h1v1h-1zM7 2h2v1h-2zM0 3h10v1h-10zM0 4h11v1h-11zM0 5h10v1h-10zM7 6h2v1h-2zM7 7h1v1h-1z'\/%3E%3C\/svg%3E\");--bi-guillemet:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 8 5' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M2 0h1v1h-1zM6 0h1v1h-1zM1 1h1v1h-1zM5 1h1v1h-1zM0 2h3v1h-3zM4 2h3v1h-3zM0 3h3v1h-3zM4 3h3v1h-3zM0 4h3v1h-3zM4 4h3v1h-3z'\/%3E%3C\/svg%3E\");--bi-info:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M4 0h4v1h-4zM2 1h2v1h-2zM8 1h2v1h-2zM1 2h1v1h-1zM5 2h2v1h-2zM10 2h1v1h-1zM1 3h1v1h-1zM10 3h1v1h-1zM0 4h1v1h-1zM5 4h2v1h-2zM11 4h1v1h-1zM0 5h1v1h-1zM5 5h2v1h-2zM11 5h1v1h-1zM0 6h1v1h-1zM5 6h2v1h-2zM11 6h1v1h-1zM0 7h1v1h-1zM5 7h2v1h-2zM11 7h1v1h-1zM1 8h1v1h-1zM5 8h2v1h-2zM10 8h1v1h-1zM1 9h1v1h-1zM10 9h1v1h-1zM2 10h2v1h-2zM8 10h2v1h-2zM4 11h4v1h-4z'\/%3E%3C\/svg%3E\");--bi-livre:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 8' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M1 0h4v1h-4zM7 0h4v1h-4zM0 1h1v1h-1zM5 1h2v1h-2zM11 1h1v1h-1zM0 2h1v1h-1zM5 2h2v1h-2zM11 2h1v1h-1zM0 3h1v1h-1zM5 3h2v1h-2zM11 3h1v1h-1zM0 4h1v1h-1zM5 4h2v1h-2zM11 4h1v1h-1zM0 5h1v1h-1zM5 5h2v1h-2zM11 5h1v1h-1zM0 6h1v1h-1zM5 6h2v1h-2zM11 6h1v1h-1zM1 7h4v1h-4zM7 7h4v1h-4z'\/%3E%3C\/svg%3E\");--bi-moins:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M1 4h10v1h-10zM1 5h10v1h-10z'\/%3E%3C\/svg%3E\");--bi-plus:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M5 1h2v1h-2zM5 2h2v1h-2zM5 3h2v1h-2zM1 4h10v1h-10zM1 5h10v1h-10zM5 6h2v1h-2zM5 7h2v1h-2zM5 8h2v1h-2z'\/%3E%3C\/svg%3E\");--bi-profil:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M4 0h4v1h-4zM3 1h6v1h-6zM3 2h6v1h-6zM3 3h6v1h-6zM4 4h4v1h-4zM2 6h8v1h-8zM1 7h10v1h-10zM1 8h10v1h-10zM1 9h10v1h-10z'\/%3E%3C\/svg%3E\");--bi-question:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M3 0h6v1h-6zM2 1h2v1h-2zM8 1h2v1h-2zM8 2h2v1h-2zM7 3h2v1h-2zM5 4h3v1h-3zM5 5h2v1h-2zM5 6h2v1h-2zM5 8h2v1h-2zM5 9h2v1h-2z'\/%3E%3C\/svg%3E\");--bi-robot:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M5 0h2v1h-2zM5 1h2v1h-2zM2 2h8v1h-8zM1 3h1v1h-1zM10 3h1v1h-1zM1 4h1v1h-1zM3 4h2v1h-2zM7 4h2v1h-2zM10 4h1v1h-1zM1 5h1v1h-1zM3 5h2v1h-2zM7 5h2v1h-2zM10 5h1v1h-1zM1 6h1v1h-1zM10 6h1v1h-1zM1 7h1v1h-1zM3 7h1v1h-1zM8 7h1v1h-1zM10 7h1v1h-1zM1 8h1v1h-1zM4 8h4v1h-4zM10 8h1v1h-1zM2 9h8v1h-8zM4 10h1v1h-1zM7 10h1v1h-1zM2 11h8v1h-8z'\/%3E%3C\/svg%3E\");--bi-signet:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 10' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M1 0h10v1h-10zM1 1h1v1h-1zM10 1h1v1h-1zM1 2h1v1h-1zM10 2h1v1h-1zM1 3h1v1h-1zM10 3h1v1h-1zM1 4h1v1h-1zM10 4h1v1h-1zM1 5h1v1h-1zM10 5h1v1h-1zM1 6h1v1h-1zM5 6h2v1h-2zM10 6h1v1h-1zM1 7h1v1h-1zM4 7h1v1h-1zM7 7h1v1h-1zM10 7h1v1h-1zM1 8h1v1h-1zM3 8h1v1h-1zM8 8h1v1h-1zM10 8h1v1h-1zM1 9h2v1h-2zM9 9h2v1h-2z'\/%3E%3C\/svg%3E\");--bi-terminal:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 9' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M0 0h12v1h-12zM0 1h1v1h-1zM11 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM11 2h1v1h-1zM0 3h1v1h-1zM3 3h1v1h-1zM11 3h1v1h-1zM0 4h1v1h-1zM4 4h1v1h-1zM11 4h1v1h-1zM0 5h1v1h-1zM3 5h1v1h-1zM11 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM6 6h4v1h-4zM11 6h1v1h-1zM0 7h1v1h-1zM11 7h1v1h-1zM0 8h12v1h-12z'\/%3E%3C\/svg%3E\");--bi-x:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 11' shape-rendering='crispEdges'%3E%3Cpath fill='black' d='M1 1h2v1h-2zM9 1h2v1h-2zM2 2h2v1h-2zM8 2h2v1h-2zM3 3h2v1h-2zM7 3h2v1h-2zM4 4h4v1h-4zM5 5h2v1h-2zM4 6h4v1h-4zM3 7h2v1h-2zM7 7h2v1h-2zM2 8h2v1h-2zM8 8h2v1h-2zM1 9h2v1h-2zM9 9h2v1h-2z'\/%3E%3C\/svg%3E\")} .bn-art.b2{color:#4a4232!important;font-family:\"OpenSauceOne-Regular\", \"Open Sans\", -apple-system, \"Segoe UI\", sans-serif;font-size:18px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-wrap:break-word} .bn-art.b2 p{margin:0 0 18px;font-size:18px;line-height:1.75;color:#4a4232!important} .bn-art.b2 p:empty{display:none;margin:0} .bn-art.b2 strong{font-weight:700;color:#3d351f!important} .bn-art.b2 a,.bn-art.b2 a:visited{color:#2f57cc!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .bn-art.b2 a:hover{text-decoration-thickness:2px} .bn-art.b2 h2{margin:48px 0 16px;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:31px;line-height:1.25;font-weight:400;letter-spacing:-.01em;text-wrap:balance;color:#3d351f!important} .bn-art.b2 h3{margin:32px 0 12px;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:23px;line-height:1.3;font-weight:400;text-wrap:balance;color:#3d351f!important} .bn-art.b2 h4{margin:24px 0 8px;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:20px;line-height:1.35;font-weight:400;color:#3d351f!important} .bn-art.b2 ul,.bn-art.b2 ol{margin:0 0 20px;padding-left:24px} .bn-art.b2 li{margin:0 0 8px;font-size:18px;line-height:1.75;color:#4a4232!important} .bn-art.b2 li::marker{color:#6993ff!important} .bn-art.b2 img{max-width:100%;height:auto} .bn-art.b2 sup,.bn-art.b2 sub{font-size:14px;line-height:0} .bn-art.b2 hr{margin:40px 0;border:0;border-top:1px solid #ebe3cb} @media(max-width:600px){.bn-art.b2 h2{font-size:24px;margin-top:40px}.bn-art.b2 h3{font-size:20px}.bn-art.b2 p,.bn-art.b2 li{font-size:16px}} .bn-art.b2 .b-titre,.bn-art.b2 .b-note-titre,.bn-art.b2 .b-verdict-profil,.bn-art.b2 .b-chiffre-src,.bn-art.b2 .b-chrono-date,.bn-art.b2 .b-solution-tag,.bn-art.b2 .b-carte-tag,.bn-art.b2 .b-verdict-badge,.bn-art.b2 .b-stat-src{font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif} .bn-art.b2 p.b-intro{margin:0 0 30px;font-size:20px;line-height:1.6;color:#3d351f!important} .bn-art.b2 .b-essentiel{margin:8px 0 30px;padding:24px 28px;border:1px solid #ebe3cb;border-radius:24px;background:#faf8f2;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22)} .bn-art.b2 .b-essentiel .b-titre{position:relative;display:flex;align-items:center;min-height:32px;margin:0 0 14px;padding-left:44px;font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2f57cc!important} .bn-art.b2 .b-essentiel .b-titre::before{content:\"\";position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#ffffff} .bn-art.b2 .b-essentiel .b-titre::after{content:\"\";position:absolute;left:7px;top:7px;width:18px;height:18px;background:#2f57cc;-webkit-mask:var(--bi-eclair) center\/contain no-repeat;mask:var(--bi-eclair) center\/contain no-repeat} .bn-art.b2 .b-essentiel .b-essentiel-reponse{margin:0 0 14px;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:19px;line-height:1.5;font-weight:400;color:#3d351f!important} .bn-art.b2 .b-essentiel ul{margin:0;padding:0;list-style:none} .bn-art.b2 .b-essentiel li{position:relative;margin:0 0 10px;padding-left:32px} .bn-art.b2 .b-essentiel li:last-child{margin-bottom:0} .bn-art.b2 .b-essentiel li::before{content:\"\";position:absolute;left:0;top:.3em;width:20px;height:20px;background:#2f57cc;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-verdicts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:28px 0 36px} .bn-art.b2 .b-verdicts:has(>.b-verdict:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:600px){.bn-art.b2 .b-verdicts:has(>.b-verdict:nth-child(4):last-child){grid-template-columns:1fr}} .bn-art.b2 .b-verdicts>p:not([class]){display:none} .bn-art.b2 .b-verdict{display:flex;flex-direction:column;padding:22px;border:1px solid #ebe3cb;border-radius:24px;background:#ffffff;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22)} .bn-art.b2 .b-verdict p{margin:0 0 10px} .bn-art.b2 .b-verdict p:last-child{margin-bottom:0} .bn-art.b2 .b-verdict .b-verdict-badge{align-self:flex-start;margin:0 0 12px;padding:3px 12px;border-radius:999px;background:#3d6af2!important;color:#ffffff!important;font-size:16px;font-weight:700} .bn-art.b2 .b-verdict .b-verdict-profil{position:relative;padding-left:28px;font-size:16px;font-weight:600;color:#6f6852!important} .bn-art.b2 .b-verdict .b-verdict-profil::before{content:\"\";position:absolute;left:0;top:.15em;width:20px;height:20px;background:#2f57cc;-webkit-mask:var(--bi-profil) center\/contain no-repeat;mask:var(--bi-profil) center\/contain no-repeat} .bn-art.b2 .b-verdict .b-verdict-choix{font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:21px;line-height:1.3;font-weight:400;color:#3d351f!important} .bn-art.b2 .b-verdict--reco{border:2px solid #6993ff;background:#edf2ff} .bn-art.b2 ol.b-etapes{counter-reset:etape;margin:28px 0 36px;padding:0;list-style:none} .bn-art.b2 ol.b-etapes>li{position:relative;counter-increment:etape;margin:0 0 0 20px;padding:0 0 26px 50px;border-left:2px solid #ebe3cb} .bn-art.b2 ol.b-etapes>li:last-child{padding-bottom:4px;border-left-color:transparent} .bn-art.b2 ol.b-etapes>li::before{content:counter(etape);position:absolute;left:-21px;top:-2px;width:40px;height:40px;border-radius:50%;background:#6993ff!important;color:#261e07!important;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:18px;font-weight:800;line-height:40px;text-align:center;box-shadow:0 0 0 5px #ffffff} .bn-art.b2 ol.b-etapes .b-etape-titre{margin:0 0 6px;padding-top:6px;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:19px;font-weight:400;color:#3d351f!important} .bn-art.b2 ol.b-etapes>li p{margin:0 0 8px} .bn-art.b2 .b-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:28px 0 36px} .bn-art.b2 .b-chiffres>p:not([class]){display:none} .bn-art.b2 .b-chiffre{padding:20px 20px 18px;border:1px solid #ebe3cb;border-top:4px solid #6993ff;border-radius:24px;background:#faf8f2} .bn-art.b2 .b-chiffre p{margin:0} .bn-art.b2 .b-chiffre .b-chiffre-val{font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#2f57cc!important} .bn-art.b2 .b-chiffre .b-chiffre-txt{margin-top:10px;font-size:16px;line-height:1.5;color:#4a4232!important} .bn-art.b2 .b-chiffre .b-chiffre-src{margin-top:10px;font-size:16px;color:#6f6852!important} .bn-art.b2 .b-stat{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:24px;align-items:center;margin:32px 0;padding:26px 30px;border-radius:24px;background:#edf2ff} .bn-art.b2 .b-stat>p:not([class]){display:none} .bn-art.b2 .b-stat .b-stat-val{margin:0;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:54px;line-height:1;font-weight:800;letter-spacing:-.03em;color:#2f57cc!important} .bn-art.b2 .b-stat .b-stat-txt p{margin:0 0 8px;color:#3d351f!important} .bn-art.b2 .b-stat .b-stat-txt .b-stat-src{margin:0;font-size:16px;color:#6f6852!important} .bn-art.b2 .b-note{position:relative;margin:26px 0 30px;padding:20px 24px 20px 74px;border-radius:24px;background:#edf2ff} .bn-art.b2 .b-note::before{content:\"\";position:absolute;left:20px;top:18px;width:38px;height:38px;border-radius:50%;background:#ffffff} .bn-art.b2 .b-note::after{content:\"\";position:absolute;left:29px;top:27px;width:20px;height:20px;background:#2f57cc;-webkit-mask:var(--bi-info) center\/contain no-repeat;mask:var(--bi-info) center\/contain no-repeat} .bn-art.b2 .b-note p{margin:0 0 10px} .bn-art.b2 .b-note p:last-child,.bn-art.b2 .b-note ul:last-child{margin-bottom:0} .bn-art.b2 .b-note .b-note-titre{margin:0 0 6px;padding-top:6px;font-size:17px;font-weight:800;color:#3d351f!important} .bn-art.b2 .b-note--astuce::after{-webkit-mask-image:var(--bi-ampoule);mask-image:var(--bi-ampoule)} .bn-art.b2 .b-note--attention{background:#ffe2e1} .bn-art.b2 .b-note--attention::after{background:#b23a33;-webkit-mask-image:var(--bi-alerte);mask-image:var(--bi-alerte)} .bn-art.b2 .b-note--exemple{background:#ffe2e1} .bn-art.b2 .b-note--exemple::after{background:#b23a33;-webkit-mask-image:var(--bi-fleche);mask-image:var(--bi-fleche)} .bn-art.b2 .b-note--retenir{background:#edf7e8} .bn-art.b2 .b-note--retenir::after{background:#3a6e2b;-webkit-mask-image:var(--bi-signet);mask-image:var(--bi-signet)} .bn-art.b2 .b-tableau{margin:28px 0 36px;overflow-x:auto;border:1px solid #ebe3cb;border-radius:24px;line-height:0;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22)} .bn-art.b2 .b-tableau table{width:100%;margin:0;border-collapse:collapse;line-height:normal;background:#ffffff} .bn-art.b2 .b-tableau th,.bn-art.b2 .b-tableau td{border:0} .bn-art.b2 .b-tableau thead th{text-transform:none;letter-spacing:normal;padding:15px 16px;background:#faf8f2;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:16px;font-weight:700;text-align:left;color:#3d351f!important;border-bottom:2px solid #6993ff} .bn-art.b2 .b-tableau tbody td{padding:14px 16px;font-size:16px;line-height:1.55;color:#4a4232!important;border-top:1px solid #ebe3cb;vertical-align:top} .bn-art.b2 .b-tableau tbody tr:nth-child(even) td{background:#faf8f2} .bn-art.b2 .b-tableau td:first-child{font-weight:600;color:#3d351f!important} .bn-art.b2 .b-tableau th.b-reco{background:#edf2ff;color:#2f57cc!important} .bn-art.b2 .b-tableau td.b-reco,.bn-art.b2 .b-tableau tbody tr:nth-child(even) td.b-reco{background:#edf2ff;color:#3d351f!important} .bn-art.b2 .b-oui,.bn-art.b2 .b-non,.bn-art.b2 .b-partiel{display:inline-flex;align-items:center;gap:6px;padding:2px 12px 2px 8px;border-radius:999px;font-size:16px;font-weight:700;line-height:1.5;white-space:nowrap} .bn-art.b2 .b-oui::before,.bn-art.b2 .b-non::before,.bn-art.b2 .b-partiel::before{content:\"\";flex:0 0 16px;width:16px;height:16px;background:currentColor;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-oui{background:#edf7e8;color:#3a6e2b!important} .bn-art.b2 .b-non{background:#ffe2e1;color:#b23a33!important} .bn-art.b2 .b-non::before{-webkit-mask-image:var(--bi-x);mask-image:var(--bi-x)} .bn-art.b2 .b-partiel{background:#edf2ff;color:#2f57cc!important} .bn-art.b2 .b-partiel::before{-webkit-mask-image:var(--bi-moins);mask-image:var(--bi-moins)} .bn-art.b2 .b-tableau-note{margin:-24px 0 32px;font-size:16px;color:#6f6852!important} .bn-art.b2 .b-pourcontre{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 36px} .bn-art.b2 .b-pourcontre>p:not([class]){display:none} .bn-art.b2 .b-pour,.bn-art.b2 .b-contre{padding:22px 24px;border-radius:24px} .bn-art.b2 .b-pour{background:#edf7e8} .bn-art.b2 .b-contre{background:#ffe2e1} .bn-art.b2 .b-pour .b-titre,.bn-art.b2 .b-contre .b-titre{margin:0 0 12px;font-size:17px;font-weight:800;color:#3d351f!important} .bn-art.b2 .b-pour ul,.bn-art.b2 .b-contre ul{margin:0;padding:0;list-style:none} .bn-art.b2 .b-pour li,.bn-art.b2 .b-contre li{position:relative;margin:0 0 10px;padding-left:30px} .bn-art.b2 .b-pour li:last-child,.bn-art.b2 .b-contre li:last-child{margin-bottom:0} .bn-art.b2 .b-pour li::before,.bn-art.b2 .b-contre li::before{content:\"\";position:absolute;left:0;top:.3em;width:20px;height:20px;background:#3a6e2b;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-contre li::before{background:#b23a33;-webkit-mask-image:var(--bi-x);mask-image:var(--bi-x)} .bn-art.b2 .b-mythe{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 36px;border-radius:24px;overflow:hidden;border:1px solid #ebe3cb} .bn-art.b2 .b-mythe>p:not([class]){display:none} .bn-art.b2 .b-mythe-idee,.bn-art.b2 .b-mythe-realite{position:relative;padding:22px 24px 22px 62px} .bn-art.b2 .b-mythe-idee{background:#ffe2e1} .bn-art.b2 .b-mythe-realite{background:#edf7e8} .bn-art.b2 .b-mythe-idee::before,.bn-art.b2 .b-mythe-realite::before{content:\"\";position:absolute;left:24px;top:24px;width:24px;height:24px;background:#b23a33;-webkit-mask:var(--bi-question) center\/contain no-repeat;mask:var(--bi-question) center\/contain no-repeat} .bn-art.b2 .b-mythe-realite::before{background:#3a6e2b;-webkit-mask-image:var(--bi-check);mask-image:var(--bi-check)} .bn-art.b2 .b-mythe .b-titre{margin:0 0 6px;font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#3d351f!important} .bn-art.b2 .b-mythe p{margin:0 0 8px} .bn-art.b2 .b-mythe p:last-child{margin-bottom:0} .bn-art.b2 .b-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:28px 0 36px} .bn-art.b2 .b-cartes:has(>.b-carte:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))} @media(max-width:600px){.bn-art.b2 .b-cartes:has(>.b-carte:nth-child(4):last-child){grid-template-columns:1fr}} .bn-art.b2 .b-cartes:has(>.b-carte:nth-child(5):last-child),.bn-art.b2 .b-cartes:has(>.b-carte:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:900px){.bn-art.b2 .b-cartes:has(>.b-carte:nth-child(5):last-child),.bn-art.b2 .b-cartes:has(>.b-carte:nth-child(6):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.bn-art.b2 .b-cartes:has(>.b-carte:nth-child(5):last-child),.bn-art.b2 .b-cartes:has(>.b-carte:nth-child(6):last-child){grid-template-columns:1fr}} .bn-art.b2 .b-cartes>p:not([class]){display:none} .bn-art.b2 .b-carte{display:flex;flex-direction:column;padding:20px 22px;border:1px solid #ebe3cb;border-radius:24px;background:#ffffff;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22);transition:transform .15s} .bn-art.b2 .b-carte:hover{transform:translateY(-2px)} .bn-art.b2 .b-carte p{margin:0 0 8px} .bn-art.b2 .b-carte p:last-child{margin-bottom:0} .bn-art.b2 .b-carte .b-carte-tag{align-self:flex-start;margin-bottom:12px;padding:3px 12px;border-radius:999px;background:#edf2ff;font-size:16px;font-weight:700;color:#2f57cc!important} .bn-art.b2 .b-carte .b-carte-titre{font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:19px;line-height:1.3;font-weight:400;color:#3d351f!important} .bn-art.b2 figure.b-citation{position:relative;margin:36px 0;padding:6px 0 6px 64px} .bn-art.b2 figure.b-citation::before{content:\"\";position:absolute;left:0;top:-18px;font-family:Georgia,serif;font-size:96px;line-height:1;color:#2f57cc!important} .bn-art.b2 .b-citation blockquote{margin:0;padding:0;border:0;background:none} .bn-art.b2 .b-citation blockquote p{font-style:normal;margin:0 0 12px;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:22px;line-height:1.45;font-weight:500;color:#3d351f!important} .bn-art.b2 .b-citation figcaption{font-size:16px;text-align:left;opacity:1!important;color:#6f6852!important} .bn-art.b2 .b-solution{margin:32px 0 38px;padding:26px 28px;border:2px solid #6993ff;border-radius:24px;background:#ffffff;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22)} .bn-art.b2 .b-solution p{margin:0 0 10px} .bn-art.b2 .b-solution .b-solution-tag{position:relative;display:inline-block;margin:0 0 12px;padding:4px 14px 4px 34px;border-radius:999px;background:#edf2ff;font-size:16px;font-weight:700;color:#2f57cc!important} .bn-art.b2 .b-solution .b-solution-tag::before{content:\"\";position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;background:#2f57cc;-webkit-mask:var(--bi-eclair) center\/contain no-repeat;mask:var(--bi-eclair) center\/contain no-repeat} .bn-art.b2 .b-solution .b-solution-nom{font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:23px;line-height:1.3;font-weight:400;color:#3d351f!important} .bn-art.b2 .b-solution ul{margin:8px 0 18px;padding:0;list-style:none} .bn-art.b2 .b-solution li{position:relative;padding-left:30px} .bn-art.b2 .b-solution li::before{content:\"\";position:absolute;left:0;top:.3em;width:20px;height:20px;background:#2f57cc;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-solution p:last-child{margin-bottom:0} .bn-art.b2 a.b-bouton,.bn-art.b2 a.b-bouton:visited{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;background:#3d6af2!important;color:#ffffff!important;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none!important;transition:transform .15s,box-shadow .15s} .bn-art.b2 a.b-bouton::after{content:\"\";width:18px;height:18px;background:#ffffff!important;-webkit-mask:var(--bi-fleche) center\/contain no-repeat;mask:var(--bi-fleche) center\/contain no-repeat} .bn-art.b2 a.b-bouton:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.18)} .bn-art.b2 .b-prompt{margin:26px 0 32px;border:1px solid #ebe3cb;border-radius:24px;background:#faf8f2;overflow:hidden} .bn-art.b2 .b-prompt .b-titre{position:relative;margin:0;padding:12px 18px 12px 46px;border-bottom:1px solid #ebe3cb;font-size:16px;font-weight:700;color:#6f6852!important} .bn-art.b2 .b-prompt .b-titre::before{content:\"\";position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;background:#2f57cc;-webkit-mask:var(--bi-terminal) center\/contain no-repeat;mask:var(--bi-terminal) center\/contain no-repeat} .bn-art.b2 .b-prompt .b-prompt-texte{margin:0;padding:18px 20px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16px;line-height:1.65;color:#3d351f!important;white-space:pre-wrap} .bn-art.b2 .b-conversation{margin:30px 0 36px;padding:22px;border:1px solid #ebe3cb;border-radius:24px;background:#faf8f2} .bn-art.b2 .b-conversation .b-titre{position:relative;margin:0 0 16px;padding-left:28px;font-size:16px;font-weight:700;color:#6f6852!important} .bn-art.b2 .b-conversation .b-titre::before{content:\"\";position:absolute;left:0;top:.2em;width:18px;height:18px;background:#2f57cc;-webkit-mask:var(--bi-bulle) center\/contain no-repeat;mask:var(--bi-bulle) center\/contain no-repeat} .bn-art.b2 .b-conversation p.b-msg{max-width:80%;margin:0 0 10px;padding:12px 16px;border-radius:18px;font-size:16px;line-height:1.55} .bn-art.b2 .b-conversation p.b-msg-bot{border:1px solid #ebe3cb;border-bottom-left-radius:6px;background:#ffffff;color:#4a4232!important} .bn-art.b2 .b-conversation p.b-msg-user{margin-left:auto;border-bottom-right-radius:6px;background:#3d6af2;color:#ffffff!important} .bn-art.b2 .b-conversation p.b-msg:last-child{margin-bottom:0} .bn-art.b2 ol.b-chrono{margin:28px 0 36px 10px;padding:0;list-style:none} .bn-art.b2 ol.b-chrono>li{position:relative;margin:0;padding:0 0 22px 34px;border-left:2px solid #ebe3cb} .bn-art.b2 ol.b-chrono>li:last-child{padding-bottom:0;border-left-color:transparent} .bn-art.b2 ol.b-chrono>li::before{content:\"\";position:absolute;left:-9px;top:5px;width:16px;height:16px;border-radius:50%;background:#ffffff;border:3px solid #2f57cc} .bn-art.b2 ol.b-chrono .b-chrono-date{margin:0 0 4px;font-size:16px;font-weight:800;letter-spacing:.02em;color:#2f57cc!important} .bn-art.b2 ol.b-chrono>li p{margin:0 0 6px} .bn-art.b2 ul.b-checklist{margin:24px 0 32px;padding:0;list-style:none} .bn-art.b2 ul.b-checklist>li{position:relative;margin:0 0 12px;padding:3px 0 3px 42px} .bn-art.b2 ul.b-checklist>li::before{content:\"\";position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:#edf2ff} .bn-art.b2 ul.b-checklist>li::after{content:\"\";position:absolute;left:6px;top:7px;width:16px;height:16px;background:#2f57cc;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-avantapres{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 36px} .bn-art.b2 .b-avantapres>p:not([class]){display:none} .bn-art.b2 .b-avant,.bn-art.b2 .b-apres{padding:22px 24px;border-radius:24px;border:1px solid #ebe3cb;background:#faf8f2} .bn-art.b2 .b-apres{background:#edf2ff;border:2px solid #6993ff} .bn-art.b2 .b-avant .b-titre,.bn-art.b2 .b-apres .b-titre{margin:0 0 8px;font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6f6852!important} .bn-art.b2 .b-apres .b-titre{color:#2f57cc!important} .bn-art.b2 .b-avant p:last-child,.bn-art.b2 .b-apres p:last-child{margin-bottom:0} .bn-art.b2 figure.b-figure{margin:34px 0} .bn-art.b2 figure.b-figure img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22)} .bn-art.b2 figure.b-figure figcaption{margin-top:12px;font-size:16px;line-height:1.5;opacity:1!important;color:#6f6852!important} .bn-art.b2 .b-faq{margin:24px 0 36px;border-top:1px solid #ebe3cb} .bn-art.b2 .b-faq details{border-bottom:1px solid #ebe3cb} .bn-art.b2 .b-faq summary{position:relative;padding:20px 52px 20px 0;cursor:pointer;list-style:none;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:18px;font-weight:400;line-height:1.4;color:#3d351f!important} .bn-art.b2 .b-faq summary::-webkit-details-marker{display:none} .bn-art.b2 .b-faq summary::before{content:\"\";position:absolute;right:0;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:#edf2ff} .bn-art.b2 .b-faq summary::after{content:\"\";position:absolute;right:8px;top:50%;width:18px;height:18px;margin-top:-9px;background:#2f57cc;-webkit-mask:var(--bi-plus) center\/contain no-repeat;mask:var(--bi-plus) center\/contain no-repeat} .bn-art.b2 .b-faq details[open] summary::after{-webkit-mask-image:var(--bi-moins);mask-image:var(--bi-moins)} .bn-art.b2 .b-faq details p{margin:0 0 20px;padding-right:52px} .bn-art.b2 .b-cta{margin:44px 0 18px;padding:34px 32px;border-radius:24px;background:#edf2ff;text-align:center} .bn-art.b2 .b-cta p{margin:0 0 14px} .bn-art.b2 .b-cta .b-cta-titre{font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:25px;line-height:1.3;text-wrap:balance;font-weight:400;color:#3d351f!important} .bn-art.b2 .b-cta p:last-child{margin-bottom:0} .bn-art.b2 .b-sources{margin:36px 0 8px;padding-top:18px;border-top:1px solid #ebe3cb} .bn-art.b2 .b-sources .b-titre{position:relative;margin:0 0 10px;padding-left:28px;font-size:16px;font-weight:800;color:#3d351f!important} .bn-art.b2 .b-sources .b-titre::before{content:\"\";position:absolute;left:0;top:.2em;width:18px;height:18px;background:#6f6852;-webkit-mask:var(--bi-livre) center\/contain no-repeat;mask:var(--bi-livre) center\/contain no-repeat} .bn-art.b2 .b-sources ul{margin:0;padding-left:20px} .bn-art.b2 .b-sources li{font-size:16px;color:#6f6852!important} @media(max-width:600px){.bn-art.b2 .b-pourcontre,.bn-art.b2 .b-avantapres,.bn-art.b2 .b-mythe,.bn-art.b2 .b-stat{grid-template-columns:1fr}.bn-art.b2 .b-stat{gap:12px;padding:22px}.bn-art.b2 .b-stat .b-stat-val{font-size:44px}.bn-art.b2 .b-essentiel,.bn-art.b2 .b-solution,.bn-art.b2 .b-cta{padding:22px 20px}.bn-art.b2 .b-note{padding:66px 20px 20px 20px}.bn-art.b2 .b-note::before{left:20px;top:18px}.bn-art.b2 .b-note::after{left:29px;top:27px}.bn-art.b2 ol.b-etapes>li{padding-left:40px}.bn-art.b2 .b-citation blockquote p{font-size:19px}.bn-art.b2 figure.b-citation{padding-left:48px}.bn-art.b2 p.b-intro{font-size:18px}} .bn-art.b2 .outil{margin:32px 0;padding:24px;border:1px solid #ebe3cb;border-radius:24px;background:#faf8f2;color:#4a4232!important;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22);font-family:\"OpenSauceOne-Regular\", \"Open Sans\", -apple-system, \"Segoe UI\", sans-serif} .bn-art.b2 .outil br{display:none} .bn-art.b2 .outil p:empty{display:none;margin:0} .bn-art.b2 .outil p{margin:0 0 12px;font-size:18px;line-height:1.6;color:#4a4232!important} .bn-art.b2 .outil .outil-titre{margin:0 0 6px;font-size:20px;line-height:1.35;font-weight:700;color:#4a4232!important} .bn-art.b2 .outil .outil-intro{color:#6f6852!important} .bn-art.b2 .outil-q{margin:20px 0 0} .bn-art.b2 .outil .outil-l{display:block;margin:0 0 10px;font-size:18px;font-weight:700;color:#4a4232!important} .bn-art.b2 .outil-os{display:flex;flex-wrap:wrap;gap:10px} .bn-art.b2 .outil-os>p:not([class]){display:contents} .bn-art.b2 .outil .outil-o{position:relative;display:inline-flex;align-items:center;margin:0;padding:10px 16px;border:1px solid #ebe3cb;border-radius:999px;background:#ffffff;color:#4a4232!important;font-size:16px;line-height:1.35;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s} .bn-art.b2 .outil .outil-o:hover{border-color:#6993ff} .bn-art.b2 .outil .outil-o input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none} .bn-art.b2 .outil .outil-o:has(input:checked){background:#6993ff;border-color:#6993ff;color:#261e07!important} .bn-art.b2 .outil .outil-o:has(input:focus-visible){outline:2px solid #6993ff;outline-offset:2px} .bn-art.b2 .outil .outil-in{box-sizing:border-box;width:100%;max-width:320px;margin:0;padding:10px 12px!important;border:1px solid #ebe3cb;border-radius:8px;background:#ffffff;color:#4a4232!important;font-size:16px!important;line-height:1.4;font-family:inherit} .bn-art.b2 .outil .outil-in:focus{outline:2px solid #6993ff;outline-offset:1px} .bn-art.b2 .outil-r{margin-top:22px} .bn-art.b2 .outil .outil-v{display:none;padding:16px 20px;border-left:4px solid #6993ff;border-radius:24px;background:#edf2ff;color:#4a4232!important} .bn-art.b2 .outil .outil-v.outil-on{display:block} .bn-art.b2 .outil .outil-v p,.bn-art.b2 .outil .outil-v li{color:#4a4232!important;font-size:18px} .bn-art.b2 .outil .outil-v .outil-vt{margin:0 0 8px;font-size:18px;font-weight:700} .bn-art.b2 .outil .outil-v ul{margin:0 0 12px;padding-left:22px} .bn-art.b2 .outil [data-sortie]{font-weight:700;white-space:nowrap} @media(max-width:600px){.bn-art.b2 .outil{padding:18px 16px}.bn-art.b2 .outil .outil-o{white-space:normal}.bn-art.b2 .outil [data-sortie]{white-space:normal}} .bn-art.b2{--bn-etincelles:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 28 16' shape-rendering='crispEdges'%3E%3Cpath fill='%23fe716b' d='M3 5h1v1h-1zM3 6h1v1h-1zM2 7h3v1h-3zM0 8h7v1h-7zM2 9h3v1h-3zM3 10h1v1h-1zM3 11h1v1h-1z'\/%3E%3Cpath fill='%236993ff' d='M14 0h1v1h-1zM14 1h1v1h-1zM12 2h5v1h-5zM14 3h1v1h-1zM14 4h1v1h-1z'\/%3E%3Cpath fill='%23fdc14c' d='M23 9h1v1h-1zM23 10h1v1h-1zM21 11h5v1h-5zM23 12h1v1h-1zM23 13h1v1h-1z'\/%3E%3Crect x='10' y='12' width='2' height='2' fill='%230fbbb4'\/%3E%3Crect x='18' y='3' width='2' height='2' fill='%23a7d798'\/%3E%3Crect x='26' y='2' width='2' height='2' fill='%23d867af'\/%3E%3C\/svg%3E\");--bn-points:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20'%3E%3Ccircle cx='10.0' cy='10.0' r='1.6' fill='%23e1d3a9'\/%3E%3C\/svg%3E\");--bn-filet:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='150' height='14'%3E%3Cpath d='M75.5 0v8' stroke='%23e1d3a9' stroke-width='1.5'\/%3E%3C\/svg%3E\")} .bn-art.b2 h2,.bn-art.b2 h3{letter-spacing:-.03em} .bn-art.b2 h2{padding-bottom:14px;border-bottom:2px dashed #e1d3a9} .bn-art.b2 .b-titre,.bn-art.b2 .b-note-titre,.bn-art.b2 .b-chrono-date,.bn-art.b2 .b-solution-tag,.bn-art.b2 .b-carte-tag,.bn-art.b2 .b-verdict-badge,.bn-art.b2 .b-stat-src,.bn-art.b2 .b-chiffre-src,.bn-art.b2 figure.b-citation figcaption{font-family:\"IBM Plex Mono\",ui-monospace,Menlo,monospace;letter-spacing:.02em} .bn-art.b2 .b-essentiel .b-titre,.bn-art.b2 .b-note-titre,.bn-art.b2 .b-carte-tag,.bn-art.b2 .b-mythe .b-titre,.bn-art.b2 .b-pour .b-titre,.bn-art.b2 .b-contre .b-titre,.bn-art.b2 .b-avant .b-titre,.bn-art.b2 .b-apres .b-titre,.bn-art.b2 .b-prompt .b-titre,.bn-art.b2 .b-sources .b-titre,.bn-art.b2 .b-conversation .b-titre,.bn-art.b2 .b-verdict-badge,.bn-art.b2 .b-solution-tag,.bn-art.b2 .b-chrono-date{text-transform:uppercase;font-weight:600;font-size:16px} .bn-art.b2 a.b-bouton,.bn-art.b2 a.b-bouton:visited{padding:14px 26px;font-family:\"Open Sans\",\"OpenSauceOne-Regular\", \"Open Sans\", -apple-system, \"Segoe UI\", sans-serif;font-weight:700;box-shadow:0 12px 24px -12px rgba(61,106,242,.7)} .bn-art.b2 p.b-intro{position:relative;margin:0 0 34px;padding:2px 0 2px 28px;border-left:2px dashed #e1d3a9;font-size:21px;line-height:1.6;color:#3d351f!important} .bn-art.b2 p.b-intro::before{content:\"\";position:absolute;left:-8px;top:8px;width:14px;height:14px;background:#fe716b;box-shadow:0 0 0 5px #ffffff} .bn-art.b2 .b-essentiel{position:relative;margin:126px 0 34px;padding:28px 30px 30px;border:2px solid #e1d3a9;border-radius:30px;background:#f2eddf;box-shadow:0 22px 40px -30px rgba(71,48,0,.45)} .bn-art.b2 .b-essentiel::before{content:\"\";position:absolute;right:38px;top:-111px;width:156px;height:117px;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-tete.webp\") center bottom\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-essentiel::after{content:\"\";position:absolute;right:214px;top:-82px;width:104px;height:68px;background:var(--bn-etincelles) center\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-essentiel .b-titre{min-height:42px;margin:0 0 16px;padding-left:56px;color:#3d351f!important} .bn-art.b2 .b-essentiel .b-titre::before{width:42px;height:42px;border-radius:13px;background:#fe716b} .bn-art.b2 .b-essentiel .b-titre::after{left:10px;top:10px;width:22px;height:22px;background:#261e07;-webkit-mask-image:var(--bi-ecran);mask-image:var(--bi-ecran)} .bn-art.b2 .b-essentiel .b-essentiel-reponse{margin:0 0 18px;font-size:21px;line-height:1.45} .bn-art.b2 .b-essentiel ul{padding:6px 22px;border:1px solid #ebe3cb;border-radius:22px;background:#ffffff} .bn-art.b2 .b-essentiel li{margin:0;padding:13px 0 13px 42px;border-top:1px dashed #e1d3a9} .bn-art.b2 .b-essentiel li:first-child{border-top:0} .bn-art.b2 .b-essentiel li::before{top:15px;width:28px;height:28px;border-radius:50%;background:#a7d798;-webkit-mask:none;mask:none} .bn-art.b2 .b-essentiel li::after{content:\"\";position:absolute;left:7px;top:22px;width:14px;height:14px;background:#261e07;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-verdicts{gap:18px} .bn-art.b2 .b-verdict{padding:24px 22px 22px;border:2px solid #ebe3cb;border-radius:24px;background:#ffffff;box-shadow:none} .bn-art.b2 .b-verdict .b-verdict-profil{display:flex;align-items:center;min-height:42px;margin-bottom:14px;padding-left:54px;line-height:1.35;color:#6f6852!important} .bn-art.b2 .b-verdict .b-verdict-profil::before{top:50%;width:42px;height:42px;margin-top:-21px;border-radius:13px;background:#a7d798;-webkit-mask:none;mask:none} .bn-art.b2 .b-verdict .b-verdict-profil::after{content:\"\";position:absolute;left:11px;top:50%;width:20px;height:20px;margin-top:-10px;background:#261e07;-webkit-mask:var(--bi-profil) center\/contain no-repeat;mask:var(--bi-profil) center\/contain no-repeat} .bn-art.b2 .b-verdict:nth-child(3n+2) .b-verdict-profil::before{background:#fdc14c} .bn-art.b2 .b-verdict:nth-child(3n+3) .b-verdict-profil::before{background:#ffe2e1} .bn-art.b2 .b-verdict .b-verdict-choix{font-size:22px;letter-spacing:-.02em} .bn-art.b2 .b-verdict--reco{border:2px solid #6993ff;background:linear-gradient(180deg,#e3ebff 0,#ffffff 78%);background-color:#edf2ff;box-shadow:0 20px 40px -26px rgba(61,106,242,.55)} .bn-art.b2 .b-verdict--reco .b-verdict-profil::before,.bn-art.b2 .b-verdict--reco:nth-child(n) .b-verdict-profil::before{background:#6993ff} .bn-art.b2 .b-verdicts:has(.b-verdict--reco){margin-top:40px} .bn-art.b2 .b-verdict .b-verdict-badge{position:absolute;top:-17px;left:20px;margin:0;padding:3px 12px 3px 34px;border-radius:10px;background:#6993ff!important;color:#261e07!important;box-shadow:0 0 0 4px #ffffff} .bn-art.b2 .b-verdict--reco{position:relative;padding-top:30px} .bn-art.b2 .b-verdict .b-verdict-badge::before{content:\"\";position:absolute;left:12px;top:50%;width:15px;height:15px;margin-top:-8px;background:#261e07;-webkit-mask:var(--bi-etoile) center\/contain no-repeat;mask:var(--bi-etoile) center\/contain no-repeat} .bn-art.b2 .b-stat{position:relative;grid-template-columns:300px 1fr;gap:30px;align-items:end;padding:24px 34px 0 26px;border:2px solid #c9d7ff;border-radius:30px;background:linear-gradient(120deg,#e3ebff 0,#edf2ff 48%,#ffe2e1 100%);background-color:#edf2ff;overflow:hidden} .bn-art.b2 .b-stat::before{content:\"\";position:absolute;left:14px;top:12px;width:92px;height:60px;background:var(--bn-etincelles) center\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-stat .b-stat-val{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:300px;height:248px;margin:0;padding:128px 64px 40px 70px;text-align:center;font-size:35px;line-height:1.05;letter-spacing:-.03em;color:#3d351f!important;background-image:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-pancarte.webp\"),none;background-size:100% 100%,auto;background-repeat:no-repeat;background-clip:border-box,content-box;background-color:#f2eadc} .bn-art.b2 .b-stat .b-stat-txt{align-self:center;padding:14px 0 30px} .bn-art.b2 .b-stat .b-stat-txt p{font-size:19px;line-height:1.55} .bn-art.b2 .b-stat .b-stat-txt .b-stat-src{display:inline-block;margin-top:6px;padding:4px 12px;border-radius:12px;background:#ffffff;letter-spacing:0;font-size:16px;color:#6f6852!important} .bn-art.b2 ol.b-etapes>li{margin-left:26px;padding:0 0 30px 52px;border-left:2px dashed #e1d3a9} .bn-art.b2 ol.b-etapes>li::before{left:-27px;top:-6px;width:48px;height:48px;border:2px solid #fe716b;background:#ffe2e1!important;color:#3d351f!important;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:21px;font-weight:400;line-height:44px;box-shadow:0 0 0 6px #ffffff;box-sizing:border-box} .bn-art.b2 ol.b-etapes>li:nth-child(4n+2)::before{border-color:#6993ff;background:#edf2ff!important} .bn-art.b2 ol.b-etapes>li:nth-child(4n+3)::before{border-color:#a7d798;background:#edf7e8!important} .bn-art.b2 ol.b-etapes>li:nth-child(4n+4)::before{border-color:#fdc14c;background:#fff6e0!important} .bn-art.b2 ol.b-etapes .b-etape-titre{padding-top:4px;font-size:21px;letter-spacing:-.02em} .bn-art.b2 .b-chiffres{gap:0;border:2px solid #ebe3cb;border-radius:30px;background:#ffffff;box-shadow:0 22px 44px -30px rgba(71,48,0,.4);overflow:hidden} .bn-art.b2 .b-chiffre{border:0;border-left:2px dashed #e1d3a9;border-radius:0;background:transparent;text-align:center;padding:28px 18px 26px} .bn-art.b2 .b-chiffre:first-child{border-left:0} .bn-art.b2 .b-chiffre::before{content:\"\";display:block;width:54px;height:54px;margin:0 auto 16px;background:#e65650;-webkit-mask:var(--bi-bulle) center\/contain no-repeat;mask:var(--bi-bulle) center\/contain no-repeat} .bn-art.b2 .b-chiffre:nth-child(4n+2)::before{-webkit-mask-image:var(--bi-profil);mask-image:var(--bi-profil)} .bn-art.b2 .b-chiffre:nth-child(4n+3)::before{-webkit-mask-image:var(--bi-ecran);mask-image:var(--bi-ecran)} .bn-art.b2 .b-chiffre:nth-child(4n+4)::before{-webkit-mask-image:var(--bi-etoile);mask-image:var(--bi-etoile)} .bn-art.b2 .b-chiffre .b-chiffre-val{font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:36px;font-weight:400;color:#3d351f!important;letter-spacing:-.03em} .bn-art.b2 .b-chiffre .b-chiffre-src{font-size:16px;letter-spacing:0} .bn-art.b2 .b-note{padding:22px 26px 22px 88px;border:2px solid #c9d7ff;border-radius:24px;background:#edf2ff} .bn-art.b2 .b-note::before{left:22px;top:20px;width:46px;height:46px;border-radius:14px;background:#6993ff} .bn-art.b2 .b-note::after{left:33px;top:31px;width:24px;height:24px;background:#261e07} .bn-art.b2 .b-note .b-note-titre{padding-top:11px;margin-bottom:8px;font-size:16px;color:#3d351f!important} .bn-art.b2 .b-note--astuce{border-color:#fbe2a8;background:#fff6e0} .bn-art.b2 .b-note--astuce::before{background:#fdc14c} .bn-art.b2 .b-note--attention{border-color:#ffc4c1;background:#fff1ef} .bn-art.b2 .b-note--attention::before{background:#fe716b} .bn-art.b2 .b-note--attention::after,.bn-art.b2 .b-note--exemple::after,.bn-art.b2 .b-note--retenir::after{background:#261e07} .bn-art.b2 .b-note--exemple{border-color:#cfe8c4;background:#edf7e8} .bn-art.b2 .b-note--exemple::before{background:#a7d798} .bn-art.b2 .b-note--retenir{border-color:#e1d3a9;background:#f6f3e8} .bn-art.b2 .b-note--retenir::before{background:#e1d3a9} .bn-art.b2 .b-note--robot{min-height:150px;margin-top:76px;padding-right:200px;border-color:#c9d7ff;background:linear-gradient(115deg,#edf2ff 0,#edf2ff 52%,#ffe2e1 100%);background-color:#edf2ff} .bn-art.b2 .b-note--robot::before{background:#6993ff} .bn-art.b2 .b-note--robot::after{-webkit-mask-image:var(--bi-question);mask-image:var(--bi-question)} .bn-art.b2 .b-note--robot .b-note-titre::after{content:\"\";position:absolute;right:26px;bottom:0;width:150px;height:202px;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-reflechit.webp\") center bottom\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-note--loupe{min-height:150px;margin-top:40px;padding-right:200px;border-color:#cfe8c4;background:linear-gradient(115deg,#edf7e8 0,#edf7e8 55%,#fff6e0 100%);background-color:#edf7e8} .bn-art.b2 .b-note--loupe::before{background:#a7d798} .bn-art.b2 .b-note--loupe::after{background:#261e07;-webkit-mask-image:var(--bi-livre);mask-image:var(--bi-livre)} .bn-art.b2 .b-note--loupe .b-note-titre::after{content:\"\";position:absolute;right:20px;bottom:0;width:164px;height:156px;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-loupe.webp\") center bottom\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-tableau{border:2px solid #ebe3cb;border-radius:24px;box-shadow:none} .bn-art.b2 .b-tableau thead th{padding:16px;background:#f2eddf;border-bottom:2px solid #e1d3a9;font-family:\"IBM Plex Mono\",ui-monospace,Menlo,monospace;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.01em} .bn-art.b2 .b-tableau th.b-reco{background:#6993ff!important;color:#261e07!important;border-bottom-color:#6993ff} .bn-art.b2 .b-tableau td.b-reco,.bn-art.b2 .b-tableau tbody tr:nth-child(even) td.b-reco{background:#edf2ff} .bn-art.b2 .b-tableau tbody td{border-top:1px dashed #e1d3a9} .bn-art.b2 .b-tableau tbody tr:first-child td{border-top:0} .bn-art.b2 .b-oui,.bn-art.b2 .b-non,.bn-art.b2 .b-partiel{padding:3px 12px 3px 9px} .bn-art.b2 .b-pourcontre{gap:18px} .bn-art.b2 .b-pour,.bn-art.b2 .b-contre{position:relative;padding:24px 24px 22px;border:2px solid #cfe8c4;border-radius:24px;background:#ffffff} .bn-art.b2 .b-contre{border-color:#ffc4c1} .bn-art.b2 .b-pour .b-titre,.bn-art.b2 .b-contre .b-titre{position:relative;display:flex;align-items:center;min-height:42px;margin:0 0 14px;padding-left:54px} .bn-art.b2 .b-pour .b-titre::before,.bn-art.b2 .b-contre .b-titre::before{content:\"\";position:absolute;left:0;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:13px;background:#a7d798} .bn-art.b2 .b-contre .b-titre::before{background:#fe716b} .bn-art.b2 .b-pour .b-titre::after,.bn-art.b2 .b-contre .b-titre::after{content:\"\";position:absolute;left:11px;top:50%;width:20px;height:20px;margin-top:-10px;background:#261e07;-webkit-mask:var(--bi-etoile) center\/contain no-repeat;mask:var(--bi-etoile) center\/contain no-repeat} .bn-art.b2 .b-contre .b-titre::after{-webkit-mask-image:var(--bi-alerte);mask-image:var(--bi-alerte)} .bn-art.b2 .b-pour li,.bn-art.b2 .b-contre li{padding-left:38px} .bn-art.b2 .b-pour li::before,.bn-art.b2 .b-contre li::before{top:2px;width:26px;height:26px;border-radius:50%;background:#edf7e8;-webkit-mask:none;mask:none} .bn-art.b2 .b-contre li::before{background:#ffe2e1} .bn-art.b2 .b-pour li::after,.bn-art.b2 .b-contre li::after{content:\"\";position:absolute;left:6px;top:8px;width:14px;height:14px;background:#3a6e2b;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-contre li::after{background:#b23a33;-webkit-mask-image:var(--bi-x);mask-image:var(--bi-x)} .bn-art.b2 .b-mythe{border:2px solid #ebe3cb;border-radius:24px;overflow:visible} .bn-art.b2 .b-mythe-idee{border-radius:22px 0 0 22px;background:#fff1ef;padding:24px 30px 24px 62px} .bn-art.b2 .b-mythe-realite{border-radius:0 22px 22px 0;background:#edf7e8;padding:24px 24px 24px 66px} .bn-art.b2 .b-mythe-idee::before{top:25px;width:24px;height:24px;background:#b23a33} .bn-art.b2 .b-mythe-realite::before{left:30px;top:25px;width:24px;height:24px} .bn-art.b2 .b-mythe-realite::after{content:\"\";position:absolute;left:-13px;top:50%;width:26px;height:26px;margin-top:-13px;background:#261e07;-webkit-mask:var(--bi-fleche) center\/contain no-repeat;mask:var(--bi-fleche) center\/contain no-repeat} .bn-art.b2 .b-cartes{gap:18px} .bn-art.b2 .b-carte{position:relative;display:grid;grid-template-columns:46px 1fr;column-gap:14px;align-content:start;padding:22px;border:2px solid #a7d798;border-radius:24px;background:#ffffff;box-shadow:none} .bn-art.b2 .b-carte>p{grid-column:1\/3} .bn-art.b2 .b-carte::before{content:\"\";grid-column:1;grid-row:1;width:46px;height:46px;border-radius:14px;background:#a7d798} .bn-art.b2 .b-carte::after{content:\"\";position:absolute;left:34px;top:34px;width:22px;height:22px;background:#261e07;-webkit-mask:var(--bi-ecran) center\/contain no-repeat;mask:var(--bi-ecran) center\/contain no-repeat} .bn-art.b2 .b-carte:nth-child(4n+2){border-color:#6993ff} .bn-art.b2 .b-carte:nth-child(4n+2)::before{background:#6993ff} .bn-art.b2 .b-carte:nth-child(4n+2)::after{-webkit-mask-image:var(--bi-bulle);mask-image:var(--bi-bulle)} .bn-art.b2 .b-carte:nth-child(4n+3){border-color:#e1d3a9} .bn-art.b2 .b-carte:nth-child(4n+3)::before{background:#fdc14c} .bn-art.b2 .b-carte:nth-child(4n+3)::after{-webkit-mask-image:var(--bi-eclair);mask-image:var(--bi-eclair)} .bn-art.b2 .b-carte:nth-child(4n+4){border-color:#ffc4c1} .bn-art.b2 .b-carte:nth-child(4n+4)::before{background:#fe716b} .bn-art.b2 .b-carte:nth-child(4n+4)::after{-webkit-mask-image:var(--bi-cible);mask-image:var(--bi-cible)} .bn-art.b2 .b-carte:nth-child(5)::after{-webkit-mask-image:var(--bi-robot);mask-image:var(--bi-robot)} .bn-art.b2 .b-carte:nth-child(6)::after{-webkit-mask-image:var(--bi-etoile);mask-image:var(--bi-etoile)} .bn-art.b2 .b-carte .b-carte-tag{grid-column:2;grid-row:1;justify-self:end;align-self:center;margin:0;padding:2px 12px;border:1px dashed #e1d3a9;border-radius:12px;background:#faf8f2;color:#3d351f!important;font-size:16px;line-height:1.45;text-align:right} .bn-art.b2 .b-carte .b-carte-titre{margin-top:16px} .bn-art.b2 .b-carte:hover{transform:none} .bn-art.b2 .b-carte .b-carte-titre{font-size:21px;letter-spacing:-.02em} .bn-art.b2 figure.b-citation{margin:40px 0;padding:32px 36px 30px 112px;border:2px solid #ebe3cb;border-radius:30px;background:#faf8f2} .bn-art.b2 figure.b-citation::before{content:\"\";left:34px;top:36px;width:54px;height:38px;background:#e65650!important;-webkit-mask:var(--bi-guillemet) left center\/contain no-repeat;mask:var(--bi-guillemet) left center\/contain no-repeat} .bn-art.b2 figure.b-citation::after{content:\"\";position:absolute;right:22px;bottom:18px;width:66px;height:43px;background:var(--bn-etincelles) center\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-citation blockquote p{font-size:23px;line-height:1.45;letter-spacing:-.01em} .bn-art.b2 .b-citation figcaption{padding-right:70px;text-transform:uppercase;font-size:16px;color:#b23a33!important} .bn-art.b2 .b-solution{position:relative;min-height:330px;padding:32px 312px 32px 32px;border:2px solid #ebe3cb;border-radius:30px;background:#ffffff;box-shadow:0 22px 44px -30px rgba(71,48,0,.4);overflow:hidden} .bn-art.b2 .b-solution::before{content:\"\";position:absolute;top:0;right:0;bottom:0;width:282px;background:var(--bn-points) 0 0\/20px 20px repeat,linear-gradient(165deg,#e3ebff 0,#edf2ff 45%,#ffe2e1 100%)} .bn-art.b2 .b-solution::after{content:\"\";position:absolute;right:16px;bottom:0;width:250px;height:259px;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-tablette.webp\") center bottom\/contain no-repeat} .bn-art.b2 .b-solution--support::after,.bn-art.b2 .b-solution--ecommerce::after,.bn-art.b2 .b-solution--leads::after,.bn-art.b2 .b-solution--rh::after{top:24px;height:auto;right:22px;width:238px;background-position:center top;background-size:contain} .bn-art.b2 .b-solution--support::after{background-image:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/02\/botnation-produits-support-client-781x1024.png.webp\")} .bn-art.b2 .b-solution--ecommerce::after{background-image:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/02\/botnation-produits-e-commerce-781x1024.png.webp\")} .bn-art.b2 .b-solution--leads::after{background-image:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/02\/botnation-produits-generation-de-leads-781x1024.png.webp\")} .bn-art.b2 .b-solution--rh::after{background-image:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/02\/botnation-produits-ressources-humaines-recrutement-781x1024.png.webp\")} .bn-art.b2 .b-solution--whatsapp::after{top:0;right:0;width:282px;height:auto;background-image:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/03\/botnation-use-case-SNCF.webp\");background-size:cover;background-position:center} .bn-art.b2 .b-solution .b-solution-tag{padding:4px 14px 4px 38px;background:#edf2ff;color:#2f57cc!important} .bn-art.b2 .b-solution .b-solution-tag::before{left:13px;width:18px;height:18px;margin-top:-9px;-webkit-mask-image:var(--bi-robot);mask-image:var(--bi-robot)} .bn-art.b2 .b-solution .b-solution-nom{font-size:24px;letter-spacing:-.02em} .bn-art.b2 .b-solution li{padding-left:38px} .bn-art.b2 .b-solution li::before{top:2px;width:26px;height:26px;border-radius:50%;background:#edf7e8;-webkit-mask:none;mask:none} .bn-art.b2 .b-solution li::after{content:\"\";position:absolute;left:6px;top:8px;width:14px;height:14px;background:#3a6e2b;-webkit-mask:var(--bi-check) center\/contain no-repeat;mask:var(--bi-check) center\/contain no-repeat} .bn-art.b2 .b-conversation{position:relative;margin:118px 0 38px;padding:24px 24px 26px;border:2px solid #e1d3a9;border-radius:30px;background:var(--bn-points) 0 0\/20px 20px repeat;background-color:#f2eddf} .bn-art.b2 .b-conversation::before{content:\"\";position:absolute;right:36px;top:-106px;width:104px;height:104px;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-salue.webp\") center bottom\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-conversation .b-titre{display:flex;align-items:center;min-height:40px;margin:0 0 20px;padding-left:52px;color:#3d351f!important} .bn-art.b2 .b-conversation .b-titre::before{left:0;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:12px;background:#0fbbb4;-webkit-mask:none;mask:none} .bn-art.b2 .b-conversation .b-titre::after{content:\"\";position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;background:#261e07;-webkit-mask:var(--bi-bulle) center\/contain no-repeat;mask:var(--bi-bulle) center\/contain no-repeat} .bn-art.b2 .b-conversation p.b-msg{max-width:76%;margin-bottom:12px;padding:12px 18px;font-size:16px} .bn-art.b2 .b-conversation p.b-msg-bot{position:relative;margin-left:58px;border:1px solid #ebe3cb;border-radius:20px 20px 20px 6px;background:#ffffff;box-shadow:0 8px 18px -12px rgba(71,48,0,.35)} .bn-art.b2 .b-conversation p.b-msg-bot::before{content:\"\";position:absolute;left:-58px;bottom:-2px;width:44px;height:44px;border:2px solid #ffffff;border-radius:50%;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-avatar.webp\") center 30%\/112% auto no-repeat #f6f3e8;box-shadow:0 4px 10px -4px rgba(71,48,0,.35)} .bn-art.b2 .b-conversation p.b-msg-user{border:1px solid #c9d7ff;border-radius:20px 20px 6px 20px;background:#e3ebff;color:#3d351f!important} .bn-art.b2 .b-prompt{border:2px dashed #e1d3a9;border-radius:24px;background:#ffffff} .bn-art.b2 .b-prompt .b-titre{display:flex;align-items:center;min-height:62px;padding:12px 20px 12px 66px;background:#f2eddf;border-bottom:2px dashed #e1d3a9;color:#3d351f!important} .bn-art.b2 .b-prompt .b-titre::before{left:18px;width:36px;height:36px;margin-top:-18px;border-radius:11px;background:#0fbbb4;-webkit-mask:none;mask:none} .bn-art.b2 .b-prompt .b-titre::after{content:\"\";position:absolute;left:27px;top:50%;width:18px;height:18px;margin-top:-9px;background:#261e07;-webkit-mask:var(--bi-terminal) center\/contain no-repeat;mask:var(--bi-terminal) center\/contain no-repeat} .bn-art.b2 .b-prompt{position:relative} .bn-art.b2 .b-prompt::after{content:\"\";position:absolute;right:30px;top:84px;width:108px;height:92px;background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 260 220' shape-rendering='crispEdges'%3E%3Cpath fill='%23fe716b' d='M30 0h200v10h-200zM20 10h10v10h-10zM230 10h10v10h-10zM20 20h10v10h-10zM50 20h160v10h-160zM230 20h10v10h-10zM20 30h10v10h-10zM50 30h10v10h-10zM200 30h10v10h-10zM230 30h10v10h-10zM20 40h10v10h-10zM50 40h10v10h-10zM200 40h10v10h-10zM230 40h10v10h-10zM20 50h10v10h-10zM50 50h10v10h-10zM90 50h10v10h-10zM160 50h10v10h-10zM200 50h10v10h-10zM230 50h10v10h-10zM20 60h10v10h-10zM50 60h10v10h-10zM90 60h10v10h-10zM160 60h10v10h-10zM200 60h10v10h-10zM230 60h10v10h-10zM20 70h10v10h-10zM50 70h10v10h-10zM200 70h10v10h-10zM230 70h10v10h-10zM20 80h10v10h-10zM50 80h10v10h-10zM80 80h10v10h-10zM170 80h10v10h-10zM200 80h10v10h-10zM230 80h10v10h-10zM20 90h10v10h-10zM50 90h10v10h-10zM90 90h80v10h-80zM200 90h10v10h-10zM230 90h10v10h-10zM20 100h10v10h-10zM50 100h10v10h-10zM200 100h10v10h-10zM230 100h10v10h-10zM20 110h10v10h-10zM50 110h160v10h-160zM230 110h10v10h-10zM20 120h10v10h-10zM200 120h10v10h-10zM230 120h10v10h-10zM20 130h10v10h-10zM230 130h10v10h-10zM30 140h200v10h-200zM100 150h60v10h-60zM20 160h220v10h-220zM10 170h10v10h-10zM240 170h10v10h-10zM10 180h10v10h-10zM40 180h80v10h-80zM240 180h10v10h-10zM10 190h10v10h-10zM240 190h10v10h-10zM20 200h220v10h-220z'\/%3E%3Cpath fill='%23ffffff' d='M30 10h200v10h-200zM30 20h20v10h-20zM210 20h20v10h-20zM30 30h20v10h-20zM210 30h20v10h-20zM30 40h20v10h-20zM210 40h20v10h-20zM30 50h20v10h-20zM210 50h20v10h-20zM30 60h20v10h-20zM210 60h20v10h-20zM30 70h20v10h-20zM210 70h20v10h-20zM30 80h20v10h-20zM210 80h20v10h-20zM30 90h20v10h-20zM210 90h20v10h-20zM30 100h20v10h-20zM210 100h20v10h-20zM30 110h20v10h-20zM210 110h20v10h-20zM30 120h140v10h-140zM190 120h10v10h-10zM210 120h20v10h-20zM30 130h200v10h-200z'\/%3E%3Cpath fill='%23ffe2e1' d='M60 30h140v10h-140zM60 40h140v10h-140zM60 50h30v10h-30zM100 50h60v10h-60zM170 50h30v10h-30zM60 60h30v10h-30zM100 60h60v10h-60zM170 60h30v10h-30zM60 70h140v10h-140zM60 80h20v10h-20zM90 80h80v10h-80zM180 80h20v10h-20zM60 90h30v10h-30zM170 90h30v10h-30zM60 100h140v10h-140z'\/%3E%3Cpath fill='%23a7d798' d='M170 120h20v10h-20z'\/%3E%3Cpath fill='%23faf8f2' d='M20 170h220v10h-220zM20 180h20v10h-20zM120 180h70v10h-70zM220 180h20v10h-20zM20 190h220v10h-220z'\/%3E%3Cpath fill='%236993ff' d='M190 180h30v10h-30z'\/%3E%3C\/svg%3E\") center\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-prompt .b-prompt-texte{min-height:132px;padding:20px 166px 22px 24px;font-family:\"IBM Plex Mono\",ui-monospace,Menlo,monospace} .bn-art.b2 ol.b-chrono>li{padding:0 0 26px 36px;border-left:2px dashed #e1d3a9} .bn-art.b2 ol.b-chrono>li::before{left:-9px;top:8px;width:16px;height:16px;border:0;border-radius:0;background:#fe716b;box-shadow:0 0 0 5px #ffffff} .bn-art.b2 ol.b-chrono>li:nth-child(3n+2)::before{background:#6993ff} .bn-art.b2 ol.b-chrono>li:nth-child(3n+3)::before{background:#a7d798} .bn-art.b2 ol.b-chrono .b-chrono-date{display:inline-block;margin-bottom:8px;padding:2px 12px;border-radius:999px;background:#ffe2e1;color:#b23a33!important} .bn-art.b2 ul.b-checklist{position:relative;min-height:150px;margin:44px 0 36px;padding:14px 200px 14px 24px;border:2px solid #cfe8c4;border-radius:24px;background:#edf7e8} .bn-art.b2 ul.b-checklist::after{content:\"\";position:absolute;right:26px;bottom:0;width:150px;height:160px;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-pouce.webp\") center bottom\/contain no-repeat;pointer-events:none} .bn-art.b2 ul.b-checklist>li{margin:0;padding:12px 0 12px 44px;border-top:1px dashed #cfe8c4} .bn-art.b2 ul.b-checklist>li:first-child{border-top:0} .bn-art.b2 ul.b-checklist>li::before{left:0;top:12px;width:30px;height:30px;background:#a7d798} .bn-art.b2 ul.b-checklist>li::after{left:8px;top:20px;width:14px;height:14px;background:#261e07} .bn-art.b2 .b-avant{border:2px dashed #e1d3a9;border-radius:24px;background:#faf8f2} .bn-art.b2 .b-apres{position:relative;border:2px solid #6993ff;border-radius:24px;background:linear-gradient(160deg,#e3ebff 0,#ffffff 75%);background-color:#edf2ff} .bn-art.b2 .b-apres::after{content:\"\";position:absolute;left:-23px;top:50%;width:26px;height:26px;margin-top:-13px;background:#261e07;-webkit-mask:var(--bi-fleche) center\/contain no-repeat;mask:var(--bi-fleche) center\/contain no-repeat} .bn-art.b2 figure.b-figure img{border:2px solid #ebe3cb;border-radius:24px;box-shadow:none} .bn-art.b2 figure.b-figure figcaption{position:relative;padding-left:24px} .bn-art.b2 figure.b-figure figcaption::before{content:\"\";position:absolute;left:2px;top:7px;width:10px;height:10px;background:#fe716b} .bn-art.b2 h2:has(+ .b-faq){position:relative;padding-right:150px} .bn-art.b2 h2:has(+ .b-faq)::after{content:\"\";position:absolute;right:4px;bottom:12px;width:126px;height:60px;background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 42 20' shape-rendering='crispEdges'%3E%3Cpath fill='%23fe716b' d='M20 0h14v1h-14zM19 1h16v1h-16zM19 2h16v1h-16zM19 3h3v1h-3zM24 3h2v1h-2zM28 3h2v1h-2zM32 3h3v1h-3zM19 4h3v1h-3zM24 4h2v1h-2zM28 4h2v1h-2zM32 4h3v1h-3zM19 5h16v1h-16zM19 6h16v1h-16zM20 7h14v1h-14zM29 8h3v1h-3zM30 9h2v1h-2zM31 10h1v1h-1z'\/%3E%3Cpath fill='%23ffffff' d='M22 3h2v1h-2zM26 3h2v1h-2zM30 3h2v1h-2zM22 4h2v1h-2zM26 4h2v1h-2zM30 4h2v1h-2z'\/%3E%3Cpath fill='%236993ff' d='M1 9h14v1h-14zM0 10h16v1h-16zM0 11h16v1h-16zM0 12h3v1h-3zM5 12h2v1h-2zM9 12h2v1h-2zM13 12h3v1h-3zM0 13h3v1h-3zM5 13h2v1h-2zM9 13h2v1h-2zM13 13h3v1h-3zM0 14h16v1h-16zM0 15h16v1h-16zM1 16h14v1h-14zM3 17h3v1h-3zM3 18h2v1h-2zM3 19h1v1h-1z'\/%3E%3Cpath fill='%23ffffff' d='M3 12h2v1h-2zM7 12h2v1h-2zM11 12h2v1h-2zM3 13h2v1h-2zM7 13h2v1h-2zM11 13h2v1h-2z'\/%3E%3Cpath fill='%23fdc14c' d='M39 15h1v1h-1zM39 16h1v1h-1zM37 17h5v1h-5zM39 18h1v1h-1zM39 19h1v1h-1z'\/%3E%3C\/svg%3E\") center\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-faq{border-top:0} .bn-art.b2 .b-faq details{margin:0 0 12px;padding:0 22px;border:2px solid #ebe3cb;border-radius:20px;background:#faf8f2} .bn-art.b2 .b-faq details[open]{border-color:#c9d7ff;background:#ffffff} .bn-art.b2 .b-faq summary{padding:18px 54px 18px 0} .bn-art.b2 .b-faq summary::before{width:36px;height:36px;margin-top:-18px;border-radius:11px;background:#ffe2e1} .bn-art.b2 .b-faq summary::after{right:9px;background:#b23a33} .bn-art.b2 .b-faq details[open] summary::before{background:#edf2ff} .bn-art.b2 .b-faq details[open] summary::after{background:#2f57cc} .bn-art.b2 .b-faq details p{padding-right:0} .bn-art.b2 .b-cta{position:relative;min-height:330px;padding:46px 340px 46px 44px;border:2px solid #e1d3a9;border-radius:30px;overflow:hidden;text-align:left;background:var(--bn-filet) -57px 0\/150px 14px repeat-y,var(--bn-filet) 420px 0\/150px 14px repeat-y,var(--bn-filet) 570px 0\/150px 14px repeat-y;background-color:#f2eddf} .bn-art.b2 .b-cta::before{content:\"\";position:absolute;right:-48px;bottom:-150px;width:430px;height:430px;background:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 400 400'%3E%3Ccircle cx='200' cy='200' r='196' fill='%23ffffff'\/%3E%3Ccircle cx='200' cy='200' r='196' fill='none' stroke='%23e1d3a9' stroke-width='2' stroke-dasharray='6 8'\/%3E%3Ccircle cx='200' cy='200' r='150' fill='%23ffe2e1'\/%3E%3C\/svg%3E\") center\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-cta::after{content:\"\";position:absolute;right:20px;bottom:0;width:300px;height:309px;background:url(\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-decor-robot-montre.webp\") right bottom\/contain no-repeat;pointer-events:none} .bn-art.b2 .b-cta p,.bn-art.b2 .b-cta .b-cta-titre{color:#3d351f!important} .bn-art.b2 .b-cta .b-cta-titre{position:relative;font-size:32px;line-height:1.2;letter-spacing:-.03em} .bn-art.b2 .b-cta .b-cta-titre::before{content:\"\";display:block;width:84px;height:55px;margin:0 0 14px -6px;background:var(--bn-etincelles) left center\/contain no-repeat} .bn-art.b2 .b-sources{margin:40px 0 8px;padding:22px 24px 20px;border:2px dashed #e1d3a9;border-radius:24px;background:#faf8f2} .bn-art.b2 .b-sources .b-titre{display:flex;align-items:center;min-height:36px;margin-bottom:12px;padding-left:48px} .bn-art.b2 .b-sources .b-titre::before{left:0;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:11px;background:#e1d3a9;-webkit-mask:none;mask:none} .bn-art.b2 .b-sources .b-titre::after{content:\"\";position:absolute;left:9px;top:50%;width:18px;height:18px;margin-top:-9px;background:#261e07;-webkit-mask:var(--bi-livre) center\/contain no-repeat;mask:var(--bi-livre) center\/contain no-repeat} .bn-art.b2 .b-sources ul{padding-left:0;list-style:none} .bn-art.b2 .b-sources li{position:relative;padding-left:22px} .bn-art.b2 .b-sources li::before{content:\"\";position:absolute;left:2px;top:10px;width:8px;height:8px;background:#fe716b} .bn-art.b2 .outil{border:2px solid #ebe3cb;border-radius:24px;box-shadow:none} @media(max-width:700px){ .bn-art.b2 .b-essentiel{margin-top:100px;padding:24px 20px 22px} .bn-art.b2 .b-essentiel::before{right:14px;top:-86px;width:120px;height:90px} .bn-art.b2 .b-essentiel::after{right:148px;top:-66px;width:80px;height:52px} .bn-art.b2 .b-essentiel ul{padding:4px 14px} .bn-art.b2 .b-essentiel .b-essentiel-reponse{font-size:19px} .bn-art.b2 .b-essentiel li{padding-left:38px} .bn-art.b2 .b-stat{grid-template-columns:1fr;gap:6px;padding:22px 20px 0} .bn-art.b2 .b-stat .b-stat-txt{order:-1;padding:30px 0 0} .bn-art.b2 .b-stat .b-stat-val{justify-self:center;width:250px;height:207px;padding:106px 52px 32px 58px;font-size:29px} .bn-art.b2 .b-stat::before{left:auto;right:12px;top:auto;bottom:150px;width:64px;height:37px} .bn-art.b2 .b-chiffres{grid-template-columns:1fr 1fr} .bn-art.b2 .b-chiffre{padding:22px 10px 20px} .bn-art.b2 .b-chiffre:nth-child(odd){border-left:0} .bn-art.b2 .b-chiffre:nth-child(n+3){border-top:2px dashed #e1d3a9} .bn-art.b2 .b-chiffre:last-child:nth-child(odd){grid-column:1\/3} .bn-art.b2 .b-chiffre::before{width:42px;height:42px;margin-bottom:12px} .bn-art.b2 .b-chiffre .b-chiffre-val{font-size:29px} .bn-art.b2 .b-note{padding:20px} .bn-art.b2 .b-note::before{left:20px;top:20px;width:42px;height:42px} .bn-art.b2 .b-note::after{left:30px;top:30px;width:22px;height:22px} .bn-art.b2 .b-note .b-note-titre{display:flex;align-items:center;min-height:42px;margin-bottom:10px;padding:0 0 0 56px} .bn-art.b2 .b-note--robot,.bn-art.b2 .b-note--loupe{margin-top:30px;padding:20px 20px 166px} .bn-art.b2 .b-note--robot .b-note-titre::after{right:16px;width:112px;height:151px} .bn-art.b2 .b-note--loupe .b-note-titre::after{right:14px;width:150px;height:143px} .bn-art.b2 .b-mythe-idee{border-radius:22px 22px 0 0;padding:22px 20px 34px 58px} .bn-art.b2 .b-mythe-realite{border-radius:0 0 22px 22px;padding:34px 20px 22px 58px} .bn-art.b2 .b-mythe-realite::before{left:24px;top:35px} .bn-art.b2 .b-mythe-realite::after{left:50%;top:-13px;margin:0 0 0 -13px;transform:rotate(90deg)} .bn-art.b2 figure.b-citation{padding:84px 22px 26px} .bn-art.b2 figure.b-citation::before{left:22px;top:28px} .bn-art.b2 .b-citation figcaption{padding-right:0} .bn-art.b2 figure.b-citation::after{right:18px;top:20px;bottom:auto} .bn-art.b2 .b-solution{min-height:0;padding:280px 20px 24px} .bn-art.b2 .b-solution::before{left:0;width:auto;height:258px;bottom:auto} .bn-art.b2 .b-solution::after{left:0;right:0;top:10px;bottom:auto;width:240px;height:248px;margin:0 auto} .bn-art.b2 .b-solution--support::after,.bn-art.b2 .b-solution--ecommerce::after,.bn-art.b2 .b-solution--leads::after,.bn-art.b2 .b-solution--rh::after{top:18px;height:240px;width:200px} .bn-art.b2 .b-solution--whatsapp::after{top:0;height:258px;width:auto;left:0;right:0} .bn-art.b2 .b-prompt::after{right:14px;bottom:auto;top:12px;width:44px;height:38px} .bn-art.b2 .b-prompt .b-titre{padding-right:66px} .bn-art.b2 .b-prompt .b-prompt-texte{min-height:0;padding:18px 18px 20px} .bn-art.b2 ol.b-etapes .b-etape-titre{font-size:19px} .bn-art.b2 .b-conversation{margin-top:104px;padding:20px 14px 20px} .bn-art.b2 .b-conversation::before{right:18px;top:-94px;width:92px;height:92px} .bn-art.b2 .b-conversation p.b-msg{max-width:86%} .bn-art.b2 .b-conversation p.b-msg-bot{margin-left:48px} .bn-art.b2 .b-conversation p.b-msg-bot::before{left:-48px;width:38px;height:38px} .bn-art.b2 ul.b-checklist{margin-top:30px;padding:10px 18px 140px} .bn-art.b2 ul.b-checklist::after{right:16px;width:118px;height:126px} .bn-art.b2 .b-apres::after{left:50%;top:-21px;margin:0 0 0 -13px;transform:rotate(90deg)} .bn-art.b2 .b-cta{min-height:0;padding:30px 22px 278px;text-align:center;background:#f2eddf} .bn-art.b2 h2:has(+ .b-faq){padding-right:84px} .bn-art.b2 h2:has(+ .b-faq)::after{width:76px;height:36px;bottom:12px} .bn-art.b2 .b-cta .b-cta-titre{font-size:26px} .bn-art.b2 .b-cta a.b-bouton{padding:13px 18px;gap:8px} .bn-art.b2 .b-cta .b-cta-titre::before{margin:0 auto 12px} .bn-art.b2 .b-cta::before{right:50%;margin-right:-190px;bottom:-170px;width:380px;height:380px} .bn-art.b2 .b-cta::after{left:0;right:0;margin:0 auto;width:240px;height:247px;background-position:center bottom} } @media(max-width:600px){ .bn-art.b2 .b-tableau{overflow:visible;border:0;border-radius:0;box-shadow:none;background:none;line-height:normal} .bn-art.b2 .b-tableau table,.bn-art.b2 .b-tableau tbody,.bn-art.b2 .b-tableau tr,.bn-art.b2 .b-tableau td{display:block;width:auto} .bn-art.b2 .b-tableau table{background:none;min-width:0} .bn-art.b2 .b-tableau thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .bn-art.b2 .b-tableau tbody tr{margin:0 0 16px;border:1px solid #ebe3cb;border-radius:24px;overflow:hidden;background:#ffffff;box-shadow:0 1px 2px rgba(61,53,31,.04), 0 18px 40px -22px rgba(71,48,0,.22)} .bn-art.b2 .b-tableau tbody td,.bn-art.b2 .b-tableau tbody tr:nth-child(even) td{padding:10px 16px;border:0;border-top:1px solid #ebe3cb;background:#ffffff} .bn-art.b2 .b-tableau tbody td.b-reco,.bn-art.b2 .b-tableau tbody tr:nth-child(even) td.b-reco{background:#edf2ff} .bn-art.b2 .b-tableau tbody td:first-child,.bn-art.b2 .b-tableau tbody tr:nth-child(even) td:first-child{border-top:0;border-bottom:3px solid var(--tab-fiche-trait,#6993ff);background:var(--tab-fiche-fond,#faf8f2);font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:17px;font-weight:700;color:var(--tab-fiche-texte,#3d351f)!important} .bn-art.b2 .b-tableau tbody td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin:0 0 3px;font-family:\"OpenSauceOne-SemiBold\", \"OpenSauceOne-Regular\", \"Open Sans\", sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2f57cc} }`));document.head.appendChild(s);<\/script><\/p>\n<div class=\"bn-art b2\">\n<div class=\"b-essentiel\">\n<div class=\"b-titre\">The essentials<\/div>\n<div class=\"b-essentiel-reponse\">On a website, you put a Botnation chatbot in place by pasting a script before the page\u2019s body ends, or through our WordPress plugin or a Google Tag Manager tag, once the bot is built and tested.<\/div>\n<ul>\n<li>A few minutes are enough for a website, with no complex development, according to our help pages.<\/li>\n<li>On WordPress, our plugin asks for just the site identifier, the Website ID.<\/li>\n<li>On WhatsApp, a verified Meta Business account and a dedicated number come before everything.<\/li>\n<li>Before going live, test on mobile and test the handover to a human on the site once it is online, not in the preview.<\/li>\n<\/ul>\n<\/div>\n<p class=\"b-intro\">Pasting the script is not the longest part: \u201cInstallation takes just a few minutes using a simple script or iFrame, without any complex development,\u201d our help pages say. The time is spent elsewhere, upstream, on a bot built and tested on your visitors\u2019 questions. And for WhatsApp, business verification with Meta can take between 24 hours and several business days.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Summary<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #3d351f;color:#3d351f\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #3d351f;color:#3d351f\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#Before_installing_a_bot_built_and_tested\" >Before installing, a bot built and tested<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#Each_platform_has_its_own_method\" >Each platform has its own method<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#On_your_website_step_by_step\" >On your website, step by step<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#On_WordPress_with_the_plugin\" >On WordPress, with the plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#With_Google_Tag_Manager\" >With Google Tag Manager<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#WhatsApp_and_Messenger_the_Meta_requirements\" >WhatsApp and Messenger, the Meta requirements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#Six_checks_before_going_live\" >Six checks before going live<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#The_budget_from_free_to_made_to_measure\" >The budget, from free to made to measure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/botnation.ai\/en\/installing-a-chatbot\/#Frequently_asked_questions\" >Frequently asked questions<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Before_installing_a_bot_built_and_tested\"><\/span>Before installing, a bot built and tested<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>You create the bot first, from a template, a prompt, your site\u2019s address or your questions and answers. The channel you choose sets the conversation interface your users see, our help pages explain, but it does not change the creation features. The preview has one limit: the handover feature only works once the chatbot is online.<\/p>\n<p>Nothing is paid during building and testing, and no bank card is required. Billing starts at publication, on the monthly unique users.<\/p>\n<p>To weigh a website against WhatsApp and Messenger, <a href=\"https:\/\/botnation.ai\/en\/quel-canal-pour-votre-chatbot\/\">our article on choosing a chatbot\u2019s channel<\/a> compares the options.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Each_platform_has_its_own_method\"><\/span>Each platform has its own method<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The route to follow depends on where the chatbot has to live.<\/p>\n<div class=\"b-tableau\">\n<table>\n<thead>\n<tr>\n<th>Your platform<\/th>\n<th>Method<\/th>\n<th>What you need<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"Your platform\">A site that accepts a script<\/td>\n<td data-label=\"Method\">Script pasted just before the page\u2019s body ends<\/td>\n<td data-label=\"What you need\">The site address declared in the bot<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Your platform\">WordPress<\/td>\n<td data-label=\"Method\">The Botnation plugin, then the Website ID<\/td>\n<td data-label=\"What you need\">The plugin, listed in the WordPress directory<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Your platform\">Google Tag Manager<\/td>\n<td data-label=\"Method\">A custom HTML tag, fired on page view<\/td>\n<td data-label=\"What you need\">Your Google Tag Manager container<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Your platform\">Shopify<\/td>\n<td data-label=\"Method\">The same external script<\/td>\n<td data-label=\"What you need\">A theme allowing an external JavaScript tag<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Your platform\">PrestaShop<\/td>\n<td data-label=\"Method\">The same external script<\/td>\n<td data-label=\"What you need\">A theme allowing an external JavaScript tag<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Your platform\">Wix<\/td>\n<td data-label=\"Method\">Custom code in Wix\u2019s tracking tools<\/td>\n<td data-label=\"What you need\">A domain connected to Wix; the free plan can block the code<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Your platform\">WhatsApp<\/td>\n<td data-label=\"Method\">Connecting the number through Meta<\/td>\n<td data-label=\"What you need\">A verified Meta Business account, a dedicated number, a subscription that includes the channel<\/td>\n<\/tr>\n<tr>\n<td data-label=\"Your platform\">Messenger<\/td>\n<td data-label=\"Method\">Selecting the page, then activating the bot<\/td>\n<td data-label=\"What you need\">Being an administrator of the Facebook page<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p class=\"b-tableau-note\">Methods described in the Botnation help pages, read on 26 October 2026.<\/p>\n<p>Our help pages also mention an iFrame route.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"On_your_website_step_by_step\"><\/span>On your website, step by step<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Placing the widget takes five steps.<\/p>\n<ol class=\"b-etapes\">\n<li>\n<p class=\"b-etape-titre\">Declare the site address<\/p>\n<p>In the bot\u2019s publication settings, add a website: a name and the site\u2019s full address, subdomains optional. The widget only shows on that address, over http as well as https.<\/p>\n<\/li>\n<li>\n<p class=\"b-etape-titre\">Generate the embed code<\/p>\n<p>From the site\u2019s entry, generate the embed code and copy it.<\/p>\n<\/li>\n<li>\n<p class=\"b-etape-titre\">Paste the code at the body\u2019s end<\/p>\n<p>Place the script just before the page\u2019s body ends, without touching it: \u201cA single character too few or too many, including a space, will render the chatbot inactive.\u201d<\/p>\n<\/li>\n<li>\n<p class=\"b-etape-titre\">Check the mobile display<\/p>\n<p>Open the site on a phone and on a computer. A distorted mobile display most often comes from a missing viewport tag in the page\u2019s header.<\/p>\n<\/li>\n<li>\n<p class=\"b-etape-titre\">Adjust the options<\/p>\n<p>Display language, opening as soon as the visitor arrives, hidden launcher: these settings are made in the embed code.<\/p>\n<\/li>\n<\/ol>\n<figure class=\"b-figure\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-installer-chatbot-en-capture-support-installer-code.jpg\" alt=\"Botnation\u2019s English help page about the WordPress plugin: copying the information for the plugin, the Website ID, and the site settings panel with its three tabs, for the WordPress plugin, for the PrestaShop module and for the code of your website\"><figcaption>Copying the information for the plugin, starting with the Website ID, on Botnation\u2019s English help pages.<\/figcaption><\/figure>\n<h3><span class=\"ez-toc-section\" id=\"On_WordPress_with_the_plugin\"><\/span>On WordPress, with the plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can search for the plugin in the WordPress admin, upload it as a ZIP or install it by FTP. Activate it, then open its settings under the Chatbot Botnation entry. On the bot\u2019s side, add your website, choose the WordPress plugin tab, copy the Website ID and paste it into the plugin. Auto Start opens the conversation as soon as the visitor arrives; Ref launches a named sequence ahead of the default one.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"With_Google_Tag_Manager\"><\/span>With Google Tag Manager<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The script goes into a \u201cCustom HTML\u201d tag, triggered on page view: the bot then appears on every page. With a URL filter, you hold it to a single section or one language version. After publishing, count a few minutes before it shows.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"WhatsApp_and_Messenger_the_Meta_requirements\"><\/span>WhatsApp and Messenger, the Meta requirements<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Three pieces come before connecting the number: a verified Meta Business Manager account, with a company registration document to back it. Then a dedicated phone number, active on neither a personal WhatsApp nor the WhatsApp Business app. Last, a subscription that includes the WhatsApp channel. Business verification by Meta is the longest step: \u201cThe Meta verification process can take anywhere from 24 hours to several business days.\u201d<\/p>\n<p>Each bot has its number, and a number serves just one bot at a time. If yours already lives inside the WhatsApp Business app, free it first: back up the conversations, switch off two-step verification and remove the account in the app. Once 24 hours have passed without a message from the customer, only templates approved by Meta allow the conversation to resume. Our <a href=\"https:\/\/botnation.ai\/en\/channels\/whatsapp\/\">WhatsApp channel page<\/a> takes over from there, with connecting your number and the rules for message templates.<\/p>\n<p>Messenger asks for less: the personal account you link to Botnation has to be an administrator of the Facebook page, including a client\u2019s page if the client names you admin. Select the page and activate the bot: from then on, it answers every message received on your Facebook page. <a href=\"https:\/\/botnation.ai\/en\/installer-chatbot-instagram-automatiser-dm-meta\/\">Our article on automating Instagram direct messages<\/a> shows what Meta\u2019s other channel allows.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Six_checks_before_going_live\"><\/span>Six checks before going live<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Placing the widget is quick; checking it is just as quick.<\/p>\n<ul class=\"b-checklist\">\n<li>The code is pasted as is, with no space or character changed.<\/li>\n<li>The address declared in the bot matches the visited site exactly.<\/li>\n<li>The display has been checked on a phone, not only on a large screen.<\/li>\n<li>The handover to a human is tested online, email notification and resumption delay included.<\/li>\n<li>On WhatsApp, the Live Chat inbox and the transfer-to-agent block are in place.<\/li>\n<li>The welcome message clearly says the visitor is talking to an automated assistant.<\/li>\n<\/ul>\n<div class=\"b-note b-note--loupe\">\n<p class=\"b-note-titre\">What the text says<\/p>\n<p>Paragraph 1 of Article 50 of the European AI regulation addresses providers of AI systems: \u201cProviders shall ensure that AI systems intended to interact directly with natural persons are designed and developed in such a way that the natural persons concerned are informed that they are interacting with an AI system [\u2026]\u201d<\/p>\n<p>The text applies across the European Union, and has since 2 August 2026; the amending regulation of 8 July 2026 left this paragraph unchanged.<\/p>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"The_budget_from_free_to_made_to_measure\"><\/span>The budget, from free to made to measure<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Building and testing are free, with billing following the monthly unique users. The Basic plan costs 39 \u20ac excluding VAT per month for 500 unique users. Pro moves up to 59 \u20ac for 1,000. Every user beyond the quota adds 0.05 \u20ac a month. The Entreprise plan is quoted on demand, dedicated account manager included. Prices excluding VAT, as read on 26 October 2026.<\/p>\n<figure class=\"b-figure\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2026\/10\/botnation-ai-installer-chatbot-en-capture-tarifs.jpg\" alt=\"Botnation\u2019s English pricing page, with the plans For free at 0 \u20ac, Basic at 39 \u20ac, Pro at 59 \u20ac and Entreprise on demand, and their monthly prices\"><figcaption>Botnation\u2019s pricing grid in English, prices excluding VAT, page read on 26 October 2026.<\/figcaption><\/figure>\n<div class=\"b-solution\">\n<p class=\"b-solution-tag\">With Botnation<\/p>\n<p class=\"b-solution-nom\">Build the bot for free and put it on your website, WordPress or WhatsApp.<\/p>\n<p>You create the bot from a template or from your questions and answers, you test it in the preview, then you paste the script or connect a WhatsApp number.<\/p>\n<ul>\n<li>Unlimited chatbots on every paid plan.<\/li>\n<li>The handover to a human when the bot reaches its limits.<\/li>\n<\/ul>\n<p><a class=\"b-bouton\" href=\"https:\/\/start.botnation.ai\/login\">Create a chatbot for free<\/a><\/p>\n<\/div>\n<p>For a more complex integration, our chatbot creation experts build a made-to-measure bot, on quote.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Frequently_asked_questions\"><\/span>Frequently asked questions<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"b-faq\">\n<details>\n<summary>Do you need a developer to install a chatbot?<\/summary>\n<p>Not for a website: installation takes a few minutes, by script or iFrame, with no complex development. On Wix, by contrast, the custom code goes through the tracking tools and assumes a connected domain; our help pages point out that Botnation provides no Wix support.<\/p>\n<\/details>\n<details>\n<summary>The chatbot does not appear after pasting the code: where do you start?<\/summary>\n<p>Read the pasted code again: one character too few or too many, even a space, leaves the chatbot inactive. Check that no space slipped in around the identifiers. Then confirm that the address declared in the bot is indeed the visited site\u2019s.<\/p>\n<\/details>\n<details>\n<summary>Can the chatbot show on some pages only?<\/summary>\n<p>Yes. With Google Tag Manager, a URL filter limits the tag to one section or one language version. With a direct paste, the widget only appears in the pages where the script sits; language and opening are set in the code.<\/p>\n<\/details>\n<details>\n<summary>Does this script slow my site down?<\/summary>\n<p>The widget loads asynchronously, without blocking the display of your pages; our pages publish no other speed measurement. For the effect of a chatbot on SEO, our <a href=\"https:\/\/botnation.ai\/en\/chatbot-seo\/\">article on the chatbot and SEO<\/a> reviews the question.<\/p>\n<\/details>\n<\/div>\n<div class=\"b-cta\">\n<p class=\"b-cta-titre\">See the website chatbot at work<\/p>\n<p>The channel page presents the widget and how to set it up.<\/p>\n<p><a class=\"b-bouton\" href=\"https:\/\/botnation.ai\/en\/channels\/web-site\/\">Discover the website chatbot<\/a><\/p>\n<\/div>\n<div class=\"b-sources\">\n<p class=\"b-titre\">Sources<\/p>\n<ul>\n<li><a href=\"https:\/\/botnation.ai\/en\/support\/installation-and-configuration-of-the-wordpress-botnation-plugin\/\">Botnation WordPress plugin: installation and configuration<\/a>, Botnation help, read on 26 October 2026.<\/li>\n<li><a href=\"https:\/\/botnation.ai\/en\/support\/install-a-chatbot-on-your-website-with-google-tag-manager\/\">Installing a chatbot with Google Tag Manager<\/a>, Botnation help, read on 26 October 2026.<\/li>\n<li><a href=\"https:\/\/botnation.ai\/en\/support\/what-are-the-requirements-for-activating-whatsapp-business-on-botnation\/\">Requirements to activate WhatsApp Business on Botnation<\/a>, Botnation help, read on 26 October 2026.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/chatbot-botnation\/\" rel=\"nofollow noopener\">Chatbot Botnation<\/a>, WordPress plugin directory, read on 26 October 2026.<\/li>\n<li><a href=\"https:\/\/eur-lex.europa.eu\/eli\/reg\/2024\/1689\/oj\/eng\" rel=\"nofollow noopener\">Regulation (EU) 2024\/1689 on AI, Articles 50 and 113<\/a>, EUR-Lex.<\/li>\n<li><a href=\"https:\/\/eur-lex.europa.eu\/eli\/reg\/2026\/1744\/oj\/eng\" rel=\"nofollow noopener\">Regulation (EU) 2026\/1744, amending the AI regulation, 8 July 2026<\/a>, EUR-Lex.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The essentials On a website, you put a Botnation chatbot in place by pasting a script before the page\u2019s body ends, or through our WordPress plugin or a Google Tag Manager tag, once the bot is built and tested. A few minutes are enough for a website, with no complex development, according to our help [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":31980,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[362],"tags":[],"class_list":["post-31986","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chatbot-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts\/31986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/comments?post=31986"}],"version-history":[{"count":1,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts\/31986\/revisions"}],"predecessor-version":[{"id":31988,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/posts\/31986\/revisions\/31988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media\/31980"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media?parent=31986"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/categories?post=31986"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/tags?post=31986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}