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>
...	...	@@ -244,17 +244,20 @@
244	244	</tbody>
245	245	</table>
246	246	</div>
247		-</div>
248	248
249		- <!-- ── 2. Texte ─────────────────────────────────────────────── -->
250		-=== Vous arrêtez de perdre 20 % du temps de vos équipes ===
	239	+ <!-- ── 2. Texte ──────────────────────────── -->
251	251
252		- Retrouver la bonne information en recherchant au travers d'emails, de chats, de dossiers
253		- ou en posant des questions à ses collègues occupe <strong>plus de 20 % du temps</strong> de vos collaborateurs.
254		- Konnaissance réduit drastiquement ce temps grâce à une organisation claire,
255		- une recherche plein texte avancée et une navigation intuitive.
256		-
257	257	<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>
258	258	<ul class="checklist">
259	259	<li><span class="dot dot-purple"></span>Organisation claire de la connaissance</li>
260	260	<li><span class="dot dot-purple"></span>Recherche plein texte avancée</li>
...	...	@@ -262,18 +262,14 @@
262	262	</ul>
263	263	</div>
264	264
265		- <!-- ── 2. CONNAISSANCE COLLECTIVE ──────────────────────────── -->
266		- <div class="section">
267		- <div class="sec-head">
268		- <span class="sec-icon" style="color:#0F6E56">&#129504;</span>
269		- <span class="sec-title">Vous capitalisez sur la connaissance collective</span>
270		- <span class="badge b-teal">Rétention</span>
271		- </div>
272		- <div class="sec-body">
	259	+ <div>
	260	+ <span class="sec-icon">&#128218;</span>
	261	+ <span class="sec-title">Capitaliser sur la connaissance</span>
	262	+ <p class="sec-body">
273	273	Chaque départ, chaque changement de poste représente aujourd'hui une perte de connaissance.
274		- Konnaissance transforme cette connaissance individuelle en <strong>patrimoine organisationnel</strong>.
275		- Ce que quelqu'un sait aujourd'hui est documenté, structuré, retrouvable demain par n'importe qui.
276		- </div>
	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.
	266	+ </p>
277	277	<table class="ftable">
278	278	<thead>
279	279	<tr><th>Avant Konnaissance</th><th>Avec Konnaissance</th></tr>
...	...	@@ -293,19 +293,16 @@
293	293	</tr>
294	294	</tbody>
295	295	</table>
	286	+ <p></br></p>
296	296	</div>
297	297
298		- <!-- ── 3. PROCESSUS ─────────────────────────────────────────── -->
299		- <div class="section">
300		- <div class="sec-head">
301		- <span class="sec-icon" style="color:#639922">&#9989;</span>
302		- <span class="sec-title">Vous fiabilisez vos processus et réduisez les erreurs</span>
303		- <span class="badge b-green">Qualité</span>
304		- </div>
305		- <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">
306	306	Une procédure claire, à jour, accessible en un clic remplace les pratiques orales,
307	307	les versions multiples d'un même document et les habitudes non documentées.
308		- </div>
	295	+ </p>
309	309	<table class="ftable">
310	310	<thead>
311	311	<tr><th>Dimension</th><th>Avant</th><th>Avec Konnaissance</th></tr>
...	...	@@ -326,40 +326,44 @@
326	326	<td><span class="ko">Fréquentes &amp; récurrentes</span></td>
327	327	<td><span class="ok">Réduites, exécution homogène</span></td>
328	328	</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>
329	329	</tbody>
330	330	</table>
	328	+ <p></br></p>
331	331	</div>
332	332
333		- <!-- ── 4. ONBOARDING ────────────────────────────────────────── -->
334		- <div class="section">
335		- <div class="sec-head">
336		- <span class="sec-icon" style="color:#378ADD">&#128640;</span>
337		- <span class="sec-title">Vous accélérez l'onboarding de vos nouveaux collaborateurs</span>
338		- <span class="badge b-blue">Onboarding</span>
339		- </div>
340		- <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">
341	341	Un nouvel arrivant qui peut s'appuyer sur une base de connaissances structurée est
342		- <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 »
343	343	de votre organisation — toujours à jour, toujours disponible.
344		- </div>
	338	+ </p>
345	345	<ul class="checklist">
346	346	<li><span class="dot dot-teal"></span>Accès immédiat dès le premier jour</li>
347	347	<li><span class="dot dot-teal"></span>Contenu toujours à jour, validé par les équipes</li>
348	348	<li><span class="dot dot-teal"></span>Moins de dépendance aux collègues pour les questions de base</li>
349	349	</ul>
	344	+ <p></br></p>
350	350	</div>
351	351
352		- <!-- ── 5. ÉVOLUTION ─────────────────────────────────────────── -->
353		- <div class="section">
354		- <div class="sec-head">
355		- <span class="sec-icon" style="color:#BA7517">&#128736;</span>
356		- <span class="sec-title">Un outil qui évolue avec vous, sans limite</span>
357		- <span class="badge b-amber">Scalabilité</span>
358		- </div>
359		- <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">
360	360	XWiki peut servir de base de connaissances, d'intranet, d'espace de collaboration
361	361	ou de pilier pour les applications critiques de l'entreprise — sans changer de plateforme.
362		- </div>
	353	+ </p>
363	363	<div class="stepper">
364	364	<div class="step">
365	365	<div class="step-num sn-1">1</div>
...	...	@@ -379,13 +379,9 @@
379	379	</div>
380	380	</div>
381	381
382		- <!-- ── 6. CONFLUENCE ────────────────────────────────────────── -->
383		- <div class="section">
384		- <div class="sec-head">
385		- <span class="sec-icon" style="color:#A32D2D">&#9888;</span>
386		- <span class="sec-title">Vous sortez de la dépendance à Confluence</span>
387		- <span class="badge b-red">Urgent</span>
388		- </div>
	373	+ <div>
	374	+ <span class="sec-icon">&#128706;</span>
	375	+ <span class="sec-title">Vous sortez de la dépendance à Confluence</span>
389	389	<div class="alert-red">
390	390	<span class="a-icon">&#128197;</span>
391	391	<div class="a-text">
...	...	@@ -399,60 +399,40 @@
399	399	</thead>
400	400	<tbody>
401	401	<tr>
402		- <td>Structure et contenu des pages</td>
	389	+ <td>📄 Structure et contenu des pages</td>
403	403	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
404	404	</tr>
405	405	<tr>
406		- <td>Pièces jointes</td>
	393	+ <td>📎 Pièces jointes</td>
407	407	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
408	408	</tr>
409	409	<tr>
410		- <td>Historique des versions</td>
	397	+ <td>🕓 Historique des versions</td>
411	411	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
412	412	</tr>
413	413	<tr>
414		- <td>Permissions et droits</td>
	401	+ <td>🔐 Permissions et droits</td>
415	415	<td><span class="pill" style="background:#E1F5EE;color:#085041">&#10003; Couvert</span></td>
416	416	</tr>
417	417	<tr>
418		- <td>Perte de données</td>
	405	+ <td>&#128680; Perte de données</td>
419	419	<td><span class="pill" style="background:#FCEBEB;color:#791F1F">&#10007; Zéro</span></td>
420	420	</tr>
421	421	</tbody>
422	422	</table>
	410	+ <p></br></p>
423	423	</div>
424	424
425		- <!-- ── 7. SOUVERAINETÉ ──────────────────────────────────────── -->
426		- <div class="section">
427		- <div class="sec-head">
428		- <span class="sec-icon" style="color:#854F0B">&#128274;</span>
429		- <span class="sec-title">Vous restez souverain sur vos données de connaissance</span>
430		- <span class="badge b-amber">Souveraineté</span>
431		- </div>
432		- <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">
433	433	Vos procédures internes, votre documentation technique, votre base de connaissances clients :
434		- ce sont des <strong>actifs stratégiques</strong>. Avec Konnaissance, ils sont hébergés sur une
435		- infrastructure que vous contrôlez.
436		- </div>
437		- <div class="sov-grid">
438		- <div class="sov-card">
439		- <div class="sov-emoji">&#127467;&#127479;</div>
440		- <div class="sov-label">Hébergement France</div>
441		- <div class="sov-sub">Datacenters français</div>
442		- </div>
443		- <div class="sov-card">
444		- <div class="sov-emoji">&#127466;&#127482;</div>
445		- <div class="sov-label">Hébergement UE</div>
446		- <div class="sov-sub">RGPD garanti</div>
447		- </div>
448		- <div class="sov-card">
449		- <div class="sov-emoji">&#127968;</div>
450		- <div class="sov-label">On-premise</div>
451		- <div class="sov-sub">Dans vos locaux</div>
452		- </div>
453		- </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>
454	454	<ul class="checklist">
455		- <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>
456	456	<li><span class="dot dot-amber"></span>Aucune loi extraterritoriale applicable</li>
457	457	</ul>
458	458	</div>
...	...	@@ -460,161 +460,17 @@
460	460	</div>
461	461	{{/html}}
462	462
463		-
464		-//
465		-
466		-== ⏱️ Vous arrêtez de perdre 20 % du temps de vos équipes ==
467		-
468		-**//Retrouver la bonne information ne devrait pas être un travail en soi.//**
469		-
470		-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**.
471		-
472		-Konnaissance réduit drastiquement ce temps grâce à :
473		-
474		-* ✅ une organisation claire de la connaissance
475		-* ✅ une recherche plein texte avancée
476		-* ✅ une navigation intuitive
477		-
478	478	----
479	479
480		-== 🧠 Vous capitalisez sur la connaissance collective ==
	432	+== Pour qui Konnaissance est adapté ? ==
481	481
482		-{{warning}}
483		-**Chaque départ, chaque changement de poste représente aujourd'hui une perte de connaissance.**
484		-{{/warning}}
485		-
486		-Konnaissance transforme cette connaissance individuelle en **patrimoine organisationnel**.
487		-
488		-> Ce que quelqu'un sait aujourd'hui est documenté, structuré, et retrouvable demain — par n'importe qui.
489		-
490		-----
491		-
492		-== ✅ Vous fiabilisez vos processus et réduisez les erreurs ==
493		-
494		-**Une procédure claire, à jour, accessible en un clic** remplace :
495		-
496		-|= Avant Konnaissance|= Avec Konnaissance|
497		-|Pratiques orales non documentées|Processus écrits, versionnés, accessibles|
498		-|Versions multiples d'un même document|Source unique de vérité|
499		-|Habitudes informelles|Qualité d'exécution homogène|
500		-
501		-Le résultat : **moins d'erreurs, moins de questions récurrentes, une meilleure qualité d'exécution.**
502		-
503		-----
504		-
505		-== 🚀 Vous accélérez l'onboarding de vos nouveaux collaborateurs ==
506		-
507		-{{success}}
508		-**Un nouvel arrivant s'appuyant sur Konnaissance est opérationnel 2 à 3 fois plus vite.**
509		-{{/success}}
510		-
511		-Konnaissance devient le **"manuel d'utilisation"** de votre organisation :
512		-
513		-* Toujours à jour
514		-* Toujours disponible
515		-* Accessible dès le premier jour
516		-
517		-\\
518		-
519		-----
520		-
521		-== 🔧 Vous disposez d'un outil qui évolue avec vous, sans limite ==
522		-
523		-**Un même outil, toutes les étapes de votre croissance :**
524		-
525		-1. 📁 **Wiki d'équipe** — démarrage rapide, collaboration immédiate
526		-1. 🏢 **Intranet organisationnel** — diffusion à toute l'entreprise
527		-1. ⚙️ **Applications métier spécifiques** — sans changer de plateforme
528		-
529		-XWiki peut servir de base de connaissances, d'intranet, d'espace de collaboration ou de pilier pour les applications critiques de l'entreprise.
530		-
531		-\\
532		-
533		-----
534		-
535		-== ⚠️ Vous sortez de la dépendance à Confluence ==
536		-
537		-{{error}}
538		-**Confluence Data Center entrera en mode lecture seule permanent le 28 mars 2029.**
539		-
540		-Si vous êtes sur Confluence, **vous devez agir maintenant.**
541		-{{/error}}
542		-
543		-Konnaissance assure une **migration complète et outillée** depuis Confluence :
544		-
545		-* 📄 Structure et contenu
546		-* 📎 Pièces jointes
547		-* 🕓 Historique
548		-* 🔐 Permissions
549		-
550		-**Zéro perte de données.**
551		-
552		-\\
553		-
554		-----
555		-
556		-== 🔒 Vous restez souverain sur vos données de connaissance ==
557		-
558		-Vos procédures internes, votre documentation technique, votre base de connaissances clients sont des **actifs stratégiques**.
559		-
560		-|=Avec Konnaissance|
561		-|✅ Hébergement en France, dans l'UE, ou dans vos propres locaux|
562		-|✅ Infrastructure sous votre contrôle|
563		-|✅ Aucune loi extraterritoriale applicable|
564		-
565		-{{info}}
566		-🌍 **Souveraineté numérique garantie** — vos données restent les vôtres, où vous le décidez.
567		-{{/info}}
568		-
569		-
570		-
571		-----
572		-
573		-== Ce que vous gagnez concrètement ==
574		-
575		-{{info}}
576		-Ces bénéfices sont valables quelle que soit la taille de votre organisation ou votre secteur d'activité.
577		-{{/info}}
578		-
579		-=== Vous arrêtez de perdre 20 % du temps de vos équipes à chercher l'information ===
580		-
581		-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.
582		-
583		-=== Vous capitalisez sur la connaissance collective — et elle ne part plus avec les gens ===
584		-
585		-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.
586		-
587		-=== Vous fiabilisez vos processus et réduisez les erreurs ===
588		-
589		-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.
590		-
591		-=== Vous accélérez l'onboarding de vos nouveaux collaborateurs ===
592		-
593		-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.
594		-
595		-=== Vous disposez d'un outil qui évolue avec vous, sans limite ===
596		-
597		-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.
598		-
599		-=== Vous sortez de la dépendance à Confluence — sans perdre vos données ===
600		-
601		-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.
602		-
603		-=== Vous restez souverain sur vos données de connaissance ===
604		-
605		-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.
606		-
607		-----
608		-
609		-== Pour qui est Konnaissance ? ==
610		-
611	611	|=Contexte / Besoin|=Ce que Konnaissance apporte
612	612	|**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.
613		-|**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.
614	614	|**Ressources humaines**|Livret d'accueil, politiques RH, procédures administratives, annuaire interne, fiches de poste — accessibles à tous, maintenus par les équipes RH.
615		-|**É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]].
616	616	|**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.
617		-|**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.
618	618	|**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.
619	619	|**Associations et ONG**|Base de connaissances accessible à des équipes dispersées, coordination de bénévoles, mémoire institutionnelle. Version communautaire gratuite disponible.
620	620
...	...	@@ -676,8 +676,8 @@
676	676	|**[[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.
677	677	|**[[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.
678	678	|**SSO / Keycloak**|Un seul identifiant pour toute la suite Ekioo. Gestion centralisée des accès et des groupes.
679		-|**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.
680		-|**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.
681	681	|**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.
682	682
683	683	----
...	...	@@ -684,30 +684,112 @@
684	684
685	685	== Les cas d'usage principaux ==
686	686
687		-=== 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	+}
688	688
689		-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.
690	690
691		-=== 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}
692	692
693		-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>
694	694
695		-=== 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}}
696	696
697		-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.
698		-
699		-=== Gestion de procédures avec workflow de validation ===
700		-
701		-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.
702		-
703		-=== Wiki de projet ou de produit ===
704		-
705		-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.
706		-
707		-=== Extranet client ou espace partenaire ===
708		-
709		-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.
710		-
711	711	----
712	712
713	713	== À quoi ressemble une migration ou un déploiement ? ==