Commit 91397be8 authored by Okhin's avatar Okhin

Fixing few details on index.htl

parent 2890810b
......@@ -20,7 +20,7 @@
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<button type="button" class="btn btn-default">Agissez</button>
<a href="#Act" class="btn btn-primary">Agissez</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
......@@ -46,23 +46,23 @@
<div class="color0 col-md-4">
<p> Vous avez sûrement déjà remarqué que vous étiez <em>suivi</em> sur Internet, principalement par la publicité.</p>
<p>Mais saviez-vous que, sur Internet, chacun de vos <em>clics</em> et de vos <em>emails</em> étaient analysés afin de dresser un profil de vos opinions et de votre caractère.</p>
<button type="button" class="btn btn-default">En savoir plus&nbsp;&#9660;</button>
<a href="#page0" class="btn btn-default">En savoir plus&nbsp;&#9660;</a>
</div>
<div class="color1 col-md-4">
<p>L'<em>Union européenne</em> s'apprête à voter un règlement qui nous redonnera le contrôle de nos données.</p>
<p>Mais certaines entreprises veulent en garder le contrôle et mènent une <em>campagne de lobbying sans précédent</em> auprès des institutions européennes. Si leur action aboutit, le règlement ne servira plus que leurs intérêts et non les nôtres.</p>
<button type="button" class="btn btn-default">En savoir plus&nbsp;&#9660;</button>
<a href="#page1" class="btn btn-default">En savoir plus&nbsp;&#9660;</a>
</div>
<div class="color2 col-md-4">
<p>Dans tous les cas, le futur règlement ne pourra pas résoudre tous les problèmes d'un coup. Il y aura toujours des entreprises ou des gouvernements qui tenteront de le contourner.</p>
<p>Nous devons apprendre à utiliser les <em>bons outils</em> qui laisseront toutes nos données <em>entre nos mains</em>.</p>
<button type="button" class="btn btn-default">En savoir plus&nbsp;&#9660;</button>
<a href="#page2" class="btn btn-default">En savoir plus&nbsp;&#9660;</a>
</div>
</div>
</div>
<div id="page0" class="page container-fluid">
<div class="row">
<div class="color0 pageContent col-md-8 col-md-offset-2">
<div class="color0 col-md-8 col-md-offset-2">
<a href="#main" class="btn btn-default">Retour à l'accueil</a>
<h1>Pourquoi contrôler mes données&nbsp;?</h1>
<div class="pageSection">
......@@ -76,7 +76,7 @@
<p>De la même manière, Google a la possibilité d'observer le milliard d'individus utilisant son moteur de recherche chaque mois. Cette entreprise peut également surveiller toute personne qui visite un site affichant l'une des 45 milliards de publicités qu'elle vend chaque jour (voir : <a href="http://www.cnil.fr/fileadmin/documents/approfondir/deliberations/Formation_contentieuse/D2013-174__13_juin_2013_Bureau_Publication_Societe_GOOGLE_INC.pdf">ce qu'en dit la CNIL</a> [PDF]). Enfin, tous les messages envoyés ou reçus depuis Gmail <a href="http://www.theguardian.com/technology/2013/aug/14/google-gmail-users-privacy-email-lawsuit">sont analysés</a> [EN].</p>
<p>Et ils ne sont pas les seuls&nbsp;: eBay, Amazon, Apple, Microsoft, Yahoo, etc. surveillent aussi leurs millions de visiteurs quotidiens.</p>
</div>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#collapse0" aria-expanded="false" aria-controls="collapse0">Continuer&nbsp;&#9660;</button>
<button type="button" class="btn btn-default" data-toggle="collapse" data-target="#collapse0" aria-expanded="false" aria-controls="collapse0">Continuer&nbsp;&#9660;</button>
</div>
<div class="pageSection">
......@@ -90,7 +90,7 @@
<p> Les assureurs, quant à eux, évalueraient «&nbsp;l'hygiène de vie&nbsp;» des assurés en fonction de ce qu'ils lisent ou achètent en ligne. Cela <a href="http://online.wsj.com/article/SB10001424052748704648604575620750998072986.html">se produit</a> [EN] déjà aussi.</p>
<p> Ainsi, contrairement à <a href="http://www.huffingtonpost.com/2009/12/07/google-ceo-on-privacy-if_n_383105.html">ce que suggère Google</a> [EN], les questions de vie privée ne concernent pas que ceux ayant quelque chose à se reprocher. Elles concernent toute personne qui ne souhaite pas être jugée ou évaluée en fonction de ce qu'elle fait, dit et regarde sur Internet, en privée.</p>
</div>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">Continuer&nbsp;&#9660;</button>
<button type="button" class="btn btn-default" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">Continuer&nbsp;&#9660;</button>
</div>
<div class="pageSection">
<h2> PRISM nous prouve que nos libertés sont en danger </h2>
......@@ -102,7 +102,7 @@
<p> Ces programmes de surveillance prétendent n'exister que pour combattre le terrorisme, mais ils ciblent pourtant l'ensemble des citoyens - journalistes comme médecins, représentants élus comme chefs d'entreprise. Comme Snowden l'a ainsi révélé, leur véritable objectif est bien plus large&nbsp;: il est <a href="http://www.lefigaro.fr/international/2013/09/02/01003-20130902ARTFIG00409-la-nsa-a-espionne-la-presidente-bresilienne-et-le-chef-de-l-etat-mexicain.php">politique</a> et <a href="http://www.lesechos.fr/entreprises-secteurs/energie-environnement/actu/0203008156452-petrobras-espionne-par-les-etats-unis-605885.php">économique</a>.</p>
<p> Nos libertés sont en danger&nbsp;: protégeons notre droit fondamental à la vie privée en reprenant le contrôle de nos données.</p>
</div>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">Continuer&nbsp;&#9660;</button>
<button type="button" class="btn btn-default" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">Continuer&nbsp;&#9660;</button>
</div>
<a href="#main" class="btn btn-default">Retour à l'accueil</a>
</div>
......@@ -112,7 +112,7 @@
<div id="page1" class="page container-fluid">
<div class="row">
<div class="color1 pageContent col-md-8 col-md-offset-2">
<div class="color1 col-md-8 col-md-offset-2">
<a href="#main" class="btn btn-default">Retour à l'accueil</a>
<h1>Qu'est-ce-que la loi peut changer&nbsp;?</h1>
<div class="pageSection">
......@@ -172,15 +172,15 @@
<div class="pageSection" id="tableau">
<h2>Quels sont les enjeux du futur règlement&nbsp;?</h2>
<p>Cliquez sur une case pour en apprendre plus</p><br/>
<div class="panel-group" id="tloi" role="tablist" aria-multiselectable="true">
<div class="panel-group" id="tableloi" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead1">
<div class="panel-heading" role="tab" id="tableHead1">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse1" aria-expanded="true" aria-controls="tcollapse1"> Consentement explicite</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse1" aria-expanded="true" aria-controls="tableCollapse1"> Consentement explicite</a>
<p> Aucune de vos données ne pourra être collectée, traitée ou revendue sans que vous n'ayez clairement dit «&nbsp;j'accepte&nbsp;», en connaissance de cause.</p>
</h4>
</div>
<div id="tcollapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead1">
<div id="tableCollapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead1">
<div class="panel-body">
<p><b>Le droit actuel</b> manque de précision sur la définition du consentement que nous devons donner à une entreprise pour qu'elle puisse collecter ou exploiter nos données. Le texte parle d'un consentement «&nbsp;indubitablement donné&nbsp;».</p>
<p> Le sens concret de cette définition n'est ni clair ni certain. Ainsi, certaines entreprises en profitent pour considérer le simple fait de visiter leur site comme acceptation de leurs «&nbsp;Conditions Générales d'Utilisation&nbsp;», ou autre «&nbsp;accord&nbsp;» prévoyant l'exploitation de nos données. Peu leur importe que nous ayons véritablement lu cet «&nbsp;accord&nbsp;» ni même que nous ayons connaissance de son existence (puisqu'il est souvent à peine mentionné tout en bas de page, en petits caractères).</p>
......@@ -191,13 +191,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead2">
<div class="panel-heading" role="tab" id="tableHead2">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse2" aria-expanded="false" aria-controls="tcollapse2"> Intérêt légitime</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse2" aria-expanded="false" aria-controls="tableCollapse2"> Intérêt légitime</a>
<p>Nos données pourraient être collectées et exploitées sans notre consentement, pour le simple «&nbsp;intérêt légitime&nbsp;» d'une entreprise.</p>
</h4>
</div>
<div id="tcollapse2" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead2">
<div id="tableCollapse2" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead2">
<div class="panel-body">
<p><b>Le droit actuel</b> prévoit que nous données ne peuvent être collectées que pour une ou plusieurs finalités précises, puis n'être ensuite exploitées que pour celles-ci.</p>
<p>Par exemple, quand nous donnons notre adresse email à un site Internet afin qu'il nous tiennes informé de son actualité, «&nbsp;nous tenir informé&nbsp;» est la finalité qu'il poursuit. Ce site ne peut utiliser notre adresse que pour cette finalité. Il ne peut pas revendre notre adresse à une régie publicitaire, car cela n'aurait rien à voir avec le fait de nous tenir informé de son actualité, tel qu'initialement prévu.</p>
......@@ -207,13 +207,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead3">
<div class="panel-heading" role="tab" id="tableHead3">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse3" aria-expanded="false" aria-controls="tcollapse3">Données pseudonymes</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse3" aria-expanded="false" aria-controls="tableCollapse3">Données pseudonymes</a>
<p>Nos données pourraient être exploitées sans notre consentement si elles n'indiquent pas notre nom.</p>
</h4>
</div>
<div id="tcollapse3" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead3">
<div id="tableCollapse3" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead3">
<div class="panel-body">
<p><b>Le droit actuel</b> interdit qu'une décision nous concernant (par exemple, la détermination du prix des choses qui nous sont proposées) soit prise de façon automatique par l'analyse de nos données personnelles - par «&nbsp;profilage&nbsp;».</p>
<p>Le profilage est toutefois autorisé lorsqu'il intervient dans le cadre d'un contrat que nous avons déjà conclu ou que nous cherchons à conclure, ou lorsqu'il est spécifiquement autorisé par une loi et bénéficie d'un encadrement suffisant.</p>
......@@ -223,13 +223,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead4">
<div class="panel-heading" role="tab" id="tableHead4">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse4" aria-expanded="false" aria-controls="tcollapse4">Finalités spécifique</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse4" aria-expanded="false" aria-controls="tableCollapse4">Finalités spécifique</a>
<p>Nos données ne devraient être utilisées que pour les finalités que nous avons acceptées.</p>
</h4>
</div>
<div id="tcollapse4" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead4">
<div id="tableCollapse4" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead4">
<div class="panel-body">
<p><b>Le droit actuel</b> donne aux citoyens européens les droits&nbsp;:
<ul>
......@@ -255,13 +255,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead5">
<div class="panel-heading" role="tab" id="tableHead5">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse5" aria-expanded="false" aria-controls="tcollapse5">Exportation encadrées</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse5" aria-expanded="false" aria-controls="tableCollapse5">Exportation encadrées</a>
<p> Nos données ne devraient pouvoir être exportées en dehors de l'Europe qu'en présence de fortes garanties.</p>
</h4>
</div>
<div id="tcollapse5" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead5">
<div id="tableCollapse5" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead5">
<div class="panel-body">
<p><b>Le droit actuel</b> n'exige pas spécifiquement qu'une entreprises vous informe lorsqu'elle perd dans la nature des données vous concernant (ce qui arrive hélas <a href="http://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/">bien trop souvent</a> [EN]).</p>
<p><b>Le projet de règlement</b> prévoit qu'une entreprise ayant égaré des données personnelles (par inadvertance ou suite à une intrusion) devra avertir, dans les 24 heures, une autorité de contrôle et, le plus rapidement possible, les personnes concernées par cette perte.</p>
......@@ -271,13 +271,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead6">
<div class="panel-heading" role="tab" id="tableHead6">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse6" aria-expanded="false" aria-controls="tcollapse6">Amendes renforcées</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse6" aria-expanded="false" aria-controls="tableCollapse6">Amendes renforcées</a>
<p> Les autorités de contrôle pourront condamner les entreprises fautives jusqu'à 2% de leur chiffre d'affaire mondial.</p>
</h4>
</div>
<div id="tcollapse6" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead6">
<div id="tableCollapse6" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead6">
<div class="panel-body">
<p><b>Le droit actuel</b> confie aux autorités de contrôle de chaque État Membre le soin de surveiller les entreprises exploitant nos données personnelles, et de les sanctionner au besoin. Hélas, les pouvoirs de sanction qui leur sont donnés sont souvent dérisoires en comparaison du chiffre d'affaire des entreprises en cause.</p>
<p>La CNIL, l'autorité de contrôle française, peut prononcer des amendes allant jusqu'à 150.000€ (le double en cas de récidive)&nbsp;; l'autorité anglaise, jusqu'à 500.000£&nbsp;; pour les autorités allemandes, le plafond de base est à 300.000€. En face, Google a réalisé, en 2012, un chiffre d'affaire mondial de 50 milliards de dollars, Microsoft de 73 milliards, et Apple de 156 milliards, pour citer les plus importants.</p>
......@@ -288,13 +288,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead7">
<div class="panel-heading" role="tab" id="tableHead7">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse7" aria-expanded="false" aria-controls="tcollapse7">Profilage encadré</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse7" aria-expanded="false" aria-controls="tableCollapse7">Profilage encadré</a>
<p> Sans notre consentement, on ne pourra évaluer automatiquement nos caractéristiques afin de prendre des décisions à notre sujet.</p>
</h4>
</div>
<div id="tcollapse7" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead7">
<div id="tableCollapse7" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead7">
<div class="panel-body">
<p><b>Le droit actuel</b> n'autorise une entreprise à transférer des données personnelles en dehors de l'Union européenne que vers des pays considérés par la Commission européenne comme offrant une protection suffisante de la vie privée.</p>
<p>Il autorise aussi, par dérogations, les transferts basés sur le consentement ou un contrat passé par la personne concernée, les transferts réalisés pour des raisons d'intérêt public, médicales ou de contentieux, ou lorsque les données concernées sont déjà accessibles en Europe auprès d'un registre public.</p>
......@@ -308,13 +308,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead8">
<div class="panel-heading" role="tab" id="tableHead8">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tloi" href="#tcollapse8" aria-expanded="false" aria-controls="tcollapse8">Fuites de données</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#tableloi" href="#tableCollapse8" aria-expanded="false" aria-controls="tableCollapse8">Fuites de données</a>
<p> Une entreprise qui «&nbsp;perdra&nbsp;» nos données devra nous en avertir le plus rapidement possible.</p>
</h4>
</div>
<div id="tcollapse8" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead8">
<div id="tableCollapse8" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead8">
<div class="panel-body">
<p><b>Le droit actuel</b> autorise l'exploitation des données personnelles&nbsp;:
<ul>
......@@ -333,13 +333,13 @@
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="thead9">
<div class="panel-heading" role="tab" id="tableHead9">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parents="#tloi" href="#tcollapse9" aria-expanded="false" aria-controls="tcollapse9">Droits de contrôle</a>
<a class="collapsed" role="button" data-toggle="collapse" data-parents="#tableloi" href="#tableCollapse9" aria-expanded="false" aria-controls="tableCollapse9">Droits de contrôle</a>
<p> Nous pourrons demander à une entreprise de nous dire quelles sont les données nous concernant qu'elle traite et qu'elle arrête de les traiter.</p>
</h4>
</div>
<div id="tcollapse9" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="thead9">
<div id="tableCollapse9" class="panel-collapse collapse in" role="tabpanel" aria-labelled-by="tableHead9">
<div class="panel-body">
<p><b>Le droit actuel</b> protège toutes nos données personnelles - toutes informations nous concernant et pouvant nous être rattachées.</p>
<p><b>Le projet de règlement</b> ne prévoit pas de changer cette définition mais, sous la pression de certaines entreprises, des députés européens ont proposé de créer une nouvelle catégorie de données personnelles, dont l'exploitation pourrait se faire sans notre consentement&nbsp;: les données «&nbsp;pseudonymes&nbsp;». De telles données seraient toutes informations nous concernant mais ne pouvant pas nous être rattachées, à moins d'être recoupées à d'autres informations extérieures.</p>
......@@ -361,7 +361,7 @@
<div id="page2" class="page container-fluid">
<div class="row">
<div class="color2 pageContent col-md-8 col-md-offset-2">
<div class="color2 col-md-8 col-md-offset-2">
<a href="#main" class="btn btn-default">Retour à l'accueil</a>
<h1>Comment maîtriser mes données&nbsp;?</h1>
......@@ -373,7 +373,7 @@
<p>Nous ne vous proposons pas des logiciels prétendant vous protéger automatiquement, sans que vous n'ayez rien d'autre à faire que des les installer. En réalité, utiliser des logiciels dont nous ne pouvez pas comprendre le fonctionnement est la meilleure façon de perdre le contrôle de vos données.</p>
<p>À la place, les outils que nous vous proposons vous mettront directement aux commandes. Vous pourrez entièrement les contrôler, et donc être sûr que ce ne sont pas eux qui vous contrôlent.</p>
</div>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">Continuer&nbsp;&#9660;</button>
<button type="button" class="btn btn-default" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">Continuer&nbsp;&#9660;</button>
</div>
<div class="pageSection">
......@@ -421,10 +421,11 @@
<div class="color1 col-md-4">
<h1><img src="img/Illu6.jpg">Partagez ce site</h1>
<p> Nous vous invitions à ne pas avoir de compte sur Facebook ou Twitter, car ils ne vous laissent pas le contrôle total de vos données.</p>
<p>Si vous utilisez quand même ces services, vous pouvez y partager notre site.
<a class="btn btn-primary" href="http://www.facebook.com/share.php?src=bm&amp;u=http://controle-tes-donnees.net&amp;v=3" target="_blank" >Partagez sur Facebook</a><br />
<a class="btn btn-primary" href="http://twitter.com/timeline/home?status=Reprenez le contrôle de vos données! http://controle-tes-donnees.net" target="_blank">Partagez sur Twitter</a><br />
</p>
<p>Si vous utilisez quand même ces services, vous pouvez y partager notre site.</p>
<ul>
<li> <a class="btn btn-primary" href="http://www.facebook.com/share.php?src=bm&amp;u=http://controle-tes-donnees.net&amp;v=3" target="_blank" >Partagez sur Facebook</a></li>
<li> <a class="btn btn-primary" href="http://twitter.com/timeline/home?status=Reprenez le contrôle de vos données! http://controle-tes-donnees.net" target="_blank">Partagez sur Twitter</a><br /></li>
</ul>
<p> Si vous avez un site ou un blog, vous pouvez y <em>afficher notre bannière</em> et diriger vos visiteurs ici en recopiant ce code dans celui de votre site&nbsp;: <br/>
<textarea cols="30" rows="5" style="resize: none; cursor: pointer; white-space: normal; outline: none; margin:0 -20em 0 0;" >
<a href="http://controle-tes-donnees.net"><img src="http://controle-tes-donnees.net/img/controle-tes-donnees.gif"></a>
......@@ -449,7 +450,7 @@
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-md-6 col-md-offset-3">
<p style="text-align:center;">&#9660; Partagez notre bannière &#9660;</p>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment