-
Notifications
You must be signed in to change notification settings - Fork 5
/
laconsultation.html
405 lines (390 loc) · 20.2 KB
/
laconsultation.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
---
layout: default
additional_css: laconsultation
title: Concevoir sa démarche
---
<div class="row col" id="title">
<div class="row">
<h1><b>CONCEVOIR</b><br/>
UNE DÉMARCHE DE QUALITÉ</h1>
</div>
<div class="row py-5 d-flex justify-content-center">
<a href="/uploads/kit-de-cadrage-complet-v5.zip" download="kit-de-cadrage-complet-v5.zip" class="row-links px-2">
<i class="fas fa-file-download"></i>
<p><b>Téléchargez le kit</b><br/>
pour concevoir votre démarche pas à pas</p>
</a>
<a href="/contact.html" class="row-links px-2">
<i class="fas fa-headset"></i>
<p><b>Faites-vous accompagner</b><br/>
par notre équipe interministérielle</p>
</a>
</div>
<div class="row border-top" id="sous-menu">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link" id="inspirer-tab" data-toggle="tab"
href="#inspirer" role="tab" aria-controls="inspirer" aria-selected="false">S'inspirer</a>
</li>
<li class="nav-item">
<a class="nav-link active" id="concevoir-tab" data-toggle="tab"
href="#concevoir" role="tab" aria-controls="concevoir" aria-selected="true">Choisir une méthode</a>
</li>
<li class="nav-item">
<a class="nav-link" id="choisir-tab" data-toggle="tab"
href="#choisir" role="tab" aria-controls="choisir" aria-selected="false">Choisir une plateforme</a>
</li>
<li class="nav-item">
<a class="nav-link" id="fare-tab" data-toggle="tab"
href="#faire" role="tab" aria-controls="faire" aria-selected="false">Faire soi-même</a>
</li>
<li class="nav-item">
<a class="nav-link" id="acheter-tab" data-toggle="tab"
href="#acheter" role="tab" aria-controls="acheter" aria-selected="false">Se faire accompagner</a>
</li>
</ul>
</div>
</div>
<div class="row py-5">
<div class="tab-content col-12" id="myTabContent">
<!--S'inspirer-->
<div class="tab-pane fade show" id="inspirer" role="tabpanel" aria-labelledby="inspirer-tab">
<div class="row">
<h2 class="mt-5 mb-0 col-12">Explorer les démarches de participation</h2>
<p class="sous-titre col-12">Réforme des retraites, atelier citoyen, consultation en ligne...</p>
</div>
<div class="form-group row my-3">
<div class="col-sm-4">
<input id="search" name="search" placeholder="Recherche rapide" type="text" data-list=".list" class="form-control" >
</div>
</div>
<div class="row list" id="results">
{% assign usages = site.usage | sort: 'ordre' | reverse %}
{% for usage in usages %}
{% if usage.in_progress %}
{% include exemple-card.html usage=usage en-savoir-plus=true %}
{% endif %}
{% endfor %}
</div>
</div>
<!--Choisir une méthode-->
<div class="tab-pane fade active show" id="concevoir" role="tabpanel" aria-labelledby="concevoir-tab">
<div class="col-12">
<h2>Explorer les différentes méthodes</h2>
</div>
<div class="row">
<div class="col-md-8 col-12">
<h4 class="mb-3">recensées à partir de nos <a href="/criteres.html">critères</a> de sélection. <strong>Faites votre choix entre une ou plusieurs méthodes</strong>, en fonction de l'objectif que vous voulez atteindre : </h4>
</div>
</div>
<div class="row mt-5">
{% assign methodes = site.outil | where: "categorie", "methode" | sort: 'ordre' | reverse %}
{% for outil in methodes %}
{% include outil-card.html description=outil %}
{% endfor %}
</div>
<div class="row">
<div class="col-md-8 col-12">
<p class="mt-5 blue">Cliquez sur les cartes pour comparer les méthodes !</p>
<p>Pour être accompagné sur le choix d'une méthode, <a href="https://airtable.com/shrjeKVyOE7eoNg6K" class="liens-soulignes" target="_blank"> sollicitez le Centre de la Participation Citoyenne ! </a></p>
</div>
</div>
</div>
<!--Choisir une plateforme-->
<div class="tab-pane fade show" id="choisir" role="tabpanel" aria-labelledby="choisir-tab">
<div class="row">
<div class="col-12">
<h2>Choisir un outil de consultation</h2>
</div>
{% assign outils = site.outil | where: "categorie", "outil" | sort: 'ordre' | reverse %}
<div class="row">
<div class="col-md-8 col-12">
<h4 class="mb-3">Nous avons référencé {{ outils | size }} outils respectant les <a href="/criteres.html" class="liens-soulignes">25 critères</a> des consultations publiques. Vous y avez accès <strong>en quelques clics</strong> pour fabriquer vos consultations</h4>
</div>
</div>
<div class="row mt-5">
{% for outil in outils %}
{% include outil-card.html description=outil %}
{% endfor %}
<div class="row mt-3 d-flex align-items-center">
<div class="col-md-9">
<p class="m-0">Fiabilité, sécurité, RGPD, hébergement en France..., ces outils répondent à
<a href="/criteres.html" class="liens-soulignes">25 critères</a> de sélection définis conjointement par les
administrations, les acteurs de la Civic Tech et des experts de la concertation.</p>
</div>
</div>
<div class="col-12">
<p class="mt-2 mb-3">Tout agent public ayant une adresse en « .gouv » peut utiliser simplement ces outils, directement à partir de ce site.</p>
Ces outils sont :
<ul class="list-unstyled ml-4">
<li><i class="fas fa-angle-right blue"></i> déployables en quelques clics,</li>
<li><i class="fas fa-angle-right blue"></i> ergonomiques et simples à prendre en main,</li>
<li><i class="fas fa-angle-right blue"></i> gratuits sur un premier niveau de services.</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-8 col-12">
<h2 class="mt-5 blue">Cliquez sur les icônes pour comparer les outils !</h2>
<p>Pour être accompagné sur le choix d'un outil, <a href="https://airtable.com/shrjeKVyOE7eoNg6K" class="liens-soulignes" target="_blank"> sollicitez le Centre de la Participation Citoyenne !</a> </p>
</div>
</div>
</div>
</div>
<!--Faire-->
<div class="tab-pane fade show" id="faire" role="tabpanel" aria-labelledby="faire-tab">
<div class="row">
<div class="col-12">
<h2>Réalisez vous-même votre démarche participative</h2>
</div>
<div class="row">
<div class="col-md-8 col-12">
<h4 class="mb-3">Prévoyez les ressources nécessaires en interne pour réaliser votre démarche, surtout si la participation est au coeur de votre action ou une pratique récurrente !</h4>
</div>
</div>
<div class="col-12">
<p>Pour lancer votre propre dispositif participatif, vous trouverez sur ce site <a href="/uploads/kit-de-cadrage-complet-v5.zip">des éléments d’aide au cadrage</a>, des méthodes et des dispositifs pour vous inspirer. </p>
<p>Pour réussir votre démarche, nous préconisons de penser votre dispositif en fonction de vos objectifs et de ce que vous cherchez à obtenir. Par exemple, si vous souhaitez des contributions qui sont le fruit d’un travail collectif et argumenté, ce ne sont pas les mêmes outils que si vous cherchez plutôt de l’opinion individuelle et à créer une forte mobilisation autour de votre démarche. Le plus souvent, il est préconisé de croiser les outils et de penser un dispositif par ses finalités.
</p>
</br>
</div>
<div class="col-12">
<h2>Consultez les guides méthodologiques sur la participation</h2>
<ul>
<li><a href="/uploads/kit-de-cadrage-complet-v5.zip" target="_blank">
Guide & Kit méthodologique du Centre de la Participation DITP</a></li>
<li><a href="http://comment-faire.modernisation.gouv.fr/wp-content/uploads/2018/11/boite-outils-demarches-participation_com.pdf" target="_blank">
Guide (Octobre 2017): Les démarches de participation citoyenne - Boîte à outils</a></li>
<li><a href="http://www.gouvernement.fr/sites/default/files/contenu/piece-jointe/2016/12/coepia_consultations_ouvertes_sur_internet_2016.pdf" target="_blank">Rapport du COEPIA (Nov 2016) : Consultations ouvertes sur internet organisées par les administrations</a></li>
<li><a href="https://www.ecologique-solidaire.gouv.fr/charte-participation-du-public" target="_blank">CGDD (Sept 2016) : Charte de la participation du public</a></li>
<li><a href="http://www.cairn.info/load_pdf.php?ID_ARTICLE=PARTI_001_0156" target="_blank">Travaux de recherche : Participation en ligne et démocratie</a></li>
<li><a href="https://www.dicopart.fr/fr/dico/dispositifs" target="_blank">DicoPart : le dictionnaire des dispositifs participatifs du GIS Participation et Démocratie</a></li>
<li><a href="http://www.institutions-democratiques.gouv.qc.ca/index.asp" target="_blank">Cadre de référence de la participation publique au Québec</a></li>
<li><a href="http://www.eau-poitou-charentes.org/IMG/pdf/Doc_fondation_Roi_Baudoin.pdf" target="_blank">Méthodes participatives : un guide pour l’utilisateur de la Fondation du roi Baudouin (Belgique)</a></li>
<li><a href="http://www.fondation-nature-homme.org/democratie-participative-guide-des-outils-pour-agir/" target="_blank">Démocratie participative : guide des outils pour agir de la Fondation Nicolas Hulot pour la nature et l’homme</a></li>
</ul>
<h2>Paramétrez vous-même votre plateforme en ligne</h2>
<ul>
<li><a href="https://docs.decidim.org/admin-manual/en/how-to-access-administrator-menu/" target="_blank">
Lien vers la documentation complète de l'outil DECIDIM</a></li>
<li><a href="https://aide.cap-collectif.com/" target="_blank">
Lien vers la documentation complète de l'outil Gouvernement & Citoyen (Cap Collectif)</a></li>
<li><a href="https://guide.civocracy.org/hc/fr" target="_blank">Lien vers la documentation complète de l'outil Civocracy</a></li>
<li><a href="/uploads/Gouvernement&Citoyens.pdf" target="_blank">Tutoriel Etalab: premiers pas avec Gouvernement & Citoyen (CapCollectif)</a></li>
<li><a href="uploads/democracyOS.pdf" target="_blank">Tutoriel Etalab: premiers pas avec DemocracyOS</a></li>
</ul>
</div>
</div>
<div class="row mb-5">
<div class="col-md-4 col">
<img src="/img/logoDITP_print_Baseline.svg" alt="logo DITP" class="w-100">
</div>
<div class="col-md-8 col">
<a href="/contact.html"><h1 class="blue mt-5 font-weight-bold">Notre équipe interministérielle oriente, conseille, et accompagne les agents publics dans la réalisation de leurs démarches participatives</h1></a>
</div>
</div>
<a href="mailto:participationcitoyenne@modernisation.gouv.fr" target="_blank" class="row mt-5" id="banniere-contact" style="background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/img/assembl-bg.jpg');">
<div class="logo-telephone">
<i class="fas fa-headset"></i>
</div>
<h2>CONTACTEZ-NOUS</h2>
</a>
</div>
<!--Acheter-->
<div class="tab-pane fade show" id="acheter" role="tabpanel" aria-labelledby="acheter-tab">
<div class="row">
<div class="row">
<h2 class="blue mb-5 ">Se faire accompagner par un prestataire</h2>
</div>
<p>Si vous souhaitez recourir à des compétences spécifiques via de l’achat de prestations, voici quelques solutions. Un marché public interministériel sera également bientôt disponible. Pour en savoir plus, <a href="/contact.html">contactez-nous</a>.</p>
<div class="row accompagnement-choices mb-5">
<div class="col-md-8 offset-md-2 col-12">
<button class="links btn-primary btn" data-target="#accompagne"><i class="fas fa-chevron-right"></i> Les façons d'acheter de la prestation</button>
<div class="row-choice">
<div class="dark-gray">Mise en concurrence de 3 devis</div>
<div class="time">
<span>max 25 000€</span>
<span><i class="fas fa-stopwatch"></i> < 1 mois</span>
</div>
</div>
<div class="row-choice mt-2">
<div class="dark-gray">Procédure d'Achat Innovant DAE </div>
<div class="time">
<span>max 100 000€</span>
<span><i class="fas fa-stopwatch"></i> < 1 mois</span>
</div>
</div>
<div class="row-choice mt-2">
<div class="dark-gray">Procédure accélérée UGAP</div>
<div class="time">
<span>sans limite de montant</span>
<span><i class="fas fa-stopwatch"></i> 1 à 2 mois</span>
</div>
</div>
<div class="row-choice mt-2">
<div class="dark-gray">Marché public</div>
<div class="time">
<span>sans limite de montant</span>
<span><i class="fas fa-stopwatch"></i> 6 à 9 mois</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<h2 class="mb-3 blue">Un prestataire peut vous accompagner dans la réalisation de votre consultation </h2>
Ce prestataire pourra :
<ul class="list-unstyled ml-4">
<li><i class="fas fa-angle-right blue"></i> penser et organiser le projet de consultation, </li>
<li><i class="fas fa-angle-right blue"></i> paramétrer l'outil de consultation, </li>
<li><i class="fas fa-angle-right blue"></i> gérer la consultation pour vous, </li>
<li><i class="fas fa-angle-right blue"></i> analyser les résultats </li>
<li><i class="fas fa-angle-right blue"></i> etc. </li>
</ul>
</div>
</div>
<div class="row">
<div class="col-12">
<hr>
</div>
</div>
<div class="row">
<div class="my-5 col-12">
<div class="d-flex justify-content-between align-items-center">
<h2 class="blue">Contacter directement les éditeurs</h2>
<span class="price">- 25 000€ HT</span>
</div>
<p>Pour des montants inférieurs à 25 000€, vous pouvez contacter directement les éditeurs et mettre en concurrence 3 devis : </p>
</div>
<div class="col-12">
<div class="row">
{% assign outils = site.outil | where: "categorie", "outil" %}
{% for outil in outils %}
{% include outil-card-contact.html description=outil %}
{% endfor %}
</div>
</div>
</div>
<div class="row mt-5 p-4 gray-background">
<div class="row d-flex justify-content-between p-4">
<div>
<h2 class="blue">Procédure d'Achat Innovant</h2>
<h4 class="blue">par la Direction des Achats de l'État</h4>
<p>dans le cadre du décret n°2018-1225 du 24 décembre 2018</p>
</div>
<div>
<span class="price">- 100 000€ HT</span>
</div>
</div>
<div class="row row-procedure">
<div class="col cols-procedure">
<h5 class="text-center">Conditions</h5>
<ul class="list-unstyled">
<li>- Besoin inférieur à 100 00€ HT</li>
<li>- Solution innovante : procédé, usage qui n’existe pas encore dans l’administration</li>
</ul>
</div>
<div class="col cols-procedure">
<h5 class="text-center">Recommandations</h5>
<ul class="list-unstyled">
<li>- Rencontrer ou solliciter plusieurs prestataires</li>
<li>- Fixer des critères de choix</li>
<li>- Négocier</li>
</ul>
</div>
<div class="col cols-procedure">
<h5 class="text-center">Obligations</h5>
<ul class="list-unstyled">
<li>- Traçabilité (Rapport de présentation)</li>
<li>- Nécessité d’un contrat (CCP valant acte d’engagement)</li>
<li>- Déclaration à l’OECP</li>
</ul>
</div>
<div class="py-3 col wide column container-kit-cadrage d-flex justify-content-center align-items-center">
<div>
<div class="kit-cadrage-acheter d-flex align-items-center justify-content-center">
<i class="fas fa-file-download"></i>
</div>
<div>
<a href="/uploads/kit-d-aide-achat-innovant.rar" download="kit-d-aide-achat-innovant.rar" class="btn btn-primary btn-lg">Téléchargez le guide</a>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-end">
<p class="font-weight-bold">Téléchargez le guide et commencez dès à présent la procédure d'achat innovant</p>
</div>
</div>
<div class="row my-4 py-4">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center">
<h2 class="blue">Contacter l'UGAP</h2>
<span class="price">pas de limite de montant</span>
</div>
<p>L'UGAP vous permettra de faire appel à un prestataire en 1 mois, même pour les prestations de + de 25 000€ </p>
<div class="logo-ugap d-flex justify-content-center flex-column mt-5 offset-md-3 col-md-6 col-12">
<a href="https://www.ugap.fr" target="_blank" class="mt-3 text-center">
<img class="img-fluid" src="/img/ugap-slogant.png" alt="logo UGAP">
</a>
<a href="https://www.ugap.fr" target="_blank" class="my-2 text-center">https://www.ugap.fr/</a>
<div id="contact-ugap" class="py-3 text-center">
<h5>Contacter l'UGAP</h5>
<span><img id="icon-malentendants" src="/img/icon-malentendants.png" alt="icon malentendants"> 0 811 702 703</span>
<span>(prix d'un appel local depuis un post fixe)</span>
</div>
</div>
</div>
</div>
<div class="row gray-background my-4 py-4">
<div class="col-12">
<div class="d-flex justify-content-between align-items-center">
<h2 class="blue">Passer un marché public</h2>
<span class="price">pas de limite de montant</span>
</div>
<p>Pour les devis à plus de 100 000€, vous devrez passer par un marché public classique.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.rawgit.com/vdw/HideSeek/master/jquery.hideseek.min.js"></script>
<script>
$(document).ready(function() {
$(function () {
var activeTab = $(location.hash)
if (activeTab.length > 0) {
var activeLink = $(location.hash + '-tab')
$('.tab-pane').removeClass('active show')
activeTab.addClass('active show')
$('.nav-link').removeClass('active').attr('aria-selected', false)
activeLink.addClass('active')
activeLink.attr('aria-selected', true)
}
window.scrollTo(500, 0)
})
$(window).bind('scroll', function() {
const navHeight = 310;
if ($(window).scrollTop() > navHeight) {
$('#sous-menu').addClass('fixed-menu');
}
else {
$('#sous-menu').removeClass('fixed-menu');
}
});
$('#search').hideseek({
nodata: 'Aucun résultat trouvé pour cette recherche',
ignore_accents: true
})
$('#outils').on('change', function() {
var e = jQuery.Event("keydown");
e.which = 90; // # Some key code value
$('#outils').trigger(e);
})
$('#outils').hideseek({
nodata: 'Aucun résultat trouvé pour cette recherche',
ignore_accents: true,
navigation: true
});
});
</script>