fr: a few fixes.
[enc-live.git] / fr / mac.html
index 11143e9de0a7f3fbc831d4f5f4fc93a83a125e5b..793a83ec2e0cc7d786973525b615db0413e5b4d4 100644 (file)
@@ -3,22 +3,23 @@
 <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 la 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&nbsp;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>
-<!--<nav class="nav">
 
+<!-- <nav class="nav">
 <div>
 <ul class="lang">
 <li class="help"><a href="http://libreplanet.org/wiki/GPG_guide">Translate this
@@ -30,13 +31,11 @@ guide!</a></li>
 -->
 
 <!-- ~~~~~~~~~ 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>-->
@@ -63,7 +62,6 @@ du courriel pour tous avec %40fsf"> Partager </a></li>
 </ul>
 
 <!-- ~~~~~~~~~ FSF Introduction ~~~~~~~~~ -->
-
 <div id="fsf-intro">
 
 <h3><a href="http://u.fsf.org/ys"><img
@@ -71,22 +69,23 @@ alt="Free Software Foundation" src="//static.fsf.org/nosvn/enc-dev0/img/fsf-logo
 /></a></h3>
 
 <span style="font-size:125%">
+
 <p> Nous défendons les droits des utilisateurs d'ordinateurs et soutenons le développement
 de logiciels libres. Résister à la surveillance de masse est très important pour nous.</p>
 
 <p><strong>Nous voulons traduire ce guide en d'autres langues et en faire une version adaptée
 au chiffrement sur mobile. Faites un don pour aider les gens de tous les pays à faire le
 premier pas vers la protection de leur vie privée à l'aide de logiciels libres.</strong></p>
+
 </span>
 
 <p><a href=
-"https://crm.fsf.org/civicrm/contribute/transact?reset=1&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>
+"https://crm.fsf.org/civicrm/contribute/transact?reset=1&amp;id=14&amp;pk_campaign=esd&&mp;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
@@ -113,25 +112,22 @@ est essentielle, est de nous protéger de manière à rendre la surveillance de
 communications aussi difficile que possible. Au travail&nbsp;!</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 se base sur des logiciels sous licence libre; ils sont
-complètement transparents et tout le monde peut les copier et en faire sa propre
-version. Cela les rend plus sûrs du point de vue de la surveillance que les logiciels
-privateurs (propriétaires) tels que Mac OS. Pour défendre votre liberté et vous protéger
-contre la surveillance, nous vous recommandons de migrer vers un système d'exploitation
-libre comme GNU/Linux. Découvrez le logiciel libre sur fsf.org (essentiellement en anglais)
+<p class="notes">Ce guide se base sur des logiciels sous licence libre; ils sont complètement
+transparents et tout le monde peut les copier et en faire sa propre version. Cela les rend
+plus sûrs du point de vue de la surveillance que les logiciels privateurs (propriétaires)
+tels que Mac OS. Pour défendre votre liberté et vous protéger contre la surveillance, nous
+vous recommandons de migrer vers un système d'exploitation libre comme GNU/Linux. Découvrez
+le logiciel libre sur <a href="https://u.fsf.org/ys">fsf.org</a> (essentiellement en anglais)
 ou bien, en français, <a href= "https://www.framasoft.net">framasoft.net</a> et <a href=
 "https://www.april.org">april.org</a>.</p>
 
@@ -149,15 +145,13 @@ href="#step-1b">étape&nbsp;1.b</a>.</p>
 </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&nbsp;: 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
@@ -167,7 +161,6 @@ alt="Étape 1.A&nbsp;: Assistant d'installation" /></p>
 configurer avec votre compte de courriel.</p>
 
 <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
 <div class="troubleshooting">
 
 <h4>Résolution de problèmes</h4>
@@ -195,13 +188,10 @@ paramètres.</dd>
 </dl>
 
 </div><!-- /.troubleshooting -->
-
 </div><!-- End .main -->
-
 </div><!-- End #step1-a .step -->
 
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
 <div id="step-1b" class="step">
 <div class="main">
 
@@ -213,24 +203,21 @@ et installez-le en choisissant les options par défaut. Ensuite, vous pouvez fer
 les fenêtres créées par l'installateur.</p>
 
 </div><!-- End .main -->
-
 </div><!-- End #step1-b .step -->
 
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
 <div id="step-1c" 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.C&nbsp;: 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.C&nbsp;: Rechercher dans tous les modules" /></li>
-<li><img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-03-install.png"
-alt="Étape 1.C&nbsp;: Activer un module" /></li>
+<li> <img src="//static.fsf.org/nosvn/enc-dev0/img/fr/screenshots/step1b-03-install.png"
+alt="Étape 1.C&nbsp;: Installer un module" /></li>
 </ul>
 
 </div><!-- /.sidebar -->
-
 <div class="main">
 
 <h3><em>Étape 1.c</em> Installez le module Enigmail pour votre programme de messagerie</h3>
@@ -248,7 +235,6 @@ supplémentaire, intitulé «&nbsp;<tt>OpenPGP</tt>&nbsp;». Il permet d'accéde
 fonctionnalités d'Enigmail.</p>
 
 <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
 <div class="troubleshooting">
 
 <h4>Résolution de problèmes</h4>
@@ -266,19 +252,14 @@ par trois barres horizontales.</dd>
 </dl>
 
 </div><!-- /.troubleshooting -->
-
 </div><!-- End .main -->
-
 </div><!-- End #step-1c .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>
@@ -303,15 +284,13 @@ décoder les courriels chiffrés que les autres personnes vous envoient.</p>
 </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&nbsp;: 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>
@@ -353,7 +332,6 @@ révocation dans la section&nbsp;5). L’assistant de configuration vous demande
 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>
@@ -372,11 +350,10 @@ représenté par trois barres horizontales. OpenPGP peut être dans la section a
 </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">
 
@@ -395,7 +372,6 @@ de l'autre, donc vous pouvez utiliser n'importe lequel. Cependant, il leur faut
 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>
@@ -418,13 +394,10 @@ différent.</dd>
 </dl>
 
 </div><!-- /.troubleshooting -->
-
 </div><!-- End .main -->
-
 </div><!-- End #step-2b .step -->
 
 <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
-
 <div id="terminology" class="step">
 <div class="main">
 
@@ -436,17 +409,13 @@ termes GnuPG, GPG, GNU Privacy Guard, OpenPGP et PGP sont interchangeables, bien
 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&nbsp;!</h2>
@@ -458,15 +427,13 @@ nommé Edward qui sait comment utiliser le chiffrement. Sauf indication contrair
 </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>
@@ -489,11 +456,9 @@ href="#section5">Les bonnes pratiques</a>&nbsp;». Une fois qu’Edward a répon
 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">
 
@@ -530,7 +495,6 @@ d’Edward dans la liste et cliquez sur «&nbsp;<tt>OK</tt>&nbsp;». Si le messa
 pas envoyé automatiquement, vous pouvez cliquer sur «&nbsp;<tt>Envoyer</tt>&nbsp;».</p>
 
 <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
-
 <div class="troubleshooting">
 
 <h4>Résolution de problèmes</h4>
@@ -549,13 +513,10 @@ en choisissant un serveur de clefs différent quand il vous demande d'en choisir
 </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">
 
@@ -572,11 +533,9 @@ messagerie pourrait sauvegarder un brouillon non chiffré sur le serveur de mess
 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">
 
@@ -603,11 +562,10 @@ pour le déchiffrer.</p>
 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>
@@ -624,15 +582,12 @@ it needs to use your public key.</p>
 
 </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 «&nbsp;toile de confiance&nbsp;»</h2>
@@ -675,15 +630,13 @@ avec laquelle vous communiquez pour vérifier laquelle utiliser.</p>
 </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&nbsp;: la toile de confiance" /></p>
 
 </div><!-- /.sidebar -->
-
 <div class="main">
 
 <h3><em>Étape 4.a</em> Signez une clef</h3>
@@ -709,23 +662,22 @@ qu'Edward n'est pas une personne réelle, mais c'est un bon entraînement.</p>
 
 <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">
 
@@ -741,17 +693,13 @@ autre clef. Dans Enigmail, répondez honnêtement dans la fenêtre pop-up qui vo
 signer appartient effectivement à la personne citée ci-dessus&nbsp;?</tt>&nbsp;»</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>
@@ -764,15 +712,13 @@ que pour la vôtre, et peut être dommageable pour la toile de confiance.</p>
 </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&nbsp;: les bonnes pratiques" /></p>
 
 </div><!-- /.sidebar -->
-
 <div class="main">
 
 <h3>Quand dois-je chiffrer&nbsp;?</h3>
@@ -786,19 +732,16 @@ ne sauront pas par où commencer.</p>
 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&nbsp;: les bonnes pratiques" /></p>
 
 </div><!-- /.sidebar -->
-
 <div class="main">
 
 <h3><em>Important&nbsp;:</em> soyez attentif aux clefs non valides</h3>
@@ -816,11 +759,9 @@ programme vous alertera à cet endroit si vous recevez un courriel chiffré avec
 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">
 
@@ -836,11 +777,9 @@ sûr de votre maison.</p>
 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">
 
@@ -856,12 +795,10 @@ chaque personne avec qui vous avez l'habitude d'utiliser votre clef pour vous as
 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>
@@ -877,12 +814,10 @@ Free Software Foundation, we put ours on our <a href="https://fsf.org/about/staf
 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">
@@ -890,14 +825,12 @@ when we see an email address without a public key fingerprint.</p>
 <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">
@@ -928,7 +861,6 @@ and I don't want it to be.</dt>
 <!-- End #faq -->
 
 <!-- ~~~~~~~~~ Footer ~~~~~~~~~ -->
-
 <footer class="row" id="footer"><div>
 <div id="copyright">
 
@@ -972,9 +904,7 @@ sur la licence du JavaScript</a></p>
 <p class="credits">Conception de l'infographie et du guide&nbsp;: <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 -->