{"id":11688,"date":"2026-07-15T18:28:03","date_gmt":"2026-07-15T16:28:03","guid":{"rendered":"https:\/\/gvision.be\/?page_id=11688"},"modified":"2026-07-15T18:31:53","modified_gmt":"2026-07-15T16:31:53","slug":"sop-rag-wiki","status":"publish","type":"page","link":"https:\/\/gvision.be\/en\/sop-rag-wiki\/","title":{"rendered":"SOP, RAG & Wiki"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SOP, RAG & Wiki d\u2019entreprise en Belgique | GVISION<\/title>\r\n <meta name=\"description\" content=\"GVISION r\u00e9dige vos SOP, structure votre wiki et pr\u00e9pare une base RAG fiable pour vos collaborateurs et vos agents IA en Belgique.\">\r\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\r\n <meta name=\"author\" content=\"GVISION\">\r\n <meta name=\"theme-color\" content=\"#11162d\">\r\n <link rel=\"canonical\" href=\"https:\/\/gvision.be\/intelligence-artificielle\/sop-rag-wiki-entreprise\/\">\r\n\r\n <style>\r\n \/* --- TOUT LE CSS EST ICI (IDEM QUE PR\u00c9C\u00c9DEMMENT) --- *\/\r\n :root {\r\n --navy-950: #090d1d;\r\n --navy-900: #11162d;\r\n --navy-850: #171d3a;\r\n --navy-800: #1c2344;\r\n --blue: #56b9f4;\r\n --blue-strong: #319ce6;\r\n --violet: #9c78dc;\r\n --pink: #db5b8e;\r\n --pink-strong: #cb477c;\r\n --white: #ffffff;\r\n --paper: #f8f9fd;\r\n --paper-2: #f1f4fb;\r\n --ink: #151a2f;\r\n --muted: #626a7e;\r\n --line: rgba(17, 22, 45, .11);\r\n --shadow-sm: 0 12px 35px rgba(17, 22, 45, .08);\r\n --shadow-md: 0 25px 70px rgba(17, 22, 45, .14);\r\n --radius-sm: 14px;\r\n --radius: 22px;\r\n --radius-lg: 34px;\r\n --container: 1220px;\r\n --gradient: linear-gradient(135deg, var(--blue) 0%, var(--violet) 47%, var(--pink) 100%);\r\n --gradient-soft: linear-gradient(135deg, rgba(86,185,244,.15), rgba(156,120,220,.14), rgba(219,91,142,.14));\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n html { scroll-behavior: smooth; scroll-padding-top: 110px; }\r\n body {\r\n margin: 0;\r\n color: var(--ink);\r\n background: var(--white);\r\n font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n font-size: 16px;\r\n line-height: 1.65;\r\n -webkit-font-smoothing: antialiased;\r\n text-rendering: optimizeLegibility;\r\n }\r\n img, svg { display: block; max-width: 100%; }\r\n a { color: inherit; text-decoration: none; }\r\n p { margin: 0 0 1.25rem; }\r\n h1, h2, h3, h4 {\r\n margin: 0;\r\n color: var(--navy-900);\r\n line-height: 1.12;\r\n letter-spacing: -.035em;\r\n }\r\n h1 { font-size: clamp(2.75rem, 6.8vw, 5.8rem); max-width: 920px; }\r\n h2 { font-size: clamp(2rem, 4.2vw, 3.75rem); }\r\n h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); }\r\n ul { margin: 0; padding: 0; list-style: none; }\r\n\r\n .container {\r\n width: min(calc(100% - 40px), var(--container));\r\n margin-inline: auto;\r\n }\r\n\r\n .section {\r\n position: relative;\r\n padding: 112px 0;\r\n overflow: hidden;\r\n }\r\n .section-dark {\r\n color: var(--white);\r\n background:\r\n radial-gradient(circle at 10% 20%, rgba(86,185,244,.18), transparent 28%),\r\n radial-gradient(circle at 85% 15%, rgba(219,91,142,.15), transparent 30%),\r\n var(--navy-900);\r\n }\r\n .section-dark h2, .section-dark h3, .section-dark h4 { color: var(--white); }\r\n .section-soft { background: var(--paper); }\r\n\r\n .eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n color: var(--pink-strong);\r\n font-size: .78rem;\r\n font-weight: 800;\r\n letter-spacing: .13em;\r\n text-transform: uppercase;\r\n }\r\n .eyebrow::before {\r\n width: 32px;\r\n height: 2px;\r\n content: \"\";\r\n background: var(--gradient);\r\n border-radius: 999px;\r\n }\r\n .section-dark .eyebrow { color: #f3b0cb; }\r\n\r\n .section-head { max-width: 820px; margin-bottom: 58px; }\r\n .section-head.center { margin-inline: auto; text-align: center; }\r\n .section-head.center .eyebrow { justify-content: center; }\r\n .section-lead {\r\n max-width: 760px;\r\n margin-top: 22px;\r\n color: var(--muted);\r\n font-size: clamp(1.03rem, 1.8vw, 1.24rem);\r\n }\r\n .section-dark .section-lead { color: rgba(255,255,255,.72); }\r\n\r\n .gradient-text {\r\n color: transparent;\r\n background: var(--gradient);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n }\r\n\r\n .button {\r\n display: inline-flex;\r\n min-height: 54px;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 11px;\r\n padding: 14px 23px;\r\n border: 1px solid transparent;\r\n border-radius: 999px;\r\n font-size: .92rem;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n letter-spacing: .025em;\r\n text-align: center;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;\r\n }\r\n .button:hover { transform: translateY(-3px); }\r\n .button-primary {\r\n color: var(--white);\r\n background: var(--gradient);\r\n box-shadow: 0 14px 35px rgba(145, 104, 199, .31);\r\n }\r\n .button-primary:hover { box-shadow: 0 19px 45px rgba(145, 104, 199, .43); }\r\n .button-secondary {\r\n color: var(--navy-900);\r\n background: var(--white);\r\n border-color: rgba(17,22,45,.15);\r\n }\r\n .button-secondary:hover { border-color: rgba(17,22,45,.3); box-shadow: var(--shadow-sm); }\r\n .button-dark { color: var(--white); background: var(--navy-900); }\r\n .button-icon { width: 19px; height: 19px; flex: 0 0 auto; }\r\n\r\n \/* --- HERO --- *\/\r\n .hero {\r\n position: relative;\r\n min-height: 810px;\r\n padding: 84px 0 78px;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(circle at 15% 10%, rgba(86,185,244,.17), transparent 27%),\r\n radial-gradient(circle at 92% 30%, rgba(219,91,142,.16), transparent 28%),\r\n linear-gradient(180deg, #fcfdff 0%, #f6f8fd 100%);\r\n }\r\n .hero::before {\r\n position: absolute;\r\n top: -240px;\r\n right: -160px;\r\n width: 620px;\r\n height: 620px;\r\n content: \"\";\r\n border: 1px solid rgba(156,120,220,.14);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 70px rgba(156,120,220,.045), 0 0 0 140px rgba(86,185,244,.035);\r\n }\r\n .hero-grid {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);\r\n gap: 54px;\r\n }\r\n .breadcrumbs {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 9px;\r\n margin-bottom: 30px;\r\n color: #747b8e;\r\n font-size: .82rem;\r\n font-weight: 650;\r\n }\r\n .breadcrumbs span { color: #a0a5b1; }\r\n .hero-kicker {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 24px;\r\n padding: 9px 14px;\r\n color: #6d3d79;\r\n background: rgba(255,255,255,.76);\r\n border: 1px solid rgba(156,120,220,.2);\r\n border-radius: 999px;\r\n box-shadow: 0 9px 30px rgba(17,22,45,.06);\r\n font-size: .78rem;\r\n font-weight: 800;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n }\r\n .hero-kicker-dot {\r\n width: 9px;\r\n height: 9px;\r\n background: var(--gradient);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 5px rgba(156,120,220,.12);\r\n }\r\n .hero h1 { max-width: 760px; }\r\n .hero-copy {\r\n max-width: 700px;\r\n margin: 27px 0 0;\r\n color: #51596e;\r\n font-size: clamp(1.08rem, 1.85vw, 1.3rem);\r\n }\r\n .hero-copy strong { color: var(--navy-900); }\r\n .hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 13px;\r\n margin-top: 34px;\r\n }\r\n .hero-points {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px 22px;\r\n margin-top: 31px;\r\n color: #4f586d;\r\n font-size: .91rem;\r\n font-weight: 720;\r\n }\r\n .hero-point { display: inline-flex; align-items: center; gap: 8px; }\r\n .check {\r\n display: inline-grid;\r\n width: 20px;\r\n height: 20px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--gradient);\r\n border-radius: 50%;\r\n font-size: .72rem;\r\n font-weight: 900;\r\n }\r\n\r\n .hero-visual {\r\n position: relative;\r\n min-height: 590px;\r\n }\r\n .hero-orbit {\r\n position: absolute;\r\n inset: 5% 0 0;\r\n border: 1px solid rgba(156,120,220,.18);\r\n border-radius: 50%;\r\n transform: rotate(-8deg);\r\n }\r\n .hero-orbit::before {\r\n position: absolute;\r\n inset: 9%;\r\n content: \"\";\r\n border: 1px dashed rgba(86,185,244,.23);\r\n border-radius: inherit;\r\n }\r\n .knowledge-canvas {\r\n position: absolute;\r\n z-index: 2;\r\n inset: 70px 20px 55px;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(rgba(17,22,45,.035) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(17,22,45,.035) 1px, transparent 1px),\r\n rgba(255,255,255,.87);\r\n background-size: 25px 25px;\r\n border: 1px solid rgba(17,22,45,.1);\r\n border-radius: 32px;\r\n box-shadow: var(--shadow-md);\r\n backdrop-filter: blur(14px);\r\n }\r\n .knowledge-canvas::before {\r\n position: absolute;\r\n z-index: -1;\r\n top: -90px;\r\n right: -60px;\r\n width: 260px;\r\n height: 260px;\r\n content: \"\";\r\n background: rgba(219,91,142,.13);\r\n filter: blur(40px);\r\n border-radius: 50%;\r\n }\r\n .canvas-head {\r\n display: flex;\r\n height: 60px;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 22px;\r\n background: rgba(255,255,255,.76);\r\n border-bottom: 1px solid rgba(17,22,45,.08);\r\n }\r\n .canvas-dots { display: flex; gap: 7px; }\r\n .canvas-dots i { width: 8px; height: 8px; background: #d9dce6; border-radius: 50%; }\r\n .canvas-status {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n color: #4a5268;\r\n font-size: .72rem;\r\n font-weight: 800;\r\n }\r\n .canvas-status::before {\r\n width: 8px;\r\n height: 8px;\r\n content: \"\";\r\n background: #42bd81;\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 4px rgba(66,189,129,.13);\r\n }\r\n .knowledge-flow {\r\n position: relative;\r\n height: calc(100% - 60px);\r\n }\r\n .flow-line {\r\n position: absolute;\r\n z-index: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, rgba(86,185,244,.2), rgba(156,120,220,.7), rgba(219,91,142,.2));\r\n transform-origin: left center;\r\n }\r\n .flow-line.one { top: 32%; left: 24%; width: 43%; transform: rotate(13deg); }\r\n .flow-line.two { top: 62%; left: 23%; width: 45%; transform: rotate(-14deg); }\r\n .flow-line.three { top: 49%; left: 47%; width: 31%; transform: rotate(0deg); }\r\n\r\n .flow-node {\r\n position: absolute;\r\n z-index: 2;\r\n display: flex;\r\n min-width: 118px;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 14px;\r\n background: rgba(255,255,255,.94);\r\n border: 1px solid rgba(17,22,45,.1);\r\n border-radius: 16px;\r\n box-shadow: 0 10px 25px rgba(17,22,45,.08);\r\n font-size: .73rem;\r\n font-weight: 800;\r\n animation: float 5.5s ease-in-out infinite;\r\n }\r\n .flow-node svg { width: 22px; height: 22px; color: var(--violet); flex: 0 0 auto; }\r\n .flow-node.word { top: 14%; left: 8%; animation-delay: -.5s; }\r\n .flow-node.pdf { top: 48%; left: 5%; animation-delay: -1.5s; }\r\n .flow-node.sharepoint { bottom: 10%; left: 11%; animation-delay: -2.4s; }\r\n .flow-node.knowledge {\r\n top: 37%;\r\n left: 38%;\r\n min-width: 150px;\r\n color: var(--white);\r\n background: var(--gradient);\r\n border-color: transparent;\r\n box-shadow: 0 16px 35px rgba(130,102,194,.28);\r\n animation-delay: -3s;\r\n }\r\n .flow-node.knowledge svg { color: var(--white); }\r\n .flow-node.assistant { top: 21%; right: 6%; min-width: 142px; animation-delay: -1s; }\r\n .flow-node.actions { right: 7%; bottom: 17%; min-width: 140px; animation-delay: -2s; }\r\n\r\n .answer-card {\r\n position: absolute;\r\n z-index: 3;\r\n right: -4px;\r\n bottom: 0;\r\n width: 285px;\r\n padding: 20px;\r\n background: rgba(17,22,45,.96);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 22px;\r\n box-shadow: 0 22px 55px rgba(17,22,45,.22);\r\n color: rgba(255,255,255,.74);\r\n animation: float 6s ease-in-out infinite reverse;\r\n }\r\n .answer-card-head {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 13px;\r\n color: var(--white);\r\n font-size: .75rem;\r\n font-weight: 850;\r\n }\r\n .answer-avatar {\r\n display: grid;\r\n width: 31px;\r\n height: 31px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--gradient);\r\n border-radius: 10px;\r\n }\r\n .answer-card p { margin: 0; font-size: .79rem; line-height: 1.55; }\r\n .answer-source {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n margin-top: 13px;\r\n padding: 7px 9px;\r\n color: #d6d9e5;\r\n background: rgba(255,255,255,.08);\r\n border-radius: 9px;\r\n font-size: .67rem;\r\n font-weight: 750;\r\n }\r\n\r\n .floating-tag {\r\n position: absolute;\r\n z-index: 4;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 13px;\r\n color: #42495f;\r\n background: rgba(255,255,255,.94);\r\n border: 1px solid rgba(17,22,45,.09);\r\n border-radius: 999px;\r\n box-shadow: var(--shadow-sm);\r\n font-size: .72rem;\r\n font-weight: 850;\r\n animation: float 5s ease-in-out infinite;\r\n }\r\n .floating-tag.secure { top: 25px; right: 12%; }\r\n .floating-tag.updated { bottom: 18px; left: 2%; animation-delay: -2s; }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-9px); }\r\n }\r\n\r\n \/* --- INTRO STRIP --- *\/\r\n .intro-strip {\r\n position: relative;\r\n z-index: 5;\r\n margin-top: -1px;\r\n color: var(--white);\r\n background: var(--navy-900);\r\n }\r\n .intro-strip-grid {\r\n display: grid;\r\n grid-template-columns: 1.2fr repeat(3, 1fr);\r\n align-items: stretch;\r\n }\r\n .intro-strip-main,\r\n .intro-stat {\r\n min-height: 134px;\r\n padding: 28px 30px;\r\n border-right: 1px solid rgba(255,255,255,.09);\r\n }\r\n .intro-strip-main {\r\n display: flex;\r\n align-items: center;\r\n color: rgba(255,255,255,.8);\r\n font-size: 1.04rem;\r\n }\r\n .intro-strip-main strong { color: var(--white); }\r\n .intro-stat { display: flex; flex-direction: column; justify-content: center; }\r\n .intro-stat:last-child { border-right: 0; }\r\n .intro-stat strong { color: var(--white); font-size: 1.35rem; line-height: 1.1; }\r\n .intro-stat span { margin-top: 8px; color: rgba(255,255,255,.58); font-size: .78rem; font-weight: 700; }\r\n\r\n \/* --- PROBLEM --- *\/\r\n .problem-grid {\r\n display: grid;\r\n grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);\r\n gap: 70px;\r\n align-items: start;\r\n }\r\n .problem-sticky { position: sticky; top: 130px; }\r\n .problem-quote {\r\n margin-top: 34px;\r\n padding: 27px;\r\n background: var(--gradient-soft);\r\n border: 1px solid rgba(156,120,220,.14);\r\n border-radius: var(--radius);\r\n color: #474f64;\r\n font-size: 1.04rem;\r\n }\r\n .problem-quote strong {\r\n display: block;\r\n margin-bottom: 8px;\r\n color: var(--navy-900);\r\n font-size: 1.12rem;\r\n }\r\n .pain-list { display: grid; gap: 15px; counter-reset: pain; }\r\n .pain-card {\r\n position: relative;\r\n display: grid;\r\n min-height: 142px;\r\n grid-template-columns: 68px 1fr;\r\n gap: 18px;\r\n align-items: start;\r\n padding: 25px 27px;\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n box-shadow: 0 10px 35px rgba(17,22,45,.045);\r\n counter-increment: pain;\r\n transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\r\n }\r\n .pain-card:hover {\r\n transform: translateY(-4px);\r\n border-color: rgba(156,120,220,.25);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .pain-card::before {\r\n display: grid;\r\n width: 55px;\r\n height: 55px;\r\n place-items: center;\r\n content: counter(pain, decimal-leading-zero);\r\n color: var(--pink-strong);\r\n background: var(--paper);\r\n border-radius: 15px;\r\n font-size: .86rem;\r\n font-weight: 900;\r\n }\r\n .pain-card p { margin: 8px 0 0; color: var(--muted); font-size: .95rem; }\r\n\r\n \/* --- SERVICES --- *\/\r\n .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n .service-card {\r\n position: relative;\r\n min-height: 530px;\r\n padding: 34px;\r\n overflow: hidden;\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius-lg);\r\n box-shadow: 0 14px 40px rgba(17,22,45,.05);\r\n transition: transform .3s ease, box-shadow .3s ease;\r\n }\r\n .service-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-md); }\r\n .service-card::after {\r\n position: absolute;\r\n z-index: 0;\r\n right: -70px;\r\n bottom: -80px;\r\n width: 220px;\r\n height: 220px;\r\n content: \"\";\r\n background: var(--gradient-soft);\r\n filter: blur(4px);\r\n border-radius: 50%;\r\n }\r\n .service-card > * { position: relative; z-index: 1; }\r\n .service-number {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 44px;\r\n color: #a6acbb;\r\n font-size: .79rem;\r\n font-weight: 900;\r\n letter-spacing: .12em;\r\n }\r\n .service-icon {\r\n display: grid;\r\n width: 58px;\r\n height: 58px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--gradient);\r\n border-radius: 18px;\r\n box-shadow: 0 12px 26px rgba(145,104,199,.25);\r\n }\r\n .service-icon svg { width: 28px; height: 28px; }\r\n .service-card h3 { margin-bottom: 17px; font-size: 1.7rem; }\r\n .service-card > p { min-height: 128px; color: var(--muted); }\r\n\r\n .feature-list { display: grid; gap: 12px; margin-top: 26px; }\r\n .feature-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n color: #454d62;\r\n font-size: .89rem;\r\n font-weight: 680;\r\n }\r\n .feature-list li::before {\r\n width: 8px;\r\n height: 8px;\r\n margin-top: 8px;\r\n content: \"\";\r\n background: var(--gradient);\r\n border-radius: 50%;\r\n flex: 0 0 auto;\r\n }\r\n .plain-language {\r\n margin-top: 28px;\r\n padding: 16px 18px;\r\n color: #454d62;\r\n background: var(--paper);\r\n border-radius: 15px;\r\n font-size: .83rem;\r\n }\r\n .plain-language strong { color: var(--navy-900); }\r\n\r\n \/* --- PROCESS --- *\/\r\n .process-visual {\r\n display: grid;\r\n margin-top: 30px;\r\n grid-template-columns: repeat(6, 1fr);\r\n border: 1px solid rgba(255,255,255,.11);\r\n border-radius: 28px;\r\n overflow: hidden;\r\n }\r\n .process-step {\r\n position: relative;\r\n min-height: 250px;\r\n padding: 27px 22px;\r\n border-right: 1px solid rgba(255,255,255,.1);\r\n transition: background .25s ease;\r\n }\r\n .process-step:hover { background: rgba(255,255,255,.055); }\r\n .process-step:last-child { border-right: 0; }\r\n .process-step-number {\r\n display: block;\r\n margin-bottom: 47px;\r\n color: #e995b7;\r\n font-size: .76rem;\r\n font-weight: 900;\r\n letter-spacing: .12em;\r\n }\r\n .process-step h3 { margin-bottom: 13px; font-size: 1.1rem; letter-spacing: -.025em; }\r\n .process-step p { margin: 0; color: rgba(255,255,255,.58); font-size: .84rem; line-height: 1.55; }\r\n .process-step::after {\r\n position: absolute;\r\n top: 29px;\r\n right: -7px;\r\n z-index: 2;\r\n width: 13px;\r\n height: 13px;\r\n content: \"\";\r\n background: var(--violet);\r\n border: 4px solid var(--navy-900);\r\n border-radius: 50%;\r\n }\r\n .process-step:last-child::after { display: none; }\r\n\r\n \/* --- USE CASES --- *\/\r\n .use-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\r\n .use-case {\r\n position: relative;\r\n min-height: 250px;\r\n padding: 27px;\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n border-radius: var(--radius);\r\n transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;\r\n }\r\n .use-case:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(86,185,244,.38);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n .use-case-icon {\r\n display: grid;\r\n width: 47px;\r\n height: 47px;\r\n margin-bottom: 37px;\r\n place-items: center;\r\n color: var(--violet);\r\n background: var(--gradient-soft);\r\n border-radius: 14px;\r\n }\r\n .use-case-icon svg { width: 24px; height: 24px; }\r\n .use-case p { margin: 13px 0 0; color: var(--muted); font-size: .9rem; }\r\n\r\n \/* --- INTEGRATIONS --- *\/\r\n .integrations-wrap {\r\n display: grid;\r\n grid-template-columns: .86fr 1.14fr;\r\n gap: 76px;\r\n align-items: center;\r\n }\r\n .integration-cloud {\r\n position: relative;\r\n min-height: 560px;\r\n }\r\n .integration-center {\r\n position: absolute;\r\n z-index: 4;\r\n top: 50%;\r\n left: 50%;\r\n display: grid;\r\n width: 155px;\r\n height: 155px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--gradient);\r\n border: 12px solid rgba(255,255,255,.88);\r\n border-radius: 50%;\r\n box-shadow: 0 22px 60px rgba(145,104,199,.3);\r\n transform: translate(-50%, -50%);\r\n text-align: center;\r\n font-size: .85rem;\r\n font-weight: 900;\r\n line-height: 1.25;\r\n }\r\n .integration-ring {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 405px;\r\n height: 405px;\r\n border: 1px dashed rgba(156,120,220,.28);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n animation: rotate 35s linear infinite;\r\n }\r\n @keyframes rotate {\r\n to { transform: translate(-50%, -50%) rotate(360deg); }\r\n }\r\n .integration-badge {\r\n position: absolute;\r\n z-index: 3;\r\n display: grid;\r\n min-width: 115px;\r\n min-height: 68px;\r\n place-items: center;\r\n padding: 12px;\r\n color: #3a4258;\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n border-radius: 16px;\r\n box-shadow: var(--shadow-sm);\r\n text-align: center;\r\n font-size: .77rem;\r\n font-weight: 850;\r\n }\r\n .integration-badge:nth-of-type(1) { top: 4%; left: 36%; }\r\n .integration-badge:nth-of-type(2) { top: 19%; right: 2%; }\r\n .integration-badge:nth-of-type(3) { top: 47%; right: -3%; }\r\n .integration-badge:nth-of-type(4) { right: 13%; bottom: 7%; }\r\n .integration-badge:nth-of-type(5) { bottom: 2%; left: 24%; }\r\n .integration-badge:nth-of-type(6) { bottom: 22%; left: -3%; }\r\n .integration-badge:nth-of-type(7) { top: 26%; left: 0; }\r\n .integration-content .feature-list { margin: 30px 0 36px; grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n .integration-note {\r\n padding: 21px 23px;\r\n color: #4d556b;\r\n background: var(--paper);\r\n border-left: 4px solid var(--violet);\r\n border-radius: 0 16px 16px 0;\r\n font-size: .92rem;\r\n }\r\n\r\n \/* --- METHOD --- *\/\r\n .method-layout {\r\n display: grid;\r\n grid-template-columns: .78fr 1.22fr;\r\n gap: 70px;\r\n align-items: start;\r\n }\r\n .method-intro { position: sticky; top: 130px; }\r\n .method-list { position: relative; }\r\n .method-list::before {\r\n position: absolute;\r\n top: 26px;\r\n bottom: 26px;\r\n left: 29px;\r\n width: 1px;\r\n content: \"\";\r\n background: linear-gradient(var(--blue), var(--violet), var(--pink));\r\n }\r\n .method-item {\r\n position: relative;\r\n display: grid;\r\n grid-template-columns: 60px 1fr;\r\n gap: 23px;\r\n padding-bottom: 43px;\r\n }\r\n .method-item:last-child { padding-bottom: 0; }\r\n .method-dot {\r\n position: relative;\r\n z-index: 2;\r\n display: grid;\r\n width: 60px;\r\n height: 60px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--navy-900);\r\n border: 5px solid var(--white);\r\n border-radius: 50%;\r\n box-shadow: 0 8px 25px rgba(17,22,45,.15);\r\n font-size: .78rem;\r\n font-weight: 900;\r\n }\r\n .method-item:nth-child(2) .method-dot,\r\n .method-item:nth-child(5) .method-dot { background: var(--violet); }\r\n .method-item:nth-child(3) .method-dot,\r\n .method-item:nth-child(6) .method-dot { background: var(--pink); }\r\n .method-card { padding: 6px 0 0; }\r\n .method-card p { margin: 10px 0 0; color: var(--muted); }\r\n\r\n \/* --- SECURITY --- *\/\r\n .security-grid {\r\n display: grid;\r\n grid-template-columns: 1.05fr .95fr;\r\n gap: 74px;\r\n align-items: center;\r\n }\r\n .security-panel {\r\n position: relative;\r\n min-height: 480px;\r\n padding: 36px;\r\n overflow: hidden;\r\n background:\r\n linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),\r\n rgba(255,255,255,.035);\r\n background-size: 28px 28px;\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 30px;\r\n }\r\n .security-shield {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n display: grid;\r\n width: 170px;\r\n height: 190px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--gradient);\r\n clip-path: polygon(50% 0, 92% 17%, 86% 67%, 50% 100%, 14% 67%, 8% 17%);\r\n transform: translate(-50%, -50%);\r\n filter: drop-shadow(0 22px 28px rgba(0,0,0,.2));\r\n }\r\n .security-shield svg { width: 62px; height: 62px; }\r\n .security-chip {\r\n position: absolute;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 11px 14px;\r\n color: rgba(255,255,255,.82);\r\n background: rgba(9,13,29,.62);\r\n border: 1px solid rgba(255,255,255,.12);\r\n border-radius: 999px;\r\n backdrop-filter: blur(10px);\r\n font-size: .74rem;\r\n font-weight: 800;\r\n }\r\n .security-chip::before {\r\n width: 8px;\r\n height: 8px;\r\n content: \"\";\r\n background: #55d79a;\r\n border-radius: 50%;\r\n }\r\n .security-chip.c1 { top: 16%; left: 6%; }\r\n .security-chip.c2 { top: 17%; right: 4%; }\r\n .security-chip.c3 { bottom: 18%; left: 3%; }\r\n .security-chip.c4 { right: 4%; bottom: 15%; }\r\n .security-content .feature-list li { color: rgba(255,255,255,.73); }\r\n\r\n \/* --- DELIVERABLES --- *\/\r\n .deliverables { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }\r\n .deliverable {\r\n min-height: 190px;\r\n padding: 24px;\r\n background: var(--white);\r\n border: 1px solid var(--line);\r\n border-radius: 19px;\r\n }\r\n .deliverable strong { display: block; margin-bottom: 10px; color: var(--navy-900); font-size: .98rem; }\r\n .deliverable p { margin: 0; color: var(--muted); font-size: .84rem; }\r\n .deliverable-mark {\r\n display: grid;\r\n width: 34px;\r\n height: 34px;\r\n margin-bottom: 28px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--gradient);\r\n border-radius: 10px;\r\n font-size: .75rem;\r\n font-weight: 900;\r\n }\r\n\r\n \/* --- WHY GVISION --- *\/\r\n .why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 48px; }\r\n .why-card {\r\n min-height: 240px;\r\n padding: 28px;\r\n background: rgba(255,255,255,.055);\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 21px;\r\n }\r\n .why-card-number {\r\n display: block;\r\n margin-bottom: 58px;\r\n color: #ef9cbd;\r\n font-size: .78rem;\r\n font-weight: 900;\r\n letter-spacing: .13em;\r\n }\r\n .why-card p { margin: 11px 0 0; color: rgba(255,255,255,.6); font-size: .88rem; }\r\n\r\n \/* --- FAQ --- *\/\r\n .faq-layout {\r\n display: grid;\r\n grid-template-columns: .72fr 1.28fr;\r\n gap: 70px;\r\n align-items: start;\r\n }\r\n .faq-intro { position: sticky; top: 130px; }\r\n .faq-list { border-top: 1px solid var(--line); }\r\n .faq-item { border-bottom: 1px solid var(--line); }\r\n .faq-item summary {\r\n position: relative;\r\n display: flex;\r\n min-height: 86px;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n padding: 23px 52px 23px 0;\r\n color: var(--navy-900);\r\n cursor: pointer;\r\n list-style: none;\r\n font-size: 1.04rem;\r\n font-weight: 820;\r\n line-height: 1.4;\r\n }\r\n .faq-item summary::-webkit-details-marker { display: none; }\r\n .faq-item summary::before,\r\n .faq-item summary::after {\r\n position: absolute;\r\n top: 50%;\r\n right: 5px;\r\n width: 18px;\r\n height: 2px;\r\n content: \"\";\r\n background: var(--violet);\r\n border-radius: 999px;\r\n transition: transform .2s ease;\r\n }\r\n .faq-item summary::after { transform: rotate(90deg); }\r\n .faq-item[open] summary::after { transform: rotate(0deg); }\r\n .faq-answer {\r\n max-width: 850px;\r\n padding: 0 38px 25px 0;\r\n color: var(--muted);\r\n font-size: .94rem;\r\n }\r\n .faq-answer p:last-child { margin-bottom: 0; }\r\n\r\n \/* --- CTA --- *\/\r\n .final-cta { padding: 0 0 90px; background: var(--white); }\r\n .cta-panel {\r\n position: relative;\r\n display: grid;\r\n min-height: 420px;\r\n grid-template-columns: 1.12fr .88fr;\r\n gap: 40px;\r\n align-items: center;\r\n padding: 65px;\r\n overflow: hidden;\r\n color: var(--white);\r\n background:\r\n radial-gradient(circle at 80% 25%, rgba(219,91,142,.24), transparent 28%),\r\n radial-gradient(circle at 18% 100%, rgba(86,185,244,.2), transparent 30%),\r\n var(--navy-900);\r\n border-radius: 36px;\r\n box-shadow: var(--shadow-md);\r\n }\r\n .cta-panel::before {\r\n position: absolute;\r\n top: -140px;\r\n right: -100px;\r\n width: 420px;\r\n height: 420px;\r\n content: \"\";\r\n border: 1px solid rgba(255,255,255,.1);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 60px rgba(255,255,255,.025), 0 0 0 120px rgba(255,255,255,.02);\r\n }\r\n .cta-panel > * { position: relative; z-index: 2; }\r\n .cta-panel h2 { color: var(--white); font-size: clamp(2.2rem, 4.5vw, 4rem); }\r\n .cta-panel p { max-width: 680px; margin: 22px 0 30px; color: rgba(255,255,255,.7); font-size: 1.08rem; }\r\n .cta-visual { display: grid; min-height: 250px; place-items: center; }\r\n .cta-rings {\r\n position: relative;\r\n display: grid;\r\n width: 260px;\r\n height: 260px;\r\n place-items: center;\r\n border: 1px solid rgba(255,255,255,.13);\r\n border-radius: 50%;\r\n }\r\n .cta-rings::before,\r\n .cta-rings::after {\r\n position: absolute;\r\n content: \"\";\r\n border: 1px dashed rgba(255,255,255,.14);\r\n border-radius: 50%;\r\n }\r\n .cta-rings::before { inset: 30px; }\r\n .cta-rings::after { inset: 65px; }\r\n .cta-core {\r\n display: grid;\r\n width: 95px;\r\n height: 95px;\r\n place-items: center;\r\n color: var(--white);\r\n background: var(--gradient);\r\n border-radius: 28px;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.2);\r\n }\r\n .cta-core svg { width: 43px; height: 43px; }\r\n\r\n \/* --- REVEAL --- *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(22px);\r\n transition: opacity .65s ease, transform .65s ease;\r\n }\r\n .reveal.is-visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n scroll-behavior: auto !important;\r\n animation-duration: .01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: .01ms !important;\r\n }\r\n .reveal { opacity: 1; transform: none; }\r\n }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 1120px) {\r\n .hero-grid { grid-template-columns: 1fr; }\r\n .hero-visual { width: min(100%, 700px); margin-inline: auto; }\r\n .intro-strip-grid { grid-template-columns: 1fr 1fr; }\r\n .intro-strip-main { grid-column: 1 \/ -1; border-bottom: 1px solid rgba(255,255,255,.09); }\r\n .service-grid { grid-template-columns: 1fr; }\r\n .service-card { min-height: 0; }\r\n .service-card > p { min-height: 0; }\r\n .process-visual { grid-template-columns: repeat(3, 1fr); }\r\n .process-step:nth-child(3) { border-right: 0; }\r\n .process-step:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.1); }\r\n .use-case-grid { grid-template-columns: repeat(2, 1fr); }\r\n .deliverables, .why-grid { grid-template-columns: repeat(2, 1fr); }\r\n }\r\n\r\n @media (max-width: 860px) {\r\n .section { padding: 84px 0; }\r\n .hero { min-height: 0; padding-top: 58px; }\r\n .problem-grid, .integrations-wrap, .method-layout,\r\n .security-grid, .faq-layout, .cta-panel {\r\n grid-template-columns: 1fr;\r\n }\r\n .problem-sticky, .method-intro, .faq-intro { position: static; }\r\n .process-visual { grid-template-columns: repeat(2, 1fr); }\r\n .process-step:nth-child(2n) { border-right: 0; }\r\n .process-step:nth-child(3) { border-right: 1px solid rgba(255,255,255,.1); }\r\n .process-step:nth-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.1); }\r\n .integration-cloud { order: 2; }\r\n .integration-content { order: 1; }\r\n .cta-panel { padding: 48px; }\r\n .cta-visual { display: none; }\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .container { width: min(calc(100% - 28px), var(--container)); }\r\n .section { padding: 72px 0; }\r\n h1 { font-size: clamp(2.55rem, 13vw, 4.1rem); }\r\n .hero { padding-top: 42px; }\r\n .hero-actions { display: grid; }\r\n .hero-actions .button { width: 100%; }\r\n .hero-points { display: grid; }\r\n .hero-visual { min-height: 500px; }\r\n .knowledge-canvas { inset: 54px 0 38px; }\r\n .flow-node { min-width: 0; padding: 10px; }\r\n .flow-node span { display: none; }\r\n .flow-node.knowledge span { display: inline; }\r\n .flow-node.assistant, .flow-node.actions { min-width: 0; }\r\n .answer-card { width: 245px; right: 0; }\r\n .floating-tag.secure { right: 4%; }\r\n .intro-strip-grid { grid-template-columns: 1fr; }\r\n .intro-strip-main { grid-column: auto; }\r\n .intro-stat { min-height: 110px; border-bottom: 1px solid rgba(255,255,255,.09); }\r\n .pain-card { grid-template-columns: 51px 1fr; padding: 21px; }\r\n .pain-card::before { width: 45px; height: 45px; }\r\n .service-card { padding: 27px; }\r\n .process-visual, .use-case-grid, .deliverables, .why-grid { grid-template-columns: 1fr; }\r\n .process-step {\r\n min-height: 200px;\r\n border-right: 0 !important;\r\n border-bottom: 1px solid rgba(255,255,255,.1);\r\n }\r\n .process-step:last-child { border-bottom: 0; }\r\n .process-step::after { right: auto; top: auto; bottom: -7px; left: 27px; }\r\n .integration-cloud { min-height: 470px; transform: scale(.82); margin: -45px -35px; }\r\n .integration-content .feature-list { grid-template-columns: 1fr; }\r\n .security-panel { min-height: 420px; padding: 15px; }\r\n .security-chip { font-size: .66rem; }\r\n .security-chip.c1 { top: 8%; left: 2%; }\r\n .security-chip.c2 { top: 9%; right: 1%; }\r\n .security-chip.c3 { bottom: 11%; left: 1%; }\r\n .security-chip.c4 { right: 1%; bottom: 10%; }\r\n .cta-panel { min-height: 0; padding: 38px 26px; border-radius: 25px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <main id=\"contenu\">\r\n <section class=\"hero\" aria-labelledby=\"titre-principal\">\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-content\">\r\n <nav class=\"breadcrumbs\" aria-label=\"Fil d\u2019Ariane\">\r\n <a href=\"https:\/\/gvision.be\/\">Accueil<\/a>\r\n <span aria-hidden=\"true\">\/<\/span>\r\n <a href=\"https:\/\/gvision.be\/ia-entreprise\/\">Intelligence artificielle<\/a>\r\n <span aria-hidden=\"true\">\/<\/span>\r\n <span aria-current=\"page\">SOP, RAG & Wiki<\/span>\r\n <\/nav>\r\n\r\n <div class=\"hero-kicker\">\r\n <span class=\"hero-kicker-dot\" aria-hidden=\"true\"><\/span>\r\n Gestion des connaissances & agents IA\r\n <\/div>\r\n\r\n <h1 id=\"titre-principal\">\r\n Transformez le savoir de votre entreprise en\r\n <span class=\"gradient-text\">assistants IA utiles<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-copy\">\r\n GVISION r\u00e9dige vos <strong>proc\u00e9dures op\u00e9rationnelles (SOP)<\/strong>, structure votre <strong>wiki d'entreprise<\/strong> et pr\u00e9pare une <strong>base documentaire RAG<\/strong> fiable, afin que vos collaborateurs et vos agents IA trouvent rapidement la bonne information.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <a class=\"button button-primary\" href=\"https:\/\/gvision.be\/contacts\/\">\r\n Discuter de mon projet\r\n <svg class=\"button-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a class=\"button button-secondary\" href=\"#services\">\r\n D\u00e9couvrir le service\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-points\" aria-label=\"Principaux avantages\">\r\n <span class=\"hero-point\"><span class=\"check\">\u2713<\/span> Documentation claire<\/span>\r\n <span class=\"hero-point\"><span class=\"check\">\u2713<\/span> R\u00e9ponses bas\u00e9es sur vos sources<\/span>\r\n <span class=\"hero-point\"><span class=\"check\">\u2713<\/span> Acc\u00e8s s\u00e9curis\u00e9s<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\" aria-label=\"Illustration : documents transform\u00e9s en base de connaissances puis utilis\u00e9s par un assistant IA\">\r\n <div class=\"hero-orbit\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"floating-tag secure\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n <\/svg>\r\n Acc\u00e8s contr\u00f4l\u00e9s\r\n <\/div>\r\n\r\n <div class=\"knowledge-canvas\">\r\n <div class=\"canvas-head\">\r\n <div class=\"canvas-dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/div>\r\n <div class=\"canvas-status\">Base synchronis\u00e9e<\/div>\r\n <\/div>\r\n\r\n <div class=\"knowledge-flow\">\r\n <div class=\"flow-line one\" aria-hidden=\"true\"><\/div>\r\n <div class=\"flow-line two\" aria-hidden=\"true\"><\/div>\r\n <div class=\"flow-line three\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"flow-node word\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M7 2h7l5 5v15H7zM14 2v6h5M10 13h6M10 17h6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <span>Proc\u00e9dures<\/span>\r\n <\/div>\r\n\r\n <div class=\"flow-node pdf\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M7 2h7l5 5v15H7zM14 2v6h5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M9.5 16.5h5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <span>PDF & contrats<\/span>\r\n <\/div>\r\n\r\n <div class=\"flow-node sharepoint\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M4 7.5 12 3l8 4.5-8 4.5zM4 12l8 4.5 8-4.5M4 16.5 12 21l8-4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <span>SharePoint<\/span>\r\n <\/div>\r\n\r\n <div class=\"flow-node knowledge\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 3a4 4 0 0 0-4 4v1a4 4 0 0 0-2 7.5A4 4 0 0 0 10 21h2V3ZM12 7h3a3 3 0 0 1 1.5 5.6A4 4 0 0 1 14 20h-2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <span>Base de connaissances<\/span>\r\n <\/div>\r\n\r\n <div class=\"flow-node assistant\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <rect x=\"4\" y=\"6\" width=\"16\" height=\"13\" rx=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n <path d=\"M9 11h.01M15 11h.01M9 15h6M12 6V3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <span>Agent IA<\/span>\r\n <\/div>\r\n\r\n <div class=\"flow-node actions\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 3v18M3 12h18M6 6l12 12M18 6 6 18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <span>Outils m\u00e9tier<\/span>\r\n <\/div>\r\n\r\n <div class=\"answer-card\">\r\n <div class=\"answer-card-head\">\r\n <span class=\"answer-avatar\">AI<\/span>\r\n Assistant interne GVISION\r\n <\/div>\r\n <p>Voici la proc\u00e9dure valid\u00e9e pour traiter une demande urgente en dehors des heures de bureau.<\/p>\r\n <span class=\"answer-source\">Source : SOP-014 \u00b7 version 3<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"floating-tag updated\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M20 11a8 8 0 1 1-2.3-5.7L20 8M20 3v5h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n Informations \u00e0 jour\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"intro-strip\" aria-label=\"R\u00e9sum\u00e9 du service\">\r\n <div class=\"container intro-strip-grid\">\r\n <div class=\"intro-strip-main\">\r\n <p><strong>Votre entreprise poss\u00e8de d\u00e9j\u00e0 la connaissance dont l'IA a besoin.<\/strong><br>Notre r\u00f4le est de la collecter, de la clarifier et de la rendre r\u00e9ellement exploitable.<\/p>\r\n <\/div>\r\n <div class=\"intro-stat\">\r\n <strong>SOP<\/strong>\r\n <span>Des proc\u00e9dures faciles \u00e0 suivre<\/span>\r\n <\/div>\r\n <div class=\"intro-stat\">\r\n <strong>Wiki<\/strong>\r\n <span>Une source de v\u00e9rit\u00e9 commune<\/span>\r\n <\/div>\r\n <div class=\"intro-stat\">\r\n <strong>RAG<\/strong>\r\n <span>Des r\u00e9ponses fond\u00e9es sur vos documents<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-soft\" id=\"besoins\">\r\n <div class=\"container problem-grid\">\r\n <div class=\"problem-sticky reveal\">\r\n <span class=\"eyebrow\">Le point de d\u00e9part<\/span>\r\n <h2>La connaissance existe, mais elle est souvent <span class=\"gradient-text\">dispers\u00e9e<\/span><\/h2>\r\n <p class=\"section-lead\">Avant de connecter une intelligence artificielle \u00e0 votre entreprise, il faut lui donner des informations fiables, compr\u00e9hensibles et \u00e0 jour.<\/p>\r\n\r\n <div class=\"problem-quote\">\r\n <strong>Une IA ne peut pas deviner vos m\u00e9thodes internes.<\/strong>\r\n Elle doit pouvoir consulter une documentation valid\u00e9e, comme le ferait un collaborateur exp\u00e9riment\u00e9.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pain-list\">\r\n <article class=\"pain-card reveal\">\r\n <div>\r\n <h3>Les proc\u00e9dures reposent sur les habitudes de chacun<\/h3>\r\n <p>Deux personnes r\u00e9alisent la m\u00eame t\u00e2che diff\u00e9remment, sans document officiel pour les guider.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"pain-card reveal\">\r\n <div>\r\n <h3>Les informations sont r\u00e9parties dans trop d'outils<\/h3>\r\n <p>Word, PDF, e-mails, Teams, SharePoint, dossiers r\u00e9seau et applications m\u00e9tier contiennent chacun une partie de la r\u00e9ponse.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"pain-card reveal\">\r\n <div>\r\n <h3>La formation des nouveaux collaborateurs prend du temps<\/h3>\r\n <p>Les nouveaux arrivants doivent interrompre leurs coll\u00e8gues pour comprendre les m\u00e9thodes et les exceptions.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"pain-card reveal\">\r\n <div>\r\n <h3>Une partie du savoir d\u00e9pend de quelques personnes<\/h3>\r\n <p>Une absence ou un d\u00e9part peut rendre certaines connaissances difficiles \u00e0 retrouver ou \u00e0 transmettre.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"pain-card reveal\">\r\n <div>\r\n <h3>Les assistants IA donnent des r\u00e9ponses trop g\u00e9n\u00e9rales<\/h3>\r\n <p>Ils connaissent le monde public, mais pas vos contrats, vos r\u00e8gles, vos clients ou vos proc\u00e9dures internes.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"pain-card reveal\">\r\n <div>\r\n <h3>Plusieurs versions d'un m\u00eame document circulent<\/h3>\r\n <p>Vos \u00e9quipes ne savent plus toujours quelle proc\u00e9dure est \u00e0 jour ni qui doit la valider.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-head center reveal\">\r\n <span class=\"eyebrow\">Notre service<\/span>\r\n <h2>Trois fondations pour une entreprise <span class=\"gradient-text\">pr\u00eate pour l'IA<\/span><\/h2>\r\n <p class=\"section-lead\">Nous construisons une cha\u00eene de connaissances coh\u00e9rente, depuis la r\u00e9daction des proc\u00e9dures jusqu'\u00e0 leur utilisation par vos collaborateurs et vos agents IA.<\/p>\r\n <\/div>\r\n\r\n <div class=\"service-grid\">\r\n <article class=\"service-card reveal\">\r\n <div class=\"service-number\">\r\n <span>01 \u2014 PROC\u00c9DURES<\/span>\r\n <span class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M6 3h9l4 4v14H6zM15 3v5h4M9 12h7M9 16h7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <\/div>\r\n <h3>SOP : des m\u00e9thodes claires que chacun peut suivre<\/h3>\r\n <p>Une SOP explique simplement comment r\u00e9aliser une t\u00e2che r\u00e9currente. GVISION \u00e9change avec vos \u00e9quipes et transforme leur exp\u00e9rience en proc\u00e9dures structur\u00e9es, faciles \u00e0 appliquer et \u00e0 mettre \u00e0 jour.<\/p>\r\n <ul class=\"feature-list\">\r\n <li>Objectifs et responsabilit\u00e9s<\/li>\r\n <li>\u00c9tapes d\u00e9taill\u00e9es et contr\u00f4les<\/li>\r\n <li>Exceptions et situations particuli\u00e8res<\/li>\r\n <li>Documents, mod\u00e8les et outils associ\u00e9s<\/li>\r\n <li>Version, propri\u00e9taire et date de r\u00e9vision<\/li>\r\n <\/ul>\r\n <div class=\"plain-language\"><strong>Exemple :<\/strong> comment accueillir un client, traiter une facture, cr\u00e9er un utilisateur ou g\u00e9rer un incident.<\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card reveal\">\r\n <div class=\"service-number\">\r\n <span>02 \u2014 CONNAISSANCES<\/span>\r\n <span class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M4 5.5A3.5 3.5 0 0 1 7.5 2H20v16H7.5A3.5 3.5 0 0 0 4 21.5zM4 5.5v16M8 7h8M8 11h7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <\/div>\r\n <h3>Wiki : un centre de connaissances vivant<\/h3>\r\n <p>Le wiki devient le point de r\u00e9f\u00e9rence de votre entreprise. Vos \u00e9quipes y retrouvent les proc\u00e9dures, guides, r\u00e8gles internes, r\u00e9ponses fr\u00e9quentes et documents utiles dans une structure claire.<\/p>\r\n <ul class=\"feature-list\">\r\n <li>Arborescence adapt\u00e9e \u00e0 vos services<\/li>\r\n <li>Recherche rapide et navigation simple<\/li>\r\n <li>Gestion des versions et validations<\/li>\r\n <li>Contenus RH, m\u00e9tiers et techniques<\/li>\r\n <li>Acc\u00e8s depuis vos outils habituels<\/li>\r\n <\/ul>\r\n <div class=\"plain-language\"><strong>R\u00e9sultat :<\/strong> une source unique et fiable, au lieu d'informations \u00e9parpill\u00e9es dans plusieurs dossiers.<\/div>\r\n <\/article>\r\n\r\n <article class=\"service-card reveal\">\r\n <div class=\"service-number\">\r\n <span>03 \u2014 AGENTS IA<\/span>\r\n <span class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 3a4 4 0 0 0-4 4v1a4 4 0 0 0-2 7.5A4 4 0 0 0 10 21h2V3ZM12 7h3a3 3 0 0 1 1.5 5.6A4 4 0 0 1 14 20h-2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <\/div>\r\n <h3>RAG : des r\u00e9ponses bas\u00e9es sur vos propres documents<\/h3>\r\n <p>Un syst\u00e8me RAG permet \u00e0 un agent IA de rechercher la bonne information dans vos documents avant de r\u00e9pondre. Il s'appuie ainsi sur vos sources valid\u00e9es plut\u00f4t que sur une r\u00e9ponse g\u00e9n\u00e9rale.<\/p>\r\n <ul class=\"feature-list\">\r\n <li>S\u00e9lection et nettoyage des sources<\/li>\r\n <li>Pr\u00e9paration des documents pour la recherche<\/li>\r\n <li>R\u00e9ponses accompagn\u00e9es de r\u00e9f\u00e9rences<\/li>\r\n <li>Respect des droits d'acc\u00e8s<\/li>\r\n <li>M\u00e9thode de mise \u00e0 jour continue<\/li>\r\n <\/ul>\r\n <div class=\"plain-language\"><strong>En termes simples :<\/strong> l'assistant consulte votre biblioth\u00e8que interne avant de formuler sa r\u00e9ponse.<\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-dark\" id=\"chaine\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">Une seule cha\u00eene de connaissance<\/span>\r\n <h2>Documenter. Structurer. Connecter. Automatiser.<\/h2>\r\n <p class=\"section-lead\">Les SOP, le wiki et le RAG ne sont pas trois projets isol\u00e9s. Ils forment les diff\u00e9rentes \u00e9tapes d'une m\u00eame strat\u00e9gie de transmission et d'utilisation du savoir.<\/p>\r\n <\/div>\r\n\r\n <div class=\"process-visual\">\r\n <article class=\"process-step reveal\">\r\n <span class=\"process-step-number\">01<\/span>\r\n <h3>Collecter<\/h3>\r\n <p>Nous identifions les connaissances pr\u00e9sentes dans vos documents et aupr\u00e8s de vos collaborateurs.<\/p>\r\n <\/article>\r\n <article class=\"process-step reveal\">\r\n <span class=\"process-step-number\">02<\/span>\r\n <h3>R\u00e9diger<\/h3>\r\n <p>Nous transformons les pratiques r\u00e9elles en proc\u00e9dures simples, homog\u00e8nes et compr\u00e9hensibles.<\/p>\r\n <\/article>\r\n <article class=\"process-step reveal\">\r\n <span class=\"process-step-number\">03<\/span>\r\n <h3>Centraliser<\/h3>\r\n <p>Nous organisons les contenus dans un wiki ou une base documentaire structur\u00e9e.<\/p>\r\n <\/article>\r\n <article class=\"process-step reveal\">\r\n <span class=\"process-step-number\">04<\/span>\r\n <h3>S\u00e9curiser<\/h3>\r\n <p>Nous d\u00e9finissons qui peut consulter, modifier ou utiliser chaque cat\u00e9gorie d'information.<\/p>\r\n <\/article>\r\n <article class=\"process-step reveal\">\r\n <span class=\"process-step-number\">05<\/span>\r\n <h3>Connecter<\/h3>\r\n <p>Nous rendons les connaissances accessibles \u00e0 vos assistants et agents IA.<\/p>\r\n <\/article>\r\n <article class=\"process-step reveal\">\r\n <span class=\"process-step-number\">06<\/span>\r\n <h3>Automatiser<\/h3>\r\n <p>Nous relions l'IA \u00e0 vos outils pour pr\u00e9parer une r\u00e9ponse ou d\u00e9clencher une action contr\u00f4l\u00e9e.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-soft\" id=\"cas-usage\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">Applications concr\u00e8tes<\/span>\r\n <h2>Une base de connaissances utile dans <span class=\"gradient-text\">chaque d\u00e9partement<\/span><\/h2>\r\n <p class=\"section-lead\">Le projet peut commencer par un besoin pr\u00e9cis, avec un p\u00e9rim\u00e8tre limit\u00e9 et des r\u00e9sultats imm\u00e9diatement mesurables.<\/p>\r\n <\/div>\r\n\r\n <div class=\"use-case-grid\">\r\n <article class=\"use-case reveal\">\r\n <span class=\"use-case-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M4 13a8 8 0 0 1 16 0v4a2 2 0 0 1-2 2h-2v-6h4M4 13v6H2a2 2 0 0 1-2-2v-4h4ZM8 21h8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <h3>Support & service client<\/h3>\r\n <p>Retrouver une proc\u00e9dure, guider un collaborateur, proposer une r\u00e9ponse ou identifier les \u00e9tapes de r\u00e9solution d'une demande.<\/p>\r\n <\/article>\r\n\r\n <article class=\"use-case reveal\">\r\n <span class=\"use-case-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <h3>Ressources humaines<\/h3>\r\n <p>R\u00e9pondre aux questions d'onboarding, retrouver une politique interne, expliquer un processus administratif ou guider un nouveau collaborateur.<\/p>\r\n <\/article>\r\n\r\n <article class=\"use-case reveal\">\r\n <span class=\"use-case-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M4 4h16v16H4zM8 8h8M8 12h5M8 16h3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <h3>Administration & finance<\/h3>\r\n <p>Acc\u00e9der aux r\u00e8gles de validation, aux mod\u00e8les, aux proc\u00e9dures de facturation et aux informations n\u00e9cessaires au traitement d'un dossier.<\/p>\r\n <\/article>\r\n\r\n <article class=\"use-case reveal\">\r\n <span class=\"use-case-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"m3 11 18-8-8 18-2-8zM11 13l4-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <h3>\u00c9quipe commerciale<\/h3>\r\n <p>Consulter les services, les arguments, les conditions, les proc\u00e9dures de remise d'offre et les r\u00e9ponses aux objections fr\u00e9quentes.<\/p>\r\n <\/article>\r\n\r\n <article class=\"use-case reveal\">\r\n <span class=\"use-case-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 3v18h18M7 16l4-4 3 3 5-7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <h3>Direction & management<\/h3>\r\n <p>Visualiser les processus, clarifier les responsabilit\u00e9s et identifier les connaissances qui doivent encore \u00eatre document\u00e9es.<\/p>\r\n <\/article>\r\n\r\n <article class=\"use-case reveal\">\r\n <span class=\"use-case-icon\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"m12 2 3 5 6 .9-4.5 4.4 1 6.2-5.5-2.9-5.5 2.9 1-6.2L3 7.9 9 7z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/span>\r\n <h3>Op\u00e9rations & qualit\u00e9<\/h3>\r\n <p>Appliquer les m\u00eames m\u00e9thodes, utiliser les documents valid\u00e9s et g\u00e9rer de fa\u00e7on coh\u00e9rente les situations habituelles ou exceptionnelles.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"integrations\">\r\n <div class=\"container integrations-wrap\">\r\n <div class=\"integration-cloud reveal\" aria-label=\"Exemples d'int\u00e9grations possibles\">\r\n <div class=\"integration-ring\" aria-hidden=\"true\"><\/div>\r\n <div class=\"integration-center\">VOTRE BASE<br>DE CONNAISSANCES<\/div>\r\n <div class=\"integration-badge\">Microsoft 365<\/div>\r\n <div class=\"integration-badge\">SharePoint<\/div>\r\n <div class=\"integration-badge\">Teams<\/div>\r\n <div class=\"integration-badge\">Copilot Studio<\/div>\r\n <div class=\"integration-badge\">CRM \/ ERP<\/div>\r\n <div class=\"integration-badge\">n8n<\/div>\r\n <div class=\"integration-badge\">Applications m\u00e9tier<\/div>\r\n <\/div>\r\n\r\n <div class=\"integration-content reveal\">\r\n <span class=\"eyebrow\">Outils & int\u00e9grations<\/span>\r\n <h2>Connectez vos connaissances aux outils que vous utilisez d\u00e9j\u00e0<\/h2>\r\n <p class=\"section-lead\">Votre entreprise n'a pas besoin de remplacer toutes ses applications. GVISION construit la solution autour de votre environnement, de vos contraintes et de vos objectifs.<\/p>\r\n\r\n <ul class=\"feature-list\">\r\n <li>Microsoft 365<\/li>\r\n <li>Microsoft SharePoint<\/li>\r\n <li>Microsoft Teams<\/li>\r\n <li>Copilot & Copilot Studio<\/li>\r\n <li>OneDrive<\/li>\r\n <li>Notion & Confluence<\/li>\r\n <li>Google Drive<\/li>\r\n <li>CRM, ERP et outils m\u00e9tier<\/li>\r\n <li>Power Automate<\/li>\r\n <li>n8n et workflows IA<\/li>\r\n <\/ul>\r\n\r\n <div class=\"integration-note\">\r\n <strong>Des agents IA qui peuvent aussi agir.<\/strong><br>\r\n Selon votre projet, l'agent peut rechercher une information, pr\u00e9parer un brouillon, compl\u00e9ter un formulaire, consulter un dossier ou d\u00e9clencher un workflow avec des r\u00e8gles et validations d\u00e9finies.\r\n <\/div>\r\n\r\n <div style=\"margin-top:30px\">\r\n <a class=\"button button-dark\" href=\"https:\/\/gvision.be\/agent-ia-mcp-gvision\/\">\r\n D\u00e9couvrir les agents IA\r\n <svg class=\"button-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-soft\" id=\"methode\">\r\n <div class=\"container method-layout\">\r\n <div class=\"method-intro reveal\">\r\n <span class=\"eyebrow\">Notre m\u00e9thode<\/span>\r\n <h2>Un projet structur\u00e9, de l'interview jusqu'\u00e0 l'agent IA<\/h2>\r\n <p class=\"section-lead\">Vos collaborateurs restent les propri\u00e9taires de la connaissance m\u00e9tier. GVISION organise, r\u00e9dige, s\u00e9curise et int\u00e8gre la solution.<\/p>\r\n <a class=\"button button-primary\" href=\"https:\/\/gvision.be\/contacts\/\" style=\"margin-top:26px\">Planifier un atelier<\/a>\r\n <\/div>\r\n\r\n <div class=\"method-list\">\r\n <article class=\"method-item reveal\">\r\n <span class=\"method-dot\">01<\/span>\r\n <div class=\"method-card\">\r\n <h3>Diagnostic documentaire<\/h3>\r\n <p>Nous analysons les proc\u00e9dures, les espaces de stockage, les outils et les besoins des diff\u00e9rents services. Nous identifions les connaissances prioritaires et les doublons.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"method-item reveal\">\r\n <span class=\"method-dot\">02<\/span>\r\n <div class=\"method-card\">\r\n <h3>Collecte des connaissances<\/h3>\r\n <p>Nous organisons des entretiens ou des ateliers avec les personnes qui ma\u00eetrisent les processus, afin de documenter ce qui est r\u00e9ellement fait sur le terrain.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"method-item reveal\">\r\n <span class=\"method-dot\">03<\/span>\r\n <div class=\"method-card\">\r\n <h3>R\u00e9daction et structuration<\/h3>\r\n <p>Nous transformons les informations collect\u00e9es en contenus coh\u00e9rents, faciles \u00e0 comprendre et organis\u00e9s selon une structure commune.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"method-item reveal\">\r\n <span class=\"method-dot\">04<\/span>\r\n <div class=\"method-card\">\r\n <h3>Validation par vos \u00e9quipes<\/h3>\r\n <p>Chaque proc\u00e9dure est relue par les responsables concern\u00e9s avant publication. Les r\u00e8gles m\u00e9tier et les d\u00e9cisions restent sous votre contr\u00f4le.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"method-item reveal\">\r\n <span class=\"method-dot\">05<\/span>\r\n <div class=\"method-card\">\r\n <h3>Pr\u00e9paration pour l'intelligence artificielle<\/h3>\r\n <p>Nous pr\u00e9parons les documents afin qu'un agent IA puisse trouver rapidement la bonne information, respecter les acc\u00e8s et indiquer les sources utilis\u00e9es.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"method-item reveal\">\r\n <span class=\"method-dot\">06<\/span>\r\n <div class=\"method-card\">\r\n <h3>Int\u00e9gration et am\u00e9lioration continue<\/h3>\r\n <p>Nous connectons la base \u00e0 vos outils et mettons en place une m\u00e9thode simple pour ajouter, corriger, valider et r\u00e9viser les futurs contenus.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-dark\" id=\"securite\">\r\n <div class=\"container security-grid\">\r\n <div class=\"security-panel reveal\" aria-label=\"Illustration de la s\u00e9curit\u00e9 des connaissances\">\r\n <div class=\"security-shield\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M7 11V8a5 5 0 0 1 10 0v3M5 11h14v10H5zM12 15v3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"security-chip c1\">Droits par utilisateur<\/span>\r\n <span class=\"security-chip c2\">Versions valid\u00e9es<\/span>\r\n <span class=\"security-chip c3\">Tra\u00e7abilit\u00e9<\/span>\r\n <span class=\"security-chip c4\">Donn\u00e9es ma\u00eetris\u00e9es<\/span>\r\n <\/div>\r\n\r\n <div class=\"security-content reveal\">\r\n <span class=\"eyebrow\">S\u00e9curit\u00e9 & gouvernance<\/span>\r\n <h2>Vos connaissances restent sous contr\u00f4le<\/h2>\r\n <p class=\"section-lead\">Une base documentaire peut contenir des informations internes sensibles. La s\u00e9curit\u00e9 et la gouvernance doivent \u00eatre pr\u00e9vues d\u00e8s le d\u00e9but du projet.<\/p>\r\n\r\n <ul class=\"feature-list\">\r\n <li>Droits d'acc\u00e8s par utilisateur, r\u00f4le ou d\u00e9partement<\/li>\r\n <li>S\u00e9paration des informations publiques et confidentielles<\/li>\r\n <li>Authentification et contr\u00f4le des identit\u00e9s<\/li>\r\n <li>Gestion des versions et historique des modifications<\/li>\r\n <li>Validation des nouvelles proc\u00e9dures avant publication<\/li>\r\n <li>R\u00e9vision et suppression des contenus obsol\u00e8tes<\/li>\r\n <li>Prise en compte du RGPD et des politiques internes<\/li>\r\n <li>Choix de l'h\u00e9bergement selon vos contraintes<\/li>\r\n <\/ul>\r\n\r\n <p style=\"margin-top:26px;color:#fff;font-weight:800\">Un agent IA ne doit acc\u00e9der qu'aux informations que son utilisateur est autoris\u00e9 \u00e0 consulter.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-soft\" id=\"livrables\">\r\n <div class=\"container\">\r\n <div class=\"section-head center reveal\">\r\n <span class=\"eyebrow\">Ce que vous recevez<\/span>\r\n <h2>Des livrables utiles, pas uniquement de la documentation<\/h2>\r\n <p class=\"section-lead\">Le contenu exact d\u00e9pend du p\u00e9rim\u00e8tre, mais chaque projet vise \u00e0 rendre le savoir durable, accessible et directement exploitable.<\/p>\r\n <\/div>\r\n\r\n <div class=\"deliverables\">\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">01<\/span>\r\n <strong>Cartographie des connaissances<\/strong>\r\n <p>Les sources, les responsables, les doublons et les informations prioritaires.<\/p>\r\n <\/article>\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">02<\/span>\r\n <strong>Mod\u00e8les de SOP<\/strong>\r\n <p>Une structure homog\u00e8ne adapt\u00e9e \u00e0 votre organisation et \u00e0 vos processus.<\/p>\r\n <\/article>\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">03<\/span>\r\n <strong>Proc\u00e9dures r\u00e9dig\u00e9es<\/strong>\r\n <p>Des contenus complets, relus et valid\u00e9s par vos responsables m\u00e9tier.<\/p>\r\n <\/article>\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">04<\/span>\r\n <strong>Arborescence du wiki<\/strong>\r\n <p>Une organisation claire pour retrouver rapidement chaque information.<\/p>\r\n <\/article>\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">05<\/span>\r\n <strong>Base pr\u00e9par\u00e9e pour le RAG<\/strong>\r\n <p>Des documents nettoy\u00e9s, structur\u00e9s et pr\u00eats \u00e0 \u00eatre interrog\u00e9s par l'IA.<\/p>\r\n <\/article>\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">06<\/span>\r\n <strong>Assistant IA connect\u00e9<\/strong>\r\n <p>Un assistant interne adapt\u00e9 \u00e0 un besoin pr\u00e9cis et \u00e0 vos droits d'acc\u00e8s.<\/p>\r\n <\/article>\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">07<\/span>\r\n <strong>Gouvernance documentaire<\/strong>\r\n <p>Responsables, validations, r\u00e9visions et r\u00e8gles de mise \u00e0 jour.<\/p>\r\n <\/article>\r\n <article class=\"deliverable reveal\">\r\n <span class=\"deliverable-mark\">08<\/span>\r\n <strong>Formation & accompagnement<\/strong>\r\n <p>Une m\u00e9thode durable pour vos \u00e9quipes, au-del\u00e0 de la livraison initiale.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section section-dark\" id=\"pourquoi-gvision\">\r\n <div class=\"container\">\r\n <div class=\"section-head reveal\">\r\n <span class=\"eyebrow\">Pourquoi GVISION<\/span>\r\n <h2>Un partenaire IT belge pour structurer et activer votre connaissance<\/h2>\r\n <p class=\"section-lead\">La documentation, la s\u00e9curit\u00e9, Microsoft 365, les infrastructures et les agents IA sont g\u00e9r\u00e9s par une seule \u00e9quipe.<\/p>\r\n <\/div>\r\n\r\n <div class=\"why-grid\">\r\n <article class=\"why-card reveal\">\r\n <span class=\"why-card-number\">01<\/span>\r\n <h3>Approche m\u00e9tier<\/h3>\r\n <p>Nous commen\u00e7ons par comprendre votre activit\u00e9 et vos \u00e9quipes avant de choisir les outils.<\/p>\r\n <\/article>\r\n <article class=\"why-card reveal\">\r\n <span class=\"why-card-number\">02<\/span>\r\n <h3>Expertise IT compl\u00e8te<\/h3>\r\n <p>SharePoint, Microsoft 365, identit\u00e9s, s\u00e9curit\u00e9, automatisation et intelligence artificielle.<\/p>\r\n <\/article>\r\n <article class=\"why-card reveal\">\r\n <span class=\"why-card-number\">03<\/span>\r\n <h3>Explications accessibles<\/h3>\r\n <p>Des concepts complexes traduits en d\u00e9cisions et b\u00e9n\u00e9fices compr\u00e9hensibles par tous.<\/p>\r\n <\/article>\r\n <article class=\"why-card reveal\">\r\n <span class=\"why-card-number\">04<\/span>\r\n <h3>Accompagnement durable<\/h3>\r\n <p>Nous vous aidons \u00e0 maintenir la documentation et les agents IA dans le temps.<\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section\" id=\"faq\">\r\n <div class=\"container faq-layout\">\r\n <div class=\"faq-intro reveal\">\r\n <span class=\"eyebrow\">Questions fr\u00e9quentes<\/span>\r\n <h2>Comprendre les SOP, le RAG et les Wiki d'entreprise<\/h2>\r\n <p class=\"section-lead\">Les r\u00e9ponses essentielles pour d\u00e9marrer votre projet sans jargon inutile.<\/p>\r\n <a class=\"button button-secondary\" href=\"https:\/\/gvision.be\/contacts\/\" style=\"margin-top:22px\">Poser une question<\/a>\r\n <\/div>\r\n\r\n <div class=\"faq-list\">\r\n <details class=\"faq-item reveal\">\r\n <summary>Qu'est-ce qu'une SOP ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Une SOP, ou proc\u00e9dure op\u00e9rationnelle standard, est un document qui explique les \u00e9tapes \u00e0 suivre pour r\u00e9aliser une t\u00e2che de mani\u00e8re coh\u00e9rente. Elle aide chaque collaborateur \u00e0 appliquer la m\u00eame m\u00e9thode et \u00e0 respecter les contr\u00f4les d\u00e9finis par l'entreprise.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Quelle est la diff\u00e9rence entre un wiki et un syst\u00e8me RAG ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Le wiki est l'espace dans lequel les collaborateurs consultent les connaissances de l'entreprise. Le syst\u00e8me RAG permet \u00e0 un assistant IA de rechercher automatiquement une information dans ces connaissances avant de r\u00e9pondre. Les deux solutions peuvent fonctionner ensemble.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Le RAG est-il une intelligence artificielle ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Le RAG n'est pas une intelligence artificielle en lui-m\u00eame. Il agit comme un pont entre l'assistant IA et vos documents internes. Il permet \u00e0 l'assistant de consulter vos sources avant de formuler sa r\u00e9ponse.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Devons-nous d\u00e9j\u00e0 avoir beaucoup de documentation ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Non. GVISION peut partir de vos fichiers existants et des connaissances d\u00e9tenues par vos collaborateurs. Le projet peut commencer par quelques proc\u00e9dures essentielles, puis s'\u00e9tendre progressivement.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Pouvez-vous utiliser nos documents Word, PDF et SharePoint existants ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Oui. Nous pouvons analyser et restructurer des informations provenant notamment de Word, PDF, Excel, SharePoint, OneDrive, Teams, Notion, Confluence et d'autres plateformes. La faisabilit\u00e9 d\u00e9pend de la qualit\u00e9, de la confidentialit\u00e9 et du format des donn\u00e9es.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Pouvons-nous conserver notre environnement Microsoft 365 ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Oui. SharePoint peut devenir votre centre documentaire, avec une int\u00e9gration possible dans Teams, Copilot, Copilot Studio ou Power Automate. GVISION peut \u00e9galement connecter d'autres plateformes selon votre environnement.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Un agent IA peut-il acc\u00e9der \u00e0 toutes nos informations ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Non. Les droits sont d\u00e9finis selon le r\u00f4le de chaque utilisateur. Un collaborateur ne doit pas recevoir une r\u00e9ponse fond\u00e9e sur un document qu'il n'est normalement pas autoris\u00e9 \u00e0 consulter.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Qui valide les proc\u00e9dures r\u00e9dig\u00e9es ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Les responsables m\u00e9tier de votre entreprise valident les proc\u00e9dures. GVISION organise, r\u00e9dige et structure les contenus, mais les r\u00e8gles et les d\u00e9cisions m\u00e9tier restent sous votre contr\u00f4le.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Comment maintenir la documentation \u00e0 jour ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Nous mettons en place des propri\u00e9taires, des dates de r\u00e9vision, un historique de versions et un processus de validation. Une proc\u00e9dure peut ainsi \u00eatre v\u00e9rifi\u00e9e r\u00e9guli\u00e8rement et remplac\u00e9e lorsqu'une nouvelle version est approuv\u00e9e.<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"faq-item reveal\">\r\n <summary>Ce service est-il r\u00e9serv\u00e9 aux grandes entreprises ?<\/summary>\r\n <div class=\"faq-answer\">\r\n <p>Non. Une PME peut commencer par un seul processus, un espace documentaire simple et un assistant interne limit\u00e9 \u00e0 un besoin pr\u00e9cis. La solution peut ensuite \u00e9voluer avec l'entreprise.<\/p>\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"final-cta\">\r\n <div class=\"container\">\r\n <div class=\"cta-panel reveal\">\r\n <div>\r\n <span class=\"eyebrow\">Commencez simplement<\/span>\r\n <h2>Donnez \u00e0 vos \u00e9quipes et \u00e0 vos agents IA des informations fiables<\/h2>\r\n <p>Nous pouvons commencer par un d\u00e9partement, un processus ou un cas d'usage concret : onboarding, support client, administration, documentation IT ou connaissances commerciales.<\/p>\r\n <div class=\"hero-actions\">\r\n <a class=\"button button-primary\" href=\"https:\/\/gvision.be\/contacts\/\">\r\n Planifier un rendez-vous\r\n <svg class=\"button-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M13 6l6 6-6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a class=\"button button-secondary\" href=\"tel:+3223159660\">Nous appeler<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-visual\" aria-hidden=\"true\">\r\n <div class=\"cta-rings\">\r\n <div class=\"cta-core\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 3a4 4 0 0 0-4 4v1a4 4 0 0 0-2 7.5A4 4 0 0 0 10 21h2V3ZM12 7h3a3 3 0 0 1 1.5 5.6A4 4 0 0 1 14 20h-2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n (function () {\r\n const revealElements = document.querySelectorAll('.reveal');\r\n\r\n if ('IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n const observer = new IntersectionObserver(function (entries, obs) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('is-visible');\r\n obs.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12, rootMargin: '0px 0px -45px 0px' });\r\n\r\n revealElements.forEach(function (element) {\r\n observer.observe(element);\r\n });\r\n } else {\r\n revealElements.forEach(function (element) {\r\n element.classList.add('is-visible');\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SOP, RAG & Wiki d\u2019entreprise en Belgique | GVISION Accueil \/ Intelligence artificielle \/ SOP, RAG & Wiki Gestion des connaissances & agents IA Transformez le savoir de votre entreprise […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-11688","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/pages\/11688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/comments?post=11688"}],"version-history":[{"count":4,"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/pages\/11688\/revisions"}],"predecessor-version":[{"id":11692,"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/pages\/11688\/revisions\/11692"}],"wp:attachment":[{"href":"https:\/\/gvision.be\/en\/wp-json\/wp\/v2\/media?parent=11688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}