{"id":888,"date":"2026-04-18T12:52:39","date_gmt":"2026-04-18T12:52:39","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=888"},"modified":"2026-07-07T09:35:30","modified_gmt":"2026-07-07T09:35:30","slug":"proposals","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/fr\/proposals\/","title":{"rendered":"Propositions"},"content":{"rendered":"<div id=\"sv-proposals\">\n\n<style>\n#sv-proposals{\n  width:100%;\n  max-width:100%;\n  margin:0;\n  padding:0 0 100px;\n  font-family:Arial,Helvetica,sans-serif;\n  color:#0f172a;\n  background:#ffffff;\n  overflow:hidden;\n  box-sizing:border-box;\n}\n\n#sv-proposals *{\n  box-sizing:border-box;\n}\n\n#sv-proposals .sv-wrap{\n  width:min(96vw,1700px);\n  max-width:1700px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* HERO *\/\n#sv-proposals .sv-hero{\n  position:relative;\n  margin:0 auto 86px;\n  padding:96px 0 86px;\n  background:\n    radial-gradient(circle at 78% 30%,rgba(106,92,255,.20),transparent 34%),\n    radial-gradient(circle at 12% 20%,rgba(225,29,72,.09),transparent 30%),\n    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);\n  overflow:hidden;\n}\n\n#sv-proposals .sv-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:28px 18px;\n  border:1px solid rgba(226,232,240,.95);\n  border-radius:46px;\n  background:rgba(255,255,255,.58);\n  box-shadow:0 30px 100px rgba(15,23,42,.08);\n  pointer-events:none;\n}\n\n#sv-proposals .sv-hero-inner{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);\n  gap:72px;\n  align-items:center;\n}\n\n#sv-proposals .sv-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:22px;\n  padding:12px 18px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-proposals h1{\n  margin:0 0 26px;\n  font-size:78px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:-.06em;\n  color:#0f172a;\n}\n\n#sv-proposals .sv-lead{\n  max-width:820px;\n  margin:0 0 22px;\n  color:#334155;\n  font-size:24px;\n  line-height:1.6;\n}\n\n#sv-proposals .sv-sub{\n  max-width:760px;\n  margin:0 0 36px;\n  color:#64748b;\n  font-size:18px;\n  line-height:1.85;\n}\n\n#sv-proposals .sv-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n#sv-proposals .sv-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:210px;\n  min-height:58px;\n  padding:16px 26px;\n  border-radius:18px;\n  background:#6a5cff;\n  color:#ffffff !important;\n  font-size:16px;\n  font-weight:900;\n  text-decoration:none !important;\n  border:none;\n  cursor:pointer;\n  box-shadow:0 18px 42px rgba(106,92,255,.28);\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-proposals .sv-btn:hover{\n  transform:translateY(-3px);\n  box-shadow:0 26px 56px rgba(106,92,255,.34);\n}\n\n#sv-proposals .sv-btn-dark{\n  background:#0f172a;\n  box-shadow:0 18px 42px rgba(15,23,42,.20);\n}\n\n#sv-proposals .sv-btn-light{\n  background:#ffffff;\n  color:#0f172a !important;\n  border:1px solid #e2e8f0;\n  box-shadow:0 14px 34px rgba(15,23,42,.08);\n}\n\n\/* PANEL *\/\n#sv-proposals .sv-panel{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:38px;\n  padding:36px;\n  box-shadow:0 28px 78px rgba(15,23,42,.12);\n}\n\n#sv-proposals .sv-panel-main{\n  padding:34px;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.18),transparent 38%),\n    linear-gradient(180deg,#f8fafc,#ffffff);\n  border:1px solid #e2e8f0;\n  margin-bottom:18px;\n}\n\n#sv-proposals .sv-panel-main strong{\n  display:block;\n  margin-bottom:12px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n}\n\n#sv-proposals .sv-panel-main span{\n  display:block;\n  color:#64748b;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-proposals .sv-mini-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n#sv-proposals .sv-mini{\n  padding:20px;\n  border-radius:22px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 12px 30px rgba(15,23,42,.05);\n}\n\n#sv-proposals .sv-mini strong{\n  display:block;\n  margin-bottom:7px;\n  color:#0f172a;\n  font-size:17px;\n}\n\n#sv-proposals .sv-mini span{\n  display:block;\n  color:#64748b;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* SECTION TITLE *\/\n#sv-proposals .sv-section-title{\n  max-width:980px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n\n#sv-proposals .sv-section-title h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:58px;\n  line-height:1.05;\n  letter-spacing:-.05em;\n}\n\n#sv-proposals .sv-section-title p{\n  max-width:860px;\n  margin:0 auto;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.75;\n}\n\n\/* GRID *\/\n#sv-proposals .sv-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:24px;\n  margin-bottom:92px;\n}\n\n#sv-proposals .sv-card{\n  min-height:360px;\n  padding:34px 30px;\n  border-radius:34px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 24px 58px rgba(15,23,42,.08);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-proposals .sv-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 34px 76px rgba(15,23,42,.13);\n}\n\n#sv-proposals .sv-card:nth-child(1){\n  background:linear-gradient(180deg,#eef2ff,#ffffff);\n  border-color:#c4b5fd;\n}\n\n#sv-proposals .sv-card:nth-child(2){\n  background:linear-gradient(180deg,#fff1f2,#ffffff);\n  border-color:#fda4af;\n}\n\n#sv-proposals .sv-card:nth-child(3){\n  background:linear-gradient(180deg,#eff6ff,#ffffff);\n  border-color:#93c5fd;\n}\n\n#sv-proposals .sv-card:nth-child(4){\n  background:linear-gradient(180deg,#fff7ed,#ffffff);\n  border-color:#fdba74;\n}\n\n#sv-proposals .sv-icon{\n  width:76px;\n  height:76px;\n  border-radius:24px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#ffffff;\n  font-size:38px;\n  box-shadow:0 14px 34px rgba(15,23,42,.09);\n  margin-bottom:24px;\n}\n\n#sv-proposals .sv-card h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:30px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-proposals .sv-card p{\n  margin:0;\n  color:#475569;\n  line-height:1.72;\n  font-size:16px;\n}\n\n\/* BUILDER *\/\n#sv-proposals .sv-builder{\n  margin-top:70px;\n  padding:54px;\n  border-radius:46px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.14),transparent 34%),\n    radial-gradient(circle at bottom left,rgba(225,29,72,.08),transparent 32%),\n    linear-gradient(180deg,#ffffff,#f8fafc);\n  border:1px solid #e2e8f0;\n  box-shadow:0 30px 90px rgba(15,23,42,.08);\n}\n\n#sv-proposals .sv-builder-grid{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:30px;\n  align-items:start;\n}\n\n#sv-proposals .sv-box{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:34px;\n  padding:34px;\n  box-shadow:0 22px 58px rgba(15,23,42,.07);\n}\n\n#sv-proposals .sv-box h2,\n#sv-proposals .sv-box h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-proposals .sv-box p{\n  margin:0 0 20px;\n  color:#64748b;\n  font-size:17px;\n  line-height:1.85;\n}\n\n#sv-proposals label{\n  display:block;\n  margin:18px 0 8px;\n  color:#0f172a;\n  font-weight:900;\n  font-size:14px;\n}\n\n#sv-proposals select,\n#sv-proposals textarea,\n#sv-proposals input{\n  width:100%;\n  border:1px solid #cbd5e1;\n  border-radius:18px;\n  padding:16px;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:15px;\n  line-height:1.6;\n  color:#0f172a;\n  background:#ffffff;\n  outline:none;\n}\n\n#sv-proposals textarea{\n  min-height:120px;\n  resize:vertical;\n}\n\n#sv-proposals select:focus,\n#sv-proposals textarea:focus,\n#sv-proposals input:focus{\n  border-color:#6a5cff;\n  box-shadow:0 0 0 4px rgba(106,92,255,.12);\n}\n\n#sv-proposals .sv-preview{\n  padding:24px;\n  border-radius:26px;\n  background:#0f172a;\n  color:#ffffff;\n}\n\n#sv-proposals .sv-preview small{\n  display:inline-block;\n  margin-bottom:14px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  color:#dbe4f0;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-proposals .sv-preview h3{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:30px;\n  line-height:1.12;\n}\n\n#sv-proposals .sv-preview p{\n  margin:0;\n  color:#dbe4f0;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-proposals .sv-generated{\n  margin-top:18px;\n  padding:18px;\n  border-radius:20px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  color:#ffffff;\n  line-height:1.7;\n  white-space:pre-line;\n}\n\n\/* DARK *\/\n#sv-proposals .sv-dark{\n  margin:90px 0;\n  padding:108px 56px;\n  border-radius:48px;\n  background:\n    radial-gradient(circle at top left,rgba(225,29,72,.20),transparent 36%),\n    radial-gradient(circle at bottom right,rgba(106,92,255,.22),transparent 34%),\n    linear-gradient(135deg,#0f172a 0%,#111827 55%,#312e81 100%);\n  color:#fff;\n  text-align:center;\n  box-shadow:0 36px 100px rgba(15,23,42,.28);\n}\n\n#sv-proposals .sv-dark h2{\n  max-width:1100px;\n  margin:0 auto 24px;\n  color:#fff;\n  font-size:70px;\n  line-height:.98;\n  letter-spacing:-.06em;\n}\n\n#sv-proposals .sv-dark p{\n  max-width:880px;\n  margin:0 auto;\n  color:#dbe4f0;\n  font-size:22px;\n  line-height:1.75;\n}\n\n\/* FINAL *\/\n#sv-proposals .sv-final{\n  margin-top:100px;\n  padding:82px 40px;\n  border-radius:42px;\n  background:\n    radial-gradient(circle at top,rgba(106,92,255,.12),transparent 36%),\n    #f8fafc;\n  border:1px solid #e2e8f0;\n  text-align:center;\n}\n\n#sv-proposals .sv-final h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:60px;\n  line-height:1.03;\n  letter-spacing:-.05em;\n}\n\n#sv-proposals .sv-final p{\n  max-width:820px;\n  margin:0 auto 34px;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.8;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1280px){\n  #sv-proposals h1{\n    font-size:66px;\n  }\n\n  #sv-proposals .sv-hero-inner,\n  #sv-proposals .sv-builder-grid{\n    grid-template-columns:1fr;\n    gap:54px;\n  }\n\n  #sv-proposals .sv-panel{\n    max-width:980px;\n    margin:0 auto;\n  }\n\n  #sv-proposals .sv-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:860px){\n  #sv-proposals .sv-hero-inner{\n    text-align:center;\n  }\n\n  #sv-proposals .sv-lead,\n  #sv-proposals .sv-sub{\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  #sv-proposals .sv-actions{\n    justify-content:center;\n  }\n\n  #sv-proposals .sv-mini-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-proposals .sv-dark h2{\n    font-size:48px;\n  }\n}\n\n@media(max-width:760px){\n  #sv-proposals .sv-wrap{\n    width:100%;\n    padding:0 16px;\n  }\n\n  #sv-proposals .sv-hero{\n    padding:58px 0 66px;\n  }\n\n  #sv-proposals .sv-hero::before{\n    inset:18px 12px;\n    border-radius:32px;\n  }\n\n  #sv-proposals h1{\n    font-size:42px;\n  }\n\n  #sv-proposals .sv-lead{\n    font-size:19px;\n  }\n\n  #sv-proposals .sv-sub{\n    font-size:16px;\n  }\n\n  #sv-proposals .sv-panel,\n  #sv-proposals .sv-builder{\n    padding:22px;\n    border-radius:30px;\n  }\n\n  #sv-proposals .sv-panel-main{\n    padding:24px;\n  }\n\n  #sv-proposals .sv-panel-main strong{\n    font-size:28px;\n  }\n\n  #sv-proposals .sv-section-title h2,\n  #sv-proposals .sv-final h2{\n    font-size:38px;\n  }\n\n  #sv-proposals .sv-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-proposals .sv-dark{\n    padding:76px 22px;\n    margin:70px 0;\n  }\n\n  #sv-proposals .sv-dark h2{\n    font-size:38px;\n  }\n\n  #sv-proposals .sv-dark p{\n    font-size:18px;\n  }\n\n  #sv-proposals .sv-btn{\n    width:100%;\n  }\n}\n<\/style>\n\n<div class=\"sv-wrap\">\n\n  <section class=\"sv-hero\">\n    <div class=\"sv-hero-inner\">\n\n      <div>\n        <div class=\"sv-kicker\">Propositions<\/div>\n\n        <h1>\n          De la pression civique<br>\n          \u00e0 de meilleurs mod\u00e8les.\n        <\/h1>\n\n        <p class=\"sv-lead\">\n          Les propositions sont l'endroit o\u00f9 la discussion devient action structur\u00e9e.\n        <\/p>\n\n        <p class=\"sv-sub\">\n          Une proposition n'a pas besoin d'\u00eatre parfaite. Elle doit clarifier ce qui doit changer,\nqui est concern\u00e9, quel mod\u00e8le pourrait mieux fonctionner et quelle est la prochaine \u00e9tape possible.\n        <\/p>\n\n        <div class=\"sv-actions\">\n          <a class=\"sv-btn\" href=\"#proposal-builder\">\u00c9bauche de proposition<\/a>\n          <a class=\"sv-btn sv-btn-dark\" href=\"\/civic-discussion-room\/\">Salle de discussion<\/a>\n          <a class=\"sv-btn sv-btn-light\" href=\"\/civic-signals\/\">Retour \u00e0 Civic Signals \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-panel\">\n        <div class=\"sv-panel-main\">\n          <strong>Une proposition n'est pas seulement une opinion.<\/strong>\n          <span>\n            C'est une tentative structur\u00e9e de passer de la r\u00e9action \u00e0 la contribution.\n          <\/span>\n        <\/div>\n\n        <div class=\"sv-mini-grid\">\n          <div class=\"sv-mini\">\n            <strong>Probl\u00e8me<\/strong>\n            <span>Quelle pression ou quel signal n\u00e9cessite une attention particuli\u00e8re ?<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Mod\u00e8le<\/strong>\n            <span>Qu'est-ce qui pourrait fonctionner mieux que le syst\u00e8me actuel ?<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Prochaine \u00e9tape<\/strong>\n            <span>Qu'est-ce qui peut \u00eatre test\u00e9, discut\u00e9 ou r\u00e9vis\u00e9 ?<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"sv-section-title\">\n    <h2>Ce qui rend une proposition utile ?<\/h2>\n    <p>\n      Une proposition utile relie un signal avec un mod\u00e8le possible. Elle ne se contente pas de d\u00e9crire ce qui ne va pas. Elle aide les gens \u00e0 voir ce qui pourrait \u00eatre chang\u00e9, test\u00e9 ou am\u00e9lior\u00e9.\n    <\/p>\n  <\/section>\n\n  <section class=\"sv-grid\">\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83d\udd0e<\/div>\n        <h3>D\u00e9finir le signal<\/h3>\n        <p>\n          Partir d'un signal civique : prix de l'\u00e9nergie, logement, instabilit\u00e9 de l'emploi, confiance, IA ou incertitude quant \u00e0 l'avenir.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83d\udc65<\/div>\n        <h3>Identifier qui est affect\u00e9<\/h3>\n        <p>\n          Citoyens, familles, travailleurs, entreprises, communaut\u00e9s ou institutions peuvent subir la pression diff\u00e9remment.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83e\udde9<\/div>\n        <h3>Sugg\u00e9rer un meilleur mod\u00e8le<\/h3>\n        <p>\n          Le but n'est pas seulement la critique. Il s'agit d'imaginer un m\u00e9canisme, une r\u00e8gle, un service ou un mod\u00e8le de protection plus clair.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83e\udded<\/div>\n        <h3>Rendre cela discutable<\/h3>\n        <p>\n          Une proposition doit \u00eatre suffisamment claire pour que d'autres puissent l'examiner, la comparer, l'am\u00e9liorer ou la critiquer de mani\u00e8re constructive.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-dark\">\n    <h2>\n      La proposition est le pont.\n    <\/h2>\n\n    <p>\n      Les signaux civiques r\u00e9v\u00e8lent la pression. La discussion clarifie le sens. Les propositions aident \u00e0 transformer ce sens en meilleurs syst\u00e8mes.\n    <\/p>\n  <\/section>\n\n  <section id=\"proposal-builder\" class=\"sv-builder\">\n\n    <div class=\"sv-section-title\" style=\"margin-bottom:34px;\">\n      <h2>R\u00e9diger une proposition structur\u00e9e.<\/h2>\n      <p>\n        Choisir un signal, d\u00e9finir le groupe affect\u00e9, d\u00e9crire ce qui devrait changer et g\u00e9n\u00e9rer une premi\u00e8re proposition d'ouverture.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv-builder-grid\">\n\n      <div class=\"sv-box\">\n        <h2>G\u00e9n\u00e9rateur de propositions<\/h2>\n        <p>\n          Cette premi\u00e8re version permet de transformer une discussion en un format de proposition plus clair.\n        <\/p>\n\n        <label for=\"sv-proposal-signal\">Signal civique<\/label>\n        <select id=\"sv-proposal-signal\">\n          <option value=\"Energy prices and instability\">Prix de l'\u00e9nergie et instabilit\u00e9<\/option>\n          <option value=\"Housing pressure\">La pression immobili\u00e8re<\/option>\n          <option value=\"Work instability\">Instabilit\u00e9 de l'emploi<\/option>\n          <option value=\"Public trust\">La confiance du public<\/option>\n          <option value=\"AI and society\">L'IA et la soci\u00e9t\u00e9<\/option>\n          <option value=\"Future uncertainty\">Incertitude future<\/option>\n        <\/select>\n\n        <label for=\"sv-proposal-affected\">Qui est concern\u00e9 ?<\/label>\n        <select id=\"sv-proposal-affected\">\n          <option value=\"citizens and households\">Citoyens et m\u00e9nages<\/option>\n          <option value=\"families\">Familles<\/option>\n          <option value=\"workers\">Travailleurs<\/option>\n          <option value=\"small businesses\">Petites entreprises<\/option>\n          <option value=\"local communities\">Les communaut\u00e9s locales<\/option>\n          <option value=\"public institutions\">Institutions publiques<\/option>\n        <\/select>\n\n        <label for=\"sv-proposal-change\">Qu'est-ce qui devrait changer ?<\/label>\n        <textarea id=\"sv-proposal-change\" placeholder=\"D\u00e9crivez ce qui devrait changer...\"><\/textarea>\n\n        <label for=\"sv-proposal-model\">Quel meilleur mod\u00e8le pourrait fonctionner ?<\/label>\n        <textarea id=\"sv-proposal-model\" placeholder=\"D\u00e9crire un meilleur mod\u00e8le, r\u00e8gle, service, protection ou m\u00e9canisme...\"><\/textarea>\n\n        <div class=\"sv-actions\" style=\"margin-top:18px;\">\n          <button class=\"sv-btn\" id=\"sv-proposal-build\" type=\"button\">Cr\u00e9er une \u00e9bauche de proposition \u2192<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-preview\">\n        <small>Avant-projet<\/small>\n\n        <h3 id=\"sv-proposal-preview-title\">\n          Prix de l'\u00e9nergie et instabilit\u00e9 \u2192 citoyens et m\u00e9nages\n        <\/h3>\n\n        <p>\n          Cet aper\u00e7u transforme le signal s\u00e9lectionn\u00e9 en une proposition d'ouverture plus claire.\n        <\/p>\n\n        <div class=\"sv-generated\" id=\"sv-proposal-generated\">\nTitre de la proposition : Prix de l'\u00e9nergie et instabilit\u00e9\n\nGroupe concern\u00e9 : citoyens et m\u00e9nages\n\nCe qui devrait changer :\nLe syst\u00e8me actuel devrait r\u00e9duire la volatilit\u00e9 et faciliter la planification.\n\nMeilleur mod\u00e8le :\nUn meilleur mod\u00e8le devrait prot\u00e9ger la planification \u00e0 long terme, r\u00e9duire l'incertitude et am\u00e9liorer la confiance.\n        <\/div>\n\n        <div class=\"sv-actions\" style=\"margin-top:20px;\">\n          <button class=\"sv-btn sv-btn-light\" id=\"sv-proposal-copy\" type=\"button\">Copier le brouillon de la proposition \u2192<\/button>\n        <\/div>\n\n        <p id=\"sv-proposal-note\" style=\"margin-top:14px;font-size:14px;color:#cbd5e1;\">\n          Vous pouvez copier cette \u00e9bauche et l'utiliser dans un formulaire, une discussion ou un futur tableau de proposition.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-final\">\n    <h2>\n      De la pression \u00e0 la proposition.\n    <\/h2>\n\n    <p>\n      Les propositions compl\u00e8tent la cha\u00eene civique : un signal devient discussion, et la discussion devient un mod\u00e8le possible d'am\u00e9lioration.\n    <\/p>\n\n    <div class=\"sv-actions\">\n      <a class=\"sv-btn\" href=\"\/civic-signals\/\">Retour \u00e0 Civic Signals \u2192<\/a>\n      <a class=\"sv-btn sv-btn-dark\" href=\"\/civic-discussion-room\/\">Salle de discussion<\/a>\n      <a class=\"sv-btn sv-btn-light\" href=\"\/open-conversation\/\">Ouvrir la conversation<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  var root=document.getElementById(\"sv-proposals\");\n  if(!root){return;}\n\n  var signalEl=root.querySelector(\"#sv-proposal-signal\");\n  var affectedEl=root.querySelector(\"#sv-proposal-affected\");\n  var changeEl=root.querySelector(\"#sv-proposal-change\");\n  var modelEl=root.querySelector(\"#sv-proposal-model\");\n  var titleEl=root.querySelector(\"#sv-proposal-preview-title\");\n  var generatedEl=root.querySelector(\"#sv-proposal-generated\");\n  var buildBtn=root.querySelector(\"#sv-proposal-build\");\n  var copyBtn=root.querySelector(\"#sv-proposal-copy\");\n  var noteEl=root.querySelector(\"#sv-proposal-note\");\n\n  function updateProposal(){\n    var signal=signalEl ? signalEl.value : \"Energy prices and instability\";\n    var affected=affectedEl ? affectedEl.value : \"citizens and households\";\n    var change=changeEl && changeEl.value.trim() ? changeEl.value.trim() : \"The current system should reduce volatility and make planning easier.\";\n    var model=modelEl && modelEl.value.trim() ? modelEl.value.trim() : \"A better model should protect long-term planning, reduce uncertainty and improve trust.\";\n\n    if(titleEl){\n      titleEl.textContent=signal+\" \u2192 \"+affected;\n    }\n\n    if(generatedEl){\n      generatedEl.textContent=\n        \"Proposal title: \"+signal+\"\\n\\n\"+\n        \"Affected group: \"+affected+\"\\n\\n\"+\n        \"What should change:\\n\"+change+\"\\n\\n\"+\n        \"Better model:\\n\"+model;\n    }\n  }\n\n  if(signalEl){signalEl.addEventListener(\"change\",updateProposal);}\n  if(affectedEl){affectedEl.addEventListener(\"change\",updateProposal);}\n  if(changeEl){changeEl.addEventListener(\"input\",updateProposal);}\n  if(modelEl){modelEl.addEventListener(\"input\",updateProposal);}\n\n  if(buildBtn){\n    buildBtn.addEventListener(\"click\",function(){\n      updateProposal();\n      var preview=root.querySelector(\".sv-preview\");\n      if(preview){\n        preview.scrollIntoView({behavior:\"smooth\",block:\"center\"});\n      }\n    });\n  }\n\n  if(copyBtn){\n    copyBtn.addEventListener(\"click\",function(){\n      updateProposal();\n      var text=generatedEl ? generatedEl.textContent : \"\";\n\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(text).then(function(){\n          if(noteEl){noteEl.textContent=\"Copied. You can now paste it into a form, discussion or proposal board.\";}\n        }).catch(function(){\n          if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n        });\n      }else{\n        if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n      }\n    });\n  }\n\n  updateProposal();\n});\n<\/script>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Proposals From civic pressure to better models. Proposals is where discussion becomes structured action. A proposal does not need to be perfect. It needs to clarify what should change, who is affected, what model could work better and what next step is possible. Draft proposal \u2192 Discussion Room \u2192 Back to Civic Signals \u2192 A [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-888","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/comments?post=888"}],"version-history":[{"count":3,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/888\/revisions"}],"predecessor-version":[{"id":1445,"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/pages\/888\/revisions\/1445"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/fr\/wp-json\/wp\/v2\/media?parent=888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}