<?xml version = "1.0" encoding = "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- dragNDrop.html
     An example to illustrate the DOM 2 Event model
     Allows the user to drag and drop words to complete
     a short poem
     -->
<html xmlns = "http://www.w3.org/1999/xhtml">
  <head>
    <title> Glisser et déposer </title>
    <link rel="stylesheet" href="dragNDrop.css" type="text/css" charset="utf-8"/>
    <script type="text/javascript" charset="utf-8" src="DOMTools.js"></script>
    <script type="text/javascript" charset="utf-8" src="dragNDrop.js"></script>
 </head>
  <body>
        <p>
            <a href="http://validator.w3.org/check?uri=referer"><img

               src="http://www.w3.org/Icons/valid-xhtml10"
               alt="Valid XHTML 1.0 Strict" height="31" width="88" />
             </a>
             <a href="http://jigsaw.w3.org/css-validator/check/referer"><img 
                style="border:0;width:88px;height:31px" 
                src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" />
             </a>
        </p>
    <h1>Molière <i>Le bourgeois gentilhomme</i> <small>Acte II, scène 4</small></h1>

    <p>M. JOURDAIN : Par ma foi ! Il n'y a plus de quarante ans que je dis de la prose 
    sans que j'en susse rien et je vous suis le plus obligé du monde 
    de m'avoir appris cela. Je voudrais donc lui mettre dans un billet : 
    <em>Belle Marquise, vos beaux yeux me font mourir d'amour ; </em>
    mais je voudrais que cela fût mis d'une manière galante, que ce fût tourné gentiment.</p>
    <p>[...]</p>
    <p>MAITRE DE PHILOSOPHIE: On les peut mettre premièrement comme vous avez dit <br/>
     <em>Belle Marquise, vos beaux yeux me font mourir d'amour.</em> 
    <br/>Ou bien : <em>D'amour mourir me font, belle Marquise, vos beaux yeux.</em> 
    <br/>Ou bien : <em>Vos yeux beaux d'amour me font, belle Marquise, mourir.</em> 
    <br/>Ou bien : <em>Mourir vos beaux yeux, belle Marquise, d'amour me font.</em> 
    <br/>Ou bien : <em>Me font vos yeux beaux mourir, belle Marquise, d'amour.</em>
    <br/>Ou bien :
    </p>
    <p>
    <span id="mots"/>
    </p>

  </body>
</html>