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