index.html

---
layout: default
additional_css: homepage
title: Accueil
---

<div class="row">
  <div class="col-md-6 col-12">
    <div class="row edito">
      <h2>Édito</h2>
      <div class="text">
        <p class="col-12">Associer les citoyens à la décision est un impératif de l’action publique pour appréhender les enjeux politiques et sociaux des réformes complexes.</p>
        <p class="col-12">Les décideurs publics ont la responsabilité d'assurer la qualité, la sincérité et l’impartialité des démarches de consultation des citoyens pour en tirer toute la valeur.</p>
        <p class="col-12">C’est le rôle que joue le Centre de la participation citoyenne au sein de la direction interministérielle de la transformation publique…
          <a href="/notre_mission.html"> en savoir plus</a></p>
      </div>
    </div>
  </div>
  <div class="col-md-6 col-12">
    <div class="row d-flex justify-content-center align-items-center flex-column h-100">
      <h5><i class="fas fa-quote-left pr-3"></i> Aucune réforme d’ampleur, qu’elle ait un volet législatif ou non, ne pourra être lancée sans avoir <b>garanti les conditions d’une participation réelle et sincère des citoyens </b> à sa conception [...] 
      </br></br> Pour appuyer les administrations dans leurs démarches participatives, un dispositif d’accompagnement interministériel sera mis en place.<i class="fas fa-quote-right pl-3"></i></h5>
      <span class="auteur"><h7>Comité Interministériel de la Transformation Publique<br/>20 juin 2019</h7></span>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-6 col-12 mt-5">
    <h2>Nous les avons accompagnés</h2>
    <div class="row mt-4">
      <a href="/usage/rua.html" class="row p-1 py-3 cadre bg-bleu" style="background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/img/main-2.png');">
        <h4 class="col-12">Délégation interministérielle à la prévention et à la lutte contre la pauvreté</h4>
        <span class="col-12">Concertation sur la mise en place du revenu universel d’activité</span>
      </a>
      <a href="/usage/hcrr.html" class="row mt-4 p-1 py-4 cadre bg-bleu" style="background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/img/banniere-retraites.png');">
        <h4 class="col-12">Haut-Commissaire à la réforme des retraites</h4>
        <span class="col-12">Concertation sur la mise en place d’un système universel de retraite</span>
      </a>
      <a href="/usage/afb.html" class="row mt-4 p-1 py-5 cadre bg-bleu" style="background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/img/mur-vert.png');">
        <h4 class="col-12">Agence Française pour la biodiversité</h4>
        <span class="col-12">Définir les modalités d’association sincère et pérenne des citoyens aux missions de l’agence</span>
      </a>
      <a href="/usage/addiction.html" class="row mt-4 p-1 py-3 cadre bg-bleu" style="background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/img/assembl-bg.jpg');">
        <h4 class="col-12">Mission interministérielle de lutte contre les drogues et les conduites addictives</h4>
        <span class="col-12">Atelier citoyen sur le rôle de l’école dans la prévention des conduites addictives</span>
      </a>
      <a href="/usage/sante.html" class="row mt-4 p-1 py-4 cadre bg-bleu" style="background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/img/personne-ombre.jpeg');">
        <h4 class="col-12">Conférence nationale de santé</h4>
        <span class="col-12">Atelier citoyen sur l’impact des objets connectés et des applications numériques sur les inégalités en santé</span>
      </a>
      <a href="/usage/sante2.html" class="row mt-4 p-1 py-5 cadre bg-bleu" style="background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)), url('/img/conference.png');">
        <h4 class="col-12">Ministère de la santé</h4>
        <span class="col-12">Atelier citoyen sur l’ouverture des données personnelles de santé</span>
      </a>
    </div>
  </div>
  <div class="col-md-6 col-12 mt-5">
    <h2><a href="/laconsultation.html">Concevoir sa démarche</a></h2>
    <a href="/laconsultation.html#inspirer" class="row mt-4 cadre">
      <div class="col-md-9 col d-flex align-items-center">Voir des exemples</div>
      <div class="col-md-3 col">
        <img class="w-100" src="/img/icons/ampoule.png" alt="icone de bulles de discussion">
      </div>
    </a>
    <a href="/laconsultation.html" class="row mt-3 cadre">
      <div class="col-md-9 col d-flex align-items-center">Choisir une méthode</div>
      <div class="col-md-3 col">
        <img class="w-100" src="/img/icons/carte.png" alt="icone carte">
      </div>
    </a>
    <a href="/laconsultation.html#choisir" class="row mt-3 cadre">
      <div class="col-md-9 col d-flex align-items-center">Choisir une plateforme participative</div>
      <div class="col-md-3 col">
        <img class="w-100" src="/img/icons/ordinateur.png" alt="icone ordinateur">
      </div>
    </a>
    <a href="/laconsultation.html#acheter" class="row mt-3 cadre">
      <div class="col-md-9 col d-flex align-items-center">Réaliser sa démarche de participation</div>
      <div class="col-md-3 col">
        <img class="w-100" src="/img/icons/poigne-mains.png" alt="icone poigné de main">
      </div>
    </a>
    <a href="/campus.html" class="row mt-4 cadre">
      <div class="col-md-9 col d-flex align-items-center">Consulter les retours d'experience</div>
      <div class="col-md-3 col">
        <img class="w-100" src="/img/icons/bulles.png" alt="icone de bulles de discussion">
      </div>
    </a>
    <div class="row mt-5 d-flex justify-content-center">
      <h2 class="w-100">Ils témoignent</h2>
      <iframe class="mt-3" frameborder="0" width="480" height="270" src="https://www.dailymotion.com/embed/video/x711dei" allowfullscreen allow="autoplay"></iframe>
    </div>
    <a href="/citoyens/index.html" target="_blank" class="d-flex justify-content-center row mt-5 card-macontrbution">
      <img src="/img/icons/megaphone.png" alt="icone de bulles de discussion">
      <div class="flex-column d-flex align-items-center justify-content-center ml-3">
        <div class="titre">participation-citoyenne.gouv.fr</div>
        <div>Voir le catalogue des démarches en cours</div>
      </div>
    </a>
  </div>
</div>

<div class="row text-center row-bottom-home">
  <a href="/rejoindre.html" class="links-bottom-home col-md-4 col d-flex justify-content-center flex-column align-items-center">
    <i class="fas fa-users mb-2"></i>
    <span>Rejoindre la<br/>communauté</span>
  </a>
  <a href="/campus.html" class="links-bottom-home col-md-4 col d-flex justify-content-center flex-column align-items-center">
    <i class="fab fa-leanpub mb-2"></i>
    <span>Apprendre<br/>et capitaliser</span>
  </a>
  <a href="/contact.html" class="links-bottom-home col-md-4 col d-flex justify-content-center flex-column align-items-center">
    <i class="fas fa-envelope mb-2"></i>
    <span>Contactez<br/>nous</span>
  </a>
</div>