<head>
<meta charset="utf-8" />
-<title>Autodéfense courriel - un guide pour contrer la surveillance en chiffrant avec
-GnuPG</title>
-
-<meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, vie privée, courriel,
-Enigmail" />
-<meta name="description" content="La surveillance du courriel viole nos droits fondamentaux et
-fait planer un risque sur le liberté d'expression. En 30 minutes, ce guide vous apprendra
-à vous défendre avec GnuPG." />
+<title>Autodéfense courriel - un guide pour contrer la surveillance en
+chiffrant avec GnuPG</title>
+
+<meta name="keywords" content="GnuPG, GPG, openpgp, surveillance, vie privée,
+courriel, Enigmail" />
+<meta name="description" content="La surveillance du courriel viole nos
+droits fondamentaux et fait planer un risque sur le liberté d'expression. En
+30 minutes, ce guide vous apprendra à vous défendre avec GnuPG." />
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
-<link rel="stylesheet" href="//static.fsf.org/nosvn/enc-dev0/css/main.fr.css" /><link
-rel="shortcut icon" href="//static.fsf.org/nosvn/enc-dev0/img/favicon.ico" />
+<link rel="stylesheet" href="//static.fsf.org/nosvn/enc-dev0/css/main.fr.css" />
+<link rel="shortcut icon" href="//static.fsf.org/nosvn/enc-dev0/img/favicon.ico" />
</head>
<body>
<!-- ~~~~~~~~~ GnuPG Header and introduction text ~~~~~~~~~ -->
-
<header class="row" id="header"><div>
<h1>Autodéfense courriel</h1>
<!-- Language list for browsers that do not have JS enabled -->
-
<ul id="languages" class="os">
<li><a href="/en">english</a></li>
<!--<li><a href="/es">español</a></li>-->
</ul>
<!-- ~~~~~~~~~ FSF Introduction ~~~~~~~~~ -->
-
<div id="fsf-intro">
<h3><a href="http://u.fsf.org/ys"><img
</div>
<p><a
-href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&
id=14&pk_campaign=esd&pk_kwd=guide_donate"><img
+href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&
amp;id=14&pk_campaign=esd&pk_kwd=guide_donate"><img
alt="Faites un don" src="//static.fsf.org/nosvn/enc-dev0/img/fr/donate.png" /></a></p>
</div><!-- End #fsf-intro -->
<!-- ~~~~~~~~~ Guide Introduction ~~~~~~~~~ -->
-
<div class="intro">
<p><a id="infographic" href="infographic.html"><img
communications aussi difficile que possible. Au travail !</p>
</div><!-- End .intro -->
-
</div></header><!-- End #header -->
<!-- ~~~~~~~~~ Section 1: Get the pieces ~~~~~~~~~ -->
-
<section class="row" id="section1"><div>
<!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
-
<div class="section-intro">
<h2><em>#1</em> Rassemblez les outils</h2>
-<p class="notes">Ce guide repose sur un logiciel qui est sous licence libre ; il est
-complètement transparent et n'importe qui peut le copier ou en faire sa propre version. Cela
-le rend plus sûr vis-à-vis de la surveillance que les logiciels privateurs (propriétaires)
-comme Windows. Apprenez-en plus sur le logiciel libre en parcourant fsf.org (essentiellement
-en anglais) ou, en français, <a href="https://www.framasoft.net">framasoft.net</a> et
-<a href="https://www.april.org">april.org</a>.</p>
+<p class="notes">Ce guide repose sur un logiciel qui est sous licence libre ;
+il est complètement transparent et n'importe qui peut le copier ou en faire sa
+propre version. Cela le rend plus sûr vis-à-vis de la surveillance que les logiciels
+privateurs (propriétaires) comme Windows. Apprenez-en plus sur le logiciel libre en
+parcourant <a href="https://u.fsf.org/ys">fsf.org</a> (essentiellement en anglais)
+ou, en français, <a href="https://www.framasoft.net">framasoft.net</a> et <a
+href="https://www.april.org">april.org</a>.</p>
<p>La plupart des systèmes d'exploitation GNU/Linux disposent déjà de GnuPG, donc vous
n'avez pas à le télécharger. Toutefois, avant de configurer GnuPG, vous aurez besoin
</div><!-- End .section-intro -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-1a" class="step">
<div class="sidebar">
-<p><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1a-install-wizard.png"
+<p>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1a-install-wizard.png"
alt="Étape 1.A : Assistant d'installation" /></p>
</div><!-- /.sidebar -->
-
<div class="main">
<h3><em>Étape 1.a</em> Configurez votre logiciel de messagerie avec votre compte de courriel
configurer avec votre compte de courriel.</p>
<!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
<div class="troubleshooting">
<h4>Résolution de problèmes</h4>
</dl>
</div><!-- /.troubleshooting -->
-
</div><!-- End .main -->
-
</div><!-- End #step1-a .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-1b" class="step">
<div class="sidebar">
<ul class="images">
-<li><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-01-tools-addons.png"
+<li>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-01-tools-addons.png"
alt="Étape 1.B : Outils -> Modules complémentaires" /></li>
-<li><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-02-search.png"
+<li>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-02-search.png"
alt="Étape 1.B : Rechercher dans tous les modules" /></li>
-<li><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-03-install.png"
+<li>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-03-install.png"
alt="Étape 1.B : Activer un module" /></li>
</ul>
</div><!-- /.sidebar -->
-
<div class="main">
<h3><em>Étape 1.b</em> Installez le module Enigmail pour votre programme de messagerie</h3>
fonctionnalités d'Enigmail.</p>
<!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
<div class="troubleshooting">
<h4>Résolution de problèmes</h4>
</dl>
</div><!-- /.troubleshooting -->
-
</div><!-- End .main -->
-
</div><!-- End #step-1b .step -->
-
</div></section><!-- End #section1 -->
<!-- ~~~~~~~~~ Section 2: Make your keys ~~~~~~~~~ -->
-
<section class="row" id="section2"><div>
<!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
-
<div class="section-intro">
<h2><em>#2</em> Fabriquez vos clefs</h2>
</div><!-- End .section-intro -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-2a" class="step">
<div class="sidebar">
-<p><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step2a-01-make-keypair.png"
+<p>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step2a-01-make-keypair.png"
alt="Étape 2.A : créez une paire de clefs" /></p>
</div><!-- /.sidebar -->
-
<div class="main">
<h3><em>Étape 2.a</em> Créez une paire de clefs</h3>
de le stocker sur un support externe, mais ce n’est pas nécessaire pour le moment.</p>
<!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
<div class="troubleshooting">
<h4>Résolution de problèmes</h4>
</dl>
</div><!-- /.troubleshooting -->
-
</div><!-- End .main -->
-
</div><!-- End #step-2a .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-2b" class="step">
<div class="main">
quelques heures pour s'aligner l'un sur l'autre quand une nouvelle clef est envoyée.</p>
<!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
<div class="troubleshooting">
<h4>Résolution de problèmes</h4>
</dl>
</div><!-- /.troubleshooting -->
-
</div><!-- End .main -->
-
</div><!-- End #step-2b .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="terminology" class="step">
<div class="main">
aient des significations un peu différentes.</p>
</div><!-- End .main -->
-
</div><!-- End #terminology.step-->
-
</div></section><!-- End #section2 -->
<!-- ~~~~~~~~~ Section 3: Try it out ~~~~~~~~~ -->
-
<section class="row" id="section3"><div>
<!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
-
<div class="section-intro">
<h2><em>#3</em> Faites un essai !</h2>
</div><!-- End .section-intro -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-3a" class="step">
<div class="sidebar">
-<p><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section3-try-it-out.png"
+<p>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section3-try-it-out.png"
alt="Faites un essai" /></p>
</div><!-- /.sidebar -->
-
<div class="main">
<h3><em>Étape 3.a</em> Envoyez votre clef publique à Edward</h3>
vous correspondrez avec une vraie personne.</p>
</div><!-- End .main -->
-
</div><!-- End #step-3a .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-3b" class="step">
<div class="main">
pas envoyé automatiquement, vous pouvez cliquer sur « <tt>Envoyer</tt> ».</p>
<!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
<div class="troubleshooting">
<h4>Résolution de problèmes</h4>
</dl>
</div><!-- /.troubleshooting -->
-
</div><!-- End .main -->
-
</div><!-- End #step-3b .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-headers_unencrypted" class="step">
<div class="main">
ce qui l'exposerait aux indiscrets éventuels.</p>
</div><!-- End .main -->
-
</div><!-- End #step-headers_unencrypted .step-->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-3c" class="step">
<div class="main">
concernant le statut de la clef d’Edward.</p>
</div><!-- End .main -->
-
</div><!-- End #step-3c .step -->
-<!-- STEP 3D IS COMMENTED OUT UNTIL WE FIND A WAY TO VALIDATE SIGNATURES<div id="step-3d"
-class="step">
+<!-- STEP 3D IS COMMENTED OUT UNTIL WE FIND A WAY TO VALIDATE SIGNATURES <div id="step-3d"
+class="step">
<div class="main">
<h3><em>Step 3.d</em> Send a test signed email to a friend</h3>
</div>
</div>-->
-
</div></section><!-- End #section3 -->
<!-- ~~~~~~~~~ Section 4: Learn the Web of Trust ~~~~~~~~~ -->
-
<section class="row" id="section4"><div>
<!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
-
<div class="section-intro">
<h2><em>#4</em> Découvrez la « toile de confiance »</h2>
</div><!-- End .section-intro -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-4a" class="step">
<div class="sidebar">
-<p><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section4-web-of-trust.png"
+<p>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section4-web-of-trust.png"
alt="Section 4 : la toile de confiance" /></p>
</div><!-- /.sidebar -->
-
<div class="main">
<h3><em>Étape 4.a</em> Signez une clef</h3>
<form enctype="application/x-www-form-urlencoded" action="/mk_path.cgi" method="get">
-<p><strong>From:</strong> <input type="text" placeholder="xD41A008" name="FROM"></p>
+<p><strong>From:</strong>
+<input type="text" placeholder="xD41A008" name="FROM"></p>
-<p><strong>To:</strong> <input type="text" placeholder="50BD01x4" name="TO"></p>
+<p><strong>To:</strong>
+<input type="text" placeholder="50BD01x4" name="TO"></p>
-<p class="buttons"><input type="submit" value="trust paths" name="PATHS"> <input type="reset"
-value="reset" name=".reset"></p>
+<p class="buttons"><input type="submit" value="trust paths" name="PATHS">
+<input type="reset" value="reset" name=".reset"></p>
</form>
</div><!-- End #pgp-pathfinder -->
-
</div><!-- End .main -->
-
</div><!-- End #step-4a .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-sign_real_keys" class="step">
<div class="main">
signer appartient effectivement à la personne citée ci-dessus ?</tt> »</p>
</div><!-- End .main -->
-
</div><!-- End #step-sign_real_keys .step-->
-
</div></section><!-- End #section4 -->
<!-- ~~~~~~~~~ Section 5: Use it well ~~~~~~~~~ -->
-
<section id="section5" class="row"><div>
<!-- ~~~~~~~~~ section introduction: interspersed text ~~~~~~~~~ -->
-
<div class="section-intro">
<h2><em>#5</em> Les bonnes pratiques</h2>
</div><!-- End .section-intro -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-5a" class="step">
<div class="sidebar">
-<p><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section5-01-use-it-well.png"
+<p>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section5-01-use-it-well.png"
alt="Section 5 : les bonnes pratiques" /></p>
</div><!-- /.sidebar -->
-
<div class="main">
<h3>Quand dois-je chiffrer ?</h3>
un excellent début et cela complique la surveillance de masse.</p>
</div><!-- End .main -->
-
</div><!-- End #step-5a .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-5b" class="step">
<div class="sidebar">
-<p><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section5-02-use-it-well.png"
+<p>
<img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/section5-02-use-it-well.png"
alt="Section 5 : les bonnes pratiques" /></p>
</div><!-- /.sidebar -->
-
<div class="main">
<h3><em>Important :</em> soyez attentif aux clefs non valides</h3>
dont la confiance n'est pas avérée.</b></p>
</div><!-- End .main -->
-
</div><!-- End #step-5b .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-5c" class="step">
<div class="main">
certificat.</p>
</div><!-- End .main -->
-
</div><!-- End #step-5c .step -->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
<div id="step-lost_key" class="step">
<div class="main">
qu'elle a été avertie.</p>
</div><!-- End .main -->
-
</div><!-- End #step-lost_key .step-->
<!-- ~~~~~~~~~ a div for each step ~~~~~~~~~
<div id="step-5d" class="step">
-
<div class="main">
<h3>Make your public key part of your online identity</h3>
page</a>.) We need to get our culture to the point that we feel like something is missing
when we see an email address without a public key fingerprint.</p>
-</div><!-- End .main</div> End #step-5d .step-->
-
+</div><!-- End .main </div> End #step-5d .step-->
</div></section><!-- End #section5 -->
<!-- ~~~~~~~~~ Section 6: Next steps ~~~~~~~~~ -->
-
<section class="row" id="section6">
<div id="step-click_here" class="step">
<div class="main">
<h2><a href="next_steps.html">Excellent travail ! Et maintenant, voyons la suite...</a></h2>
</div><!-- End .main -->
-
</div><!-- End #step-click_here .step-->
-
</section><!-- End #section6 -->
<!-- ~~~~~~~~~ FAQ ~~~~~~~~~ -->
-<!-- When un-commenting this section go to main.css and search
-for /* Guide Sections Background */ then add #faq to the desired color
+<!-- When un-commenting this section go to main.css and search for /* Guide Sections
+Background */ then add #faq to the desired color
<section class="row" id="faq">
<div>
<div class="sidebar">
<!-- End #faq -->
<!-- ~~~~~~~~~ Footer ~~~~~~~~~ -->
-
<footer class="row" id="footer"><div>
<div id="copyright">
<p class="credits">Conception de l'infographie et du guide : <a
rel="external" href="http://jplusplus.org"><strong>Journalism++</strong><img
src="//static.fsf.org/nosvn/enc-dev0/img/jplusplus.png"
-alt="Journalism++" /></a></p>
-
-<!-- /.credits -->
+alt="Journalism++" /></a></p><!-- /.credits -->
</div></footer><!-- End #footer -->
projects / enc-live.git / blobdiff