Commit 0a1f90d5 authored by Mindiell's avatar Mindiell
Browse files

Suppression des vues annexes inutiles

parent af1b7b37
<section class="container-fluid text-block sky-blue" id="material">
<div class="page-header text-center">
<h1>{{ _("NOUS RELAYER") }}</h1>
</div>
<hr>
<div class="text-center">
{{ _("Des bannières sont disponibles pour afficher votre soutien et faire passer le mot via les réseaux sociaux et vos sites Internet&nbsp;:") }}
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="banniere_fr_2016" ><img src="/static/img/banniere_reseaux.png"></img></label>
<textarea class="form-control bold" name="banniere_fr_2016" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/banniere_reseaux.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="banniere_fr_2016_1" ><img src="/static/img/banniere.gif"></img></label>
<textarea class="form-control bold" name="banniere_fr_2016_1" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/banniere_reseaux.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="banniere_fr_2016_1_clignotte" ><img src="/static/img/banniere_clignotte.gif"></img></label>
<textarea class="form-control bold" name="banniere_fr_2016_clignotte" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/banniere_reseaux.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="banniere_en_2016_clignotte" ><img src="/static/img/banniere_clignotte_eng.gif"></img></label>
<textarea class="form-control bold" name="banniere_fr_2016_clignotte" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/banniere_reseaux.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="banniere_en_2016" ><img src="/static/img/banniere_eng.gif"></img></label>
<textarea class="form-control bold" name="banniere_en_2016_clignotte" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/banniere_reseaux.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_1" ><img src="/static/img/image_profil1-01.png"></img></label>
<textarea class="form-control bold" name="image_profil1-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil1-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_2" ><img src="/static/img/image_profil2-01.png"></img></label>
<textarea class="form-control bold" name="image_profil2-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil2-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_3" ><img src="/static/img/image_profil3-01.png"></img></label>
<textarea class="form-control bold" name="image_profil3-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil3-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_4" ><img src="/static/img/image_profil4-01.png"></img></label>
<textarea class="form-control bold" name="image_profil1-04.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil4-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_5" ><img src="/static/img/image_profil5-01.png"></img></label>
<textarea class="form-control bold" name="image_profil5-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil5-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="banniere_fr_2016" ><img src="/static/img/banniere_reseaux.png"></img></label>
<textarea class="form-control bold" name="banniere_fr_2016" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/banniere_reseaux.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_1" ><img src="/static/img/image_profil1-01.png"></img></label>
<textarea class="form-control bold" name="image_profil1-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil1-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_2" ><img src="/static/img/image_profil2-01.png"></img></label>
<textarea class="form-control bold" name="image_profil2-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil2-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_3" ><img src="/static/img/image_profil3-01.png"></img></label>
<textarea class="form-control bold" name="image_profil3-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil3-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_4" ><img src="/static/img/image_profil4-01.png"></img></label>
<textarea class="form-control bold" name="image_profil1-04.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil4-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_5" ><img src="/static/img/image_profil5-01.png"></img></label>
<textarea class="form-control bold" name="image_profil5-01.png" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil5-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="avatar_1" ><img src="/static/img/image_profil1-01.png"></img></label>
<textarea class="form-control bold" name="image_profil1-01.png" cols="50" rows="50" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/image_profil1-01.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="manif_facebook" ><img src="/static/img/manif_facebook_banniere.png"></img></label>
<textarea class="form-control bold" name="manif_facebook" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/manif_facebook_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="manif_avatar" ><img src="/static/img/manif_photo_de_profil.png"></img></label>
<textarea class="form-control bold" name="manif_avatar" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/manif_photo_de_profil.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="manif_site" ><img src="/static/img/manif_site_banniere.png"></img></label>
<textarea class="form-control bold" name="manif_site" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/manif_site_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="manif_twitter" ><img src="/static/img/manif_twitter_banniere.png"></img></label>
<textarea class="form-control bold" name="manif_twitter" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/manif_twitter_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="manif_youtube" ><img src="/static/img/manif_youtube_banniere.png"></img></label>
<textarea class="form-control bold" name="manif_youtube" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/manif_youtube_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="Facebook_banneer" ><img src="/static/img/lqdn_facebook_banniere.png"></img></label>
<textarea class="form-control bold" name="Facebook_banneer" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/lqdn_facebook_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="banneer" ><img src="/static/img/lqdn_site_banniere.png"></img></label>
<textarea class="form-control bold" name="banneer" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/lqdn_site_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="twitter_banneer" ><img src="/static/img/lqdn_twitter_banniere.png"></img></label>
<textarea class="form-control bold" name="twitter_banneer" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/lqdn_twitter_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="youtube_banneer" ><img src="/static/img/lqdn_youtube_banniere.png"></img></label>
<textarea class="form-control bold" name="youtube_banneer" cols="50" rows="10" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/lqdn_youtube_banniere.png" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="gif1" ><img src="/static/img/anim_1.gif"></img></label>
<textarea class="form-control bold" name="gif1" cols="80" rows="5" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/anim_1.gif" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="gif2" ><img src="/static/img/anim_2.gif"></img></label>
<textarea class="form-control bold" name="gif2" cols="80" rows="5" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/anim_2.gif" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="gif3" ><img src="/static/img/anim_3.gif"></img></label>
<textarea class="form-control bold" name="gif3" cols="80" rows="5" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/anim_3.gif" /> </textarea>
</div>
</div>
<div class="white-pure col-md-offset-1 col-md-10 relayer">
<div class="form-group form-inline">
<label for="gif4" ><img src="/static/img/anim_4.gif"></img></label>
<textarea class="form-control bold" name="gif4" cols="80" rows="5" readonly> <a href="https://soutien.laquadrature.net" title="Soutenons La Quadrature du Net !" alt="Soutenons La Quadrature du Net"><img src="https://soutien.laquadrature.net/static/img/anim_4.gif" /> </textarea>
</div>
</div>
</section>
<!DOCTYPE html>
<html>
<head>
<title>{{ _("Soutenez La Quadrature du Net !") }}</title>
<meta charset="utf-8" />
<meta name="author" content="La Quadrature du Net" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Open graph -->
<meta property="og:title" content="{{ _('Soutenez La Quadrature du Net !') }}" />
<meta property="og:url" content="https://soutien.laquadrature.net/" />
<meta property="og:image" content="https://soutien.laquadrature.net/static/images/anim_3.gif" />
<meta property="og:site_name" content="La Quadrature du Net" />
<meta property="og:description" content="{{ _("Depuis sa création, La Quadrature du Net agit sans relâche pour qu'Internet demeure un outil de partage, de libre expression, d'émancipation et permette la participation de tous au débat démocratique.") }}" />
<!-- Twitter cards -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@laquadrature" />
<!-- Styles -->
<!-- FIXME: Relative url for production -->
<link rel="stylesheet" href="/static/css/bootstrap.css" media="all">
<link rel="stylesheet" href="/static/css/fonts.css" media="all">
<link rel="stylesheet" href="/static/css/modals.css" media="all">
<link rel="stylesheet" href="/static/css/layouts.css" media="all">
<link rel="stylesheet" href="/static/css/collapsibles.css" media="all">
<link rel="stylesheet" href="/static/css/wait.css" media="all">
</head>
<body>
<section class="wait">
<h1 class="wait-title">Patience...</h1>
<section class="sky-blue wait-box">
<h2>Lancement de la campagne de dons 2016 de La Quadrature du Net</h2>
<h2>le 10 novembre&nbsp;! </h2>
<h3>Paris : 19 heures à Numa (39 rue du Caire, 75002 Paris)</h3>
<h3>Lyon : 20 heures aux Locaux Motiv' (10 Bis Rue Jangot, Lyon 7e)</h3>
<h2>Venez nombreux&nbsp;!</h2>
<img class="wait-image" src="/static/img/cochon-01.png" />
</section>
</section>
</body>
</html>
<!-- what -->
<section class="container-fluid sky-blue">
<div class="row">
<div class="page-header col-md-offset-1 col-md-10">
<h1 class="text-center"><span>{{ _("Que fait La Quadrature du Net ?") }}</span></h1>
<hr>
</div>
<div class="col-md-6">
<img src="/static/img/que_fait_lqdn_2-01.png"></img>
</div>
<div class="col-md-6">
<p>{{ _("Au quotidien, La Quadrature du Net agit pour la défense des droits et libertés des citoyens sur Internet. Cet objectif passe par l'organisation de campagnes de sensibilisation et de mobilisation, la publication d'analyses détaillées, le développement d'outils, la rencontre de décideurs politiques mais aussi des interventions publiques.") }}</p>
<p>{{ _("Face aux nombreux blocages politiques en France, La Quadrature du Net a décidé au printemps 2016 de <a href=\"https://www.laquadrature.net/fr/Quadrature_du_Net_hors_etat_urgence\">« quitter l'état d'urgence »</a> et une part importante de son action sur le travail avec les citoyens. Ce changement de stratégie se traduit par un travail de fond : une remise à jour de nos propositions positives, un travail approfondi avec d'autres associations, des formations, des ateliers, mais également un approfondissement du travail au niveau européen... Bref, pendant cette année électorale de 2016-2017, nous avons décidé de rediriger notre énergie et notre temps sur d'autres terrains et de retrouver ce qui représente le cœur de La Quadrature du Net : vous.") }}</p>
</div>
</div>
</section>
<section class="container-fluid text-block light-blue">
<div class="text-center">
<h2>{{ _("Nos campagnes")}}</h2>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action1" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action1">
{{ _("Pour la défense de la neutralité du Net et la non-discrimination des données") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("Ce principe fondateur d'Internet garantit que les données circulant sur Internet ne soient pas discriminées, et permet l'innovation et la liberté d'expression. C'est une condition essentielle de l'accès égal de tous au réseau. Malheureusement, il est régulièrement remis en question par les opérateurs télécom dominants pour des raisons économiques.<br /> Après le vote positif des eurodéputés en avril 2014, une année de négociations (en trilogue — comité de conciliation dont les discussions ne sont pas publiques) a suivi entre la Commission européenne, le Parlement européen et le Conseil de l'Union européenne. Négociations difficiles car le Conseil et la Commission ont tout fait pour que disparaisse toute définition précise de la neutralité du Net. Finalement, les institutions européennes, arrivées à un consensus insatisfaisant, ont laissé la charge à l'<a href=\"https://fr.wikipedia.org/wiki/Organe_des_r%C3%A9gulateurs_europ%C3%A9ens_des_communications_%C3%A9lectroniques\">ORECE</a> (Organe des régulateurs européens des communications électroniques) de décider de quelle manière les agences de régulations nationales vont appliquer la neutralité du Net. L'ORECE a décidé de lancer une consultation publique sur 6 semaines durant l'été 2016. Rassemblés sous la bannière de <a href=\"https://savetheinternet.eu/fr/\">SaveTheInternet.eu</a>, de nombreuses associations européennes dont La Quadrature du Net, ont travaillé sur une consultation moins opaque et citoyenne afin de faire entendre la voix des utilisateurs européens et d'envoyer ces avis directement à l'ORECE lors de la consultation. Le résultat de cette consultation n'est pas entièrement satisfaisant mais reste globalement bon. Si une page se tourne dans la longue campagne pour la neutralité du Net, il est encore possible d'agir puisque que les lignes directrices seront réguilèrement revues par l'ORECE.") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("La Quadrature du Net va continuer à se battre pour une vraie définition et application de la neutralité du Net en relevant les atteintes à ce principe essentiel, via des outils de collecte et de partage d'informations comme <a href=\"http://respectmynet.eu/\">Respect My Net</a>. Les lignes directrices devant être revues régulièrement par l'ORECE, nous pourront ainsi suivre de près les offres commerciales et pratiques pouvant affecter la neutralité du Net et présenter des dossiers clairs et documentés sur les dérives des opérateurs à l'ORECE.<br> Nous envisageons également de porter ou de soutenir des actions en justice, pour défendre les droits des citoyens à utiliser un Internet ouvert et démocratique. ") }}</p>
</div>
</div>
<div class="panel-footer white-pure">
<a href="https://www.laquadrature.net/fr/neutralite_du_Net" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }}<span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action2" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action2">
{{ _("Pour la protection du droit à la vie privée") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("Depuis plus de trois ans, les <a href=\"https://www.laquadrature.net/en/guardian-nsa-collecting-phone-records-of-millions-of-verizon-customers-daily\">révélations</a> du lanceur d'alerte Edward Snowden démontrent la gravité de la <a href=\"https://www.laquadrature.net/fr/video-reclaim-our-privacy\">surveillance massive et généralisée</a> exercée par les États et les services de renseignement à l'échelle de pays entiers. De telles atteintes à la vie privée des citoyens seraient impossibles sans la complicité des entreprises qui tirent profit de nos données personnelles. L'année 2016 a vu se cristaliser le débat autour du chiffrement lors du cas « FBI contre Apple ». La Quadrature du Net a, encore une fois, renforcé sa position en faveur du chiffrement.<br />Par sa participation au groupe de travail juridique surnommé « les exégètes amateurs » qui travaille depuis 2015 sur des recours contre les diverses lois comportant des mesures de surveillance disproportionnée ou sans recours, La Quadrature du Net tente de <a href=\"https://wiki.laquadrature.net/Recours_au_Conseil_d_%C3%89tat_et_au_Conseil_constitutionnel\">faire annuler ou restreindre</a> la législation existante sur la surveillance. <br />Nous avons aussi été présents sur le terrain lors du mouvement « Nuit Debout » afin de sensibiliser des personnes présentes à la protection de leur intimité numérique.'") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("Les débats et les annonces politiques nous prouvent qu'il sera encore nécessaire de promouvoir le chiffrement ainsi que les outils permettant la protection de la vie privée. C'est ce que La Quadrature du Net fera cette année en promouvant des outils libres, chiffrés et décentralisés. Nous travaillerons aussi à la mise à jour du site <a href=\"https://controle-tes-donnees.net/\">controle-tes-données</a> ainsi qu'au développement de réseaux d'ateliers de formations aux outils de protection de la vie privée.'") }}</p>
</div>
</div>
<div class="panel-footer">
<a class="hidden-xs hidden-sm btn btn-lg btn-accordions" href="https://www.laquadrature.net/fr/search/apachesolr_search/chiffrement">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action3" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action3">
{{ _("Pour la protection des données personnelles") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("Au niveau européen, le Règlement sur les données personnelles a été adopté au printemps 2016. Des points cruciaux concernant le consentement de l'utilisateur à l'utilisation de ses données ou la notion d' «&nbsp;intérêt légitime&nbsp;» sont toujours non-réglés. Malgré l'adoption du Règlement sur les données personnelles par l'Union européenne, de <a href=\"https://www.laquadrature.net/fr/trois_textes_donn%C3%A9es_personnelles\">nombreuses failles subsistent</a> et affaiblissent les protections. La Quadrature du Net a lancé <a href=\"https://www.youtube.com/playlist?list=PL2UK9Uu0GFtwjoT7JCXhWP41iIlE1PUPJ\">une série de vidéos explicatives</a> sur les concepts clés du réglement en support du site <em><a href=\"https://controle-tes-donnees.net/\">contrôle tes données</a></em>.<br /> Au niveau français, nous avons suivi le projet de loi «&nbsp;République Numérique&nbsp;» qui malgré de grands effets d'annonce, a été très décevant pour les associations et les citoyens mobilisés. <br /> Afin de compenser l'absence de garanties apportées par la loi sur la protection des données personnelles, La Quadrature du Net a mis en place de la documentation ainsi que des vidéos explicatives afin de mieux comprendre le Règlement sur les données personnelles et mieux se protéger.") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("La Quadrature du Net sera attentive à la réforme de la directive ePrivacy qui est en cours de préparation à la Commission européenne. Cette nouvelle directive définira le nouveau cadre européen sur les communications en ligne et sera une étape importante pour les nouveaux enjeux de vie privée. De la même manière, nous suivons la mise en place du Privacy Shield, l'accord qui remplace le Safe Harbor annulé en 2015 par la Cour du Justice de l'Union européenne. Concernant le Safe Harbor, nous encourageons les citoyens à faire pression sur la CNIL et sur la Commission européenne en <a href=\"https://www.laquadrature.net/fr/safe-harbor-lettre-cnil\">demandant des comptes</a> sur l'exploitation des données personnelles des citoyens européens.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://www.laquadrature.net/fr/Vie_privee" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <img class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action4" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action4">
{{ _("Contre la surveillance de masse") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Action menées au cour des derniers mois") }}</h5>{{ _("En 2015, la France adoptait deux lois de surveillance&nbsp;: la loi Renseignement ainsi que la loi Surveillance Internationale. Depuis rassemblés sous la bannière des Exégètes Amateurs, French Data Network, la Fédération FDN et La Quadrature du Net <a href=\"https://wiki.laquadrature.net/Recours\">n'ont eu cesse</a> d'attaquer devant le Conseil d'État et le Conseil Consitutionnel <a href=\"https://www.laquadrature.net/fr/loi-renseignement-attaquee-devant-conseil-detat\">les dispositions</a> de ces lois dangereuses. <br /> Puisque nos élus démocratiques ne se préoccupent pas du danger que constitue la surveillance de masse, La Quadrature du Net travaille au développement <a href=\"https://ateliers.laquadrature.net/2016/06/22/compte-rendu-formation-formateurs/\">d'ateliers et de formations</a> permettant à tout le monde de faire face à ces atteintes. ")}}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("Nous allons continuer de travailler avec les Exégètes Amateurs afin d'attaquer chaque disposition, chaque décret portant des mesures de surveillance disproportionnée ou sans recours effectif. De la même manière, nous continuerons de développer les réseaux d'ateliers autour des cryptoparties.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://www.laquadrature.net/recours" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action5" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action5">
{{ _("Pour une réforme positive du droit d'auteur et contre la répression du partage") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("<a href=\"https://www.laquadrature.net/fr/droit-auteur-europe-une-reforme-a-minima\">Annoncée en 2015</a> et présentée en septembre 2016, la réforme du droit d'auteur au niveau européen se profile comme faite pour les ayant-droits et accordant moins d'amélioration du droit pour les auteurs et les citoyens. En 2016, La Quadrature <a href=\"https://www.laquadrature.net/fr/Consultation_panorama_droits_voisins\">a répondu</a> à la consultation de la Commission européenne sur les exceptions au droit d'auteur. En juillet 2016, nous avons également relancé le travail essentiel de propositions et de réflexion sur une réforme globale du droit d'auteur et des politiques culturelles liées, en accueillant des créateurs pour travailler avec eux ce sujet.") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("La Quadrature du Net prendra une part active dans les discussions sur la réforme du droit d'auteur qui a été lancée par la Commission européenne en 2016. Nous y porterons la voix des citoyens pour une dépénalisation du partage non-marchand entre individus, la reconnaissance des communs, l'extension des exceptions au droit d'auteur et l'affirmation de droits positifs pour les individus.<br /> En France, nous démarrons un travail sur plusieurs fronts pour porter un discours réactualisé sur la réforme du droit d'auteur, mais également soutenir et accompagner des actions contentieuses autour des questions de droit d'auteur.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://www.laquadrature.net/fr/droit-dauteur" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action6" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action6">
{{ _("Pour la défense de la liberté d'expression contre la censure") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("Plusieurs lois ont étendu, depuis plusieurs années, la censure sur Internet, soit par une extension de la responsabilité des hébergeurs dans la suppression de contenus « manifestement illicites », soit en instaurant le blocage administratif de sites internet (donc sans intervention d'un juge judiciaire, sans défense ni recours effectif possible). Ce type de blocage a été étendu pour les sites faisant l'apologie du terrorisme en France (2014) et prochainement au niveau européen (directive sur le Terrorisme, en discussion en 2016), suite à des pression de la France. <br /> Si une plus grande responsablité des hébergeurs a été évité dans le cadre de la Loi « République Numérique », il n'est reste pas moins que ce type de blocage et de responsablité des hébergeurs et des plateformes est de plus en plus demandé dans le cadre de la lutte contre le terrorisme, le harcèlement en ligne et dans les législations touchant au droit d'auteur.") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("La Quadrature du Net a commencé un travail de réflexion autour d'une réforme de la Loi pour la Confiance en l'Économie Numérique (LCEN), afin de trouver des alternatives à une extension infinie des responsabilités des intermédiaires au détriment des droits des citoyens. <br /> Nous porterons ces propositions autour des lois votées en France et des législations européennes, mais nous travaillons également avec de nombreuses associations de défense des droits afin de faire émerger une position commune refusant les discours qui opposent la protection des victimes d'une part et défense de la liberté d'expression et du droit à l'information d'autre part.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://www.laquadrature.net/fr/censure-du-net" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action7" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action7">
{{ _("Pour l'exclusion des dispositions concernant nos droits fondamentaux des accords internationaux") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("Malgré les inquiétudes exprimées par les citoyens et certains élus pour le respect des droits fondamentaux, CETA, TAFTA, et d'autres accords commerciaux sont aujourd'hui négociés dans la plus complète opacité, à l'image d'ACTA. Au quotidien, La Quadrature du Net mène un travail de veille, de recoupement, d'analyse des informations disponibles, et informe les citoyens sur ces négociations et leurs dangers. En parallèle, l'organisation participe à des actions aux côtés d'autres acteurs de la société civile, afin d'enfin mettre un terme à ces pratiques anti-démocratiques.") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("La conclusion des négociations autour de TAFTA n'arrivera pas avant plusieurs mois. S'ils aboutissent, ces travaux de négociation seront suivis de processus législatifs au cours desquels le Parlement européen décidera de l'avenir de ces accords. Si ces procédures arrivaient jusqu'à cette étape, La Quadrature démarrerait un long travail d'analyse, pour identifier les dangers des textes définitifs, et si nécessaire agir pour les faire rejeter, à l'image d'ACTA en 2012.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://www.laquadrature.net/fr/TAFTA" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action8" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action8">
{{ _("Pour la participation citoyenne aux processus démocratiques") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("À travers le développement d'outils et de sites, tels que le <a href=\"https://piphone.lqdn.fr/\">Piphone</a>, <a href=\"https://memopol.lqdn.fr/\">Mémoire Politique</a>, <a href=\"https://controle-tes-donnees.net/\">Contôle Tes Données</a>, l'organisation d'<a href=\"https://ateliers.laquadrature.net/\">ateliers</a> de capacitation ou d'information, et son travail d'analyse quotidien, La Quadrature du Net fournit aux citoyens les outils pour comprendre le débat public et y participer.<br /> Les sites de campagnes comme <a href=\"https://sous-surveillance.fr/#/\">sous-surveillance.fr</a> ou <a href=\"https://etatdurgence.fr/\">étatdurgence.fr</a> sont également un lieu de rassemblement et d'information des citoyens, ainsi qu'une base de départ pour l'action : appel aux parlementaires, coordination des opposants etc. ") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("Au cours des prochains mois, La Quadrature du Net continuera le développement de ces outils et favorisera leur utilisation par d'autres organisations, afin qu'ils puissent être utilisés par le plus grand nombre et pour d'autres actions. En parallèle, un important travail de sensibilisation et la production d'outils utilisables par tous doit encore être mené, afin de donner aux sujets de La Quadrature du Net l'importance qu'ils méritent dans le débat public.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://ateliers.laquadrature.net/" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action9" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action9">
{{ _("Pour une décentralisation des actions de La Quadrature du Net") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed ">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours des derniers mois") }}</h5>{{ _("Au cours de l'année 2015, nous avons encouragé l'organisation de <a href=\"https://wiki.laquadrature.net/Quadr'ap%C3%A9ro\">Quadr'apéros décentralisés</a>, afin que les sympathisants et bénévoles de La Quadrature du Net puisse se retrouver, s'informer et se coordonner pour des actions au-delà de la région parisienne. <br /> C'est ainsi que plusieurs soirées ont été organisées, regroupant généralement conférence-discussion autour des sujets de La Quadrature et soirée festive. La liste des villes organisant des Quadr'apéros est disponible en ligne et tout bénévole peut se lancer dans l'organisation : c'est une voie importante pour l'autonomisation des bénévoles et l'extension de l'action de La Quadrature du Net en France.") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("Nous souhaitons continuer à soutenir la décentralisation des actions de La Quadrature du Net, et aider les bénévoles par la diffusion de davantage de matériel de campagne (stickers, tracts, outils web etc). Nous voulons encourager l'organisation d'ateliers locaux, d'actions avec d'autres groupes etc.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://wiki.laquadrature.net/Quadr'ap%C3%A9ro" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
<div class="panel panel-default blue collapsible collapsible-white">
<input id="action10" type="checkbox">
<div class="panel-heading">
<h4>
<label for="action10">
{{ _("Pour une plateforme de propositions positives") }}
<span class="panel-caret pull-right"></span>
</label>
</h4>
</div>
<div class="collapsed">
<div class="panel-body">
<div class="col-md-6">
<p class="avant"><h5 class="subtitle">{{ _("Actions menées au cours ds derniers mois") }}</h5>{{ _("La <a href=\"https://www.laquadrature.net/fr/propositions\">plateforme de propositions positives</a> de La Quadrature du Net a été mise en ligne il y a quelques années et demandait une remise à jour et une extension des sujets traités. En effet, depuis lors plusieurs problématiques et notamment celles de la surveillance et du renseignement ont pris une large place dans les campagnes de l'association.<br /> Nous avons donc travaillé à une remise à jour des propositions déjà élaborées, et à une rédaction de nouvelles propositions.") }}</p>
</div>
<div class="col-md-6">
<p class="apres"><h5 class="subtitle">{{ _("À venir") }}</h5>{{ _("Le travail de propositions positives doit continuer à être mené en parallèle des campagnes législatives de La Quadrature du Net : c'est un aspect essentiel de nos actions. Nous allons continuer à travailler sur des propositions notamment dans le domaine de la liberté d'expression, des outils de surveillance et de la responsabilité des plateformes et des intermédiaires de contenu.") }}</p>
</div>
</div>
<div class="panel-footer">
<a href="https://www.laquadrature.net/fr/propositions" class="hidden-xs hidden-sm btn btn-lg btn-accordions">{{ _("Voir cette campagne") }} <span class="btn-icon btn-icon-right"></span></a>
</div>
</div>
</div>
</section>
<!-- who -->
<section class="container-fluid sky-blue">
<div class="row">
<div class="page-header text-center col-md-offset-1 col-md-10">
<h1 class="text-center"><span>{{ _("Comment fonctionne La Quadrature du Net ?") }}</span></h1>
<hr>
</div>
<p class="col-md-offset-1 col-md-10 text-center">{{ _("Depuis 2013, La Quadrature du Net est une association déclarée en préfecture. Son fonctionnement quotidien s'articule autour d'un conseil d'orientation stratégique, du bureau, d'une équipe salariée et d'une communauté de soutiens.") }}</p>
</div>
<div class="row" id="benevoles">
<div class="col-md-4">
<img src="/static/img/fonctionnement_b-01.png" alt="">
</div>
<div class="col-md-offset-1 col-md-7">
<h4>{{ _("Les soutiens") }}</h4>
<p>{{ _("L'action de La Quadrature du Net serait impossible sans les nombreux soutiens qui agissent à ses côtés au quotidien&nbsp;: au sein du conseil d'orientation, de l'équipe de la revue de presse, en relayant et diffusant les informations publiées sur le site, en participant aux campagnes de mobilisation, en contribuant aux outils… Les soutiens rendent possibles l'action et l'existence de La Quadrature du Net.</br></br> Si vous le souhaitez, vous trouverez de nombreuses manières de participer aux actions de La Quadrature <a href=\"https://wiki.laquadrature.net/Portail:Comment_Aider\">ici</a>.") }}</p>
<a href="https://wiki.laquadrature.net/Portail:Comment_Aider" class="btn btn-accordions btn-lg">{{ _("Nous aider") }}</a>
</div>
</div>
</section>
<section class="container-fluid light-blue">
<div class="row" id="ca">
<div class='col-md-4'>
<img src="/static/img/fonctionnement_ca-01.png" alt="">
</div>
<div class="col-md-offset-1 col-md-7">
<h4>{{ _("Le conseil d'orientation stratégique") }}</h4>
<div>
<p>{{ _("Le conseil d'orientation startégique a pour mission de définir les axes de travail de La Quadrature du Net et de prendre les décisions nécessaires à son fonctionnement. Il est composé des <a href=\"https://www.laquadrature.net/fr/qui-sommes-nous\">co-fondateurs de l'association et de personnalités reconnues</a> pour leur expertise dans leurs domaines de compétence&nbsp;:") }}
</p>
<ul class="col-md-6">
<li>Philippe Aigrain</li>
<li>Benjamin Bayart</li>
<li>Laurent Chemla</li>
<li>Lionel Maurel</li>
</ul>
<ul class="col-md-6">
<li>Yoann Spicher</li>
<li>Benjamin Sonntag</li>
<li>Félix Tréguer</li>
<li>Jérémie Zimmermann</li>
</ul>