A place to cache linked articles (think custom and personal wayback machine)
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 23KB

3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
3 år sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  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>Des coopératives se regroupent pour une alternative aux géants du web (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="https://reporterre.net/Des-cooperatives-se-regroupent-pour-une-alternative-aux-geants-du-web">
  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>Des coopératives se regroupent pour une alternative aux géants du web</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-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://reporterre.net/Des-cooperatives-se-regroupent-pour-une-alternative-aux-geants-du-web" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Besoin d’un prêt consacré à la rénovation énergétique de son appartement, ou envie de payer sa facture de chauffage auprès d’un fournisseur d’électricité verte<small class="fine d-inline"> </small>? Pour décarboner mobilité, téléphonie, alimentation et énergie, les sociétés coopératives d’intérêt collectif (Scic) se multiplient… et se regroupent. Neuf de ces Scic, nommées <i>«<small class="fine d-inline"> </small>licoornes<small class="fine d-inline"> </small>»</i><span class="spip_note_ref"> [<a href="#nb1" class="spip_note" rel="appendix" title="Elles sont les versions engagées des « licornes » de la Silicon Valley, des (...)" id="nh1">1</a>]</span> ont mutualisé leurs forces pour proposer une alternative économique solidaire et écologique aux besoins du quotidien. <i>«<small class="fine d-inline"> </small>Entre le tout-privé, qui a de gros défauts et quelques avantages, et le tout-public, qui a beaucoup d’avantages et quelques défauts, nous voulons faire émerger une troisième voie, de forme privée, mais d’intérêt général<small class="fine d-inline"> </small>»</i>, décrit Julien Noé, le fondateur d’Enercoop et l’artisan de leur regroupement. Une manière de donner corps au <i>«<small class="fine d-inline"> </small>monde d’après<small class="fine d-inline"> </small>»</i> tant attendu.</p>
  71. <p>Pour y parvenir, le militant associatif compte sur une <a href="https://transition-citoyenne.org/licoornes-les-cooperatives-du-monde-dapres/" class="spip_out" rel="external">écurie</a> de talents : <a href="https://www.enercoop.fr/" class="spip_out" rel="external">Enercoop</a> qui propose de l’électricité renouvelable en circuit court, <a href="https://telecoop.fr/" class="spip_out" rel="external">Telecoop</a>, un service de téléphonie qui responsabilise la consommation de données<small class="fine d-inline"> </small>; <a href="https://commown.coop/" class="spip_out" rel="external">Commown</a>, qui propose la location longue durée d’une flotte d’ordinateurs et de smartphones<small class="fine d-inline"> </small>; <a href="https://reporterre.net/Covoiturage-Mobicoop-l-alternative-solidaire-a-Blablacar">Mobicoop</a>, un service de covoiturage et d’autopartage solidaire<small class="fine d-inline"> </small>; <a href="https://reporterre.net/Railcoop-la-cooperative-qui-fait-renaitre-les-lignes-de-train-abandonnees">Railcoop</a>, qui relance la ligne Bordeaux-Lyon abandonnées par la <span class="caps">SNCF</span><small class="fine d-inline"> </small>; le <a href="https://www.label-emmaus.co/fr/" class="spip_out" rel="external">Label Emmaüs</a>, qui assure une plateforme de commerce en ligne d’objets d’occasion<small class="fine d-inline"> </small>; <a href="https://www.lanef.com/" class="spip_out" rel="external">La Nef</a>, une coopérative financière qui offre des solutions d’épargne aux projets dédiées à l’économie sociale et solidaire<small class="fine d-inline"> </small>; <a href="https://www.coopcircuits.fr/" class="spip_out" rel="external">Coopcircuits</a>, une plateforme qui met en relation producteurs et clients désireux de consommer en circuit court<small class="fine d-inline"> </small>; et le dernier venu, <a href="https://citiz.coop/" class="spip_out" rel="external">Citiz</a>, un réseau d’opérateurs d’autopartage.</p>
  72. <dl class="spip_document_35482 spip_documents spip_documents_center">
  73. <dt><img class="lazy" data-original="IMG/jpg/img_9157.jpg" alt=""><noscript><img src="IMG/jpg/img_9157.jpg" alt=""></noscript></dt>
  74. <dt class="spip_doc_titre">Mobicoop est une alternative à Blablacar. </dt>
  75. </dl>
  76. <p><i>«<small class="fine d-inline"> </small>L’idée est que ce collectif rassemble l’ensemble des offres répondant aux besoins que les citoyens pourraient avoir, et ce, au sein d’un système coopératif dont ces mêmes citoyens peuvent être parties prenantes<small class="fine d-inline"> </small>»</i>, explique Marion, cofondatrice de Telecoop. Unir ces différentes offres derrière une appellation commune devrait aussi permettre à ses bénéficiaires de naviguer d’une coopérative à l’autre en fonction de leurs besoins et de leur volonté d’engagement.</p>
  77. <p>Si les offres sont toujours en préparation et ne devraient pas être opérationnelles avant septembre 2021, Julien Noé explique leur intérêt : <i>«<small class="fine d-inline"> </small>Si on entre dans cet écosystème, on accède à tous ses services. Imaginons une offre mobilité multimodale : pour un couple avec deux enfants qui souhaite aller de Lille à Marseille, plutôt que de prendre la voiture, nous allons proposer un Citiz pour aller à la gare, enchaîner un train Railcoop, puis faire du covoiturage pour terminer le voyage avec Mobicoop jusqu’à Marseille.<small class="fine d-inline"> </small>»</i></p>
  78. <h3 class="spip">«<small class="fine d-inline"> </small>Nos structures permettent aux citoyens de reprendre la main sur l’économie<small class="fine d-inline"> </small>»</h3>
  79. <p>Leur socle commun est le statut de sociétés coopératives d’intérêt collectif et sa spécificité : le multisociétariat. <i>«<small class="fine d-inline"> </small>Ce qui en fait des entreprises très politiques, porteuses de projets de société, c’est que leur gouvernance est assurée par les différentes parties prenantes du projet : les producteurs, les salariés, les consommateurs, et les collectivités territoriales qui souhaitent y participer,</i> détaille Jérôme du Boucher, coordinateur à plein temps de l’union des coopératives. <i>Les Scic apportent des garanties fortes sur leur caractère d’intérêt collectif : un sociétaire égale une voix lors de l’assemblée générale. Peu importe qu’il ait 3<small class="fine d-inline"> </small>% ou 50<small class="fine d-inline"> </small>% des parts. Celles-ci sont à intérêt lucratif restreint : au moins 50<small class="fine d-inline"> </small>% des bénéfices sont reversés dans l’entreprise pour son développement, et il n’est pas possible de faire de plus-value sur sa part sociale.<small class="fine d-inline"> </small>»</i></p>
  80. <p>La coconstruction par l’intégration des sociétaires est un pilier de ces coopératives. <i>«<small class="fine d-inline"> </small>Nos structures permettent aux citoyens de reprendre la main sur l’économie. N’importe quel client peut être sociétaire, et a un droit de regard sur les comptes de la coopérative : les bénéficiaires ont accès aux bilans comptables, aux rapports d’activité, aux assemblées générales...<small class="fine d-inline"> </small>»</i>, énumère Adrien Montagut, cofondateur de Commown. Marion Graeffly, confondatrice de Telecoop, opine : <i>«<small class="fine d-inline"> </small>Les assemblées générales sont le point d’orgue des Scic : chaque coopérative y rassemble les sociétaires pour leur faire voter les projets des équipes opérationnelles, l’aspect budgétaire, et travailler sur les orientations de l’entreprise.<small class="fine d-inline"> </small>»</i></p>
  81. <p>Ce pouvoir des coopérateurs s’est concrétisé chez Enercoop par l’élaboration du fonds de dotation Énergie solidaire. <i>«<small class="fine d-inline"> </small>L’idée est venue d’un sociétaire, lors d’une assemblée générale. Il a expliqué pourquoi c’était important qu’Enercoop s’empare des enjeux de précarité énergétique<small class="fine d-inline"> </small>»</i>, se rappelle Flora, membre de la coopérative. Depuis 2019, ce programme récolte des microdons sur la consommation d’énergie des clients d’Enercoop, puis réinvestit ces sommes auprès d’associations qui assistent les ménages en précarité énergétique.</p>
  82. <h3 class="spip">Malgré leur motivation, la plupart demeurent des coopératives de tailles et d’effectifs modestes</h3>
  83. <p>L’union des <i>«<small class="fine d-inline"> </small>licoornes<small class="fine d-inline"> </small>»</i> permet également de se démarquer dans un secteur étouffé par l’écoblanchiment et les offres prétendument sociales. <i>«<small class="fine d-inline"> </small>Regardez la communication d’<span class="caps">EDF</span>, d’Engie, de Total : ils sont désormais </i>“citoyens”, “écolos”, “solidaires”… <i>Le combat de différenciation est très difficile<small class="fine d-inline"> </small>»</i>, dit Julien Noé. <i>Plutôt que par leur discours, les coopératives se distinguent par leur fonctionnement interne</i>, souligne Amélie Artis, maîtresse de conférences à Sciences Po Grenoble et spécialiste de l’économie sociale et solidaire. <i>«<small class="fine d-inline"> </small>Le produit qu’elle vend est le résultat d’une coopération. L’enjeu est la rupture dans les rapports sociaux de production au sein de la coopérative par rapport aux autres modèles.<small class="fine d-inline"> </small>»</i></p>
  84. <p>Si atteindre une position dominante sur leurs marchés respectifs s’avère épineux, ce n’est pas leur principal levier d’influence, relève l’économiste : <i>«<small class="fine d-inline"> </small>Les coopératives contribuent à faire évoluer les règles du jeu, car elles diffusent leurs idées et leurs pratiques de production au-delà d’elles-mêmes.<small class="fine d-inline"> </small>»</i> Et de le prouver par l’exemple : <i>«<small class="fine d-inline"> </small>Le pari d’Enercoop c’était d’être le premier à faire du 100<small class="fine d-inline"> </small>% énergie renouvelable, grâce à l’articulation entre petits producteurs et consommateurs, alors que nous sommes dans un modèle énergétique centré sur le nucléaire. Et ils ont réussi<small class="fine d-inline"> </small>! Ce sont des mutations très longues, mais le fait d’avoir des acteurs coopératifs qui construisent un modèle productif et le rendent soutenable donne l’exemple.<small class="fine d-inline"> </small>»</i></p>
  85. <dl class="spip_document_35559 spip_documents spip_documents_center">
  86. <dt><img class="lazy" data-original="IMG/jpg/img_9161_2_.jpg" alt=""><noscript><img src="IMG/jpg/img_9161_2_.jpg" alt=""></noscript></dt>
  87. <dt class="spip_doc_titre">Telecoop vient tout juste de souffler sa première bougie avec ses mille abonnés. </dt>
  88. </dl>
  89. <p>Pratiques et projets communs n’empêchent pas les lourdeurs de fonctionnement. Ancienneté, localisation, secteur d’activité… Le groupe de <i>«<small class="fine d-inline"> </small>licoornes<small class="fine d-inline"> </small>»</i> ne manque pas d’hétérogénéité. La Nef siège à Vaulx-en-Velin (Rhône), Commown à Strasbourg (Bas-Rhin), Telecoop à Paris... Et tandis qu’Enercoop célébrera en juillet son 17<sup class="typo_exposants">e</sup> anniversaire avec ses 100.000 clients, Telecoop vient tout juste de souffler sa première bougie avec mille abonnés. Malgré leur motivation, la plupart demeurent des coopératives de tailles et d’effectifs modestes. <i>«<small class="fine d-inline"> </small>Ce n’est pas simple de travailler de concert, surtout quand on porte des projets énergivores en ressources humaines, et qu’on ne possède pas la force de frappe de levée de fonds d’une </i>start-up<i><small class="fine d-inline"> </small>»</i>, dit Adrien Montagut.</p>
  90. <p>Les <i>«<small class="fine d-inline"> </small>licoornes<small class="fine d-inline"> </small>»</i> tentent de casser ces rigidités en mutualisant leurs services. <i>«<small class="fine d-inline"> </small>Si nous avons besoin de mobilier, nous passons par le label Emmaüs. Si nous avons besoin d’un prêt, nous nous tournons vers La Nef<small class="fine d-inline"> </small>»</i>, prend exemple Julien Noé. La Nef est elle-même cliente d’Enercoop, et envisage de faire appel aux services de Commown et de Telecoop pour son matériel informatique et ses forfaits téléphoniques. Une fluidité qui s’acquiert également par l’utilisation d’outils communs, comme la <a href="https://www.compta-durable.com/comptabilite-environnementale-sociale/modele-care/" class="spip_out" rel="external">comptabilité Care</a>, un triple bilan comptable qui internalise les conséquences économiques, sociales et écologiques des décisions des coopératives.</p>
  91. <dl class="spip_document_31525 spip_documents spip_documents_center">
  92. <dt><img class="lazy" data-original="IMG/jpg/bordeaux_lyon.jpg" alt=""><noscript><img src="IMG/jpg/bordeaux_lyon.jpg" alt=""></noscript></dt>
  93. <dt class="spip_doc_titre">La ligne Bordeaux-Lyon que Railcoop entend remettre en service. </dt>
  94. </dl>
  95. <p>La passion qui anime Julien Noé est perceptible. Depuis des années, le fondateur d’Enercoop rêve de faire mûrir l’écosystème des coopératives. Un projet déjà commencé à travers le Collectif pour une transition citoyenne qui regroupe aujourd’hui trente organisations. <i>«<small class="fine d-inline"> </small>C’est un écosystème plus large que les </i>“licoornes”<i> que nous voulons porter. Il y a 20 000 mouvements sur le <a href="https://transiscope.org/" class="spip_out" rel="external">Transistocope</a>, mais ils manquent de liens<small class="fine d-inline"> </small>»</i>, analyse-t-il.</p>
  96. <p>Julien Noé le pressent, après un long chemin d’épines, l’air du temps est enfin favorable, et les licoornes ont la carrure pour porter ce projet à maturité : <i>«<small class="fine d-inline"> </small>Quand nous avons fondé Enercoop, il y a 17 ans, c’était la croix et la bannière pour embaucher des gens. Aujourd’hui, on sent une vraie demande des jeunes qui sortent d’écoles d’ingénieurs d’investir ces secteurs. On retrouve cette demande chez les consommateurs : Télécoop a déjà mille clients au bout de quelques mois. C’était inimaginable il y a dix ans<small class="fine d-inline"> </small>!<small class="fine d-inline"> </small>»</i></p>
  97. <p>Une analyse que tempère Amélie Artis : <i>«<small class="fine d-inline"> </small>Il y a bien une montée en puissance du nombre de Scic, car elles proposent une vision d’entreprise différente de l’entreprise capitaliste. Dans le cadre des licoornes, ce sont des secteurs d’activités qui sont en pleine mutation, où l’enjeu est de proposer une alternative aux offres des entreprises historiques de ces secteurs, qui ont souvent des logiques capitalistes fortes. Cependant, les Scic restent confinées à des projets avec des dimensions politiques fortes, ou des personnes déjà sensibilisées ou engagées dans le mouvement coopératif.<small class="fine d-inline"> </small>»</i></p>
  98. </article>
  99. <hr>
  100. <footer>
  101. <p>
  102. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  103. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  104. </svg> Accueil</a> •
  105. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  106. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  107. </svg> Suivre</a> •
  108. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  109. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  110. </svg> Pro</a> •
  111. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  112. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  113. </svg> Email</a> •
  114. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  115. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  116. </svg> Légal</abbr>
  117. </p>
  118. <template id="theme-selector">
  119. <form>
  120. <fieldset>
  121. <legend><svg class="icon icon-brightness-contrast">
  122. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  123. </svg> Thème</legend>
  124. <label>
  125. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  126. </label>
  127. <label>
  128. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  129. </label>
  130. <label>
  131. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  132. </label>
  133. </fieldset>
  134. </form>
  135. </template>
  136. </footer>
  137. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  138. <script>
  139. function loadThemeForm(templateName) {
  140. const themeSelectorTemplate = document.querySelector(templateName)
  141. const form = themeSelectorTemplate.content.firstElementChild
  142. themeSelectorTemplate.replaceWith(form)
  143. form.addEventListener('change', (e) => {
  144. const chosenColorScheme = e.target.value
  145. localStorage.setItem('theme', chosenColorScheme)
  146. toggleTheme(chosenColorScheme)
  147. })
  148. const selectedTheme = localStorage.getItem('theme')
  149. if (selectedTheme && selectedTheme !== 'undefined') {
  150. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  151. }
  152. }
  153. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  154. window.addEventListener('load', () => {
  155. let hasDarkRules = false
  156. for (const styleSheet of Array.from(document.styleSheets)) {
  157. let mediaRules = []
  158. for (const cssRule of styleSheet.cssRules) {
  159. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  160. continue
  161. }
  162. // WARNING: Safari does not have/supports `conditionText`.
  163. if (cssRule.conditionText) {
  164. if (cssRule.conditionText !== prefersColorSchemeDark) {
  165. continue
  166. }
  167. } else {
  168. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  169. continue
  170. }
  171. }
  172. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  173. }
  174. // WARNING: do not try to insert a Rule to a styleSheet you are
  175. // currently iterating on, otherwise the browser will be stuck
  176. // in a infinite loop…
  177. for (const mediaRule of mediaRules) {
  178. styleSheet.insertRule(mediaRule.cssText)
  179. hasDarkRules = true
  180. }
  181. }
  182. if (hasDarkRules) {
  183. loadThemeForm('#theme-selector')
  184. }
  185. })
  186. </script>
  187. </body>
  188. </html>