diff --git a/pages/02.commun/chapter.md b/pages/02.commun/chapter.md
index ff5e322..4ad6740 100644
--- a/pages/02.commun/chapter.md
+++ b/pages/02.commun/chapter.md
@@ -13,45 +13,36 @@ media_order: 'logo-filex.png,logo-annuaire.png,logo-glpi.png,logo-guide.png,logo
 
 # ## # Commun
 
-# # Applications Internes IT
+# Applications Internes IT
 
+<div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;">
 
-Retrouvez ici les accès rapides vers les outils communs de la société.
+  <div style="flex: 1 1 calc(50% - 20px); min-width: 300px; border: 1px solid #ddd; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
+    <img src="logo-glpi.png" style="width: 50px; height: 50px; float: left; margin-right: 15px;">
+    <h3 style="margin-top: 0;">Support IT (GLPI)</h3>
+    <p style="font-size: 0.9em;">Gestion des tickets et assistance matériel.</p>
+    <a href="http://it-ticketing.galien.com/" style="font-weight: bold; color: #007bff;">Accéder au portail →</a>
+  </div>
 
-[ui-tabs position="top-left" theme="light"]
-  [ui-tab title="Applications Communes"]
-    
-    [columns]
-      [column]
-        ![Support](logo-glpi.png?cropZoom=80,80)
-        ### Support IT (GLPI)
-        Gestion des tickets, demandes de matériel et assistance aux utilisateurs.
-        [Accéder au Support](http://it-ticketing.galien.com/)
-      [/column]
+  <div style="flex: 1 1 calc(50% - 20px); min-width: 300px; border: 1px solid #ddd; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
+    <img src="logo-annuaire.png" style="width: 50px; height: 50px; float: left; margin-right: 15px;">
+    <h3 style="margin-top: 0;">Annuaire</h3>
+    <p style="font-size: 0.9em;">Retrouvez vos contacts internes et bureaux.</p>
+    <a href="http://annuaire.galien.com/" style="font-weight: bold; color: #007bff;">Ouvrir l'annuaire →</a>
+  </div>
 
-      [column]
-        ![Mail](logo-annuaire.png?cropZoom=80,80)
-        ### Messagerie Web
-        Accès à l'annuaire d'entreprise et aux contacts internes.
-        [Ouvrir l'Annuaire](http://annuaire.galien.com/)
-      [/column]
-    [/columns]
+  <div style="flex: 1 1 calc(50% - 20px); min-width: 300px; border: 1px solid #ddd; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
+    <img src="logo-filex.png" style="width: 50px; height: 50px; float: left; margin-right: 15px;">
+    <h3 style="margin-top: 0;">Filex</h3>
+    <p style="font-size: 0.9em;">Transfert de fichiers volumineux sécurisé.</p>
+    <a href="http://filex-galien.com" style="font-weight: bold; color: #007bff;">Transférer →</a>
+  </div>
 
-    [columns]
-      [column]
-        ![Cloud](logo-filex.png?cropZoom=80,80)
-        ### Filex
-        Outil sécurisé pour le transfert de fichiers volumineux.
-        [Transférer un fichier](http://filex-galien.com)
-      [/column]
+  <div style="flex: 1 1 calc(50% - 20px); min-width: 300px; border: 1px solid #ddd; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
+    <img src="logo-guide.png" style="width: 50px; height: 50px; float: left; margin-right: 15px;">
+    <h3 style="margin-top: 0;">Portail RH</h3>
+    <p style="font-size: 0.9em;">Congés, paie et informations administratives.</p>
+    <a href="https://kelio.galien.com/" style="font-weight: bold; color: #007bff;">Espace Kelio →</a>
+  </div>
 
-      [column]
-        ![RH](logo-guide.png?cropZoom=80,80)
-        ### Portail RH (Kelio)
-        Gestion des congés, fiches de paie et temps de travail.
-        [Espace RH](https://kelio.galien.com/)
-      [/column]
-    [/columns]
-
-  [/ui-tab]
-[/ui-tabs]
\ No newline at end of file
+</div>
\ No newline at end of file