diff --git a/content/fonctionnement.md b/content/fonctionnement.md
index 2688e01..9409cc2 100644
--- a/content/fonctionnement.md
+++ b/content/fonctionnement.md
@@ -6,27 +6,38 @@ title = "Fonctionnement"
-## Fonctionnement de Librezo avec ses clients
+
+{% timeline_item(side="left") %}
+Le client contacte Librezo pour obtenir un devis.
+{% end %}
+{% timeline_item(side="right") %}
+Librezo s'occupe de trouver au sein du collectif le ou les prestataires compétents pour réaliser le projet.
+{% end %}
+{% timeline_item(side="left") %}
+Une fois le ou les prestataires trouvés, le client est mis en contact direct avec son prestataire principal, qui gérera son dossier technique et coordonnera les différentes tâches à accomplir.
+{% end %}
+{% timeline_item(side="right") %}
+Le prestataire principal retourne le devis global majoré de la TVA et 15% qui correspondent aux frais de gestion.
+{% end %}
+{% timeline_item(side="left") %}
+Une fois le devis validé par Librezo, le client paie 30% d’acompte.
+{% end %}
+{% timeline_item(side="right") %}
+Quand la prestation est terminée et que le service créé est fonctionnel, le ou les prestataires envoient les factures à Librezo qui facture à son tour le client des 70% restants. Toute prestation est payable à 30 jours maximum.
+{% end %}
+{% timeline_item(side="left") %}
+Après une période de tests d'une semaine environ, le client peut faire le virement à Librezo, qui rémunère ensuite les prestataires.
+{% end %}
+{% timeline_item(side="right") %}
+Quand la prestation est terminée et que le service créé est fonctionnel, le ou les prestataires envoient les factures à Librezo qui facture à son tour le client des 70% restants. Toute prestation est payable à 30 jours maximum.
-- Librezo est à la fois un collectif de membres prestataires informel _et_ une SAS tout à fait officielle. Librezo n'a pas de salariés, uniquement des prestataires.
-
-- Tout client peut contacter Librezo pour avoir un devis ou un contrat qui sera réalisé par un ou plusieurs de ses membres prestataires.
-
-- Librezo s'occupe de trouver au sein du collectif le ou les prestataires compétents pour réaliser le projet.
-
-- Une fois le ou les prestataires trouvés, le client est mis en contact direct avec son prestataire principal, qui gérera son dossier technique et coordonnera les différentes tâches à accomplir.
-
-- Le prestataire principal retourne le devis global majoré de la TVA et 15% qui correspondent aux frais de gestion.
-
-- Une fois le devis validé par Librezo, le client paie 30% d’acompte.
-
-- Quand la prestation est terminée et que le service créé est fonctionnel, le ou les prestataires envoient les factures à Librezo qui facture à son tour le client des 70% restants. Toute prestation est payable à 30 jours maximum.
-
-- Le client fait le virement à Librezo, qui rémunère ensuite les prestataires.
+Vous pouvez désormais utiliser votre serveur au quotidien !
+{% end %}
+
## Maintenance de projet
-- Dans le cadre d'un contrat de maintenance ou de monitoring, il est possible de régler un forfait à l'année ou de payer à l'heure. La facture annuelle peut être réglée en totalité à Librezo au début (ou à date anniversaire), au semestre ou au trimestre et le(s) prestataire(s) qui interviennent sur le projet facturent mensuellement leur temps passé.
+- Dans le cadre d'un contrat de maintenance ou de monitoring, il est possible de régler un forfait à l'année ou de payer à l'heure. La facture annuelle peut être réglée en totalité à Librezo au début (ou à date anniversaire), au semestre ou au trimestre et les prestataires intervenant sur le projet facturent mensuellement leur temps passé.
- Librezo propose de la maintenance sur les projets et développements conçus par ses prestataires et/ou qui rentrent dans le cadre de sa charte. Cette maintenance peut être effectuée à distance.
diff --git a/sass/css/base.scss b/sass/css/base.scss
index 71d9bcd..bafb022 100644
--- a/sass/css/base.scss
+++ b/sass/css/base.scss
@@ -10,6 +10,7 @@
@import "services";
@import "square_box";
@import "team";
+@import "timeline";
#dev-warning {
position: fixed;
diff --git a/sass/css/timeline.scss b/sass/css/timeline.scss
new file mode 100644
index 0000000..5755692
--- /dev/null
+++ b/sass/css/timeline.scss
@@ -0,0 +1,25 @@
+@import "defs";
+
+.timeline {
+}
+
+.timeline-item {
+ width: 50%;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 16px;
+}
+
+.timeline-left {
+ position: relative;
+ border: 1px solid $blue;
+ border-radius: 16px 0 0 16px;
+}
+
+.timeline-right {
+ position: relative;
+ left: 50%;
+ margin-left: -1px;
+ border: 1px solid $blue;
+ border-radius: 0 16px 16px 0;
+}
diff --git a/templates/shortcodes/timeline_item.html b/templates/shortcodes/timeline_item.html
new file mode 100644
index 0000000..cc96b4b
--- /dev/null
+++ b/templates/shortcodes/timeline_item.html
@@ -0,0 +1,3 @@
+
+ {{ body | markdown | safe }}
+