Changes for page Konnaissance

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -41,91 +41,92 @@
41	41	/* ── Hero banner ───────────────────────────────────────────────── */
42	42	.konna .hero{
43	43	background:#FF6A0017;border:1px solid #FF6A0047;border-left:4px solid #FF6A0047;
44		- border-radius:10px;padding:14px 18px;display:flex;align-items:flex-start;gap:12px
	44	+ border-radius:10px;padding:14px 18px;display:flex;align-items:flex-start;gap:12px;
45	45	}
46		-.konna .hero-icon{font-size:20px;line-height:1;color:#534AB7;flex-shrink:0;padding-top:2px}
47		-.konna .hero-text{font-size:13px;color:#444441;line-height:1.55}
	46	+.konna .hero-icon{font-size:20px;line-height:1;color:#534AB7;flex-shrink:0;padding-top:2px;}
	47	+.konna .hero-text{font-size:13px;color:#444441;line-height:1.55;}
48	48
49	49	/* ── Score cards ───────────────────────────────────────────────── */
50		-.konna .score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
51		-@media(max-width:600px){.konna .score-grid{grid-template-columns:repeat(2,1fr)}}
	50	+.konna .score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
	51	+@media(max-width:600px){.konna .score-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
52	52	.konna .score-card{
53	53	background:#fff;border:1px solid #D3D1C7;border-radius:10px;
54	54	align-items:center;justify-content:center;
55		- padding:14px 12px;display:flex;flex-direction:column;gap:6px
	55	+ padding:14px 12px;display:flex;flex-direction:column;gap:6px;
	56	+ width: 100%;height: 140px;overflow:hidden;
56	56	}
57	57	.konna .score-card .ic{
58	58	width:32px;height:32px;border-radius:50%;
59	59	align-items:center;justify-content:center;
60		- display:flex;font-size:16px;flex-shrink:0
	61	+ display:flex;font-size:16px;flex: 0 0 32px;
61	61	}
62		-.konna .score-card .metric{font-size:24px;font-weight:600;line-height:1}
63		-.konna .score-card .label{font-size:11px;color:#888780;line-height:1.35}
	63	+.konna .score-card .metric{font-size:24px;font-weight:600;line-height:1;word-break:break-word;flex: 0 0 auto;}
	64	+.konna .score-card .label{font-size:11px;color:#888780;line-height:1.35;flex: 1 1 0;min-height: 0;overflow-y: auto;overflow-x: hidden;word-break: break-word;}
64	64
65	65	/* icon circle colors */
66		-.konna .ic-purple{background:#EEEDFE;color:#534AB7}
67		-.konna .ic-teal {background:#E1F5EE;color:#0F6E56}
68		-.konna .ic-amber {background:#FAEEDA;color:#854F0B}
69		-.konna .ic-coral {background:#FAECE7;color:#993C1D}
	67	+.konna .ic-purple{background:#EEEDFE;color:#534AB7;}
	68	+.konna .ic-teal {background:#E1F5EE;color:#0F6E56;}
	69	+.konna .ic-amber {background:#FAEEDA;color:#854F0B;}
	70	+.konna .ic-coral {background:#FAECE7;color:#993C1D;}
70	70
71	71	/* metric colors */
72		-.konna .c-purple{color:#534AB7}
73		-.konna .c-teal {color:#0F6E56}
74		-.konna .c-amber {color:#854F0B}
75		-.konna .c-coral {color:#993C1D}
	73	+.konna .c-purple{color:#534AB7;}
	74	+.konna .c-teal {color:#0F6E56;}
	75	+.konna .c-amber {color:#854F0B;}
	76	+.konna .c-coral {color:#993C1D;}
76	76
77	77	/* ── Section cards ─────────────────────────────────────────────── */
78	78	.konna .section{
79		- background:#fff;border:1px solid #D3D1C7;border-radius:10px;overflow:hidden
	80	+ background:#fff;border:1px solid #D3D1C7;border-radius:10px;overflow:hidden;
80	80	}
81	81	.konna .sec-head{
82	82	display:flex;align-items:center;gap:10px;
83		- padding:13px 16px 11px;border-bottom:1px solid #D3D1C7;flex-wrap:wrap
	84	+ padding:13px 16px 11px;border-bottom:1px solid #D3D1C7;flex-wrap:wrap;
84	84	}
85		-.konna .sec-icon{font-size:17px;flex-shrink:0}
86		-.konna .sec-title{font-size:14px;font-weight:600;flex:1;min-width:0}
87		-.konna .sec-body{padding:13px 16px;font-size:13px;color:#444441;line-height:1.65}
	86	+.konna .sec-icon{font-size:17px;flex-shrink:0;}
	87	+.konna .sec-title{font-size:14px;font-weight:600;flex:1;min-width:0;}
	88	+.konna .sec-body{padding:13px 16px;font-size:13px;color:#444441;line-height:1.65;}
88	88
89	89	/* ── Badges ────────────────────────────────────────────────────── */
90	90	.konna .badge{
91	91	font-size:11px;font-weight:500;padding:3px 10px;
92		- border-radius:20px;white-space:nowrap
	93	+ border-radius:20px;white-space:nowrap;
93	93	}
94		-.konna .b-purple{background:#EEEDFE;color:#3C3489;border:1px solid #AFA9EC}
95		-.konna .b-teal {background:#E1F5EE;color:#085041;border:1px solid #5DCAA5}
96		-.konna .b-amber {background:#FAEEDA;color:#633806;border:1px solid #EF9F27}
97		-.konna .b-coral {background:#FAECE7;color:#712B13;border:1px solid #F0997B}
98		-.konna .b-red {background:#FCEBEB;color:#791F1F;border:1px solid #F09595}
99		-.konna .b-green {background:#EAF3DE;color:#27500A;border:1px solid #97C459}
100		-.konna .b-blue {background:#E6F1FB;color:#0C447C;border:1px solid #85B7EB}
	95	+.konna .b-purple{background:#EEEDFE;color:#3C3489;border:1px solid #AFA9EC;}
	96	+.konna .b-teal {background:#E1F5EE;color:#085041;border:1px solid #5DCAA5;}
	97	+.konna .b-amber {background:#FAEEDA;color:#633806;border:1px solid #EF9F27;}
	98	+.konna .b-coral {background:#FAECE7;color:#712B13;border:1px solid #F0997B;}
	99	+.konna .b-red {background:#FCEBEB;color:#791F1F;border:1px solid #F09595;}
	100	+.konna .b-green {background:#EAF3DE;color:#27500A;border:1px solid #97C459;}
	101	+.konna .b-blue {background:#E6F1FB;color:#0C447C;border:1px solid #85B7EB;}
101	101
102	102	/* ── Checklist ─────────────────────────────────────────────────── */
103		-.konna .checklist{list-style:none;padding:0 16px 14px}
	104	+.konna .checklist{list-style:none;padding:0 16px 14px;}
104	104	.konna .checklist li{
105	105	display:flex;align-items:center;gap:9px;padding:6px 0;
106		- font-size:13px;color:#444441;border-bottom:1px solid #F1EFE8
	107	+ font-size:13px;color:#444441;border-bottom:1px solid #F1EFE8;
107	107	}
108		-.konna .checklist li:last-child{border-bottom:none}
109		-.konna .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
110		-.konna .dot-purple{background:#534AB7}
111		-.konna .dot-teal {background:#1D9E75}
112		-.konna .dot-amber {background:#BA7517}
113		-.konna .dot-coral {background:#D85A30}
	109	+.konna .checklist li:last-child{border-bottom:none;}
	110	+.konna .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
	111	+.konna .dot-purple{background:#534AB7;}
	112	+.konna .dot-teal {background:#1D9E75;}
	113	+.konna .dot-amber {background:#BA7517;}
	114	+.konna .dot-coral {background:#D85A30;}
114	114
115	115	/* ── Feature table ─────────────────────────────────────────────── */
116		-.konna .ftable{width:100%;border-collapse:collapse;font-size:12.5px}
	117	+.konna .ftable{width:100%;border-collapse:collapse;font-size:12.5px;}
117	117	.konna .ftable th{
118	118	background:#F1EFE8;padding:9px 14px;text-align:left;
119	119	font-size:11px;font-weight:600;color:#5F5E5A;text-transform:uppercase;letter-spacing:.04em;
120		- border-bottom:1px solid #D3D1C7
	121	+ border-bottom:1px solid #D3D1C7;
121	121	}
122		-.konna .ftable td{padding:9px 14px;border-bottom:1px solid #F1EFE8;vertical-align:middle}
123		-.konna .ftable tr:last-child td{border-bottom:none}
124		-.konna .ftable tr:hover td{background:#F1EFE8}
125		-.konna .ok {color:#0F6E56;font-weight:500}
126		-.konna .ko {color:#993C1D;font-weight:500}
	123	+.konna .ftable td{padding:9px 14px;border-bottom:1px solid #F1EFE8;vertical-align:middle;}
	124	+.konna .ftable tr:last-child td{border-bottom:none;}
	125	+.konna .ftable tr:hover td{background:#F1EFE8;}
	126	+.konna .ok {color:#0F6E56;font-weight:500;}
	127	+.konna .ko {color:#993C1D;font-weight:500;}
127	127	.konna .pill{
128		- display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:500
	129	+ display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:500;
129	129	}
130	130
131	131	/* ── Alert box ─────────────────────────────────────────────────── */
...	...	@@ -132,39 +132,29 @@
132	132	.konna .alert-red{
133	133	background:#FCEBEB;border:1px solid #F7C1C1;border-left:4px solid #A32D2D;
134	134	border-radius:8px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;
135		- margin:0 16px 14px
	136	+ margin:0 16px 14px;
136	136	}
137		-.konna .alert-red .a-icon{color:#A32D2D;font-size:17px;flex-shrink:0;padding-top:1px}
138		-.konna .alert-red .a-text{font-size:12.5px;color:#501313;line-height:1.55}
139		-.konna .alert-red strong{font-weight:600}
	138	+.konna .alert-red .a-icon{color:#A32D2D;font-size:17px;flex-shrink:0;padding-top:1px;}
	139	+.konna .alert-red .a-text{font-size:12.5px;color:#501313;line-height:1.55;}
	140	+.konna .alert-red strong{font-weight:600;}
140	140
141	141	/* ── Stepper (evolution) ───────────────────────────────────────── */
142		-.konna .stepper{display:flex;gap:0;padding:14px 16px}
143		-.konna .step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative}
	143	+.konna .stepper{display:flex;gap:0;padding:14px 16px;}
	144	+.konna .step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;position:relative;}
144	144	.konna .step:not(:last-child)::after{
145	145	content:"";position:absolute;top:16px;left:calc(50% + 16px);right:calc(-50% + 16px);
146		- height:2px;background:#D3D1C7
	147	+ height:2px;background:#D3D1C7;
147	147	}
148	148	.konna .step-num{
149	149	width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;
150		- font-size:13px;font-weight:600;flex-shrink:0;position:relative;z-index:1
	151	+ font-size:13px;font-weight:600;flex-shrink:0;position:relative;z-index:1;
151	151	}
152		-.konna .sn-1{background:#EEEDFE;color:#3C3489}
153		-.konna .sn-2{background:#E1F5EE;color:#085041}
154		-.konna .sn-3{background:#E6F1FB;color:#0C447C}
155		-.konna .step-label{font-size:12px;font-weight:500;color:#2C2C2A}
156		-.konna .step-sub {font-size:11px;color:#888780;line-height:1.3}
	153	+.konna .sn-1{background:#EEEDFE;color:#3C3489;}
	154	+.konna .sn-2{background:#E1F5EE;color:#085041;}
	155	+.konna .sn-3{background:#E6F1FB;color:#0C447C;}
	156	+.konna .step-label{font-size:12px;font-weight:500;color:#2C2C2A;}
	157	+.konna .step-sub {font-size:11px;color:#888780;line-height:1.3;}
157	157
158		-/* ── Sovereignty grid ──────────────────────────────────────────── */
159		-.konna .sov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px}
160		-@media(max-width:500px){.konna .sov-grid{grid-template-columns:1fr}}
161		-.konna .sov-card{
162		- background:#F1EFE8;border:1px solid #D3D1C7;border-radius:8px;
163		- padding:12px 12px;text-align:center
164		-}
165		-.konna .sov-emoji{font-size:20px;line-height:1;margin-bottom:5px}
166		-.konna .sov-label{font-size:12px;font-weight:500;color:#2C2C2A}
167		-.konna .sov-sub {font-size:11px;color:#888780;margin-top:2px}
168	168	</style>
169	169
170	170	<div class="konna">
...	...	@@ -227,9 +227,9 @@
227	227	<td>&#128640;&nbsp;&nbsp;&nbsp;<span class="badge b-green">Formation</span></td>
228	228	</tr>
229	229	<tr>
230		- <td>Outil sans limites</td>
	221	+ <td>Outil qui évolue sans limites</td>
231	231	<td> ★★★☆☆</td>
232		- <td>&#129520;&nbsp;&nbsp;&nbsp;<span class="badge b-coral">Flexibilité</span></td>
	223	+ <td>&#128736;&nbsp;&nbsp;&nbsp;<span class="badge b-coral">Flexibilité</span></td>
233	233	</tr>
234	234	<tr>
235	235	<td>Indépendance de Confluence</td>
...	...	@@ -245,13 +245,19 @@
245	245	</table>
246	246	</div>
247	247
248		- <p><strong>Vous arrêtez de perdre 20 % du temps de vos équipes</strong></p>
249		- <p> Retrouver la bonne information en recherchant au travers d'emails, de chats, de dossiers
250		- ou en posant des questions à ses collègues occupe plus de 20 % du temps de vos collaborateurs.
251		- Konnaissance réduit drastiquement ce temps grâce à une organisation claire,
252		- une recherche plein texte avancée et une navigation intuitive.
253		- </p>
	239	+ <!-- ── 2. Texte ──────────────────────────── -->
	240	+
254	254	<div>
	242	+ <span class="sec-icon">&#128218;</span>
	243	+ <span class="sec-title">Vous arrêtez de perdre 20 % du temps de vos équipes</span>
	244	+ <p class="sec-body">
	245	+ <i><strong>Retrouver la bonne information ne devrait pas être un travail en soi.</strong></i>
	246	+ </p>
	247	+ <p class="sec-body">
	248	+ Rechercher au travers d'emails, de chats, de dossiers
	249	+ ou en posant des questions à ses collègues occupe plus de 20 % du temps de vos collaborateurs.
	250	+ Konnaissance réduit drastiquement ce temps grâce à :
	251	+ </p>
255	255	<ul class="checklist">
256	256	<li><span class="dot dot-purple"></span>Organisation claire de la connaissance</li>
257	257	<li><span class="dot dot-purple"></span>Recherche plein texte avancée</li>
...	...	@@ -259,13 +259,13 @@
259	259	</ul>
260	260	</div>
261	261
262		- <!-- ── 2. CONNAISSANCE COLLECTIVE ──────────────────────────── -->
263		- <p>
264		- <strong>Capitaliser sur la connaissance</strong>
265		- <p>
	259	+ <div>
	260	+ <span class="sec-icon">&#128218;</span>
	261	+ <span class="sec-title">Capitaliser sur la connaissance</span>
	262	+ <p class="sec-body">
266	266	Chaque départ, chaque changement de poste représente aujourd'hui une perte de connaissance.
267		- Konnaissance transforme cette connaissance individuelle en <strong>patrimoine organisationnel</strong>.
268		- Ce que quelqu'un sait aujourd'hui est documenté, structuré, retrouvable demain par n'importe qui.
	264	+ Konnaissance transforme cette connaissance individuelle en patrimoine organisationnel.
	265	+ </br>Ce que quelqu'un sait aujourd'hui est documenté, structuré, retrouvable demain par n'importe qui.
269	269	</p>
270	270	<table class="ftable">
271	271	<thead>
...	...	@@ -286,19 +286,16 @@
286	286	</tr>
287	287	</tbody>
288	288	</table>
	286	+ <p></br></p>
289	289	</div>
290	290
291		- <!-- ── 3. PROCESSUS ─────────────────────────────────────────── -->
292		- <div class="section">
293		- <div class="sec-head">
294		- <span class="sec-icon" style="color:#639922">&#9989;</span>
295		- <span class="sec-title">Vous fiabilisez vos processus et réduisez les erreurs</span>
296		- <span class="badge b-green">Qualité</span>
297		- </div>
298		- <div class="sec-body">
	289	+ <div>
	290	+ <span class="sec-icon">&#11088;</span>
	291	+ <span class="sec-title">Vous fiabilisez vos processus et réduisez les erreurs</span>
	292	+ <p class="sec-body">
299	299	Une procédure claire, à jour, accessible en un clic remplace les pratiques orales,
300	300	les versions multiples d'un même document et les habitudes non documentées.
301		- </div>
	295	+ </p>
302	302	<table class="ftable">
303	303	<thead>
304	304	<tr><th>Dimension</th><th>Avant</th><th>Avec Konnaissance</th></tr>
...	...	@@ -319,40 +319,44 @@
319	319	<td><span class="ko">Fréquentes &amp; récurrentes</span></td>
320	320	<td><span class="ok">Réduites, exécution homogène</span></td>
321	321	</tr>
	316	+ <tr>
	317	+ <td><strong>Départ d'un collègue</strong></td>
	318	+ <td><span class="ko">Détails perdus</span></td>
	319	+ <td><span class="ok">Documents permanents</span></td>
	320	+ </tr>
	321	+ <tr>
	322	+ <td><strong>Changement de poste</strong></td>
	323	+ <td><span class="ko">Inertie liée à la disponibilité des collègues</span></td>
	324	+ <td><span class="ok">Connaissances structurées</span></td>
	325	+ </tr>
322	322	</tbody>
323	323	</table>
	328	+ <p></br></p>
324	324	</div>
325	325
326		- <!-- ── 4. ONBOARDING ────────────────────────────────────────── -->
327		- <div class="section">
328		- <div class="sec-head">
329		- <span class="sec-icon" style="color:#378ADD">&#128640;</span>
330		- <span class="sec-title">Vous accélérez l'onboarding de vos nouveaux collaborateurs</span>
331		- <span class="badge b-blue">Onboarding</span>
332		- </div>
333		- <div class="sec-body">
	331	+ <div>
	332	+ <span class="sec-icon">&#128640;</span>
	333	+ <span class="sec-title">Vous accélérez l'onboarding de vos nouveaux collaborateurs</span>
	334	+ <p class="sec-body">
334	334	Un nouvel arrivant qui peut s'appuyer sur une base de connaissances structurée est
335		- <strong>opérationnel 2 à 3 fois plus vite</strong>. Konnaissance devient le « manuel d'utilisation »
	336	+ opérationnel 2 à 3 fois plus vite. Konnaissance devient le « manuel d'utilisation »
336	336	de votre organisation — toujours à jour, toujours disponible.
337		- </div>
	338	+ </p>
338	338	<ul class="checklist">
339	339	<li><span class="dot dot-teal"></span>Accès immédiat dès le premier jour</li>
340	340	<li><span class="dot dot-teal"></span>Contenu toujours à jour, validé par les équipes</li>
341	341	<li><span class="dot dot-teal"></span>Moins de dépendance aux collègues pour les questions de base</li>
342	342	</ul>
	344	+ <p></br></p>
343	343	</div>
344	344
345		- <!-- ── 5. ÉVOLUTION ─────────────────────────────────────────── -->
346		- <div class="section">
347		- <div class="sec-head">
348		- <span class="sec-icon" style="color:#BA7517">&#128736;</span>
349		- <span class="sec-title">Un outil qui évolue avec vous, sans limite</span>
350		- <span class="badge b-amber">Scalabilité</span>
351		- </div>
352		- <div class="sec-body">
	347	+ <div>
	348	+ <span class="sec-icon">&#128736;</span>
	349	+ <span class="sec-title">Un outil qui évolue avec vous, sans limite</span>
	350	+ <p class="sec-body">
353	353	XWiki peut servir de base de connaissances, d'intranet, d'espace de collaboration
354	354	ou de pilier pour les applications critiques de l'entreprise — sans changer de plateforme.
355		- </div>
	353	+ </p>
356	356	<div class="stepper">
357	357	<div class="step">
358	358	<div class="step-num sn-1">1</div>
...	...	@@ -372,13 +372,9 @@
372	372	</div>
373	373	</div>
374	374
375		- <!-- ── 6. CONFLUENCE ────────────────────────────────────────── -->
376		- <div class="section">
377		- <div class="sec-head">
378		- <span class="sec-icon" style="color:#A32D2D">&#9888;</span>
379		- <span class="sec-title">Vous sortez de la dépendance à Confluence</span>
380		- <span class="badge b-red">Urgent</span>
381		- </div>
	373	+ <div>
	374	+ <span class="sec-icon">&#128706;</span>
	375	+ <span class="sec-title">Vous sortez de la dépendance à Confluence</span>
382	382	<div class="alert-red">
383	383	<span class="a-icon">&#128197;</span>
384	384	<div class="a-text">
...	...	@@ -392,60 +392,40 @@
392	392	</thead>
393	393	<tbody>
394	394	<tr>
395		- <td>Structure et contenu des pages</td>
	389	+ <td>📄 Structure et contenu des pages</td>
396	396	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
397	397	</tr>
398	398	<tr>
399		- <td>Pièces jointes</td>
	393	+ <td>📎 Pièces jointes</td>
400	400	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
401	401	</tr>
402	402	<tr>
403		- <td>Historique des versions</td>
	397	+ <td>🕓 Historique des versions</td>
404	404	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
405	405	</tr>
406	406	<tr>
407		- <td>Permissions et droits</td>
	401	+ <td>🔐 Permissions et droits</td>
408	408	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
409	409	</tr>
410	410	<tr>
411		- <td>Perte de données</td>
	405	+ <td>&#128680; Perte de données</td>
412	412	<td><span class="pill" style="background:#FCEBEB;color:#791F1F">&#10007; Zéro</span></td>
413	413	</tr>
414	414	</tbody>
415	415	</table>
	410	+ <p></br></p>
416	416	</div>
417	417
418		- <!-- ── 7. SOUVERAINETÉ ──────────────────────────────────────── -->
419		- <div class="section">
420		- <div class="sec-head">
421		- <span class="sec-icon" style="color:#854F0B">&#128274;</span>
422		- <span class="sec-title">Vous restez souverain sur vos données de connaissance</span>
423		- <span class="badge b-amber">Souveraineté</span>
424		- </div>
425		- <div class="sec-body">
	413	+ <div>
	414	+ <span class="sec-icon">&#128081;</span>
	415	+ <span class="sec-title">Vous restez souverain sur vos données de connaissance</span>
	416	+ <p class="sec-body">
426	426	Vos procédures internes, votre documentation technique, votre base de connaissances clients :
427		- ce sont des <strong>actifs stratégiques</strong>. Avec Konnaissance, ils sont hébergés sur une
428		- infrastructure que vous contrôlez.
429		- </div>
430		- <div class="sov-grid">
431		- <div class="sov-card">
432		- <div class="sov-emoji">&#127467;&#127479;</div>
433		- <div class="sov-label">Hébergement France</div>
434		- <div class="sov-sub">Datacenters français</div>
435		- </div>
436		- <div class="sov-card">
437		- <div class="sov-emoji">&#127466;&#127482;</div>
438		- <div class="sov-label">Hébergement UE</div>
439		- <div class="sov-sub">RGPD garanti</div>
440		- </div>
441		- <div class="sov-card">
442		- <div class="sov-emoji">&#127968;</div>
443		- <div class="sov-label">On-premise</div>
444		- <div class="sov-sub">Dans vos locaux</div>
445		- </div>
446		- </div>
	418	+ ce sont des actifs stratégiques. Avec Konnaissance, votre souveraineté numérique est garantie
	419	+ — vos données restent les vôtres, et résident où vous le décidez.
	420	+ </p>
447	447	<ul class="checklist">
448		- <li><span class="dot dot-amber"></span>Infrastructure sous votre contrôle total</li>
	422	+ <li><span class="dot dot-amber"></span>Infrastructure sous votre contrôle : Chez vous (on-premise) ou en Datacenter Français comme Européen</li>
449	449	<li><span class="dot dot-amber"></span>Aucune loi extraterritoriale applicable</li>
450	450	</ul>
451	451	</div>
...	...	@@ -453,161 +453,17 @@
453	453	</div>
454	454	{{/html}}
455	455
456		-
457		-//
458		-
459		-== ⏱️ Vous arrêtez de perdre 20 % du temps de vos équipes ==
460		-
461		-**//Retrouver la bonne information ne devrait pas être un travail en soi.//**
462		-
463		-Rechercher au travers d'emails, de chats, de dossiers ou poser des questions à ses collègues occupe **plus de 20 % du temps de vos collaborateurs**.
464		-
465		-Konnaissance réduit drastiquement ce temps grâce à :
466		-
467		-* ✅ une organisation claire de la connaissance
468		-* ✅ une recherche plein texte avancée
469		-* ✅ une navigation intuitive
470		-
471	471	----
472	472
473		-== 🧠 Vous capitalisez sur la connaissance collective ==
	432	+== Pour qui Konnaissance est adapté ? ==
474	474
475		-{{warning}}
476		-**Chaque départ, chaque changement de poste représente aujourd'hui une perte de connaissance.**
477		-{{/warning}}
478		-
479		-Konnaissance transforme cette connaissance individuelle en **patrimoine organisationnel**.
480		-
481		-> Ce que quelqu'un sait aujourd'hui est documenté, structuré, et retrouvable demain — par n'importe qui.
482		-
483		-----
484		-
485		-== ✅ Vous fiabilisez vos processus et réduisez les erreurs ==
486		-
487		-**Une procédure claire, à jour, accessible en un clic** remplace :
488		-
489		-|= Avant Konnaissance|= Avec Konnaissance|
490		-|Pratiques orales non documentées|Processus écrits, versionnés, accessibles|
491		-|Versions multiples d'un même document|Source unique de vérité|
492		-|Habitudes informelles|Qualité d'exécution homogène|
493		-
494		-Le résultat : **moins d'erreurs, moins de questions récurrentes, une meilleure qualité d'exécution.**
495		-
496		-----
497		-
498		-== 🚀 Vous accélérez l'onboarding de vos nouveaux collaborateurs ==
499		-
500		-{{success}}
501		-**Un nouvel arrivant s'appuyant sur Konnaissance est opérationnel 2 à 3 fois plus vite.**
502		-{{/success}}
503		-
504		-Konnaissance devient le **"manuel d'utilisation"** de votre organisation :
505		-
506		-* Toujours à jour
507		-* Toujours disponible
508		-* Accessible dès le premier jour
509		-
510		-\\
511		-
512		-----
513		-
514		-== 🔧 Vous disposez d'un outil qui évolue avec vous, sans limite ==
515		-
516		-**Un même outil, toutes les étapes de votre croissance :**
517		-
518		-1. 📁 **Wiki d'équipe** — démarrage rapide, collaboration immédiate
519		-1. 🏢 **Intranet organisationnel** — diffusion à toute l'entreprise
520		-1. ⚙️ **Applications métier spécifiques** — sans changer de plateforme
521		-
522		-XWiki peut servir de base de connaissances, d'intranet, d'espace de collaboration ou de pilier pour les applications critiques de l'entreprise.
523		-
524		-\\
525		-
526		-----
527		-
528		-== ⚠️ Vous sortez de la dépendance à Confluence ==
529		-
530		-{{error}}
531		-**Confluence Data Center entrera en mode lecture seule permanent le 28 mars 2029.**
532		-
533		-Si vous êtes sur Confluence, **vous devez agir maintenant.**
534		-{{/error}}
535		-
536		-Konnaissance assure une **migration complète et outillée** depuis Confluence :
537		-
538		-* 📄 Structure et contenu
539		-* 📎 Pièces jointes
540		-* 🕓 Historique
541		-* 🔐 Permissions
542		-
543		-**Zéro perte de données.**
544		-
545		-\\
546		-
547		-----
548		-
549		-== 🔒 Vous restez souverain sur vos données de connaissance ==
550		-
551		-Vos procédures internes, votre documentation technique, votre base de connaissances clients sont des **actifs stratégiques**.
552		-
553		-|=Avec Konnaissance|
554		-|✅ Hébergement en France, dans l'UE, ou dans vos propres locaux|
555		-|✅ Infrastructure sous votre contrôle|
556		-|✅ Aucune loi extraterritoriale applicable|
557		-
558		-{{info}}
559		-🌍 **Souveraineté numérique garantie** — vos données restent les vôtres, où vous le décidez.
560		-{{/info}}
561		-
562		-
563		-
564		-----
565		-
566		-== Ce que vous gagnez concrètement ==
567		-
568		-{{info}}
569		-Ces bénéfices sont valables quelle que soit la taille de votre organisation ou votre secteur d'activité.
570		-{{/info}}
571		-
572		-=== Vous arrêtez de perdre 20 % du temps de vos équipes à chercher l'information ===
573		-
574		-Retrouver la bonne information en recherchant au travers d'emails, de chats, de dossiers ou en posant des questions à ses collègues occupe plus de 20 % du temps de vos collaborateurs. Konnaissance réduit drastiquement ce temps grâce à une organisation claire, une recherche plein texte avancée et une navigation intuitive.
575		-
576		-=== Vous capitalisez sur la connaissance collective — et elle ne part plus avec les gens ===
577		-
578		-Chaque départ, chaque changement de poste représente aujourd'hui une perte de connaissance. Konnaissance transforme cette connaissance individuelle en patrimoine organisationnel. Ce que quelqu'un sait aujourd'hui est documenté, structuré, retrouvable demain par n'importe qui.
579		-
580		-=== Vous fiabilisez vos processus et réduisez les erreurs ===
581		-
582		-Une procédure claire, à jour, accessible en un clic remplace les pratiques orales, les versions multiples d'un même document et les habitudes non documentées. Le résultat : moins d'erreurs, moins de questions récurrentes, une meilleure qualité d'exécution.
583		-
584		-=== Vous accélérez l'onboarding de vos nouveaux collaborateurs ===
585		-
586		-Un nouvel arrivant qui peut s'appuyer sur une base de connaissances structurée est opérationnel deux à trois fois plus vite. Konnaissance devient le "manuel d'utilisation" de votre organisation — toujours à jour, toujours disponible.
587		-
588		-=== Vous disposez d'un outil qui évolue avec vous, sans limite ===
589		-
590		-XWiki peut servir de base de connaissances, d'intranet, d'espace de collaboration ou de pilier pour les applications critiques de l'entreprise. Un même outil peut démarrer comme wiki d'équipe, puis devenir l'intranet de l'organisation, puis accueillir des applications métier spécifiques — sans changer de plateforme.
591		-
592		-=== Vous sortez de la dépendance à Confluence — sans perdre vos données ===
593		-
594		-Confluence Data Center entrera en mode lecture seule permanent le 28 mars 2029. Si vous êtes sur Confluence, vous devez agir maintenant. Konnaissance assure une migration complète et outillée depuis Confluence — structure, contenu, pièces jointes, historique et permissions — sans perte de données.
595		-
596		-=== Vous restez souverain sur vos données de connaissance ===
597		-
598		-Vos procédures internes, votre documentation technique, votre base de connaissances clients : ce sont des actifs stratégiques. Avec Konnaissance, ils sont hébergés sur une infrastructure que vous contrôlez — en France, dans l'Union européenne, ou dans vos propres locaux. Aucune loi extraterritoriale ne s'applique.
599		-
600		-----
601		-
602		-== Pour qui est Konnaissance ? ==
603		-
604	604	|=Contexte / Besoin|=Ce que Konnaissance apporte
605	605	|**PME sans documentation structurée**|Un point de départ simple et rapide pour centraliser procédures, contacts, onboarding et bonnes pratiques — sans projet informatique lourd.
606		-|**DSI et équipes IT**|Documentation technique, runbooks, procédures d'exploitation, base de connaissances support, alternative à Confluence après mars 2029.
	436	+|**DSI et équipes IT**|Documentation technique, runbooks, procédures d'exploitation, base de connaissances support, alternative on-premise à Confluence après mars 2029.
607	607	|**Ressources humaines**|Livret d'accueil, politiques RH, procédures administratives, annuaire interne, fiches de poste — accessibles à tous, maintenus par les équipes RH.
608		-|**Équipes produit et développement**|Documentation fonctionnelle, spécifications, décisions d'architecture, wikis de projet — intégrés directement avec [[Koprojet — gestion de projet avancée (OpenProject)>>doc:Main.Koprojet.WebHome]] (OpenProject).
	438	+|**Équipes produit et développement**|Documentation fonctionnelle, spécifications, décisions d'architecture, wikis de projet — centralisés et intégrés directement avec [[Koprojet — gestion de projet avancée (OpenProject)>>doc:Main.Koprojet.WebHome]].
609	609	|**Service client et support**|Base de réponses aux questions fréquentes, scripts d'appel, procédures d'escalade — consultables en temps réel pendant les interactions clients.
610		-|**Secteur public et collectivités**|Base de connaissances des agents, documentation des procédures administratives, intranet souverain. Utilisé par le CNFPT et plusieurs institutions publiques.
	440	+|**Secteur public et collectivités**|Base de connaissances des agents, documentation des procédures administratives, intranet souverain. Utilisé par exemple par le [[CNFPT>>https://encyclopedie.wikiterritorial.cnfpt.fr/]] et plusieurs institutions publiques.
611	611	|**Industrie et production**|Procédures de maintenance, fiches techniques, standards qualité — grâce au concept de "wiki structuré", des organisations industrielles ont pu accélérer leurs processus de réparation et améliorer la qualité de ces processus.
612	612	|**Associations et ONG**|Base de connaissances accessible à des équipes dispersées, coordination de bénévoles, mémoire institutionnelle. Version communautaire gratuite disponible.
613	613
...	...	@@ -669,8 +669,8 @@
669	669	|**[[Koprojet — gestion de projet avancée (OpenProject)>>doc:Main.Koprojet.WebHome]]**|Liez chaque projet à sa documentation wiki. Les work packages référencent les pages Konnaissance, et les pages wiki renvoient aux tickets de projet. La connaissance et l'action ne font plus qu'un.
670	670	|**[[Koopération — l'alternative à Microsoft 365 (Nextcloud)~>>>doc:Main.Kooperation.WebHome]]**|Accédez à vos fichiers et documents Nextcloud directement depuis Konnaissance. Liez des fichiers à des pages wiki sans dupliquer les données.
671	671	|**SSO / Keycloak**|Un seul identifiant pour toute la suite Ekioo. Gestion centralisée des accès et des groupes.
672		-|**Migration depuis Confluence**|Outil de migration dédié : espaces, pages, pièces jointes, historique et permissions sont importés avec une fidélité maximale. Ekioo accompagne tout le processus en français.
673		-|**Import Office (Word, Excel)**|Vos documents existants deviennent des pages wiki éditables en quelques clics — sans ressaisie.
	502	+|[[**Migration depuis Confluence**>>https://xwiki.com/en/Blog/Confluence-to-XWiki-migration-export-import/]]|Outil de migration dédié : espaces, pages, pièces jointes, historique et permissions sont importés avec une fidélité maximale. Ekioo accompagne tout le processus en français.
	503	+|**[[Import Office>>https://download.xwiki.com/en/Blog/OfficeImport]] (Word, Excel)**|Vos documents existants deviennent des pages wiki éditables en quelques clics — sans ressaisie.
674	674	|**API sur mesure**|Connexion à votre ERP, CRM, ITSM ou tout autre système métier via l'API REST de XWiki — développée par Ekioo si nécessaire.
675	675
676	676	----
...	...	@@ -677,30 +677,112 @@
677	677
678	678	== Les cas d'usage principaux ==
679	679
680		-=== Base de connaissances interne ===
	510	+{{html clean="false"}}
	511	+<style>
	512	+/* ── USE-CASE CARDS — separate block, own scope ── */
	513	+.konna-uc *, .konna-uc *::before, .konna-uc *::after {
	514	+ box-sizing: border-box;
	515	+ margin: 0;
	516	+ padding: 0;
	517	+ font-family: inherit;
	518	+}
	519	+.konna-uc {
	520	+ color: #2C2C2A;
	521	+ font-size: 14px;
	522	+ line-height: 1.6;
	523	+}
	524	+.konna-uc .uc-grid {
	525	+ display: grid;
	526	+ grid-template-columns: repeat(3, minmax(0, 1fr));
	527	+ gap: 10px;
	528	+}
	529	+@media (max-width: 600px) {
	530	+ .konna-uc .uc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	531	+}
	532	+.konna-uc .uc-card {
	533	+ background: #fff;
	534	+ border: 1px solid #D3D1C7;
	535	+ border-radius: 10px;
	536	+ padding: 14px 12px;
	537	+ display: flex;
	538	+ flex-direction: column;
	539	+ gap: 6px;
	540	+ width: 100%;
	541	+ height: 220px;
	542	+ overflow: hidden;
	543	+}
	544	+.konna-uc .uc-card .ic {
	545	+ width: 32px; height: 32px;
	546	+ border-radius: 50%;
	547	+ display: flex; align-items: center; justify-content: center;
	548	+ font-size: 16px;
	549	+ flex: 0 0 auto;
	550	+}
	551	+.konna-uc .uc-card .metric {
	552	+ font-size: 13px;
	553	+ font-weight: 600;
	554	+ line-height: 1.3;
	555	+ word-break: break-word;
	556	+ flex: 0 0 auto;
	557	+}
	558	+.konna-uc .uc-card .label {
	559	+ font-size: 11px;
	560	+ color: #888780;
	561	+ line-height: 1.4;
	562	+ flex: 1 1 0;
	563	+ min-height: 0;
	564	+ overflow-y: auto;
	565	+ overflow-x: hidden;
	566	+}
681	681
682		-Le cas d'usage le plus fréquent : centraliser tout ce que l'organisation sait — procédures, bonnes pratiques, FAQ internes, contacts, décisions stratégiques. Structuré par département, par thème ou par type de contenu, avec des droits d'accès adaptés à chaque espace.
683	683
684		-=== Intranet collaboratif ===
	569	+.konna-uc .ic-purple{background:#EEEDFE;color:#534AB7}
	570	+.konna-uc .ic-teal {background:#E1F5EE;color:#0F6E56}
	571	+.konna-uc .ic-amber {background:#FAEEDA;color:#854F0B}
	572	+.konna-uc .ic-coral {background:#FAECE7;color:#993C1D}
685	685
686		-Konnaissance peut remplacer ou compléter votre intranet : actualités de l'organisation, annuaire des collaborateurs, espace d'onboarding, calendrier des événements, documentation RH. Un espace vivant que les équipes alimentent elles-mêmes.
	574	+.konna-uc .c-purple{color:#534AB7}
	575	+.konna-uc .c-teal {color:#0F6E56}
	576	+.konna-uc .c-amber {color:#854F0B}
	577	+.konna-uc .c-coral {color:#993C1D}
	578	+</style>
687	687
688		-=== Documentation technique et IT ===
	580	+<div class="konna-uc">
	581	+ <div class="uc-grid">
	582	+ <div class="uc-card">
	583	+ <div class="ic ic-purple">⏱️</div>
	584	+ <div class="metric c-purple">Base de connaissances interne</div>
	585	+ <div class="label">Le cas d'usage le plus fréquent : centraliser tout ce que l'organisation sait — procédures, bonnes pratiques, FAQ internes, contacts, décisions stratégiques. Structuré par département, par thème ou par type de contenu, avec des droits d'accès adaptés à chaque espace.</div>
	586	+ </div>
	587	+ <div class="uc-card">
	588	+ <div class="ic ic-coral">&#127919;</div>
	589	+ <div class="metric c-coral">Intranet collaboratif</div>
	590	+ <div class="label">Konnaissance peut remplacer ou compléter votre intranet : actualités de l'organisation, annuaire des collaborateurs, espace d'onboarding, calendrier des événements, documentation RH. Un espace vivant que les équipes alimentent elles-mêmes.</div>
	591	+ </div>
	592	+ <div class="uc-card">
	593	+ <div class="ic ic-amber">&#128274;</div>
	594	+ <div class="metric c-amber">Documentation technique et IT</div>
	595	+ <div class="label">Runbooks, procédures d'exploitation, documentation d'architecture, bases de connaissances support de niveau 1 et 2. Intégré avec Koprojet (gestion avancée de projet avec OpenProject) pour lier la documentation aux tickets d'incidents ou aux projets de développement.</div>
	596	+ </div>
	597	+ <div class="uc-card">
	598	+ <div class="ic ic-teal">&#128640;</div>
	599	+ <div class="metric c-teal">Gestion de procédures avec workflow de validation</div>
	600	+ <div class="label">Pour les organisations qui ont besoin de formaliser leurs procédures (qualité, conformité, sécurité) : XWiki permet la mise à jour et la validation de procédures via un workflow et l'export de documents multiples en un seul PDF. Chaque procédure a un propriétaire, un cycle de révision et un statut de publication.</div>
	601	+ </div>
	602	+ <div class="uc-card">
	603	+ <div class="ic ic-purple">⏱️</div>
	604	+ <div class="metric c-coral">Wiki de projet ou de produit</div>
	605	+ <div class="label">Chaque projet ou produit dispose de son espace dédié : spécifications, décisions, comptes-rendus, architecture, changelog. Directement intégré avec Koprojet (gestion avancée de projet avec OpenProject) pour que la documentation suive le projet en temps réel.</div>
	606	+ </div>
	607	+ <div class="uc-card">
	608	+ <div class="ic ic-coral">&#127919;</div>
	609	+ <div class="metric c-purple">Extranet client ou espace partenaire</div>
	610	+ <div class="label">Konnaissance peut être ouvert à des utilisateurs extérieurs avec des droits limités : documentation partagée avec des clients, espaces de collaboration avec des partenaires, portail d'accès à des ressources externes. Les droits restent entièrement sous votre contrôle.</div>
	611	+ </div>
	612	+ </div>
	613	+</div>
	614	+{{/html}}
689	689
690		-Runbooks, procédures d'exploitation, documentation d'architecture, bases de connaissances support de niveau 1 et 2. Intégré avec [[Koprojet — gestion de projet avancée (OpenProject)>>doc:Main.Koprojet.WebHome]] pour lier la documentation aux tickets d'incidents ou aux projets de développement.
691		-
692		-=== Gestion de procédures avec workflow de validation ===
693		-
694		-Pour les organisations qui ont besoin de formaliser leurs procédures (qualité, conformité, sécurité) : XWiki permet la mise à jour et la validation de procédures via un workflow et l'export de documents multiples en un seul PDF. Chaque procédure a un propriétaire, un cycle de révision et un statut de publication.
695		-
696		-=== Wiki de projet ou de produit ===
697		-
698		-Chaque projet ou produit dispose de son espace dédié : spécifications, décisions, comptes-rendus, architecture, changelog. Directement intégré avec [[Koprojet — gestion de projet avancée (OpenProject)>>doc:Main.Koprojet.WebHome]] pour que la documentation suive le projet en temps réel.
699		-
700		-=== Extranet client ou espace partenaire ===
701		-
702		-Konnaissance peut être ouvert à des utilisateurs extérieurs avec des droits limités : documentation partagée avec des clients, espaces de collaboration avec des partenaires, portail d'accès à des ressources externes. Les droits restent entièrement sous votre contrôle.
703		-
704	704	----
705	705
706	706	== À quoi ressemble une migration ou un déploiement ? ==