<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
       "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<!-- Created by amaya 8.0-pre, see http://www.w3.org/Amaya/ -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 600 420">
  <defs>
    <rect id="elemBox" style="stroke:black; fill:silver" rx="5" width="60"
          height="25"/>
    <rect id="textBox" style="stroke:black; fill:yellow" width="70"
          height="25"/>
  </defs>
  <g>
    <use xlink:href="#elemBox" y="25" x="220"/>
    <text y="40" x="250" text-anchor="middle">book
    </text>
  </g>
  <g id="titleManuel" style="opacity:0">
    <line style="stroke:black" x1="250" y1="49" x2="40" y2="105"/>
    <use xlink:href="#elemBox" y="105" x="10"/>
    <text y="120" x="40" text-anchor="middle">title
    </text>
    <line style="stroke:black" x1="40" y1="129" x2="40" y2="145"/>
    <use xlink:href="#textBox" y="145" x="5"/>
    <text y="160" x="40" text-anchor="middle">"Manuel"
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="2s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="abstract" style="opacity:0">
    <line style="stroke:black" x1="250" y1="49" x2="130" y2="105"/>
    <use xlink:href="#elemBox" y="105" x="100"/>
    <text y="120" x="130" text-anchor="middle">abstract
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="4s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="paraCeLivre" style="opacity:0">
    <line style="stroke:black" x1="130" y1="129" x2="90" y2="185"/>
    <use xlink:href="#elemBox" y="185" x="60"/>
    <text y="200" x="90" text-anchor="middle">para
    </text>
    <line style="stroke:black" x1="90" y1="209" x2="90" y2="225"/>
    <use xlink:href="#textBox" y="225" x="55"/>
    <text y="240" x="90" text-anchor="middle">"Ce livre..."
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="6s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="paraOnVerra" style="opacity:0">
    <line style="stroke:black" x1="130" y1="129" x2="170" y2="185"/>
    <use xlink:href="#elemBox" y="185" x="140"/>
    <text y="200" x="170" text-anchor="middle">para
    </text>
    <line style="stroke:black" x1="170" y1="209" x2="170" y2="225"/>
    <use xlink:href="#textBox" y="225" x="135"/>
    <text y="240" x="170" text-anchor="middle">"On verra..."
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="8s" dur=".5s" fill="freeze" from="0" to="1"/>  </g>
  <g id="body" style="opacity:0">
    <line style="stroke:black" x1="250" y1="49" x2="400" y2="105"/>
    <use xlink:href="#elemBox" y="105" x="370"/>
    <text y="120" x="400" text-anchor="middle">body
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="10s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="chapter1" style="opacity:0">
    <line style="stroke:black" x1="400" y1="129" x2="300" y2="185"/>
    <use xlink:href="#elemBox" y="185" x="270"/>
    <text y="200" x="300" text-anchor="middle">chapter
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="12s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="titleIntro" style="opacity:0">
    <line style="stroke:black" x1="300" y1="209" x2="200" y2="265"/>
    <use xlink:href="#elemBox" y="265" x="170"/>
    <text y="280" x="200" text-anchor="middle">title
    </text>
    <line style="stroke:black" x1="200" y1="289" x2="200" y2="305"/>
    <use xlink:href="#textBox" y="305" x="165"/>
    <text y="320" x="200" text-anchor="middle">"Introduction"
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="14s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="section11" style="opacity:0">
    <line style="stroke:black" x1="300" y1="209" x2="280" y2="265"/>
    <use xlink:href="#elemBox" y="265" x="250"/>
    <text y="280" x="280" text-anchor="middle">section
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="16s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="paraAvant" style="opacity:0">
    <line style="stroke:black" x1="280" y1="289" x2="240" y2="345"/>
    <use xlink:href="#elemBox" y="345" x="210"/>
    <text y="360" x="240" text-anchor="middle">para
    </text>
    <line style="stroke:black" x1="240" y1="369" x2="240" y2="385"/>
    <use xlink:href="#textBox" y="385" x="205"/>
    <text y="400" x="240" text-anchor="middle">"Avant de..."
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="18s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="paraAussi" style="opacity:0">
    <line style="stroke:black" x1="280" y1="289" x2="320" y2="345"/>
    <use xlink:href="#elemBox" y="345" x="290"/>
    <text y="360" x="320" text-anchor="middle">para
    </text>
    <line style="stroke:black" x1="320" y1="369" x2="320" y2="385"/>
    <use xlink:href="#textBox" y="385" x="285"/>
    <text y="400" x="320" text-anchor="middle">"Aussi..."
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="20s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="section12" style="opacity:0">
    <line style="stroke:black" x1="300" y1="209" x2="400" y2="265"/>
    <use xlink:href="#elemBox" y="265" x="370"/>
    <text y="280" x="400" text-anchor="middle">section
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="22s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="titleHistorique" style="opacity:0">
    <line style="stroke:black" x1="400" y1="289" x2="400" y2="345"/>
    <use xlink:href="#elemBox" y="345" x="370"/>
    <text y="360" x="400" text-anchor="middle">title
    </text>
    <line style="stroke:black" x1="400" y1="369" x2="400" y2="385"/>
    <use xlink:href="#textBox" y="385" x="365"/>
    <text y="400" x="400" text-anchor="middle">"Historique"
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="24s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="chapter2" style="opacity:0">
    <line style="stroke:black" x1="400" y1="129" x2="520" y2="185"/>
    <use xlink:href="#elemBox" y="185" x="490"/>
    <text y="200" x="520" text-anchor="middle">chapter
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="26s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="titleConclusion" style="opacity:0">
    <line style="stroke:black" x1="520" y1="209" x2="480" y2="265"/>
    <use xlink:href="#elemBox" y="265" x="450"/>
    <text y="280" x="480" text-anchor="middle">title
    </text>
    <line style="stroke:black" x1="480" y1="289" x2="480" y2="305"/>
    <use xlink:href="#textBox" y="305" x="445"/>
    <text y="320" x="480" text-anchor="middle">"Conclusion"
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="28s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
  <g id="section21" style="opacity:0">
    <line style="stroke:black" x1="520" y1="209" x2="560" y2="265"/>
    <use xlink:href="#elemBox" y="265" x="530"/>
    <text y="280" x="560" text-anchor="middle">section
    </text>
    <animate attributeName="opacity" attributeType="CSS"
             begin="30s" dur=".5s" fill="freeze" from="0" to="1"/>
  </g>
</svg>

