From cbc0f9485e6550b1cc4d05219ae6de3f6037dcdb Mon Sep 17 00:00:00 2001
From: Saivann <saivann@gmail.com>
Date: Sun, 24 Mar 2013 23:21:28 -0400
Subject: [PATCH] HTML/CSS improvements for "choose-your-wallet" and other
 minor fixes fix IE bug with vertical-align and lines break adapt
 choose-your-wallet and language menu for W3C validation drop html 4.01
 transitional (fixes #84)

---
 _layouts/base-en.html               |   4 +-
 _layouts/base-fr.html               |   4 +-
 _less/main.less                     |  28 +++--
 en/choose-your-wallet.html          | 178 ++++++++++++++--------------
 fr/choisir-votre-porte-monnaie.html | 176 +++++++++++++--------------
 js/main.js                          |   6 +-
 6 files changed, 199 insertions(+), 197 deletions(-)
diff --git a/_layouts/base-en.html b/_layouts/base-en.html
index bee15c04..87ee088a 100644
--- a/_layouts/base-en.html
+++ b/_layouts/base-en.html
@@ -26,7 +26,7 @@ menu:
 - text: About
   url: /en/about
 ---
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE HTML>
 <html lang="{{ page.langcode }}">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
@@ -49,7 +49,7 @@ menu:
   <div id="head">
     <div class="wrap">
     <ul id="lang">
-      <li><a href="javascript:void();">{{ page.langtext }}</a>
+      <li><a href="#" onclick="return false;">{{ page.langtext }}</a>
       <ul>
         {% for lang in site.langs %}{% if lang.langcode != page.langcode %}
         <li><a href="/{{ lang.langcode }}/">{{ lang.langtext }}</a></li>
diff --git a/_layouts/base-fr.html b/_layouts/base-fr.html
index 4aaad148..454c0408 100644
--- a/_layouts/base-fr.html
+++ b/_layouts/base-fr.html
@@ -28,7 +28,7 @@ menu:
 - text: À propos
   url: /fr/a-propos
 ---
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE HTML>
 <html lang="{{ page.langcode }}">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
@@ -51,7 +51,7 @@ menu:
   <div id="head">
     <div class="wrap">
     <ul id="lang">
-      <li><a href="javascript:void();">{{ page.langtext }}</a>
+      <li><a href="#" onclick="return false;">{{ page.langtext }}</a>
       <ul>
         {% for lang in site.langs %}{% if lang.langcode != page.langcode %}
         <li><a href="/{{ lang.langcode }}/">{{ lang.langtext }}</a></li>
diff --git a/_less/main.less b/_less/main.less
index 99175118..d9fe98d5 100644
--- a/_less/main.less
+++ b/_less/main.less
@@ -374,12 +374,12 @@ position:relative;
 .previewrow>h2{
 font-size:18px;
 }
-.previewrow>span>a>img{
+.previewrow>div>a>img{
 display:block;
 margin:auto;
 margin-bottom:10px;
 }
-.previewrow>span>a,.previewrow>span>a:visited,.previewrow>span>a:link,.previewrow>span>a:active{
+.previewrow>div>a,.previewrow>div>a:visited,.previewrow>div>a:link,.previewrow>div>a:active{
 font-size:14px;
 text-align:center;
 text-decoration:none;
@@ -389,7 +389,7 @@ height:110px;
 display:inline-block;
 vertical-align:top;
 }
-.previewrow>span>span{
+.previewrow>div>div{
 opacity:0;
 transition:opacity 400ms ease-out;
 -moz-transition:opacity 400ms ease-out;
@@ -406,42 +406,44 @@ background:url(/img/bubble.svg) bottom center no-repeat;
 z-index:1000;
 overflow:hidden;
 }
-.previewrow>span>span>h2{
+.previewrow>div>div>h2{
 margin-top:20px;
 }
-.previewrow>span:hover>span{
+.previewrow>div:hover>div{
 opacity:1;
 width:auto;
 height:280px;
 }
-.previewrow>span{
+.previewrow>div{
 display:inline-block;
+zoom:1;*display:inline;/*IE7 support*/
 position:relative;
 margin-right:22px;
 margin-bottom:22px;
+vertical-align:top;
 }
-.previewrow>span.lastspan{
+.previewrow>div.last{
 margin-right:0px;
 }
-.previewrow>span>span>div{
+.previewrow>div>div>span{
 position:absolute;
-top:28px;
+top:24px;
 right:30px;
 }
-.previewrow>span>span>div>img{
+.previewrow>div>div>span>img{
 margin-left:4px;
 }
-.previewrow>span>span>h2:first-child+div+p{
+.previewrow>div>div>h2:first-child+span+p{
 font-size:15px;
 }
-.previewrow>span>span>h2:first-child+div+p+p{
+.previewrow>div>div>h2:first-child+span+p+p{
 text-align:center;
 position:absolute;
 width:290px;
 top:190px;
 left:0px;
 }
-.previewrow>span>span a,.previewrow>span>span a:link,.previewrow>span>span a:visited,.previewrow>span>span a:active{
+.previewrow>div>div a,.previewrow>div>div a:link,.previewrow>div>div a:visited,.previewrow>div>div a:active{
 font-weight:bold;
 text-decoration:none;
 font-size:20px;
diff --git a/en/choose-your-wallet.html b/en/choose-your-wallet.html
index d2310af2..34fb8e42 100644
--- a/en/choose-your-wallet.html
+++ b/en/choose-your-wallet.html
@@ -3,7 +3,7 @@ layout: base-en
 title: Choose your wallet - Bitcoin
 ---
 <!--CSS to prevent bubbles to be partially hidden in low-res devices-->
-<style xmlns="http://www.w3.org/1999/html">body{min-width:1200px;}</style>
+<style>body{min-width:1200px;}</style>
 
 <h1>Choose your wallet</h1>
 <p>Your Bitcoin wallet is what allows you to transact with the world. It gives you ownership of Bitcoin <i>addresses</i> that you can use to receive coins from other users, and then lets you send those coins onwards. Just like email, you can receive Bitcoins when you are offline and all wallets are compatible with each other. Before you start with Bitcoin, <b>be sure to read <a href="/en/you-need-to-know">what you need to know</a></b> first.</p>
@@ -23,175 +23,175 @@ title: Choose your wallet - Bitcoin
 <div class="previewrow">
 <h2><img src="/img/ico_software.svg" alt="Software wallets" />Software wallets</h2>
 <p>Software wallets are installed on your computer. They give you complete control of your wallet. You are responsible for doing backups and protecting your money. Just like cash.</p>
-<span>
-  <span>
+<div>
+  <div>
     <h2>Bitcoin-Qt</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></span>
     <p>Bitcoin-Qt is the original Bitcoin client and it builds the backbone of the network. It offers the highest levels of security, privacy and stability. However it has fewer features and it takes a lot of space and memory.</p>
     <p><a href="download">Download</a></p>
-  </span>
+  </div>
   <a href="download"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
-</span>
-<span>
-  <span>
+</div>
+<div>
+  <div>
     <h2>Multibit</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></span>
     <p>Multibit is a lightweight client that focuses on being fast and easy to use. It synchronizes with the network and is ready to use in minutes. Multibit also supports many languages. It is a good choice for non-technical users.</p>
     <p><a href="https://multibit.org/">Visit website</a></p>
-  </span>
+  </div>
   <a href="https://multibit.org/"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
-</span>
-<span class="lastspan">
-  <span>
+</div>
+<div class="last">
+  <div>
     <h2>Armory</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /></span>
     <p>Armory is an advanced Bitcoin client that runs on top of Bitcoin-Qt. Expanding its features for Bitcoin power users. It offers many backup and encryption features, and it allows secure cold-storage on offline computers.</p>
     <p><a href="http://bitcoinarmory.com/">Visit website</a></p>
-  </span>
+  </div>
   <a href="http://bitcoinarmory.com/"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
-</span>
-<span>
-  <span>
+</div>
+<div>
+  <div>
     <h2>Electrum</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /><img src="/img/dow-android.png" alt="android" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /><img src="/img/dow-android.png" alt="android" /></span>
     <p>Electrum's focus is speed and simplicity, with low resource usage.  It uses remote servers that handle the most complicated parts of the Bitcoin system, and it allows you to recover your wallet from an encrypted online backup.</p>
     <p><a href="http://electrum.org/">Visit website</a></p>
-  </span>
+  </div>
   <a href="http://electrum.org/"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
-</span>
+</div>
 </div>
 
 <div class="previewrow">
 <h2><img src="/img/ico_mobile.svg" alt="mobile wallets" />Mobile wallets</h2>
 <p>Mobile wallets allow you to bring Bitcoin with you in your pocket. You can exchange coins easily and pay in physical stores by scanning a QR code or using NFC "tap to pay".</p>
-<span>
-  <span>
+<div>
+  <div>
     <h2>Bitcoin Wallet</h2>
-    <div><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-blackberry.png" alt="blackberry" /></div>
+    <span><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-blackberry.png" alt="blackberry" /></span>
     <p>Bitcoin Wallet is a lightweight mobile client for Android and BlackBerry OS. This client does not need to be associated with any online service to work. It is compatible with QR code scanning and NFC.</p>
     <p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visit website</a></p>
-  </span>
-  <a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin Wallet</a>
-</span>
-<span data-id="blockchainmobile">
-  <span class="walletwarning">
+  </div>
+  <a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
+</div>
+<div data-id="blockchainmobile">
+  <div class="walletwarning">
     <h2>Be careful</h2>
-    <div></div>
+    <span></span>
     <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
     <p><a href="javascript:walletshow();">OK, I understand</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
-<span data-id="paytunia" class="lastspan">
-  <span class="walletwarning">
+</div>
+<div data-id="paytunia" class="last">
+  <div class="walletwarning">
     <h2>Be careful</h2>
-    <div></div>
+    <span></span>
     <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
     <p><a href="javascript:walletshow();">OK, I understand</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
+</div>
 </div>
 
 <div class="previewrow">
 <h2><img src="/img/ico_international.svg" alt="web wallets" />Web wallets</h2>
 <p>Web wallets allow you to use Bitcoin anywhere with less effort to protect your wallet. However, you must choose your web wallet service with care as they host your bitcoins.</p>
-<span data-id="blockchaindesktop">
-  <span class="walletwarning">
+<div data-id="blockchaindesktop">
+  <div class="walletwarning">
     <h2>Be careful</h2>
-    <div></div>
+    <span></span>
     <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
     <p><a href="javascript:walletshow();">OK, I understand</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
-<span data-id="bips">
-  <span class="walletwarning">
+</div>
+<div data-id="bips">
+  <div class="walletwarning">
     <h2>Be careful</h2>
-    <div></div>
+    <span></span>
     <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
     <p><a href="javascript:walletshow();">OK, I understand</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
-<span data-id="coinbase" class="lastspan">
-  <span class="walletwarning">
+</div>
+<div data-id="coinbase" class="last">
+  <div class="walletwarning">
     <h2>Be careful</h2>
-    <div></div>
+    <span></span>
     <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
     <p><a href="javascript:walletshow();">OK, I understand</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
-<span data-id="instawallet">
-  <span class="walletwarning">
+</div>
+<div data-id="instawallet">
+  <div class="walletwarning">
     <h2>Be careful</h2>
-    <div></div>
+    <span></span>
     <p>Web wallets host your bitcoins. That means it is possible for them to lose your bitcoins following any incident on their side. As of today, no web wallet service provide enough insurance to be used to store value like a bank.</p>
     <p><a href="javascript:walletshow();">OK, I understand</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
+</div>
 </div>
 </div>
 
 <div class="previewcol">.</div>
 
 <div style="display:none;">
-<span id="blockchainmobile">
-  <span class="walletnormal">
+<div id="blockchainmobile">
+  <div class="walletnormal">
     <h2>Blockchain.info</h2>
-    <div><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-ios.png" alt="ios" /></div>
+    <span><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-ios.png" alt="ios" /></span>
     <p>Blockchain.info is an hybrid web wallet for mobiles. It is also available for iPhone in a restricted mode to fit Apple policies. It includes many blockchain.info features like web wallet backup.</p>
     <p><a href="https://blockchain.info/wallet/">Visit website</a></p>
-  </span>
-  <a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain .info</a>
-</span>
-<span id="blockchaindesktop">
-  <span class="walletnormal">
+  </div>
+  <a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
+</div>
+<div id="blockchaindesktop">
+  <div class="walletnormal">
     <h2>Blockchain.info</h2>
-    <div></div>
+    <span></span>
     <p>Blockchain.info is a user-friendly hybrid wallet. It stores an encrypted version of your wallet online but decryption happens in your browser. For security reasons, you should always use the browser extension and email backups.</p>
     <p><a href="http://blockchain.info/wallet/chrome-extension">Visit website</a></p>
-  </span>
-  <a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain .info</a>
-</span>
-<span id="paytunia">
-  <span class="walletnormal">
+  </div>
+  <a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
+</div>
+<div id="paytunia">
+  <div class="walletnormal">
     <h2>Paytunia</h2>
-    <div><img src="/img/dow-ios.png" alt="ios" /></div>
+    <span><img src="/img/dow-ios.png" alt="ios" /></span>
     <p>Paytunia is a mobile web wallet powered by Paymium that works with Bitcoin-central to give you access to Bitcoin exchanges right from your mobile. It is available for iPhone and Android support is coming soon.</p>
     <p><a href="https://paytunia.com/">Visit website</a></p>
-  </span>
+  </div>
   <a href="https://paytunia.com/"><img src="/img/clients/lo-paytunia.png" alt="paytunia" />Paytunia</a>
-</span>
-<span id="bips">
-  <span class="walletnormal">
+</div>
+<div id="bips">
+  <div class="walletnormal">
     <h2>BIPS</h2>
-    <div></div>
+    <span></span>
     <p>BIPS is a web wallet service from WalletBit that allows to buy and sell bitcoins easily in many countries. It also offers cold storage, wallet importation and many merchant tools features.</p>
     <p><a href="https://bips.me/">Visit website</a></p>
-  </span>
+  </div>
   <a href="https://bips.me/"><img src="/img/clients/lo-bips.png" alt="BIPS" />BIPS</a>
-</span>
-<span id="coinbase">
-  <span class="walletnormal">
+</div>
+<div id="coinbase">
+  <div class="walletnormal">
     <h2>Coinbase</h2>
-    <div></div>
+    <span></span>
     <p>Coinbase is a web wallet service that aims to be the easiest to use. It also provides an Android web wallet app, merchant tools and integration with US bank accounts to buy and sell bitcoins.</p>
     <p><a href="https://coinbase.com/">Visit website</a></p>
-  </span>
+  </div>
   <a href="https://coinbase.com/"><img src="/img/clients/lo-coinbase.png" alt="coinbase" />Coinbase</a>
-</span>
-<span id="instawallet">
-  <span class="walletnormal">
+</div>
+<div id="instawallet">
+  <div class="walletnormal">
     <h2>Instawallet</h2>
-    <div></div>
+    <span></span>
     <p>Instawallet is a web wallet in its simpliest form. It automatically creates a new wallet for each visitor with no need to signup. And each wallet can be re-used with its unique secret URL. Instawallet is owned by Paymium.</p>
     <p><a href="https://instawallet.org/">Visit website</a></p>
-  </span>
+  </div>
   <a href="https://instawallet.org/"><img src="/img/clients/lo-instawallet.png" alt="instawallet" />Instawallet</a>
-</span>
+</div>
 </div>
 
 </div>
diff --git a/fr/choisir-votre-porte-monnaie.html b/fr/choisir-votre-porte-monnaie.html
index 8a506335..f0d5daa2 100644
--- a/fr/choisir-votre-porte-monnaie.html
+++ b/fr/choisir-votre-porte-monnaie.html
@@ -24,175 +24,175 @@ title: Choisir votre porte-monnaie - Bitcoin
 <div class="previewrow">
 <h2><img src="/img/ico_software.svg" alt="Software wallets" />Porte-monnaie logiciel</h2>
 <p>Les porte-monnaie logiciels sont installés dans votre ordinateur. Ceux-ci vous donnent un contrôle complet sur vos Bitcoins. Vous êtes responsables de faire des sauvegardes et de le protéger. De la même manière que l'argent liquide.</p>
-<span>
-  <span>
+<div>
+  <div>
     <h2>Bitcoin-Qt</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></span>
     <p>Bitcoin-Qt est le logiciel Bitcoin original sur lequel s'appuie le réseau. Il offre le plus haut niveau de sécurité, de vie privée et de stabilité. Toutefois, il offre moins de fonctionnalités et prend beaucoup d'espace et de mémoire.</p>
     <p><a href="telecharger">Télécharger</a></p>
-  </span>
+  </div>
   <a href="telecharger"><img src="/img/clients/lo-bitcoin.png" alt="bitcoin-qt" />Bitcoin-Qt</a>
-</span>
-<span>
-  <span>
+</div>
+<div>
+  <div>
     <h2>Multibit</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /></span>
     <p>Multibit est un client léger qui se concentre à être rapide et facile d'usage. Il se synchronise avec le réseau et est prêt en quelques minutes. Multibit supporte aussi plusieurs languages. Il est un bon choix pour les novices.</p>
     <p><a href="https://multibit.org/">Visiter le site</a></p>
-  </span>
+  </div>
   <a href="https://multibit.org/"><img src="/img/clients/lo-multibit.png" alt="multibit" />Multibit</a>
-</span>
-<span class="lastspan">
-  <span>
+</div>
+<div class="last">
+  <div>
     <h2>Armory</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /></span>
     <p>Armory est un client Bitcoin avancé qui élargit les fonctionnalités de Bitcoin-Qt pour les super-utilisateurs. Armory offre plusieurs formes de sauvegardes et d'encryption et il permet une utilisation hors-ligne sécurisée.</p>
     <p><a href="http://bitcoinarmory.com/">Visiter le site</a></p>
-  </span>
+  </div>
   <a href="http://bitcoinarmory.com/"><img src="/img/clients/lo-armory.png" alt="armory" />Armory</a>
-</span>
-<span>
-  <span>
+</div>
+<div>
+  <div>
     <h2>Electrum</h2>
-    <div><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /><img src="/img/dow-android.png" alt="android" /></div>
+    <span><img src="/img/dow-win.png" alt="windows" /><img src="/img/dow-linux.png" alt="linux" /><img src="/img/dow-osx-uni.png" alt="mac os x" /><img src="/img/dow-android.png" alt="android" /></span>
     <p>Electrum se spécialise dans la rapidité et la simplicité. Electrum est très léger et utilise des serveurs distants pour augmenter ses performances. Il conserve aussi une sauvegarde encryptée en ligne de votre porte-monnaie.</p>
     <p><a href="http://electrum.org/">Visiter le site</a></p>
-  </span>
+  </div>
   <a href="http://electrum.org/"><img src="/img/clients/lo-electrum.png" alt="electrum" />Electrum</a>
-</span>
+</div>
 </div>
 
 <div class="previewrow">
 <h2><img src="/img/ico_mobile.svg" alt="mobile wallets" />Porte-monnaie mobile</h2>
 <p>Les porte-monnaie mobiles vous permettent d'apporter le Bitcoin avec vous. Vous pouvez échanger des Bitcoins de personne à personne et payer dans des boutiques par un simple scan du code QR affiché sur un écran, ou avec NFC.</p>
-<span>
-  <span>
+<div>
+  <div>
     <h2>Bitcoin Wallet</h2>
-    <div><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-blackberry.png" alt="blackberry" /></div>
+    <span><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-blackberry.png" alt="blackberry" /></span>
     <p>Bitcoin Wallet est un client mobile léger disponible pour Android et BlackBerry OS. Cette application n'a pas besoin d'être associée à un service en ligne. Et elle est compatible avec le scan de codes QR et la technologie NFC.</p>
     <p><a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet">Visiter le site</a></p>
-  </span>
-  <a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin Wallet</a>
-</span>
-<span data-id="blockchaindesktop">
-  <span class="walletwarning">
+  </div>
+  <a href="https://play.google.com/store/apps/details?id=de.schildbach.wallet"><img src="/img/clients/lo-bitcoinwallet.png" alt="bitcoin wallet" />Bitcoin<br>Wallet</a>
+</div>
+<div data-id="blockchaindesktop">
+  <div class="walletwarning">
     <h2>Attention</h2>
-    <div></div>
+    <span></span>
     <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
     <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
-</span>
-<span data-id="paytunia" class="lastspan">
-  <span class="walletwarning">
+</div>
+<div data-id="paytunia" class="last">
+  <div class="walletwarning">
     <h2>Attention</h2>
-    <div></div>
+    <span></span>
     <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
     <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
+</div>
 </div>
 
 <div class="previewrow">
 <h2><img src="/img/ico_international.svg" alt="online wallets" />Porte-monnaie web</h2>
 <p>Les porte-monnaie web vous permettent d'utiliser Bitcoin partout avec moins d'effort pour protéger votre porte-monnaie. Toutefois, vous devez choisir votre porte-monnaie web avec prudence puisque ces services hébergent vos bitcoins.</p>
-<span data-id="blockchainmobile">
-  <span class="walletwarning">
+<div data-id="blockchainmobile">
+  <div class="walletwarning">
     <h2>Attention</h2>
-    <div></div>
+    <span></span>
     <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
     <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="caché" /></a>
-</span>
-<span data-id="bips">
-  <span class="walletwarning">
+</div>
+<div data-id="bips">
+  <div class="walletwarning">
     <h2>Attention</h2>
-    <div></div>
+    <span></span>
     <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
     <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
-<span data-id="coinbase" class="lastspan">
-  <span class="walletwarning">
+</div>
+<div data-id="coinbase" class="last">
+  <div class="walletwarning">
     <h2>Attention</h2>
-    <div></div>
+    <span></span>
     <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
     <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
-<span data-id="instawallet">
-  <span class="walletwarning">
+</div>
+<div data-id="instawallet">
+  <div class="walletwarning">
     <h2>Attention</h2>
-    <div></div>
+    <span></span>
     <p>Les porte-monnaie web hébergent vos bitcoins. Ce qui signifie qu'ils peuvent perdre vos bitcoins à la suite d'un incident. À ce jour, aucun de ces services n'offre assez d'assurance pour être utilisé comme une banque.</p>
     <p><a href="javascript:walletshow();">OK, Je comprends</a></p>
-  </span>
+  </div>
   <a><img src="/img/clients/lo-hidden.png" alt="hidden" /></a>
-</span>
+</div>
 </div>
 </div>
 
 <div class="previewcol">.</div>
 
 <div style="display:none;">
-<span id="blockchaindesktop">
-  <span class="walletnormal">
+<div id="blockchaindesktop">
+  <div class="walletnormal">
     <h2>Blockchain.info</h2>
-    <div><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-ios.png" alt="ios" /></div>
+    <span><img src="/img/dow-android.png" alt="android" /><img src="/img/dow-ios.png" alt="ios" /></span>
     <p>Blockchain.info est un porte-monnaie web hybride pour mobile. Il est disponible pour iPhones dans une version compatible avec les restrictions d'Apple et il inclut les options de blockchain.info .</p>
     <p><a href="https://blockchain.info/wallet/">Visiter le site</a></p>
-  </span>
-  <a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain .info</a>
-</span>
-<span id="blockchainmobile">
-  <span class="walletnormal">
+  </div>
+  <a href="https://blockchain.info/wallet/"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
+</div>
+<div id="blockchainmobile">
+  <div class="walletnormal">
     <h2>Blockchain.info</h2>
-    <div></div>
+    <span></span>
     <p>Est un porte-monnaie web hybride très simple. Le service conserve une version encryptée de votre porte-monnaie mais le décryptage se passe dans votre navigateur. Par sécurité, utilisez l'extension et les emails de sauvegarde.</p>
     <p><a href="http://blockchain.info/wallet/chrome-extension">Visiter le site</a></p>
-  </span>
-  <a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain .info</a>
-</span>
-<span id="paytunia">
-  <span class="walletnormal">
+  </div>
+  <a href="http://blockchain.info/wallet/chrome-extension"><img src="/img/clients/lo-blockchain.png" alt="blockchain" />Blockchain<br>.info</a>
+</div>
+<div id="paytunia">
+  <div class="walletnormal">
     <h2>Paytunia</h2>
-    <div><img src="/img/dow-ios.png" alt="ios" /></div>
+    <span><img src="/img/dow-ios.png" alt="ios" /></span>
     <p>Paytunia est un porte-monnaie web offert par Paymium qui fonctionne avec Bitcoin-central pour vous donner accès aux échanges de bitcoins depuis votre mobile. Il est disponible pour iPhone et devrait supporter Android sous peu.</p>
     <p><a href="https://paytunia.com/">Visiter le site</a></p>
-  </span>
+  </div>
   <a href="https://paytunia.com/"><img src="/img/clients/lo-paytunia.png" alt="paytunia" />Paytunia</a>
-</span>
-<span id="bips">
-  <span class="walletnormal">
+</div>
+<div id="bips">
+  <div class="walletnormal">
     <h2>BIPS</h2>
-    <div></div>
+    <span></span>
     <p>BIPS est un porte-monnaie web qui permet d'acheter et de vendre des bitcoins facilement dans plusieurs pays. Il offre un service de stockage hors ligne, une fonction d'importation et plusieurs outils marchands.</p>
     <p><a href="https://bips.me/">Visiter le site</a></p>
-  </span>
+  </div>
   <a href="https://bips.me/"><img src="/img/clients/lo-bips.png" alt="BIPS" />BIPS</a>
-</span>
-<span id="coinbase">
-  <span class="walletnormal">
+</div>
+<div id="coinbase">
+  <div class="walletnormal">
     <h2>Coinbase</h2>
-    <div></div>
+    <span></span>
     <p>Coinbase est un porte-monnaie web qui vise à être le plus facile à utiliser. Il offre aussi une application Android, des outils marchands et une intégration avec les comptes bancaires US pour acheter et vendre des bitcoins.</p>
     <p><a href="https://coinbase.com/">Visiter le site</a></p>
-  </span>
+  </div>
   <a href="https://coinbase.com/"><img src="/img/clients/lo-coinbase.png" alt="coinbase" />Coinbase</a>
-</span>
-<span id="instawallet">
-  <span class="walletnormal">
+</div>
+<div id="instawallet">
+  <div class="walletnormal">
     <h2>Instawallet</h2>
-    <div></div>
+    <span></span>
     <p>Instawallet est un porte-monnaie web offert par Paymium sous sa forme la plus simple. Chaque visiteur obtient un porte-monnaie sans inscription. Celui-ci peut ensuite être ré-utilisé en accédant à son adresse secrète.</p>
     <p><a href="https://instawallet.org/">Visiter le site</a></p>
-  </span>
+  </div>
   <a href="https://instawallet.org/"><img src="/img/clients/lo-instawallet.png" alt="instawallet" />Instawallet</a>
-</span>
+</div>
 </div>
 
 </div>
diff --git a/js/main.js b/js/main.js
index ddd1ab09..8cce3e8e 100644
--- a/js/main.js
+++ b/js/main.js
@@ -26,15 +26,15 @@ for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){
 function walletshow(){
 for(var i=0,nd=document.getElementsByTagName('*'),n=nd.length;i<n;i++){
 	if(nd[i].getAttribute('data-id')===null||nd[i].getAttribute('data-id')=='')continue;
-	var d=nd[i].getElementsByTagName('SPAN')[0];
-	var s=document.getElementById(nd[i].getAttribute('data-id')).getElementsByTagName('SPAN')[0];
+	var d=nd[i].getElementsByTagName('DIV')[0];
+	var s=document.getElementById(nd[i].getAttribute('data-id')).getElementsByTagName('DIV')[0];
 	d.innerHTML=s.innerHTML;
 	d.className='';
 	//Workaround for browsers that don't handle re-rendering class styles and svg (they have backgroundImage hardcoded in HTML)
 	if(d.style.backgroundImage!='')d.style.backgroundImage=d.style.backgroundImage.replace('bubblewarn','bubble');
 	for(var ii=0,as=d.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==d.parentNode){var dd=as[ii];break;}}
 	for(var ii=0,as=s.parentNode.getElementsByTagName('A'),nn=as.length;ii<nn;ii++){if(as[ii].parentNode==s.parentNode){var ss=as[ii];break;}}
-	dd.innerHTML=ss.innerHTML;
 	dd.href=ss.href;
+	dd.innerHTML=ss.innerHTML;
 }
 }
