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 25KB

4 yıl önce
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555
  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>
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Jean Viard : « Le point faible de notre démocratie est le modèle communal » (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://www.lagazettedescommunes.com/620015/le-point-faible-de-notre-democratie-est-la-commune-jean-viard-sociologue/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Jean Viard : « Le point faible de notre démocratie est le modèle communal » (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://www.lagazettedescommunes.com/620015/le-point-faible-de-notre-democratie-est-la-commune-jean-viard-sociologue/">Source originale du contenu</a></h3>
  445. <p>Pour prendre le pouls de notre société et parvenir à la conclusion d’une « implosion démocratique », titre de son dernier ouvrage <sup><a href="#fn-620015-1" id="fnref-620015-1" title="Lire la note n°1">(1)</a></sup>, le sociologue et directeur de recherche associé au Cevipof et au CNRS Jean Viard fonde son analyse foisonnante sur de multiples critères – sociaux, spatiaux, familiaux… Du nombre de ronds-points (65 127) au pourcentage de naissances hors mariage (61 %) en passant par le nombre de kilomètres parcourus par jour (50 kilomètres, dont seulement 15 pour des trajets domicile travail), autant d’éléments qui dépeignent une société où les révolutions d’ordre culturel, écologique et numérique ont fait voler en éclats le modèle démocratique hérité de la Révolution industrielle et des Etats nationaux.</p>
  446. <p>Et en parallèle – dans le prolongement ? – des « gilets jaunes », le sociologue invite à faire table rase de la carte démocratique pour permettre à la France pavillonnaire, périurbaine et rurale de peser dans le débat politique. Ancien élu local, Jean Viard pose un regard sans concession sur certains édiles, dépeints comme des figures archaïques, de territoires périurbains et ruraux jugés trop petits pour incarner leurs habitants et pouvoir porter des projets d’envergure, en opposition avec les métropoles qui, elles, « captent la lumière ». Il propose donc de repenser complètement l’organisation communale, mais aussi la représentation nationale, dans une approche où l’équation pour recréer du commun comporte finalement quatre France : celle des terres arables, des métropoles, des banlieues et des extra-urbains. Ne pas s’atteler à la résoudre pourrait mener, selon le chercheur, à des régimes plus autoritaires et populistes, comme ceux à l’œuvre aux Etats-Unis, en Italie ou au Brésil.</p>
  447. <h3>Vous identifiez plusieurs facteurs expliquant les nouvelles zones de ruptures qui traversent notre société : allongement de notre espérance de vie, désaffiliation, révolution numérique… A quelle situation nous conduisent-ils aujourd’hui ?</h3>
  448. <p>Avant, nous avions une société de classes sociales, les villages étaient organisés autour des églises, les ouvriers habitaient dans les banlieues rouges. Il y avait des solidarités par métier, on se mariait par métier. Aujourd’hui, la structure familiale a éclaté, les femmes travaillent – trois millions de plus sur le marché du travail par rapport aux années 1980 ! – et la société est composée d’individus aux trajets discontinus. On a voulu atteindre un niveau de libertés individuelles extraordinaire, et nous sommes sortis des sociétés syndicales et de classes. La classe ouvrière a quitté les grandes villes et s’est installée dans le périurbain. Elle a voulu atteindre le modèle de réussite de la maison individuelle dont on est propriétaire, où le couple est biactif, a deux voitures et vit dans une zone pavillonnaire. Ce choix positif est tout à coup devenu négatif, car la lumière s’est déplacée vers la métropole. C’est elle qui est en première place pour la révolution numérique et écologique, et qui offre plus de possibilités, de découvertes, de rencontres, d’aléatoire, où les liens entre le numérique et les rencontres physiques sont quasi immédiats. En miroir, le peuple des campagnes et du périurbain se sent éloigné et isolé, et les partis politiques continuent de véhiculer des discours de classes qui ne correspondent plus à l’imaginaire des gens.</p>
  449. <p>D’ailleurs, les « gilets jaunes » ne revendiquent rien vis-à-vis des entreprises ! Ils sont sortis de la relation patron-salarié. Et Emmanuel Macron, de par sa culture métropolitaine, a raté la question territoriale dans la première partie de son mandat en mettant du sel dans la plaie avec la limitation à 80 kilomètres/heure et le prix du carburant.</p>
  450. <h3>Vous évoquez une « agora perdue » lorsque le peuple s’est scindé entre celui des pavillons et celui des métropoles… Mais vous vous dites aussi en accord avec l’approche de Jacques Lévy selon laquelle l’abandon des territoires est une légende ?</h3>
  451. <p>Nos dix plus grandes métropoles produisent 61 % de la richesse et la redistribuent vers les territoires. En parallèle, le périurbain perd des habitants. Si on prend en compte les services publics à l’échelle d’un hectare, ils sont plus denses dans une grande ville, mais si vous les considérez par habitant, ils sont plus denses dans le périurbain… On n’offrira jamais la même proximité de service public dans l’Aubrac que dans les quartiers Nord de Marseille. Mais la qualité de vie sera meilleure dans l’Aubrac.</p>
  452. <p>De plus, la carte des élus n’a pas suivi l’évolution des populations ; il y a un décalage monstrueux et nous avons aujourd’hui des élus locaux de certains territoires qui ne pèsent rien, en opposition avec les métropoles où l’incarnation politique est forte. On entend les élus locaux des zones dépeuplées, dont le Sénat sert de caisse de résonance, dire qu’ils manquent de services publics, mais c’est parce que les habitants sont partis et que, eux, ils sont restés !</p>
  453. <h3>Vous appelez à remettre les communes à l’échelle géographique de nos vies…</h3>
  454. <p>Je soutiens volontiers que le point faible de notre démocratie, c’est le modèle communal. Les gens font le choix aujourd’hui d’acheter un terrain qui corresponde à leur budget, à une certaine distance de leurs emplois respectifs, pas pour être dans telle ou telle commune dont ils ne connaissent pas le maire. D’ailleurs, les « gilets jaunes », ça aurait dû être les maires ! Mais la mairie n’a pas été le lieu envisagé pour une réunion politique. Alors, le rond-point est devenu une mairie sans toit servant à renouveler l’agora locale car les mairies ne jouent plus ce rôle. Ces maires sont dévoués mais archaïques. Ils n’ont pas les moyens de créer des maisons de services publics, des tiers-lieux, de développer le haut débit…</p>
  455. <p>Mais ils construisent des ronds-points. La société pavillonnaire périurbaine et rurale a été le projet d’aménagement des territoires de ces cinquante dernières années. Il faut repenser la question du foncier : les territoires agricoles doivent être sanctuarisés, car il faut arrêter d’y construire des lotissements ! Nous devrions densifier le périurbain et y créer de la valeur par le foncier.</p>
  456. <h3>A quoi ressemblerait cette France ?</h3>
  457. <p>Il nous faut recréer un lien entre le peuple vivant, qui se déplace – deux millions de Français déménagent chaque année ! – et la carte démocratique. Je plaide pour un redécoupage rationnel de la carte politique locale, où chaque territoire serait également représenté et permettrait à chacun de retrouver un sentiment d’égalité. D’autres pays s’y sont attelés : l’Allemagne, l’Italie, l’Espagne… ont réduit le nombre de communes pour avoir une carte politique qui corresponde à la réalité de leurs territoires.</p>
  458. <p>Avec 5 000 maires, la France serait complètement différente. Concernant l’école par exemple, notre modèle microcommunal coûte cher en entretien des bâtiments, alors qu’on devrait mettre cet argent dans l’équipe enseignante. Il faudrait moins d’écoles, mais plus grandes, comme en Allemagne, où les enseignants sont mieux payés. Refonder nos territoires sur du commun nous permettrait de jouir d’une nouvelle dynamique démocratique. Nous disposons d’environ 7 000 collèges, 10 000 supermarchés et 4 000 cantons. Pourquoi ne pas mettre sur le parking du supermarché et celui du collège un accès à des équipements de santé, à des services publics ? L’espace de quotidienneté des Français est là.</p>
  459. <p>Quant aux structures électives, elles se sont empilées, mais on pourrait imaginer un conseil territorial réunissant les treize présidents de région et les treize présidents de capitale régionale. Les départements seraient fusionnés avec les métropoles régionales, les départements ruraux deviendraient des acteurs régionaux. Nous devons nous attaquer au manque d’incarnation politique et redessiner la représentation nationale et l’organisation communale.</p>
  460. </article>
  461. </section>
  462. <nav id="jumpto">
  463. <p>
  464. <a href="/david/blog/">Accueil du blog</a> |
  465. <a href="https://www.lagazettedescommunes.com/620015/le-point-faible-de-notre-democratie-est-la-commune-jean-viard-sociologue/">Source originale</a> |
  466. <a href="/david/stream/2019/">Accueil du flux</a>
  467. </p>
  468. </nav>
  469. <footer>
  470. <div>
  471. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  472. <p>
  473. Bonjour/Hi!
  474. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  475. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  476. </p>
  477. <p>
  478. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  479. </p>
  480. <p>
  481. Voici quelques articles choisis :
  482. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  483. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  484. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  485. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  486. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  487. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  488. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  489. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  490. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  491. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  492. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  493. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  494. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  495. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  496. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  497. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  498. </p>
  499. <p>
  500. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  501. </p>
  502. <p>
  503. Je ne traque pas ta navigation mais mon
  504. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  505. conserve des logs d’accès.
  506. </p>
  507. </div>
  508. </footer>
  509. <script type="text/javascript">
  510. ;(_ => {
  511. const jumper = document.getElementById('jumper')
  512. jumper.addEventListener('click', e => {
  513. e.preventDefault()
  514. const anchor = e.target.getAttribute('href')
  515. const targetEl = document.getElementById(anchor.substring(1))
  516. targetEl.scrollIntoView({behavior: 'smooth'})
  517. })
  518. })()
  519. </script>