Jean Castex, un rêve devenu réalité : il prend les rênes de la SNCF en succédant à Jean-Pierre Farandou

/* Petite amélioration d’accessibilité et micro-détails CSS locales */ .score-bar { height: 8px; border-radius: 999px; background: #e5e7eb; overflow: hidden; position: relative; } .score-bar > span { display: block; height: 100%; background: #10b981; /* vert par défaut; sera remplacé en inline style */ } .row { transition: background-color 0.2s ease; } .row:hover { background-color: #f9fafb; } .details { font-family: ui-sans-serif, system-ui, -apple-system, “Segoe UI”, Roboto; }

Jean Castex, un rêve devenu réalité : il prend les rênes de la SNCF en succédant à Jean-Pierre Farandou

Comparez les axes clés et l’évolution attendue entre la situation avant et après l’arrivée de Castex à la tête de la SNCF. Cet outil est conçu pour illustrer les enjeux, les performances et les perspectives dans votre article.

Aspect	Avant Castex	Après Castex	Variation

Données simulées pour démonstration. Pas d’appel API externe utilisé.

// Données simulées pour le tableau comparateur // Chaque objet représente un axe clé d’évaluation // Description: Avant Castex (score et observations), Après Castex (score et observations) const rowsData = [ { id: 1, aspect: “Trafic voyageurs et ponctualité”, avant: { score: 68, notes: “Ponctualité actuelle moyenne, retards persistants sur certaines lignes.” }, apres: { score: 82, notes: “Réactivité améliorée, réduction des retards, meilleure lisibilité des itineraires.” } }, { id: 2, aspect: “Investissements et modernisation du matériel”, avant: { score: 60, notes: “Flotte vieillissante, investissements irréguliers.” }, apres: { score: 78, notes: “Plan de renouvellement accéléré, choix de matériel plus efficient.” } }, { id: 3, aspect: “Qualité du service client et information voyageurs”, avant: { score: 65, notes: “Guichet et information parfois peu clairs.” }, apres: { score: 75, notes: “Meilleure information en temps réel, parcours client simplifié.” } }, { id: 4, aspect: “Transports durables et énergie”, avant: { score: 55, notes: “Proportion de trains électriques limitée.” }, apres: { score: 70, notes: “Renforcement du parc électrique, objectifs CO2 plus ambitieux.” } }, { id: 5, aspect: “Transformation digitale et efficacité opérationnelle”, avant: { score: 60, notes: “Processus internes peu automatisés, outils datés.” }, apres: { score: 72, notes: “Industrialisation des processus et outils numériques en place.” } }, { id: 6, aspect: “Gouvernance, transparence et relation avec les cheminots”, avant: { score: 58, notes: “Dialogue social en amélioration, nécessité de plus de transparence.” }, apres: { score: 70, notes: “Dialogue social renforcé, mécanismes de transparence prévus.” } } ]; // Etat let filtered = […rowsData]; let sortDesc = true; // ordre initial: desc const tbody = document.getElementById(‘tableBody’); const searchBox = document.getElementById(‘search’); const sortBtn = document.getElementById(‘sortBtn’); // Helpers function escapeHtml(str) { if (!str) return ”; return str .replace(/&/g, “&”) .replace(//g, “>”) .replace(/”/g, “"”) .replace(/’/g, “'”); } function renderScoreBlock(score, color) { const w = Math.max(0, Math.min(100, score)); // Détermination couleur de base si non fournie const barColor = color || (w > 75 ? ‘#16a34a’ : w > 60 ? ‘#f59e0b’ : ‘#ef4444’); return ` `; } function avgOf(r) { return (r.avant.score + r.apres.score) / 2; } function clearTable() { while (tbody.firstChild) { tbody.removeChild(tbody.firstChild); } } function renderRows(list) { clearTable(); list.forEach(r => { // ligne principale const tr = document.createElement(‘tr’); tr.className = ‘row’; // Aspect const tdAspect = document.createElement(‘td’); tdAspect.className = ‘px-3 py-3 border-t’; tdAspect.innerHTML = ` `; // Avant score const tdAvant = document.createElement(‘td’); tdAvant.className = ‘px-3 py-3 border-t’; tdAvant.innerHTML = renderScoreBlock(r.avant.score, r.avant.score > 60 ? ‘#16a34a’ : ‘#f87171’); // Après score const tdApres = document.createElement(‘td’); tdApres.className = ‘px-3 py-3 border-t’; tdApres.innerHTML = renderScoreBlock(r.apres.score, r.apres.score > 60 ? ‘#10b981’ : ‘#f87171’); // Variation const tdVar = document.createElement(‘td’); tdVar.className = ‘px-3 py-3 border-t text-center’; const diff = Math.round(r.apres.score – r.avant.score); if (diff > 0) { tdVar.innerHTML = `▲ +${diff} pts`; } else if (diff < 0) { tdVar.innerHTML = `▼ ${diff} pts`; } else { tdVar.innerHTML = `— ${diff} pts`; } // Observations (bouton d’extension) const tdBtn = document.createElement(‘td’); tdBtn.className = ‘px-3 py-3 border-t’; tdBtn.innerHTML = `Plus`; tr.appendChild(tdAspect); tr.appendChild(tdAvant); tr.appendChild(tdApres); tr.appendChild(tdVar); tr.appendChild(tdBtn); // Détails (lignes séparées) const trDetails = document.createElement(‘tr’); trDetails.className = ‘details’; trDetails.id = `details-${r.id}`; trDetails.style.display = ‘none’; const tdDetailsCol = document.createElement(‘td’); tdDetailsCol.colSpan = 5; tdDetailsCol.className = ‘px-3 py-2 bg-gray-50’; tdDetailsCol.innerHTML = ` `; trDetails.appendChild(tdDetailsCol); // Append rows tbody.appendChild(tr); tbody.appendChild(trDetails); }); // Attach toggle handlers document.querySelectorAll(‘.ToggleDetails’).forEach(btn => { btn.addEventListener(‘click’, () => { const id = btn.getAttribute(‘data-id’); const detailRow = document.getElementById(`details-${id}`); const isOpen = detailRow.style.display === ‘table-row’ || detailRow.style.display === ‘block’; detailRow.style.display = isOpen ? ‘none’ : ‘table-row’; btn.setAttribute(‘aria-expanded’, String(!isOpen)); }); }); } function applyFilters() { const q = (searchBox.value || ”).toLowerCase().trim(); if (!q) { filtered = […rowsData]; } else { filtered = rowsData.filter(r => { const hay = [ r.aspect, r.avant.notes, r.apres.notes ].join(‘ ‘).toLowerCase(); return hay.includes(q); }); } // Apply sort order après filtre if (typeof sortDesc === ‘boolean’) { filtered.sort((a,b) => avgOf(b) – avgOf(a)); } renderRows(filtered); } // Initial render applyFilters(); // Event listeners searchBox.addEventListener(‘input’, applyFilters); sortBtn.addEventListener(‘click’, () => { sortDesc = !sortDesc; filtered.sort((a, b) => { const av = avgOf(a); const bv = avgOf(b); return sortDesc ? bv – av : av – bv; }); renderRows(filtered); });