Différences

Ci-dessous, les différences entre deux révisions de la page.

--- gni:app:gfd:gfd [16/07/2025 14:54] – bchicard
+++ gni:app:gfd:gfd [02/09/2026 15:28] (Version actuelle) – ajean
@@ Ligne 1: / Ligne 1: @@
-====== La Gestion des Frais de Déplacements (GFD) ======
+~~NOCACHE~~
-L’entière gestion des déplacements doit se faire au-travers du logiciel GFD pour tous les personnels, de la demande préalable de déplacement jusqu’à la saisie des états frais.
+<PHP>
-==== 1- Accès et connexion ====
+echo '
+<style>
+.gfd-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; max-width: 780px; }
+.gfd-title { font-size: 20px; font-weight: 700; color: #1a2d4a; margin-bottom: 6px; }
+.gfd-intro { font-size: 13px; color: #666; margin-bottom: 28px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.6; }
-Les utilisateurs ont accès au portail à l’adresse : [[https://gfd.gretani.com|https://gfd.gretani.com]]  \\  \\
+.gfd-section { margin-bottom: 26px; }
-Lors de la première connexion, votre identifiant et votre de mot passe sont 1° lettre du prénom – Nom (Ex : MJOUVE/MJOUVE) \\
+.gfd-section-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
-Vous devez **<color #ed1c24>OBLIGATOIREMENT</color>** changer votre mot de passe lors de cette première connexion pour garantir la confidentialité des accès : \\ \\
+.gfd-section-num { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #1A4A7A; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }
-Sous votre nom, en haut à droite, vous cliquez sur Mon compte, puis changer de mot de passe. \\
+.gfd-section-title { font-size: 16px; font-weight: 700; color: #1a2d4a; }
-Une fois que c’est fait, Enregistrer puis Déconnexion.\\
-Vous vous connectez ensuite avec votre nouveau mot de passe\\
-Aide par un [[https://files.gretani.com/gni/gfd/tutos/Guide_GFD_Connexion.pdf|Tutoriel]] \\
-==== 2- Gestion des Frais ====
+.gfd-block { background: #fff; border: 0.5px solid #dde3ec; border-radius: 12px; padding: 18px 20px; margin-bottom: 14px; }
+.gfd-block:last-child { margin-bottom: 0; }
+.gfd-block-title { font-size: 13.5px; font-weight: 700; color: #1A4A7A; margin-bottom: 10px; }
+.gfd-subblock-title { font-size: 12.5px; font-weight: 700; color: #666; margin: 12px 0 6px; }
+.gfd-subblock-title:first-child { margin-top: 0; }
+.gfd-text { font-size: 13px; color: #444; line-height: 1.75; margin-bottom: 10px; }
+.gfd-text:last-child { margin-bottom: 0; }
+.gfd-text a { color: #1A4A7A; font-weight: 600; text-decoration: none; }
+.gfd-text a:hover { text-decoration: underline; }
-=== a. Etape 1 : la gestion du véhicule personnel ===
+.gfd-warning-inline { display: inline-block; background: #FEF3C7; color: #B45309; font-weight: 700; padding: 1px 8px; border-radius: 4px; }
-Avant toute chose, vous devez avoir préalablement numérisé votre carte grise et votre attestation d’assurance comportant des dates : ce sont des pièces obligatoires dans le système.\\
+.gfd-btn { display: inline-flex; align-items: center; gap: 8px; background: #1A4A7A; color: #fff !important; font-weight: 600; padding: 9px 18px; border-radius: 8px; text-decoration: none !important; font-size: 12.5px; margin-top: 4px; margin-right: 8px; }
-La carte grise doit être à votre nom. Si ce n’est pas le cas, il faudra nous transmettre une preuve d’affiliation (exemple : livret de famille).\\
+.gfd-btn:hover { background: #378ADD; }
-Vous devez transmettre ces justificatifs au gestionnaire des Frais de Déplacements "GFD" par l'intermédiaire du service [[https://glpi.gretani.com|GLPI]] de ticket (rubrique Applicatifs/GFD) ou pour les vacataires par email uniquement sur l'adresse <gfd@gretani.com>.\\
+.gfd-btn-secondary { background: #0F6E56; }
-\\
+.gfd-btn-secondary:hover { background: #1D9E75; }
-=== b. Etape 2 : les Ordres de mission ===
-== Cas 1 – Vous avez un ordre de Mission Permanent ==
-Le document a été préalablement établi et visé, vous le trouverez  dans votre espace personnel.\\
-== Cas 2 – Vous devez compléter un OMI Ordre de Mission Individuel ==
-L’OMI doit être complété AVANT de partir en déplacement (un contrôle des dates est opéré par le système).\\
-\\
-=== c. Etape 3 : la saisie des Frais ===
-Une fois votre véhicule renseigné, votre "Autorisation d'Utilisation du Véhicule" (AUV) et votre OMI et/ou OMP visé par l'ordonnateur (VISA7) vous pourrez commencer la saisie de vos frais.\\
-Une fois le déplacement réalisé, vous devrez saisir vos frais accompagnés de vos justificatifs directement dans l’outil.\\
-**Nous n’acceptons aucun autre canal.**\\
-\\
-==== 3- Aide utilisateur ====
-Une **[[gni:app:gfd:tutos|listes des guides]]** est disponible qui reprend tous les éléments utiles.\\
-Nous avons alimenté une **[[https://gni.gretani.com/doku.php?id=gni:app:gfd:faq|FAQ]]** qui reprend les questions les plus fréquemment posées.\\
-Enfin vous trouverez tous les **[[https://glpi.gretani.com|GLPI]]** relatifs aux frais de déplacements.\\
-\\
-Pour toute demande, merci d’utiliser UNIQUEMENT le service GLPI de ticket avec la thématique GFD. Merci de bien renseigner votre ticket, les gestionnaires vous contacteront directement si besoin.\\
-\\
-==== 4- Conclusion ====
-GFD nous permet de fluidifier le traitement des frais de déplacement.\\
-Ergonomique, le portail simplifie et sécurise les demandes de déplacement et la saisie des frais :\\
-- L’ensemble des visas est intégré dans l’outil ⇒ plus de signature\\
-- Les pièces sont conservées et accessibles dans votre espace\\
+.gfd-callout { background: #FEF3C7; border: 1px solid #FCD34D; border-left: 4px solid #F59E0B; border-radius: 0 8px 8px 0; padding: 14px 18px; font-size: 13px; color: #92400E; margin-top: 10px; }
+.gfd-check-list { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
+.gfd-check-item { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: #444; line-height: 1.6; }
+.gfd-check-item svg { flex-shrink: 0; margin-top: 3px; }
+.gfd-final { background: #E1F5EE; border: 1px solid #b9e6d3; border-radius: 12px; padding: 18px 20px; }
+</style>';
+echo '<div class="gfd-wrap">';
+echo '<div class="gfd-title">La Gestion des Frais de Déplacements (GFD)</div>';
+echo '<p class="gfd-intro">L\'entière gestion des déplacements doit se faire au travers du logiciel GFD pour tous les personnels, de la demande préalable de déplacement jusqu\'à la saisie des états de frais.</p>';
+// ─────────────────────────────────────────────
+// Section 1 : Accès et connexion
+// ─────────────────────────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head">
+        <div class="gfd-section-num">1</div>
+        <div class="gfd-section-title">Accès et connexion</div>
+      </div>';
+echo '<div class="gfd-block">';
+echo '<p class="gfd-text">
+Les utilisateurs ont accès au portail à l\'adresse :
+<a href="https://gfd.gretani.com/pv2/Login.jsp" target="_blank">gfd.gretani.com</a>
+</p>';
+echo '<p class="gfd-text">
+Lors de la première connexion, votre identifiant et votre mot de passe sont :
+<sup>re</sup> lettre du prénom – Nom (Ex : MJOUVE / MJOUVE).
+</p>';
+echo '<p class="gfd-text">
+Vous devez <span class="gfd-warning-inline">OBLIGATOIREMENT</span>
+changer votre mot de passe lors de cette première connexion pour garantir la confidentialité des accès :
+</p>';
+echo '<p class="gfd-text">
+Sous votre nom, en haut à droite, cliquez sur <strong>Mon compte</strong>,
+puis <strong>Changer de mot de passe</strong>.<br>
+Une fois que c\'est fait, cliquez sur <strong>Enregistrer</strong> puis <strong>Déconnexion</strong>.<br>
+Vous vous connectez ensuite avec votre nouveau mot de passe.
+</p>';
+echo '<a class="gfd-btn"
+href="https://files.gretani.com/gni/gfd/tutos/Guide_GFD_Connexion.pdf"
+target="_blank">
+<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="#fff" stroke-width="2">
+<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/>
+<path d="M14 2v6h6"/>
+</svg>
+Tutoriel de connexion
+</a>';
+echo '</div>';
+echo '</div>';
+// ─────────────────────────────────────────────
+// Section 2 : Gestion des Frais
+// ─────────────────────────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head">
+        <div class="gfd-section-num">2</div>
+        <div class="gfd-section-title">Gestion des Frais</div>
+      </div>';
+// Étape 1
+echo '<div class="gfd-block">';
+echo '<div class="gfd-block-title">
+a. Étape 1 : la gestion du véhicule personnel
+</div>';
+echo '<p class="gfd-text">
+Avant toute chose, vous devez avoir préalablement numérisé votre carte grise et votre attestation d\'assurance comportant des dates :
+ce sont des pièces obligatoires dans le système.
+</p>';
+echo '<p class="gfd-text">
+La carte grise doit être à votre nom.
+Si ce n\'est pas le cas, il faudra nous transmettre une preuve d\'affiliation
+(exemple : livret de famille).
+</p>';
+echo '<p class="gfd-text">
+Vous devez transmettre ces justificatifs au gestionnaire des Frais de Déplacements "GFD"
+par l\'intermédiaire du service
+<a href="https://glpi.gretani.com" target="_blank">GLPI</a>
+de ticket (rubrique Applicatifs/GFD)
+ou, pour les vacataires, par email uniquement sur l\'adresse
+<a href="mailto:gfd@gretani.com">gfd@gretani.com</a>.
+</p>';
+echo '</div>';
+// Étape 2
+echo '<div class="gfd-block">';
+echo '<div class="gfd-block-title">
+b. Étape 2 : les Ordres de mission
+</div>';
+echo '<div class="gfd-subblock-title">
+Cas 1 – Vous avez un ordre de Mission Permanent
+</div>';
+echo '<p class="gfd-text">
+Le document a été préalablement établi et visé,
+vous le trouverez dans votre espace personnel.
+</p>';
+echo '<div class="gfd-subblock-title">
+Cas 2 – Vous devez compléter un OMI (Ordre de Mission Individuel)
+</div>';
+echo '<p class="gfd-text">
+L\'OMI doit être complété <strong>avant</strong> de partir en déplacement
+(un contrôle des dates est opéré par le système).
+</p>';
+echo '</div>';
+// Étape 3
+echo '<div class="gfd-block">';
+echo '<div class="gfd-block-title">
+c. Étape 3 : la saisie des Frais
+</div>';
+echo '<p class="gfd-text">
+Une fois votre véhicule renseigné, votre « Autorisation d\'Utilisation du Véhicule » (AUV)
+et votre OMI et/ou OMP visé par l\'ordonnateur (VISA7),
+vous pourrez commencer la saisie de vos frais.
+</p>';
+echo '<p class="gfd-text">
+Une fois le déplacement réalisé,
+vous devrez saisir vos frais accompagnés de vos justificatifs directement dans l\'outil.
+</p>';
+echo '<div class="gfd-callout">
+<strong>Nous n\'acceptons aucun autre canal.</strong>
+</div>';
+echo '</div>';
+echo '</div>';
+// ─────────────────────────────────────────────
+// Section 3 : Aide utilisateur
+// ─────────────────────────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head">
+        <div class="gfd-section-num">3</div>
+        <div class="gfd-section-title">Aide utilisateur</div>
+      </div>';
+echo '<div class="gfd-block">';
+$base = defined('DOKU_BASE') ? DOKU_BASE : '/';
+echo '<p class="gfd-text">
+Une <a href="' . htmlspecialchars($base . 'doku.php?id=gni:app:gfd:tutos') . '">
+liste des guides
+</a>
+est disponible et reprend tous les éléments utiles.
+</p>';
+echo '<p class="gfd-text">
+Nous avons alimenté une
+<a href="https://gni.gretani.com/doku.php?id=gni:app:gfd:faq" target="_blank">
+FAQ
+</a>
+qui reprend les questions les plus fréquemment posées.
+</p>';
+echo '<p class="gfd-text">
+Enfin, vous trouverez tous les
+<a href="https://glpi.gretani.com" target="_blank">
+GLPI
+</a>
+relatifs aux frais de déplacements.
+</p>';
+echo '<div class="gfd-callout">
+Pour toute demande, merci d\'utiliser <strong>UNIQUEMENT</strong>
+le service GLPI de ticket avec la thématique GFD.
+Merci de bien renseigner votre ticket,
+les gestionnaires vous contacteront directement si besoin.
+</div>';
+echo '</div>';
+echo '</div>';
+// ─────────────────────────────────────────────
+// Section 4 : Conclusion
+// ─────────────────────────────────────────────
+echo '<div class="gfd-section">';
+echo '<div class="gfd-section-head">
+        <div class="gfd-section-num">4</div>
+        <div class="gfd-section-title">Conclusion</div>
+      </div>';
+echo '<div class="gfd-final">';
+echo '<p class="gfd-text">
+GFD nous permet de fluidifier le traitement des frais de déplacement.
+</p>';
+echo '<p class="gfd-text">
+Ergonomique, le portail simplifie et sécurise les demandes de déplacement et la saisie des frais :
+</p>';
+echo '<div class="gfd-check-list">';
+echo '<div class="gfd-check-item">
+<svg viewBox="0 0 24 24" width="16" height="16"
+fill="none" stroke="#1D9E75" stroke-width="2"
+stroke-linecap="round" stroke-linejoin="round">
+<path d="M22 11.08V12a10 10 0 11-5.93-9.14"/>
+<path d="M22 4L12 14.01l-3-3"/>
+</svg>
+<span>
+L\'ensemble des visas est intégré dans l\'outil ⇒ plus de signature
+</span>
+</div>';
+echo '<div class="gfd-check-item">
+<svg viewBox="0 0 24 24" width="16" height="16"
+fill="none" stroke="#1D9E75" stroke-width="2"
+stroke-linecap="round" stroke-linejoin="round">
+<path d="M22 11.08V12a10 10 0 11-5.93-9.14"/>
+<path d="M22 4L12 14.01l-3-3"/>
+</svg>
+<span>
+Les pièces sont conservées et accessibles dans votre espace
+</span>
+</div>';
+echo '</div>';
+echo '</div>';
+echo '</div>';
+echo '</div>';
+</PHP>