Différences

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

--- rp:divers:elections [22/09/2023 14:40] – ldalbegue
+++ rp:divers:elections [02/07/2026 19:41] (Version actuelle) – bchicard
@@ Ligne 1: / Ligne 1: @@
-====== Elections ======
+~~NOCACHE~~
-Nous devons procéder tous les ans, aux élections concernant le renouvellement des représentants des personnels du Greta Nord-Isère.\\
+<PHP>
-Le scrutin est un scrutin de liste à la représentation proportionnelle au plus fort reste, sans panachage ni radiation. Les élus sont désignés dans l'ordre de présentation de la liste.\\
+echo '
+<style>
+.elec-wrap { font-family: Arial, sans-serif; font-size: 14px; color: #333; width: 100%; }
-Les listes peuvent comporter :
+.elec-intro { font-size: 13px; color: #666; margin-bottom: 22px; border-left: 3px solid #378ADD; padding: 6px 0 6px 14px; line-height: 1.7; }
-  * pour le collège «personnels administratifs » :
-     * Au minimum : 1 titulaire et 1 suppléant
-     * Au maximum : 3 titulaires et 3 suppléants
-  * pour le collège «Autres personnels »  (dont enseignants) :
+/* Bloc confiance / anonymat - le plus important, en premier */
-     * Au minimum : 1 titulaire et 1 suppléant
+.elec-trust { background: linear-gradient(135deg, #E1F5EE 0%, #E6F1FB 100%); border: 1px solid #A7E8CE; border-radius: 14px; padding: 22px 26px; margin-bottom: 24px; }
-     * Au maximum : 3 titulaires et 3 suppléants
+.elec-trust-header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
-\\
+.elec-trust-icon { width: 42px; height: 42px; border-radius: 12px; background: #1D9E75; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
-Un mail "limesurvey" vous sera envoyé avec un lien afin de pouvoir procéder au vote. Le jour du vote tout est automatique, **les votes reçus sont anonymisés**, les liens sont personnels et valident une seule fois.\\
+.elec-trust-title { font-size: 16px; font-weight: 700; color: #0F6E56; }
+.elec-trust-sub { font-size: 12px; color: #4B7BAE; }
+.elec-trust-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
+.elec-trust-item { display: flex; align-items: flex-start; gap: 9px; background: rgba(255,255,255,0.7); border-radius: 8px; padding: 10px 12px; flex: 1 1 260px; min-width: 260px; }
+.elec-trust-item svg { flex-shrink: 0; margin-top: 1px; }
+.elec-trust-item-text { font-size: 12.5px; color: #1a2d4a; line-height: 1.5; }
+.elec-trust-item-text strong { color: #0F6E56; }
-----
+.elec-section-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #999; margin: 26px 0 12px; }
-Pour rappel suite à des problématiques logistiques sur les élections 2022-2023 le service administratif a été décidé de procéder à une élection dématérialisée.\\
-Celle-ci permet de **sécuriser** les votes sur la problématique de "timing" et de "lieu" (envoie par mail, automatisation de l'ouverture et de la fermeture des votes, vote accessible par un simple ordinateur, smartphone quelque soit l'endroit) de l'élection tout en garantissant bien évidemment des résultats **anonymisés** via le logiciel "limesurvey".\\
-Chaque votant reçoit par email un lien personnalisé lui permettant de voter une seule fois sur la journée dédiée pour le collège concerné.\\
-**Ce logiciel "limesurvey" permet l'anonymisation des votes.**\\
-\\
-Les données collectées sont **uniquement le vote et si le votant a bien voté une fois uniquement** (comme un émargement du votant) le tout non daté.\\
-**Il ne peut donc pas être fait de lien entre le vote et le votant.** \\
-Il ne peut donc pas y avoir de problème d'éthique du fait que certains candidats soient "administrateur du logiciel" sachant que le processus de l'élection est totalement anonymisée.\\
-Les seules données utilisées sont la liste des personnes votantes selon leur collège, liste publique.\\
-Rappel : la candidature pour l'élection des représentants des personnels est ouverte à toutes les personnes satisfaisant les conditions d'éligibilité.
-----
+/* Colleges */
-Les paramètres du logiciel sont donc :
+.elec-colleges { display: flex; flex-wrap: wrap; gap: 14px; }
-  * Réponses anonymisées : OUI
+.elec-college { background: #fff; border: 0.5px solid #dde3ec; border-radius: 12px; padding: 18px 22px; flex: 1 1 300px; min-width: 300px; }
-  * Autoriser plusieurs réponses avec le même code d'invitation : NON
+.elec-college-title { font-size: 13.5px; font-weight: 700; color: #1a2d4a; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
-  * Horodatage des réponses : NON
+.elec-college-badge { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
-  * Sauvegarder l’adresse IP : NON
+.elec-college-rule { display: flex; justify-content: space-between; align-items: center; padding: 7px 0; font-size: 12.5px; color: #555; border-bottom: 1px solid #f5f5f5; }
-  * Sauvegarder l’URL de provenance : NON
+.elec-college-rule:last-child { border-bottom: none; }
-  * Les participants peuvent sauvegarder et reprendre plus tard : NON
+.elec-college-value { font-weight: 700; color: #1a2d4a; }
-Selon la documentation du logiciel :[[https://manual.limesurvey.org/Activating_a_survey/fr#:~:text=R%C3%A9ponses%20anonymes%20%3A%20Cette%20option%20vous%20permet%20de,ou%20si%20elles%20sont%20conserv%C3%A9es%20%C2%AB%20anonymes%20%C2%BB.|Ressources "limesurvey" manuel]]\\
+/* Etapes du vote */
-"Réponses anonymes : Cette option vous permet de déterminer si les réponses à votre enquête correspondent aux informations de la table de jetons de votre enquête, ou si elles sont conservées « anonymes ». **Si vous décidez de l'activer, votre enquête est configurée pour anonymiser les réponses - il n'y aura aucun moyen de connecter les réponses et les participants**".
+.elec-steps { display: flex; flex-direction: column; }
+.elec-step { display: flex; gap: 16px; position: relative; padding-bottom: 22px; }
+.elec-step:last-child { padding-bottom: 0; }
+.elec-step-line { position: absolute; left: 16px; top: 34px; bottom: 0; width: 2px; background: #dde3ec; }
+.elec-step:last-child .elec-step-line { display: none; }
+.elec-step-num { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #1A4A7A; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; z-index: 1; }
+.elec-step-body { flex: 1; padding-top: 5px; }
+.elec-step-title { font-size: 13.5px; font-weight: 700; color: #1a2d4a; margin-bottom: 4px; }
+.elec-step-desc { font-size: 12.5px; color: #666; line-height: 1.6; }
+/* Question ethique - callout */
+.elec-callout { background: #FFFBF2; border: 1px solid #FCD34D; border-radius: 12px; padding: 16px 20px; margin: 20px 0; }
+.elec-callout-q { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; font-weight: 700; color: #92400E; margin-bottom: 8px; }
+.elec-callout-a { font-size: 12.5px; color: #78350F; line-height: 1.7; padding-left: 26px; }
+.elec-callout-a strong { color: #92400E; }
+/* Parametres techniques - tableau */
+.elec-params { width: 100%; border-collapse: collapse; }
+.elec-params tbody tr { border-bottom: 1px solid #f0f0f0; }
+.elec-params tbody tr:last-child { border-bottom: none; }
+.elec-params td { padding: 10px 12px; font-size: 12.5px; }
+.elec-params td:first-child { color: #555; }
+.elec-param-val { display: inline-flex; align-items: center; gap: 5px; font-weight: 700; font-size: 11px; padding: 3px 10px; border-radius: 20px; }
+.elec-param-non { background: #FDECEA; color: #E53935; }
+.elec-param-oui { background: #E1F5EE; color: #0F6E56; }
+.elec-source { font-size: 12px; color: #999; margin-top: 14px; line-height: 1.6; font-style: italic; }
+.elec-source a { color: #378ADD; text-decoration: none; }
+.elec-source a:hover { text-decoration: underline; }
+.elec-quote { background: #f8fafd; border-left: 3px solid #378ADD; padding: 10px 14px; margin-top: 8px; font-size: 12px; color: #555; font-style: italic; border-radius: 0 6px 6px 0; }
+</style>';
+echo '<div class="elec-wrap">';
+echo '<p class="elec-intro">Nous procédons chaque année aux élections concernant le renouvellement des représentants des personnels du Greta Nord-Isère. Le scrutin est un scrutin de liste à la représentation proportionnelle au plus fort reste, sans panachage ni radiation. Les élus sont désignés dans l\'ordre de présentation de la liste.</p>';
+// ── Bloc confiance / anonymat ─────────────────────────────────
+echo '<div class="elec-trust">
+    <div class="elec-trust-header">
+        <div class="elec-trust-icon">
+            <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="#fff" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
+        </div>
+        <div>
+            <div class="elec-trust-title">Un vote garanti anonyme</div>
+            <div class="elec-trust-sub">Le point le plus important, avant tout le reste</div>
+        </div>
+    </div>
+    <div class="elec-trust-grid">
+        <div class="elec-trust-item">
+            <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#1D9E75" stroke-width="2.2"><path d="M20 6L9 17l-5-5"/></svg>
+            <span class="elec-trust-item-text"><strong>Aucun lien possible</strong> entre le vote et le votant. Seule l\'information « a voté / n\'a pas voté » est conservée, comme un émargement.</span>
+        </div>
+        <div class="elec-trust-item">
+            <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#1D9E75" stroke-width="2.2"><path d="M20 6L9 17l-5-5"/></svg>
+            <span class="elec-trust-item-text"><strong>Lien personnel et unique</strong> envoyé par email, valable une seule fois, pour le collège concerné uniquement.</span>
+        </div>
+        <div class="elec-trust-item">
+            <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#1D9E75" stroke-width="2.2"><path d="M20 6L9 17l-5-5"/></svg>
+            <span class="elec-trust-item-text"><strong>Accès administrateur restreint</strong> — pendant le vote, une seule personne (Laëtitia Berthet) a un accès complet à l\'outil. Tous les autres comptes sont désactivés.</span>
+        </div>
+        <div class="elec-trust-item">
+            <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#1D9E75" stroke-width="2.2"><path d="M20 6L9 17l-5-5"/></svg>
+            <span class="elec-trust-item-text"><strong>Ni horodatage, ni IP, ni URL de provenance</strong> ne sont enregistrés — voir le détail technique en bas de page.</span>
+        </div>
+    </div>
+</div>';
+// ── Collèges et quotas ─────────────────────────────────────────
+echo '<div class="elec-section-label">Collèges et composition des listes</div>';
+echo '<div class="elec-colleges">';
+echo '<div class="elec-college">
+    <div class="elec-college-title"><span class="elec-college-badge" style="background:#1A4A7A"></span> Collège « Personnels administratifs »</div>
+    <div class="elec-college-rule"><span>Minimum</span><span class="elec-college-value">1 titulaire + 1 suppléant</span></div>
+    <div class="elec-college-rule"><span>Maximum</span><span class="elec-college-value">3 titulaires + 3 suppléants</span></div>
+</div>';
+echo '<div class="elec-college">
+    <div class="elec-college-title"><span class="elec-college-badge" style="background:#0F6E56"></span> Collège « Autres personnels » (dont enseignants)</div>
+    <div class="elec-college-rule"><span>Minimum</span><span class="elec-college-value">1 titulaire + 1 suppléant</span></div>
+    <div class="elec-college-rule"><span>Maximum</span><span class="elec-college-value">3 titulaires + 3 suppléants</span></div>
+</div>';
+echo '</div>';
+echo '<p style="font-size:12.5px;color:#666;margin-top:12px;line-height:1.6">La candidature est ouverte à toutes les personnes satisfaisant les conditions d\'éligibilité, sans distinction.</p>';
+// ── Comment ça se passe le jour du vote ─────────────────────────
+echo '<div class="elec-section-label">Comment se déroule le vote</div>';
+echo '<div class="elec-steps">';
+echo '<div class="elec-step">
+    <div class="elec-step-line"></div>
+    <div class="elec-step-num">1</div>
+    <div class="elec-step-body">
+        <div class="elec-step-title">Réception du lien de vote</div>
+        <div class="elec-step-desc">Un mail LimeSurvey vous est envoyé avec un lien personnel et unique, le jour dédié au vote de votre collège.</div>
+    </div>
+</div>';
+echo '<div class="elec-step">
+    <div class="elec-step-line"></div>
+    <div class="elec-step-num">2</div>
+    <div class="elec-step-body">
+        <div class="elec-step-title">Vote en ligne</div>
+        <div class="elec-step-desc">Accessible depuis un simple ordinateur ou smartphone, quel que soit votre lieu de travail ce jour-là.</div>
+    </div>
+</div>';
+echo '<div class="elec-step">
+    <div class="elec-step-num">3</div>
+    <div class="elec-step-body">
+        <div class="elec-step-title">Anonymisation automatique</div>
+        <div class="elec-step-desc">Le vote est aussitôt dissocié de votre identité. Le lien ne peut plus être réutilisé.</div>
+    </div>
+</div>';
+echo '</div>';
+// ── Question éthique en callout ─────────────────────────────────
+echo '<div class="elec-callout">
+    <div class="elec-callout-q">
+        <svg viewBox="0 0 24 24" width="15" height="15" fill="none" stroke="#B45309" stroke-width="2" style="flex-shrink:0;margin-top:1px"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 015.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
+        Un candidat peut-il aussi être administrateur du logiciel ?
+    </div>
+    <div class="elec-callout-a">Non, cela ne pose pas de problème d\'éthique : le processus de l\'élection étant totalement anonymisé, même un accès administrateur ne permet pas de savoir qui a voté pour qui. Par sécurité supplémentaire, seule <strong>une personne dédiée</strong> conserve un accès complet pendant la période de vote.</div>
+</div>';
+echo '<p style="font-size:12.5px;color:#666;line-height:1.7;margin-top:14px">Pour rappel, ce mode de scrutin dématérialisé a été mis en place suite à des problématiques logistiques rencontrées lors des élections 2022-2023. Il permet de sécuriser le vote sur les questions de « timing » et de « lieu », sans compromis sur la confidentialité.</p>';
+// ── Détail technique ─────────────────────────────────────────
+echo '<div class="elec-section-label">Détail technique — Paramètres LimeSurvey</div>';
+echo '<table class="elec-params"><tbody>';
+$params = [
+    ['label' => 'Réponses anonymisées', 'val' => true],
+    ['label' => 'Autoriser plusieurs réponses avec le même code d\'invitation', 'val' => false],
+    ['label' => 'Horodatage des réponses', 'val' => false],
+    ['label' => 'Sauvegarde de l\'adresse IP', 'val' => false],
+    ['label' => 'Sauvegarde de l\'URL de provenance', 'val' => false],
+    ['label' => 'Sauvegarde et reprise ultérieure possible', 'val' => false],
+];
+foreach ($params as $p) {
+    $cls = $p['val'] ? 'elec-param-oui' : 'elec-param-non';
+    $txt = $p['val'] ? 'OUI' : 'NON';
+    echo "<tr><td>{$p['label']}</td><td style='text-align:right'><span class='elec-param-val {$cls}'>{$txt}</span></td></tr>";
+}
+echo '</tbody></table>';
+echo '<div class="elec-quote">« Réponses anonymes : cette option permet de déterminer si les réponses à votre enquête correspondent aux informations de la table de jetons de votre enquête, ou si elles sont conservées &laquo; anonymes &raquo;. Si vous décidez de l\'activer, votre enquête est configurée pour anonymiser les réponses — il n\'y aura aucun moyen de connecter les réponses et les participants. »</div>';
+echo '<p class="elec-source">Source : <a href="https://manual.limesurvey.org/Activating_a_survey/fr" target="_blank" rel="noopener noreferrer">documentation officielle LimeSurvey — Ressources manuel</a></p>';
+echo '</div>';
+</PHP>