A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 13KB

3 년 전
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the `title` element
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Journal de f6k, vol. 12 num. 13 (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="http://shl.huld.re/~f6k/log/vol12/13-l-administration-publique-et-moi.html">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Journal de f6k, vol. 12 num. 13</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="http://shl.huld.re/~f6k/log/vol12/13-l-administration-publique-et-moi.html" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p><strong>Mar. 14 sept. 2021, l’administration publique et moi</strong>. — ¶ D’aussi loin que je me souvienne, j’ai toujours eu des problèmes avec l’administration publique. Rien de très grave, c’est simplement que, pour une raison que je n’ai jamais vraiment compris, en plus de jouer parfois de malchance, je ne rentre pas correctement dans les cases. Je me retrouve donc très souvent dans des situations plus ou moins ubuesques.
  71. </p>
  72. <p>J’ai des exemples à foison mais pour illustrer un peu je pense à cette fois où l’on m’avait demandé de prouver que je n’avais pas d’emploi alors que j’étais étudiant (donc non inscrit à Pôle emploi), ou encore — plus récemment — qu’on me demande une attestation de la préfecture démontrant que ma femme a le droit de travailler depuis cinq ans alors que l’on venait d’établir qu’elle était sur le territoire français depuis seulement trois ans.</p>
  73. <p>Le pire qui m’est arrivé je pense est lorsque je me suis rendu compte un jour que je n’avais plus de dossier à la sécurité sociale — on trouvait mon numéro mais rien de plus (c’est une longue histoire que je raconterai peut-être un jour). Heureusement au bout de quelques années — entre période de défaitisme, de fatalisme, de « bof, je fais sans depuis assez longtemps alors, bon, je m’en fou maintenant », et parfois quelques relents d’espoir — j’avais finalement trouvé une personne qui avait pris sur elle de pousser l’investigation plus loin (je crois par curiosité) et avait fini par me retrouver dans les archives à Paris. Oui, les archives centrales. Avec les morts.</p>
  74. <p>Je ne sais pas pourquoi on me demande très souvent des choses impossibles, ni pourquoi mon cas se perd parfois dans les limbes administratives. Et je fais régulièrement des sortes de sondage autour de moi à ce sujet, mais je n’ai jamais rencontré personne qui se retrouve dans ce genre d’impasse — même si je ne doute pas qu’il y en a, quelque part.</p>
  75. <p>Évidemment il y a toujours une façon de se sortir de ces labyrinthes kafkaïens pour peu que l’on puisse avoir un contact avec une personne. Cela prend parfois beaucoup (beaucoup) de temps et d’explications mais cela reste possible. Sauf que depuis quelques années, avec la dématérialisation qui va bon train, je me retrouve systématiquement à ne pas pouvoir rentrer dans les cases binaires des formulaires administratifs en ligne. Or, très souvent, la procédure implique de d’abord tenter de gérer les choses par ordinateur avant de pouvoir avoir une véritable personne en face de soi. Dès lors, je perds de plus en plus de temps au fur et à mesure des années.</p>
  76. <p>Mais depuis quelques mois j’ai trouvé une sorte de parade à cela. Je me fais simplement passer pour un analphabète numérique. Étant donné que je sais que, peu importe les démarches que je souhaite réaliser, il y a de fortes chances pour que je ne rentre pas dans les cases, j’arrive ainsi à établir les dossiers avec une véritable personne qui peut prendre en compte mes spécificités sans avoir, avant, à perdre du temps auprès d’une machine.</p>
  77. <p>Et je me suis rendu compte, à l’inverse de ce que l’on peut lire parfois, qu’il existe toujours une voie très accessible pour parler à une personne. Effectivement, ces chemins ne sont pas mis en avant puisque l’État souhaite avant tout pousser les démarches en ligne afin de décharger autant que possible le travail des fonctionnaires.</p>
  78. <p>D’ailleurs, je ne sais pas s’il y a un lien de cause à effet bien avéré mais j’ai remarqué que, depuis qu’on nous enjoint à tout faire via nos machines personnelles, lorsque l’on arrive à avoir des êtres humains, ils sont beaucoup plus détendus qu’avant, beaucoup moins ronchons et/ou stressés. Très souvent même, je les trouve souriants et rieurs (même à la direction générale des finances publiques !). J’imagine que cela doit avoir un effet positif sur le moral d’avoir beaucoup moins de gens perdus, voir râleurs et/ou grossiers dans le pire des cas, en face de soi au quotidien.</p>
  79. <p>Je me souviens de la dernière entrevue de Benjamin Bayart pour Thinkerview où, justement, il parlait des nouvelles frictions que les démarches en ligne provoquaient — notamment quand, comme moi, on rentre peu souvent dans les cases préformatées des formulaires. Selon mon souvenir, il mettait en garde contre une société qui ne proposerait que cette manière de « dialoguer » avec les services publics.</p>
  80. <p>Si je le suis dans cette critique, il faut quand même admettre que l’État français vis-à-vis des administrés continue de maintenir des accès à de véritables fonctionnaires. Certes, il n’en fait pas la promotion mais ces accès existent et ils sont parfaitement fonctionnels. Et je doute qu’on arrive réellement un jour à n’avoir que des contacts qui ne passeraient que par des machines et des formulaires en ligne.</p>
  81. <p>Car j’imagine qu’il y a quand même une masse assez conséquente de personnes dans mon cas, ou qui ont de véritables difficultés avec les outils numériques. Supprimer la potentialité d’un contact humain entraînerait à coups sûrs de petites catastrophes individuelles dont je ne doute pas vraiment que les services publics souhaitent avant tout éviter.</p>
  82. </article>
  83. <hr>
  84. <footer>
  85. <p>
  86. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  87. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  88. </svg> Accueil</a> •
  89. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  90. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  91. </svg> Suivre</a> •
  92. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  93. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  94. </svg> Pro</a> •
  95. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  96. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  97. </svg> Email</a> •
  98. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  99. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  100. </svg> Légal</abbr>
  101. </p>
  102. <template id="theme-selector">
  103. <form>
  104. <fieldset>
  105. <legend><svg class="icon icon-brightness-contrast">
  106. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  107. </svg> Thème</legend>
  108. <label>
  109. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  110. </label>
  111. <label>
  112. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  113. </label>
  114. <label>
  115. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  116. </label>
  117. </fieldset>
  118. </form>
  119. </template>
  120. </footer>
  121. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  122. <script>
  123. function loadThemeForm(templateName) {
  124. const themeSelectorTemplate = document.querySelector(templateName)
  125. const form = themeSelectorTemplate.content.firstElementChild
  126. themeSelectorTemplate.replaceWith(form)
  127. form.addEventListener('change', (e) => {
  128. const chosenColorScheme = e.target.value
  129. localStorage.setItem('theme', chosenColorScheme)
  130. toggleTheme(chosenColorScheme)
  131. })
  132. const selectedTheme = localStorage.getItem('theme')
  133. if (selectedTheme && selectedTheme !== 'undefined') {
  134. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  135. }
  136. }
  137. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  138. window.addEventListener('load', () => {
  139. let hasDarkRules = false
  140. for (const styleSheet of Array.from(document.styleSheets)) {
  141. let mediaRules = []
  142. for (const cssRule of styleSheet.cssRules) {
  143. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  144. continue
  145. }
  146. // WARNING: Safari does not have/supports `conditionText`.
  147. if (cssRule.conditionText) {
  148. if (cssRule.conditionText !== prefersColorSchemeDark) {
  149. continue
  150. }
  151. } else {
  152. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  153. continue
  154. }
  155. }
  156. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  157. }
  158. // WARNING: do not try to insert a Rule to a styleSheet you are
  159. // currently iterating on, otherwise the browser will be stuck
  160. // in a infinite loop…
  161. for (const mediaRule of mediaRules) {
  162. styleSheet.insertRule(mediaRule.cssText)
  163. hasDarkRules = true
  164. }
  165. }
  166. if (hasDarkRules) {
  167. loadThemeForm('#theme-selector')
  168. }
  169. })
  170. </script>
  171. </body>
  172. </html>