<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" >

<channel>
	<title>3wdoc &#187; webdocumentaire</title>
	<atom:link href="http://3wdoc.com/fr/category/webdocumentaire/feed/" rel="self" type="application/rss+xml" />
	<link>http://3wdoc.com/fr</link>
	<description>easy web way to tell stories</description>
	<lastBuildDate>Fri, 03 Feb 2012 17:43:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Manipulations, Upian, France Télévision &#8211;  Manipulations, une histoire française</title>
		<link>http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/</link>
		<comments>http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 09:04:24 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[écriture]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[Boris Razon]]></category>
		<category><![CDATA[david dufresne]]></category>
		<category><![CDATA[Dominique de Villepin]]></category>
		<category><![CDATA[Flash Upian]]></category>
		<category><![CDATA[France Télévision]]></category>
		<category><![CDATA[Imad Lahoud]]></category>
		<category><![CDATA[Jean-Louis Gergorin]]></category>
		<category><![CDATA[Jean-Luc Lagardère]]></category>
		<category><![CDATA[Philippe Rondot]]></category>
		<category><![CDATA[Pierre Péan]]></category>
		<category><![CDATA[Renaud Van Ruymbeke]]></category>
		<category><![CDATA[Vanessa Ratignier]]></category>
		<category><![CDATA[Yami 2]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6604</guid>
		<description><![CDATA[Copyright&#169;www.france5.fr / Upian Si relater la complexité de l&#8217;affaire clearstream était l&#8217;objectif de ce webdoc alors c&#8217;est amplement gagné. On sort même un peu groggy par le contenu et l&#8217;approche de ce webdoc qui s&#8217;effeuille comme une enquête journalistique à tiroir, le mot est trop faible disons labyrinthique. Une fois encore, après Prison Valley, Upian, [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Manipulations, Upian, France Télévision -  Manipulations, une histoire française --><br />
<!--  Boris Razon, David Dufresne, Vanessa Ratignier, Pierre Péan, France Télévision, Flash Upian, Yami 2, Jean-Luc Lagardère, Renaud Van Ruymbeke, Dominique de Villepin, Jean-Louis Gergorin, Imad Lahoud, Philippe Rondot --></p>
<p><a title="Manipulations, Upian, France Télévision -  Manipulations, une histoire française" class="bigpic" href="http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/manipulations_slider.jpg" width="600" height="235" alt="Manipulations, Upian, France Télévision -  Manipulations, une histoire française" /></a><em>Copyright&copy;www.france5.fr / Upian</em><br/><br/></p>
<p>Si relater la complexité de l&#8217;affaire clearstream était l&#8217;objectif de ce webdoc alors c&#8217;est amplement gagné. On sort même un peu groggy par le contenu et l&#8217;approche de ce webdoc qui s&#8217;effeuille comme une enquête journalistique à tiroir, le mot est trop faible disons labyrinthique.<span id="more-6604"></span> Une fois encore, après Prison Valley, Upian, David Dufresnes et tous les auteurs, concepteurs, producteurs qui se sont attelés au projet repoussent encore les limites de l&#8217;exercice du webdoc tant du point de vue technique que du point de vue narratif.</p>
<p>En effet, le maitre-mot de l&#8217;affaire est bien complexité. L&#8217;imbroglio de cette affaire tient pour beaucoup à l&#8217;intelligence et l&#8217;art consommé de la manipulation des protagonistes principaux notamment du madré Jean-Louis Gergorin ou de l&#8217;énigmatique Imad Lahoud. A cette complexité de l&#8217;intrigue s&#8217;ajoute la maitrise du langage, tout y est dit à mots feutrés, attention nous sommes avec des gens éduqués, l&#8217;affaire Clearsteam n&#8217;est pas une affaire &laquo;&nbsp;mainstream&nbsp;&raquo;. </p>
<p>Donc, forcément prendre la place du journaliste d&#8217;investigation n&#8217;est pas chose aisée, n&#8217;est pas Pierre Péan qui veut. Les auteurs notamment David Dufresnes sont au demeurant fort conscient de la limite de l&#8217;exercice Cf Webdocumentaire, jouer au petit journaliste. Il est vrai qu&#8217;une bonne escroquerie à la madoff sur une simple pyramide de Ponzi, c&#8217;est en apparence toujours plus facile à comprendre mais c&#8217;est justement cette complexité qui fait tout le sel de cette affaire si française. Le titre complet est bien &laquo;&nbsp;MANIPULATIONS, UNE HISTOIRE FRANÇAISE&nbsp;&raquo; en souvenir sans doute d&#8217;une jeunesse française, tous les ingrédients y sont : un groupe militaro-industriel, la mort d&#8217;un capitaine d&#8217;industrie, des cadors du renseignement, un soupçon de moyen-orient, la détestation de 2 présidentiables, des énarques en pagaille&#8230;  </p>
<p>Il n&#8217;y a probablement qu&#8217;en France où l&#8217;on peut trouver autant d&#8217;ingrédients si juteux en matière d&#8217;intrigue notamment grâce à ces grands commis d&#8217;Etat, passant indifféremment du service de l&#8217;état au privé et inversement. Ce qui fait que lorsque l&#8217;un d&#8217;eux perd pied, frappé par des crises aiguës de paranoïa et/ou de mégalomanie, ceux sont des hommes après tout, il entraine avec lui tout son réseau politique, économique, bref ses amis de tout bord&#8230; Les relations incestueuses sont toujours explosives !</p>
<p>Un des mérites du webdoc et du documentaire d&#8217;ailleurs, c&#8217;est que pour une fois on nous révèle le dessous des cartes. Au-de-là du besoin humain et légitime de se justifier, on peut quand même tirer son chapeau à Jean-Louis Gergorin, qui face caméra, témoigne avec une certaine sincérité de ses errements et finalement aussi à Imad Lahoud qui a donné à Jean-Louis Gergorin ce qu&#8217;il voulait bien voir et entendre. Une autocritique périlleuse et sans doute assez douloureuse. En parlant de douleur justement, parlons du cas de Denis Robert.</p>

<a href='http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/manipulations_1/' title='Manipulations, Upian, France Télévision -  Manipulations, une histoire française'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/manipulations_1-300x166.jpg" class="attachment-medium" alt="Manipulations, Upian, France Télévision - Manipulations, une histoire française" title="Manipulations, Upian, France Télévision -  Manipulations, une histoire française" /></a>
<a href='http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/manipulations_2/' title='Manipulations, Upian, France Télévision -  Manipulations, une histoire française'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/manipulations_2-300x166.jpg" class="attachment-medium" alt="Manipulations, Upian, France Télévision - Manipulations, une histoire française" title="Manipulations, Upian, France Télévision -  Manipulations, une histoire française" /></a>
<a href='http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/manipulations_3/' title='Manipulations, Upian, France Télévision -  Manipulations, une histoire française'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/manipulations_3-300x166.jpg" class="attachment-medium" alt="Manipulations, Upian, France Télévision - Manipulations, une histoire française" title="Manipulations, Upian, France Télévision -  Manipulations, une histoire française" /></a>
<a href='http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/manipulations_4/' title='Manipulations, Upian, France Télévision -  Manipulations, une histoire française'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/manipulations_4-300x166.jpg" class="attachment-medium" alt="Manipulations, Upian, France Télévision - Manipulations, une histoire française" title="Manipulations, Upian, France Télévision -  Manipulations, une histoire française" /></a>
<a href='http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/manipulations_5/' title='Manipulations, Upian, France Télévision -  Manipulations, une histoire française'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/manipulations_5-300x166.jpg" class="attachment-medium" alt="Manipulations, Upian, France Télévision - Manipulations, une histoire française" title="Manipulations, Upian, France Télévision -  Manipulations, une histoire française" /></a>

<h4>Les procès du &laquo;&nbsp;K&nbsp;&raquo; Denis R.</h4>
<p>Un des dommages collatéraux de ce feuilleton franco-politico-judiciaire, c&#8217;est le cauchemar judiciaire qu&#8217;a vécu Denis Robert. Un marathon judiciaire d&#8217;une dizaine d&#8217;années où comment le droit devient une arme d&#8217;impunité, un sport pratiqué par les très-puissants. En effet, le harcèlement judiciaire de la part de la chambre de compensation luxembourgeoise Clearstream à l&#8217;égard de Denis Robert en est un exemple patenté. Avec plus 60 procédures, Clearstream a tenté d&#8217;éreinter, d&#8217;asphyxier financièrement, moralement, humainement un journaliste pour le faire taire, technique coûteuse mais efficace si on en a les moyens.</p>
<p>Heureusement, Clearstream a été débouté car la justice triomphe toujours à la fin, comme dans Starsky et Hutch, David abat toujours Goliath mais à quel prix ! Ci-dessous, voilà ce qui dit Denis Robert dans un article du nouvelobs.com sur ses déboires, cela fait froid dans le dos.</p>
<p>La décision judiciaire fait désormais jurisprudence. A n&#8217;en pas douter, c&#8217;est une avancée en terme de droit, qui sera malheureusement sans doute fort utile dans les années à venir à moins que la peur du procès ne force les journalistes à l&#8217;auto-censure. Rassurez-vous, en participant, à ce webdoc d&#8217;investigation, vous ne risquez au pire que d&#8217;être inscrit(e) d&#8217;office à la newsletter de francetelevision donc pas de panique.</p>
<p><b>Un extrait d&#8217;une interview de Denis Robert du nouvelobs.com</b></p>
<blockquote><p>
Il n’y a pas de formule mathématique magique; il y a la réalité de ce que j’ai vécu pendant 10 ans. Je vais leur demander de réparer toutes ces années de batailles qui auraient pu être évitées s’ils s’étaient loyalement défendus au lieu d’user de calomnies et de mensonges pour tenter de m’abattre. Je vais recenser, avec mes avocats, tout ce qui s’est écrit et dit sur moi en dix ans.</p>
<p>Avant Clearstream, j’étais plutôt tranquille. Je faisais des films, j’écrivais des romans. J’avais mille projets. J’étais très sollicité. Et puis cette histoire est entrée dans ma vie. Je n’ai fait qu’un travail de journaliste au départ. J’ai enquêté deux années, réuni des preuves, obtenu des listings, filmé mes témoins, publié un livre et réalisé avec Pascal Lorent un film. J’ai essayé par tous les moyens de donner la parole aux dirigeants de Clearstream. Ils ont refusé, manié la menace. Puis quand les livres sont sortis, ils ont usé et abusé de procédures judiciaires et de pression. On peut dire qu’ils m’ont bien pourri la vie.
</p></blockquote>
<h4>Une conception ramification</h4>
<p>C&#8217;est indéniable. On a un objet complexe mais sur lequel on peut revenir à loisir et chaque fois découvrir des ramifications insoupçonnées. On est clairement encore face à une épure en matière de délinéarisation.</p>
<p>Sans trop s&#8217;appesantir sur la technique, qui somme toute n&#8217;est qu&#8217;au service de la création, il est bon de noter, que le webdoc doit être fait avec le Gaia Framework ou tout du moins dans une approche tout à fait similaire. On avait déjà noter le recours à ce framework qui semble s&#8217;imposer comme l&#8217;environnement référent en matière de production de webdoc. On a fait nous aussi un peu de manip sur les fichiers et pour notre plus grand bénéfice SEO, voici la liste des protagonistes, c&#8217;est beau comme un listing d&#8217;Imhad Lahoud !</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;">&nbsp;
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;?xml</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1.0&quot;</span> <span style="color: #000066;">encoding</span>=<span style="color: #ff0000;">&quot;UTF-8&quot;</span><span style="color: #000000; font-weight: bold;">?&gt;</span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;xml<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3263&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2642&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_043&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3170&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;941&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c10_010&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3125&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1123&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3020&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3090&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_011&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1985&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1910&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_023&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2558&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3348&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1011&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1461&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_019&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;720&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;475&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c2_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1626&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1214&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_030&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3735&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1505&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_028&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3730&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1596&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_029&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3640&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1548&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-11&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3849&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1472&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3788&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1315&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;12&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3670&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1330&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-26&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3615&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1456&quot;</span>  <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-48&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_031&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4154&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1799&quot;</span>  <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_032&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4045&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1798&quot;</span>  <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_033&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4014&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1738&quot;</span>  <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1417&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2279&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_010&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1348&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2244&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_027&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2733&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2614&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c5_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;536&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2301&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c5_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;662&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;941&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c5_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;995&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1920&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1583&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1867&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_011&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1038&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1198&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_029&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3567&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3000&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3345&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3100&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Jean-Pierre Chev&amp;egrave;nement]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_022&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3929&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3361&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3900&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3420&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Roland Dumas]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_028&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3572&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2700&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3315&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2540&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Dominique Strauss Kahn]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_021&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3545&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3392&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3450&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3536&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Fran&amp;ccedil;ois Mitterrand]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1921&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1708&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1860&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1770&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Philippe&lt;br&gt;Delmas]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>	
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_019&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2379&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2572&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2350&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2680&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Fran&amp;ccedil;ois L&amp;eacute;otard]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_025&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2581&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2550&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
&nbsp;
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_020&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2224&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2731&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1880&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2850&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Renaud Donnedieu de Vabres]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;492&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2072&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;400&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2165&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Marc Trevidic]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;330&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1937&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m2_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3366&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1248&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3225&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1324&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Denis Robert]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4791&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;480&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4305&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;582&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3860&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;390&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4093&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;151&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4277&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;244&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m4_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3041&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1502&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3168&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1491&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Philippe&lt;br/&gt;Rondot]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m4_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2897&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1511&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m4_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2992&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1397&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3007&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;896&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2980&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1028&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Imad Lahoud]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c10_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3460&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1880&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3360&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2849&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;600&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3500&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_013&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;514&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1796&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;511&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1879&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_033&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1336&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2979&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_017&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;680&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;600&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;541&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;448&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;563&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;623&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1220&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2554&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_027&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1820&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3050&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c5_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;812&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1954&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2818&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;752&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_042&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2733&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;880&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c5_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;903&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1790&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-11&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1111&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2347&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3204&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;569&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_045&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3176&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;838&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_012&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2744&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;529&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1190&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2446&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;147&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;800&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;284&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1194&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;237&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3106&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_019&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;636&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3341&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;409&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3325&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;314&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3360&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-16&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;887&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2697&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1380&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2821&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_022&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1904&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1069&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_020&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2001&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1009&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_021&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2114&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;964&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_013&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;953&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3223&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_012&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1108&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2905&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_026&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;787&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3043&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-11&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_010&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1802&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1940&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1720&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2010&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[No&amp;euml;l Forgeard]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c2_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1760&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1790&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m1_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2470&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1476&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2311&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1308&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Jean-Louis &lt;u&gt;Gergorin&lt;/u&gt;]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c1_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2399&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1712&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c1_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2562&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1762&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c1_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2256&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1735&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c1_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2116&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1734&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1022&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1015&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_013&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;950&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;540&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1076&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;132&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;838&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1337&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_012&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3072&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3250&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3212&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2857&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3080&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2948&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Dominique de Villepin]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_015&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3012&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2300&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2880&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2155&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Mich&amp;egrave;le Alliot-Marie]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c10_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3656&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2171&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3590&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2251&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Yves Bertrand]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c10_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3440&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2300&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2436&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1068&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2323&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1193&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Marwann Lahoud]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3939&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2121&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3819&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2240&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Florian Bourges]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;218&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2804&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;120&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2898&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Bernard&lt;br/&gt;Cazeneuve]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c5_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;839&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1741&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;559&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3071&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_020&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;459&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2842&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;200&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1900&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_015&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;581&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2344&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_016&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;125&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2237&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_017&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;139&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2321&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_021&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;286&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2274&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1600&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;900&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1583&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1037&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[William Lee]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_018&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1730&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;824&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1764&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;723&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_010&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1942&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;595&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2021&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;828&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1678&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;646&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_020&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;772&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;804&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_012&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;409&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1538&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;250&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1633&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Renaud Van Ruymbeke]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4618&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1107&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4471&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;983&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3897&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;759&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1348&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;420&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1361&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;548&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Alain&lt;br/&gt;Gomez]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c2_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1864&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1488&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1835&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1577&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Jean-Luc Lagard&amp;egrave;re]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c2_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1705&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1643&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c2_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1722&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1461&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2396&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2282&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2277&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2372&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Jacques Chirac]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2577&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2198&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2410&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3360&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1546&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3020&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_015&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1403&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2514&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_016&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1391&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2632&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_024&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;912&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2465&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-15&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_011&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1092&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2177&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_022&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1607&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3370&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_017&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1265&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3347&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_026&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1988&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3379&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_029&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2147&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3401&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-6&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2469&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2864&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2175&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1330&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
				<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2170&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1400&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Philippe&lt;br&gt;Camus]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3041&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3116&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2003&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1425&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c2_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2035&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1339&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4485&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;324&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4352&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;504&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-41&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4653&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;270&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1251&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;223&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1216&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;598&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-6&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>	
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_015&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1336&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1112&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3069&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2706&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2820&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3019&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4465&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2046&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_019&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4015&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2609&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-23&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_018&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4129&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2500&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4589&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2844&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_015&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4655&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3188&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;11&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_016&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4833&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3187&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_017&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4430&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2484&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_012&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4647&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2465&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;6&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4074&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2970&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m4_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2987&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1705&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c10_012&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3083&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1916&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-6&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m4_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2904&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1947&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m4_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2836&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1594&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c10_011&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2776&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1448&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4250&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1119&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_010&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4105&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;991&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4633&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1000&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-8&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c10_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3640&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2413&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_033&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1320&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1910&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_028&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1302&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1758&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_012&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1504&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1597&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-14&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1624&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1535&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c7_032&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1299&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1713&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3119&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2441&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3691&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1084&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_010&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4084&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2098&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-1&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2356&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2082&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2838&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;960&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c6_044&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2674&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1047&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-13&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;m3_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3612&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;223&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4521&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1740&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_005&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3598&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;950&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-7&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4666&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1328&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4600&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1205&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Ernest Backes]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>	
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3703&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;774&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-6&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c3_007&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1020&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1343&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_020&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4071&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1633&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_013&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4413&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1642&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_026&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4138&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1373&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-6&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_010&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3981&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1506&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3915&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1326&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c12_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3801&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1865&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_025&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;3751&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1709&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_018&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4785&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2051&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c13_016&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4731&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1632&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_013&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2251&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3038&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-3&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2070&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3125&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Edouard Balladur]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_018&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1673&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2831&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;2&quot;</span>  <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c14_023&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1655&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2620&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span>  <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_002&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2467&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3093&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span>  <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_000&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;612&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;434&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span>  <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_016&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;580&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;249&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;5&quot;</span>  <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_024&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;488&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;260&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-13&quot;</span>  <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_021&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;703&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;341&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;13&quot;</span>  <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c5_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;217&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1020&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_023&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;146&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1109&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-11&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_026&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;130&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1178&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-16&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_025&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;403&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1187&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;10&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_004&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;348&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;228&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_003&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;464&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;736&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_022&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;4348&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;3292&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_009&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;272&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;720&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-5&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_008&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;570&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1418&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c8_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;520&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1019&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;false&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_006&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;285&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;510&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c15_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;195&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1473&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span>  <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_001&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1978&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2170&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-2&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;2000&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2250&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Nicolas Sarkozy]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c9_013&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1827&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2318&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;4&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_014&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1331&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;1164&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;3&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c4_013&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1367&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;858&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;-9&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;item</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">&quot;c16_016&quot;</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1980&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2472&quot;</span> <span style="color: #000066;">rotation</span>=<span style="color: #ff0000;">&quot;0&quot;</span> <span style="color: #000066;">shadow</span>=<span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #000066;">extension</span>=<span style="color: #ff0000;">&quot;jpg&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
			<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;legende</span> <span style="color: #000066;">x</span>=<span style="color: #ff0000;">&quot;1882&quot;</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">&quot;2551&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #339933;">&lt;![CDATA[Brice Hortefeux]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/legende<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
		<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/item<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/xml<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>Avant de tenter l&#8217;expérience, un conseil pour ne pas être largué(e) d&#8217;entrée, on vous invite à vous rafraichir la mémoire sur l&#8217;affaire.</p>
<ul>
<li>Manipulations &#8211; Comprendre<br /><a href="http://www.francetv.fr/manipulations/comprendre/" target="_blank">http://www.francetv.fr/manipulations/comprendre/</a></li>
<li>Manipulations &#8211; A propos<br /><a href="http://www.francetv.fr/manipulations/a-propos/" target="_blank">http://www.francetv.fr/manipulations/a-propos/</a></li>
</ul>
<p><b>37 boulevard de Montmorency 75016 Paris, le siège d&#8217;EADS</b><br />
<br />
	<div class="gm-map"><iframe name="gm-map-1" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=5324a6eaa612c66be6f15e0acaa6f4f7" height="350" width="960" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div><br />
	</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Manipulations &#8211; L&#8217;expérience Web<br /><a href="http://www.francetv.fr/manipulations/" target="_blank">http://www.francetv.fr/manipulations/</a></li>
<li>Webdocumentaire, jouer au petit journaliste<br /><a href="http://jeuxserieux.ac-creteil.fr/?p=1244" target="_blank">http://jeuxserieux.ac-creteil.fr/?p=1244</a></li>
<li>Le Best Of de David Dufresne sur l&#8217;article au-dessus &laquo;&nbsp;Webdocumentaire, jouer au petit journaliste&nbsp;&raquo;<br /><a href="http://www.davduf.net/+Webdocumentaire-jouer-au-petit+.html" target="_blank">http://www.davduf.net/+Webdocumentaire-jouer-au-petit+.html</a></li>
<li>Clearstream : Denis Robert est blanchi<br /><a href="http://tempsreel.nouvelobs.com/societe/20110205.OBS7554/clearstream-denis-robert-est-blanchi.html" target="_blank">http://tempsreel.nouvelobs.com/societe/20110205.OBS7554/clearstream-denis-robert-est-blanchi.html</a></li>
<li>Upian<br /><a href="http://www.upian.com/" target="_blank">http://www.upian.com/</a></li>
<li>France 5<br /><a href="http://www.france5.fr/" target="_blank">http://www.france5.fr/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2012/01/29/manipulations-upian-france-television-manipulations-une-histoire-francaise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>48.8532600 2.2627215</georss:point>	</item>
		<item>
		<title>Webdocumentaire, ONG, MSF &#8211;  Starved for Attention</title>
		<link>http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/</link>
		<comments>http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 13:58:42 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[écriture]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[presse]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[agence photo VII]]></category>
		<category><![CDATA[bluecadet]]></category>
		<category><![CDATA[James Nachtwey]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[MSF]]></category>
		<category><![CDATA[ONG]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6578</guid>
		<description><![CDATA[Copyright&#169;www.starvedforattention.org On avait vu les productions à la &#171;&#160;mediastorm&#160;&#187; qui sensibilisaient déjà les internautes sur les problèmes aiguës de notre monde. Voici une dernière production de webdoc qui méritait qu&#8217;on s&#8217;y intéresse. Ce webdoc explore les arcanes d&#8217;une tragédie perpétuelle : la malnutrition infantile. Cette production tache de sensibiliser l&#8217;internaute notamment à l&#8217;inadéquation entre l&#8217;aide [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Webdocumentaire, ONG, MSF -  Starved for Attention  --><br />
<!--  Webdocumentaire, ONG, MSF, agence photo VII, James Nachtwey, jQuery, bluecadet --></p>
<p><a title="" class="bigpic" href="http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_slider.jpg" width="600" height="235" alt="" /></a><em>Copyright&copy;www.starvedforattention.org</em><br/><br/></p>
<p>On avait vu les productions à la &laquo;&nbsp;mediastorm&nbsp;&raquo; qui sensibilisaient déjà les internautes sur les problèmes aiguës de notre monde. Voici une dernière production de webdoc qui méritait qu&#8217;on s&#8217;y intéresse. Ce webdoc explore les arcanes d&#8217;une tragédie perpétuelle : la malnutrition infantile. Cette production tache de sensibiliser l&#8217;internaute notamment à l&#8217;inadéquation entre l&#8217;aide fournie par les pays riches et les aidés des pays pauvres.</p>
<p>Cette production est le fruit de la collaboration entre Médecins Sans Frontières (MSF) et l&#8217;agence photo VII dont l&#8217;un des fondateurs de l&#8217;agence entre autre n&#8217;est rien moins que James Nachtwey.</p>
<p>La multiplicité des histoires disponibles dans ce webdoc rend bien compte de la complexité du problème de la malnutrition infantile et des solutions qui peuvent être apportées à chacun d&#8217;entre eux. </p>

<a href='http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/starvedforattention_1/' title='Webdocumentaire, ONG, MSF -  Starved for Attention'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_1-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, ONG, MSF - Starved for Attention" title="Webdocumentaire, ONG, MSF -  Starved for Attention" /></a>
<a href='http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/starvedforattention_2/' title='Webdocumentaire, ONG, MSF -  Starved for Attention'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_2-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, ONG, MSF - Starved for Attention" title="Webdocumentaire, ONG, MSF -  Starved for Attention" /></a>
<a href='http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/starvedforattention_3/' title='Webdocumentaire, ONG, MSF -  Starved for Attention'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_3-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, ONG, MSF - Starved for Attention" title="Webdocumentaire, ONG, MSF -  Starved for Attention" /></a>
<a href='http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/starvedforattention_4/' title='Webdocumentaire, ONG, MSF -  Starved for Attention'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_4-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, ONG, MSF - Starved for Attention" title="Webdocumentaire, ONG, MSF -  Starved for Attention" /></a>
<a href='http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/starvedforattention_5/' title='Webdocumentaire, ONG, MSF -  Starved for Attention'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_5-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, ONG, MSF - Starved for Attention" title="Webdocumentaire, ONG, MSF -  Starved for Attention" /></a>
<a href='http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/starvedforattention_6/' title='Webdocumentaire, ONG, MSF -  Starved for Attention'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_6-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, ONG, MSF - Starved for Attention" title="Webdocumentaire, ONG, MSF -  Starved for Attention" /></a>
<a href='http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/starvedforattention_7/' title='Webdocumentaire, ONG, MSF -  Starved for Attention'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/starvedforattention_7-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, ONG, MSF - Starved for Attention" title="Webdocumentaire, ONG, MSF -  Starved for Attention" /></a>

<p>Se féliciter que le tout est fait dans une forme hybride de jQuery et de flash est un peu dérisoire mais c&#8217;est un constat, la place de Flash se réduit comme peau chagrin. Dans, ce projet concocté par bluecadet, Flash se cantonne à la vidéo en attendant que le Webm, concocté par google soit lisible dans un navigateur. </p>
<p><b>La présentation du projet &laquo;&nbsp;Starved for Attention&nbsp;&raquo;</b></p>
<blockquote><p>
En 2010, Médecins Sans Frontières (MSF) et l’agence photo VII ont lancé &laquo;&nbsp;Starved for Attention&nbsp;&raquo;, une campagne multimédia internationale, dans le but de réécrire l&#8217;histoire de la malnutrition infantile. La pétition en ligne a recueilli de nombreuses signatures de la part de personnes qui nous ont rejoint pour exiger des pays donateurs qu&#8217;ils cessent de fournir des aliments aux valeurs nutritionnelles non adaptées aux besoins des enfants malnutris.
</p></blockquote>
<h4>Un brin de philosophie&#8230;</h4>
<p>Ce webdoc suscite une autre interrogation plus en phase avec la société de l&#8217;information. C&#8217;est d&#8217;ailleurs une tendance qui est mis en avant par un article publié sur le site de <code>webtelevisionobserver.com</code>. Ainsi, la forme du webdocumentaire n&#8217;est-elle pas en train de devenir la forme achevée &laquo;&nbsp;d&#8217;infotainment&nbsp;&raquo; de la société du spectacle si cher à Guy Debord. Une réalité, aussi dure soit-elle, ne peut donc exister que si elle est prise en compte par la communication avec ce contre-effet mécanique qui donne une forme d&#8217;esthétisme de la misère. C&#8217;était déjà une évidence mais la forme du webdoc semble achever cette mutation quand on voit le nombre d&#8217;ONG qui s&#8217;empare du webdoc. Il en va ainsi dans le &laquo;&nbsp;Charity businness&nbsp;&raquo;, les produits n&#8217;ont plus de valeurs, les valeurs sont donc des produits. Il y a même à notre modeste avis, un paradoxe dans le titre même &laquo;&nbsp;starvedforattention&nbsp;&raquo; (&laquo;&nbsp;d&#8217;attention affamés&nbsp;&raquo; dans une traduction à la yoda)&#8230; mais qui est affamé et de quoi ? Nous, les nantis, gavés d&#8217;attentions, eux, les sans-grades, repus d&#8217;inattentions ? On vous laisse le soin d&#8217;y réfléchir, car ce sont des questions trop complexes pour nous, nous ne sommes pas assez armés pour répondre à de telles questions, &laquo;&nbsp;avec 3WDOC, accompagner seulement le webdoc nous faisons&nbsp;&raquo;.</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Starved for Attention<br /><a href="http://www.starvedforattention.org/" target="_blank">http://www.starvedforattention.org/</a></li>
<li>Bluecadet Interactive<br /><a href="http://bluecadet.com/" target="_blank">http://bluecadet.com/</a></li>
<li>Le webdoc au service de la communication des ONG<br /><a href="http://webtelevisionobserver.com/2012/01/le-webdoc-au-service-de-la-communication-des-ong/" target="_blank">http://webtelevisionobserver.com/2012/01/le-webdoc-au-service-de-la-communication-des-ong/</a></li>
<li>Parler à la manière de Yoda<br /><a href="http://fr.wikipedia.org/wiki/Yoda" target="_blank">http://fr.wikipedia.org/wiki/Yoda</a></li>
<li>Infotainment on wikipedia<br /><a href="http://en.wikipedia.org/wiki/Infotainment" target="_blank">http://en.wikipedia.org/wiki/Infotainment</a></li>
<li>La site de l&#8217;agence photos VII<br /><a href="ttp://www.viiphoto.com/" target="_blank">ttp://www.viiphoto.com/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2012/01/16/webdocumentaire-ong-msf-starved-for-attention/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdocumentaire, amazonie, arte, tv &#8211;  Le souffle indien</title>
		<link>http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/</link>
		<comments>http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/#comments</comments>
		<pubDate>Mon, 02 Jan 2012 04:31:06 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[Amazonie]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[indien]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[mythe]]></category>
		<category><![CDATA[réchauffement climatique]]></category>
		<category><![CDATA[tv]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6548</guid>
		<description><![CDATA[Copyright&#169;amazonie.arte.tv En ces temps de prophéties maya qui annoncent la fin du monde pour cette toute nouvelle année 2012, il est sans doute bon de rappeler que nul n&#8217;est besoin de prophétie pour rappeler que l&#8217;homme blanc et son mode de vie sont à eux seuls les causes probables du marasme écologique dans lequel est [...]]]></description>
			<content:encoded><![CDATA[<p>
<!-- Webdocumentaire, amazonie, arte, tv -  Le souffle indien  --><br />
<!--  Webdocumentaire, Amazonie, arte, tv, mythe, indien, réchauffement climatique, HTML5, Flash, WordPress, jQuery --></p>
<p><a title="" class="bigpic" href="http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/amazonie_arte_tv_slider.jpg" width="600" height="235" alt="" /></a><em>Copyright&copy;amazonie.arte.tv</em><br/><br/></p>
<p>En ces temps de prophéties maya qui annoncent la fin du monde pour cette toute nouvelle année 2012, il est sans doute bon de rappeler que nul n&#8217;est besoin de prophétie pour rappeler que l&#8217;homme blanc et son mode de vie sont à eux seuls les causes probables du marasme écologique dans lequel est plongé la planète.<span id="more-6548"></span></p>
<p>Ce n&#8217;est pas à proprement parlé le sujet du dernier web-reportage réalisé par Mylène Sauloy pour le compte d&#8217;Arte TV mais ce webdoc nous plonge dans la vision du monde des indiens d&#8217;Amazonie, leur cosmogonie. Ce webdoc tente de faire entendre leurs voix sur ces bouleversements écologiques qu&#8217;ils voient à l&#8217;oeuvre dans l&#8217;environnement qui est le leur l&#8217;Amazonie et dans lequel ils vivent en symbiose depuis des millénaires.</p>
<h4>Les méandres du projet Amazonie</h4>
<p>D&#8217;un point de vue de la conception, ce webdoc nous offre une fois de plus à voir un maitrise aboutie de la gestion des liens sémantiques entre les vidéos, des mots-clés et des articles de fond. Ce webdoc exploite tout le potentiel de wordpress dans sa capacité d&#8217;indexation de l&#8217;information en vue d&#8217;offrir à l&#8217;utilisateur le plus grand nombre d&#8217;entrées possibles. Tout le projet est articulé sous WP, en puisant dans jQuery pour les effets, dans des balises HTML5 pour l&#8217;affichage de contenu notamment en ayant recours à la balise HTML5 <code>&lt;article&gt;&lt;/article&gt;</code>.</p>
<p>Pour la video, le projet utilise JW player dont la qualité du player en flash en HTML5 n&#8217;est plus à prouver. Tout laisse penser qu&#8217;un excellent compromis est possible afin de tirer profit pour un webdoc du meilleur des deux technologies que sont le flash et l&#8217;HTML5.</p>

<a href='http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/amazonie_arte_tv_1/' title='Webdocumentaire, amazonie, arte, tv -  Le souffle indien'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/amazonie_arte_tv_1-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, amazonie, arte, tv - Le souffle indien" title="Webdocumentaire, amazonie, arte, tv -  Le souffle indien" /></a>
<a href='http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/amazonie_arte_tv_2/' title='Webdocumentaire, amazonie, arte, tv -  Le souffle indien'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/amazonie_arte_tv_2-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, amazonie, arte, tv - Le souffle indien" title="Webdocumentaire, amazonie, arte, tv -  Le souffle indien" /></a>
<a href='http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/amazonie_arte_tv_3/' title='Webdocumentaire, amazonie, arte, tv -  Le souffle indien'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/amazonie_arte_tv_3-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, amazonie, arte, tv - Le souffle indien" title="Webdocumentaire, amazonie, arte, tv -  Le souffle indien" /></a>
<a href='http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/amazonie_arte_tv_4/' title='Webdocumentaire, amazonie, arte, tv -  Le souffle indien'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/amazonie_arte_tv_4-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, amazonie, arte, tv - Le souffle indien" title="Webdocumentaire, amazonie, arte, tv -  Le souffle indien" /></a>
<a href='http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/amazonie_arte_tv_5/' title='Webdocumentaire, amazonie, arte, tv -  Le souffle indien'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/01/amazonie_arte_tv_5-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, amazonie, arte, tv - Le souffle indien" title="Webdocumentaire, amazonie, arte, tv -  Le souffle indien" /></a>

<p><b>Amazonie</b><br />
<br />
	<div class="gm-map"><iframe name="gm-map-2" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=5fb7018e56fca51ccc2a0b947200800a" height="350" width="960" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div><br />
	</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Amazonie &#8211; Le souffle indien<br /><a href="http://amazonie.arte.tv/" target="_blank">http://amazonie.arte.tv/</a></li>
<li>JW Player: Download | LongTail Video | Home of the JW Player<br /><a href="http://www.longtailvideo.com/players/jw-flv-player/" target="_blank">http://www.longtailvideo.com/players/jw-flv-player/</a></li>
<li>WordPress &#8250; Blog Tool, Publishing Platform, and CMS<br /><a href="http://wordpress.org/" target="_blank">http://wordpress.org/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2012/01/02/webdocumentaire-amazonie-arte-tv-le-souffle-indien/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>-3.1064093 -60.0264282</georss:point>	</item>
		<item>
		<title>Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match &#8211;  Le Kurdistan d&#8217;Irak, dernier refuge des chrétiens persécutés</title>
		<link>http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/</link>
		<comments>http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 16:46:55 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[Nos derniers WDOC]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[presse]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[3WOC]]></category>
		<category><![CDATA[Irak]]></category>
		<category><![CDATA[Louis Villers]]></category>
		<category><![CDATA[Paris-Match]]></category>
		<category><![CDATA[webdocu]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6467</guid>
		<description><![CDATA[Le sujet tombe à point nommé. En effet, à l'approche de Noël, après les événements qui ont secoué le monde arabe et qui secoue actuellement la Syrie limitrophe de l'Irak, le retrait des derniers soldats américains [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Webdocumentaire, Irak, Louis Villers, Paris Match -  Le Kurdistan d'Irak, dernier refuge des chrétiens persécutés  --><br />
<!--  Webdocumentaire, Irak, Louis Villers, Paris-Match, Photo, Webdocumentaire, HTML5, 3WOC, Webdocu  --></p>
<p><a title="" class="bigpic" href="http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/kurdistan_chretiens_irak_6.jpg" width="960" height="350" alt="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d'Irak, dernier refuge des chrétiens persécutés" /></a><em>Copyright&copy;parismatch.com</em><br/><br/></p>
<p>Le sujet tombe à point nommé. En effet, à l&#8217;approche de Noël, après les événements qui ont secoué le monde arabe et qui secoue actuellement la Syrie limitrophe de l&#8217;Irak, le retrait des derniers soldats américains après 3 196 jours de présence, le monde retient son souffle. Tout le monde semble s&#8217;interroger sur l&#8217;avenir de l&#8217;Irak, comme état, comme société pluri-confessionnelle et comme démocratie. </p>
<h4>Chrétiens d&#8217;Irak, minorité assiégée</h4>
<p>C&#8217;est en s&#8217;intéressant au sort de la minorité chrétienne d&#8217;Irak que Louis Villers nous donne à voir un aperçu des tensions qui traversent l&#8217;Irak. Le constat est accablant et c&#8217;est un euphémisme que de dire que le sort des chrétiens est bien incertain. Ce webdocumentaire de Louis Villers témoigne du divorce, sans possibilité de retour, d&#8217;une des plus anciennes communautés chrétiennes du Moyen-Orient. Tout porte à la rupture et laisse présager la disparition, ou tout au moins leur dispersion, annoncée des chrétiens comme composante de la société Irakienne. La situation des chrétiens d&#8217;Irak fait en tout point mentir cette citation d&#8217;Albert Camus : &laquo;&nbsp;La démocratie, ce n&#8217;est pas la loi de la majorité, mais la protection de la minorité&nbsp;&raquo;.</p>

<a href='http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/kurdistan_chretiens_irak_5/' title='Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/kurdistan_chretiens_irak_5-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match - Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" title="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" /></a>
<a href='http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/kurdistan_chretiens_irak_4/' title='Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/kurdistan_chretiens_irak_4-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match - Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" title="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" /></a>
<a href='http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/kurdistan_chretiens_irak_3/' title='Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/kurdistan_chretiens_irak_3-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match - Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" title="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" /></a>
<a href='http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/kurdistan_chretiens_irak_2/' title='Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/kurdistan_chretiens_irak_2-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match - Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" title="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" /></a>
<a href='http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/kurdistan_chretiens_irak_1/' title='Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/kurdistan_chretiens_irak_1-300x166.jpg" class="attachment-medium" alt="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match - Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" title="Webdocumentaire, Irak, Louis Villers, Webdocu.fr, Paris Match -  Le Kurdistan d&#039;Irak, dernier refuge des chrétiens persécutés" /></a>

<p>Ce webdocumentaire a été réalisé avec 3WDOC Studio. Nous revenons avec Louis Villers, co-fondateur et rédacteur en chef de l&#8217;incontournable <a href="http://webdocu.fr/" title="Webdocu.fr" target="_blank">Webdocu.fr</a>, sur les conditions de réalisation du reportage et de sa conception sous la forme <a href="http://webdocu.fr/webdocumentaire_paris_match/kurdistan_chretiens_irak_2.html" title="Webdoc Chrétiens d'Irak Louis Villers - Paris Match" target="_blank">webdocumentaire pour ParisMatch.com</a>.</p>
<h4>Interview de Louis Villers</h4>
<ul>
<li>
<p><b>3WDOC :</b> <i>&laquo;&nbsp;Comment ce reportage a-t-il été financé ? Dès le départ, le projet du reportage assurait de livrer une expérience transmedia: blog, reportage papier et bien évidemment webdoc ?&nbsp;&raquo;</i></p>
<p><b>Louis Villers :</b> &laquo;&nbsp;Effectivement, ce reportage a été diffusé sur plusieurs supports : un site internet, <a href="http://www.parismatch.com/" title="ParisMatch.com" target="_blank">ParisMatch.com</a>, qui a publié mes articles quotidiennement et « en live » pendant mon reportage, un  magazine papier (Peuples du Monde, diffusé en Juin), et enfin, sous la forme d&#8217;un webdocumentaire, toujours sur ParisMatch.com. Multiplier les supports permet évidemment de multiplier les sources de financement, mais également d&#8217;augmenter la durée de vie du reportage. Ainsi, pour un seul voyage de 3 semaines en Irak, le reportage a eu trois moments clés de diffusion : en Avril avec le « Live », en Juin avec le magazine et en Décembre avec le webdocumentaire.&nbsp;&raquo;</p>
</li>
<li>
	<b>3WDOC :</b> <i>&laquo;&nbsp;Aujourd&#8217;hui avec le départ des américains, la situation va-t-elle selon toi encore se dégrader ?&nbsp;&raquo;</i></p>
<p><b>Louis Villers :</b> &laquo;&nbsp;Il est difficile de répondre à cette question. En tous cas, elle ne va pas s&#8217;améliorer. Les chrétiens ne sont vraiment plus nombreux en Irak. Beaucoup ont déjà fui à l&#8217;étranger ou au Kurdistan, dans le nord du pays. La situation au Kurdistan ne sera pas forcément affectée, du moins dans un premier temps, par le départ des américains, et par conséquent, les chrétiens du nord de l&#8217;Irak pourront continuer à vivre dans une relative sécurité. Dans le Sud, malheureusement, la situation restera mauvaise, tant que la stabilité du pays ne sera pas rétablie. Une chose est sûre,  les chrétiens fêteront Noël demain dans la peur et la discrétion.&nbsp;&raquo;
</li>
<li>
<p><b>3WDOC :</b> <i>&laquo;&nbsp;La quasi autonomie du Kurdistan Irakien, lieu de refuge des chrétiens va-t-elle accentuer la séparation du Kurdistan avec l&#8217;Irak ? Va-t-on vers un Kurdistan Irakien indépendant ?&nbsp;&raquo;</i></p>
<p><b>Louis Villers :</b> &laquo;&nbsp;Les Kurdes en rêvent, mais dans les faits, une autonomie totale du Kurdistan d&#8217;Irak est quasiment impensable. Tout d&#8217;abord car l&#8217;Irak ne le souhaite pas, mais aussi car les pays environnants concernés par la question kurde (Turquie, Iran…) feront tout pour empêcher une accentuation de l&#8217;autonomie du Kurdistan d&#8217;Irak. Les Kurdes avaient plutôt bien négocié leur autonomie avec les américains, je pense qu&#8217;ils en resteront là encore un moment.&nbsp;&raquo;
</li>
<li>
	<b>3WDOC :</b> <i>&laquo;&nbsp;Pourquoi avoir choisi 3WDOC studio ?&nbsp;&raquo;</i></p>
<p><b>Louis Villers :</b> &laquo;&nbsp;J&#8217;avais pour objectif principal d&#8217;auto-produire entièrement ce webdocumentaire. Je me suis donc tournée vers 3WDOC pour trois raisons :</p>
<p>	- Car il offre la possibilité de réaliser soi-même le développement du webdocumentaire sans connaissances techniques, ni de Flash, ni de HTML5.<br />
	- Car son coût est nul (version beta gratuite :), ce qui diffère avec les autres logiciels (il ne faut juste pas compter son temps&#8230;)<br />
	- Car j&#8217;ai la chance de connaître l&#8217;équipe de 3WDOC qui a eu la gentillesse de me présenter le logiciel et de me donner régulièrement des conseils techniques. &nbsp;&raquo;
</li>
<li>
	<b>3WDOC :</b> <i>&laquo;&nbsp;Grosso modo, combien de temps t&#8217;a-t-il fallu pour réaliser ce webdoc avec 3WDOC Studio ?&nbsp;&raquo;</i></p>
<p><b>Louis Villers :</b> &laquo;&nbsp;Il y a eu beaucoup d&#8217;allers-retours entre Paris Match, 3WDOC et moi-même. La réalisation a donc pris du temps, particulièrement la réflexion. S&#8217;il fallait le refaire entièrement, je pense qu&#8217;une semaine suffirait. Il est vrai que 3WDOC Studio, du moins dans la version beta que j&#8217;ai utilisée, n&#8217;est pas hyper intuitif, mais à mon sens, c&#8217;est une qualité. En effet, si vous avez une idée claire de ce que vous souhaitez réaliser et que vous maniez Photoshop, le logiciel ne vous impose pratiquement aucune contrainte. Après, il faut avoir quelques idées ou astuces pour proposer un webdoc différent. L&#8217;une d&#8217;elle, dans ce webdoc, était d&#8217;utiliser l&#8217;embeddement de vidéo Vimeo afin d&#8217;avoir du HD sans problème.&nbsp;&raquo;</p>
</li>
<li>
<p><b>3WDOC :</b> <i>&laquo;&nbsp;Quels sont tes projets à venir ? Sur quoi travailles-tu en ce moment ?&nbsp;&raquo;</i></p>
<p><b>Louis Villers :</b> Pour les projets à venir, il y a tout d&#8217;abord une exposition photo à l&#8217;IICP à partir du 12 janvier « Un mois en Libye libre ». Je suis également en train de travailler sur l&#8217;écriture d&#8217;un webdocumentaire sur la musicothérapie pour l&#8217;autisme. Et évidemment, nous travaillons beaucoup, avec Alexis Sarini, sur le site <a href="http://webdocu.fr/" title="Webdocu.fr" target="_blank">Webdocu.fr</a>, notre site d&#8217;actualité et de réflexion sur les nouvelles formes de narrations multimédia, connectées et interactives.&nbsp;&raquo;</p>
</li>
<li>
<b>3WDOC :</b> <i>&laquo;&nbsp;Que souhaites-tu pour le webdocumentaire pour l&#8217;année 2012 à venir ?&nbsp;&raquo;</i></p>
<p><b>Louis Villers :</b> &laquo;&nbsp;Je souhaite vivement, pour 2012 que tout le milieu du webdocumentaire garde cet esprit de dynamisme, de créativité, de découverte. Beaucoup de chemin a été parcouru ces dernières années, je ne doute pas que 2012 apportera son lot de réponses et d&#8217;éclaircissements, tant sur le plan du modèle économique que technique ou narratif.&nbsp;&raquo;
</li>
</ul>
<p><i><b>Un grand merci à Louis Villers pour sa disponibilité.</b></i><br />
</br></p>
<p><b>La ville  d&#8217;Erbil au coeur du Kurdistan Irakien</b></p>
<p>
	<div class="gm-map"><iframe name="gm-map-3" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=5ef87581415b015222ef4a24698f858f" height="350" width="960" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div><br />
	</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Webdocumentaire : Le Kurdistan d&#8217;Irak, dernier refuge des chrétiens persécutés<br /><a href="http://webdocu.fr/webdocumentaire_paris_match/kurdistan_chretiens_irak_2.html" target="_blank">http://webdocu.fr/webdocumentaire_paris_match/kurdistan_chretiens_irak_2.html</a></li>
<li>GRAND REPORTAGE sur parismatch.com<br /><a href="http://www.parismatch.com/Blog/Grand-reportage/" target="_blank">http://www.parismatch.com/Blog/Grand-reportage/</a></li>
<li>Webdocu.fr | Nouvelles formes de narrations, connectées, multimédia et interactives<br /><a href="http://webdocu.fr/web-documentaire/" target="_blank">http://webdocu.fr/web-documentaire/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/12/23/webdocumentaire-irak-louis-villers-webdocu-fr-paris-match-le-kurdistan-dirak-dernier-refuge-des-chretiens-persecutes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>36.1673851 43.9811935</georss:point>	</item>
		<item>
		<title>Workshop Webdocumentaire / 3WDOC Studio à Cinédoc Films !</title>
		<link>http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/</link>
		<comments>http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 17:12:58 +0000</pubDate>
		<dc:creator>iDoc</dc:creator>
				<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[écriture]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[17 octobre 1961]]></category>
		<category><![CDATA[3 singes productions]]></category>
		<category><![CDATA[3WDOC]]></category>
		<category><![CDATA[3WDOC Studio]]></category>
		<category><![CDATA[agat films]]></category>
		<category><![CDATA[Alexandre Brachet]]></category>
		<category><![CDATA[annecy]]></category>
		<category><![CDATA[antoine viviani]]></category>
		<category><![CDATA[arte]]></category>
		<category><![CDATA[arte webdocs]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[auteur réalisateur]]></category>
		<category><![CDATA[Bruno Masi]]></category>
		<category><![CDATA[brussels]]></category>
		<category><![CDATA[bruxelles]]></category>
		<category><![CDATA[catherine cuenca]]></category>
		<category><![CDATA[cécile cros]]></category>
		<category><![CDATA[christian lelong]]></category>
		<category><![CDATA[cinédoc]]></category>
		<category><![CDATA[cinédoc films]]></category>
		<category><![CDATA[cinéma]]></category>
		<category><![CDATA[Cinquième Etage Production]]></category>
		<category><![CDATA[crowdfunding]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[curiosphere]]></category>
		<category><![CDATA[curiosphere.tv]]></category>
		<category><![CDATA[david dufresne]]></category>
		<category><![CDATA[doc]]></category>
		<category><![CDATA[docu]]></category>
		<category><![CDATA[documentaire]]></category>
		<category><![CDATA[documentaire de création]]></category>
		<category><![CDATA[EMI-CFD]]></category>
		<category><![CDATA[étude de cas]]></category>
		<category><![CDATA[facts on the ground]]></category>
		<category><![CDATA[formation]]></category>
		<category><![CDATA[Gaël Bordier]]></category>
		<category><![CDATA[gaza sderot]]></category>
		<category><![CDATA[guide pratique]]></category>
		<category><![CDATA[Guillaume Herbaut]]></category>
		<category><![CDATA[Hans Lucas]]></category>
		<category><![CDATA[Happy World]]></category>
		<category><![CDATA[hyper media]]></category>
		<category><![CDATA[hyper video]]></category>
		<category><![CDATA[i-doc]]></category>
		<category><![CDATA[idoc]]></category>
		<category><![CDATA[indépendant]]></category>
		<category><![CDATA[inflammable productions]]></category>
		<category><![CDATA[initiation]]></category>
		<category><![CDATA[insitu]]></category>
		<category><![CDATA[jean-marc merriaux]]></category>
		<category><![CDATA[joël ronez]]></category>
		<category><![CDATA[kisskissbankbank]]></category>
		<category><![CDATA[l'obésité est-elle une fatalité ?]]></category>
		<category><![CDATA[La nuit oubliée]]></category>
		<category><![CDATA[La Zone]]></category>
		<category><![CDATA[laurence bagot]]></category>
		<category><![CDATA[Lemonde.fr]]></category>
		<category><![CDATA[les palestiniens au liban]]></category>
		<category><![CDATA[living in east jerusalem]]></category>
		<category><![CDATA[manipulations : l'expérience web]]></category>
		<category><![CDATA[matthieu lietaert]]></category>
		<category><![CDATA[mediapart]]></category>
		<category><![CDATA[Narrative]]></category>
		<category><![CDATA[nfb]]></category>
		<category><![CDATA[nicolas sauret]]></category>
		<category><![CDATA[not so crazy productions]]></category>
		<category><![CDATA[olivia colo]]></category>
		<category><![CDATA[Olivier Lambert]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[pau perramon]]></category>
		<category><![CDATA[portraits d'un nouveau monde]]></category>
		<category><![CDATA[producteur]]></category>
		<category><![CDATA[providences]]></category>
		<category><![CDATA[radio canada]]></category>
		<category><![CDATA[random voices]]></category>
		<category><![CDATA[randomvoices.org]]></category>
		<category><![CDATA[réfugiés oubliés]]></category>
		<category><![CDATA[rich media]]></category>
		<category><![CDATA[Samuel Bollendorff]]></category>
		<category><![CDATA[scénariste]]></category>
		<category><![CDATA[sébastien brothier]]></category>
		<category><![CDATA[sept entretiens sur jérusalem]]></category>
		<category><![CDATA[skype]]></category>
		<category><![CDATA[skype conference call]]></category>
		<category><![CDATA[the big issue]]></category>
		<category><![CDATA[the guardian]]></category>
		<category><![CDATA[Thomas Salva]]></category>
		<category><![CDATA[tour de france(s)]]></category>
		<category><![CDATA[Transmedia]]></category>
		<category><![CDATA[Tristan Mendès-France]]></category>
		<category><![CDATA[trou story]]></category>
		<category><![CDATA[Upian]]></category>
		<category><![CDATA[webdoc a survival guide]]></category>
		<category><![CDATA[webdocumentaires : gide de survie et conseils pratiques]]></category>
		<category><![CDATA[Wilfrid Estève]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6361</guid>
		<description><![CDATA[Copyright © 3WDOC / Cinédoc Films 3WDOC a eu le plaisir d&#8217;intervenir toute la semaine dernière à Cinédoc Films à Annecy. Lieu ressource créé en 1992, Cinédoc est à la fois une société de production de documentaires de création et une structure de formation pour les professionnels du cinéma documentaire. A partir d&#8217;études de cas [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Workshop Webdocumentaire / 3WDOC Studio à Cinédoc Films !" class="bigpic" href="http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/highlight_cinedoc.jpg" width="600" height="235" alt="Workshop Webdocumentaire / 3WDOC Studio à Cinédoc Films !" /></a><em>Copyright © 3WDOC / Cinédoc Films</em><br/><br/></p>
<p>3WDOC a eu le plaisir d&#8217;intervenir toute la semaine dernière à <a href="http://www.cinedoc.fr/" title="Cinédoc Films" target="_blank">Cinédoc Films</a> à Annecy. Lieu ressource créé en 1992, Cinédoc est à la fois une société de production de documentaires de création et une structure de formation pour les professionnels du cinéma documentaire.</p>
<p>A partir d&#8217;études de cas de webdocumentaires et d&#8217;échanges Skype avec des acteurs de la scène du webdoc, l&#8217;objectif de ce workshop était de faire un tour d&#8217;horizon du documentaire interactif tant sur les questions de structures narratives interactives, d&#8217;agencement des éléments multimédia, de démarche d&#8217;auteur ou de traitement journalistique, d&#8217;esthétique et de webdesign, de l&#8217;articulation de l&#8217;intention et de l&#8217;interface, de stratégies de communication pour impliquer le public dans les projets participatifs, de modèles de production et de financement (guichets de subvention, diffuseurs, crowdfunding etc.), etc&#8230; </p>
<p>Bien sûr, les participants n&#8217;ont pas échappé à une initiation à 3WDOC Studio ! Découvrant un outil spécifiquement conçu pour la création rich media web, ils ont pu ainsi enrichir leur réflexion sur la production de webdocs, comprenant mieux les possibilités de ce nouveau type d&#8217;outil. A 3WDOC, nous sommes toujours soucieux d&#8217;allier théorie et pratique, production et réflexion ;) </p>
<p>Hormis cette approche complémentaire, la grande richesse du workshop a résidé dans les entretiens Skype que les participants ont eu avec le photographe Guillaume Herbaut, autour de <a href="http://www.lemonde.fr/week-end/visuel/2011/04/22/la-zone-retour-a-tchernobyl_1505079_1477893.html" title="La Zone" target="_blank">La Zone</a>, Matthieu Lietaert, éditeur du livre <a href="http://issuu.com/notsocrazy/docs/webdocs-echantillon" title="Webdocumentaires : Guide de Survie et conseils pratiques" target="_blank">Webdocumentaires : Guide de survie et conseils pratiques</a> (vous pouvez aussi <a href="http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/" title="Interview de Matthieu Lietaert par 3WDOC" target="_blank">voir notre interview de Matthieu</a>), le photographe et réalisateur Samuel Bollendorff, à propos de <a href="http://www.curiosphere.tv/ressource/22876-lobesite-est-elle-une-fatalite" title="L'obésité est-elle une fatalité ?" target="_blank">L&#8217;Obésité : The Big Issue</a>, l&#8217;auteur-réalisateur Olivier Lambert, autour de <a href="http://www.lemonde.fr/societe/visuel/2011/10/17/la-nuit-oubliee_1587567_3224.html" title="17 Octobre 1961 - La Nuit Oubliée" target="_blank">La Nuit Oubliée</a>, et le producteur Nicolas Sauret de <a href="http://www.inflammableproductions.com/" title="Inflammable Productions" target="_blank">Inflammable Productions</a> pour son projet de webdocumentaire à Jérusalem <em>Facts on the ground</em>. Nous en profitons pour les remercier encore tous chaleureusement de leurs précieuses Skype participations à notre formation. Sans oublier la scénariste <a href="http://about.me/cuenca" title="Catherine Cuenca" target="_blank">Catherine Cuenca</a>, fondatrice de 3 Singes Productions, venue sur place parler de transmedia.</p>

<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/1_groupe/' title='Webdoc : Workshop 3WDOC @ Cinedoc Films'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/1_groupe-300x224.jpg" class="attachment-medium" alt="Webdoc : Workshop 3WDOC @ Cinedoc Films" title="Webdoc : Workshop 3WDOC @ Cinedoc Films" /></a>
<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/2_sam/' title='Webdoc : 3WDOC @ Cinedoc Films : Samuel Bollendorff'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/2_sam-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Samuel Bollendorff" title="Webdoc : 3WDOC @ Cinedoc Films : Samuel Bollendorff" /></a>
<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/3_cuenca/' title='Webdoc : 3WDOC @ Cinedoc Films : Catherine Cuenca'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/3_cuenca-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Catherine Cuenca" title="Webdoc : 3WDOC @ Cinedoc Films : Catherine Cuenca" /></a>
<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/4_matt/' title='Webdoc : 3WDOC @ Cinedoc Films : Matthieu Lietaert'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/4_matt-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Matthieu Lietaert" title="Webdoc : 3WDOC @ Cinedoc Films : Matthieu Lietaert" /></a>
<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/5_groupe_ordi/' title='Webdoc : Workshop 3WDOC Studio @ Cinedoc Films '><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/5_groupe_ordi-300x224.jpg" class="attachment-medium" alt="Webdoc : Workshop 3WDOC Studio @ Cinedoc Films" title="Webdoc : Workshop 3WDOC Studio @ Cinedoc Films" /></a>
<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/6_lambert/' title='Webdoc : 3WDOC @ Cinedoc Films : Olivier Lambert'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/6_lambert-300x224.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Olivier Lambert" title="Webdoc : 3WDOC @ Cinedoc Films : Olivier Lambert" /></a>
<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/7_groupe/' title='Webdoc : Workshop 3WDOC @ Cinedoc Films'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/7_groupe-300x224.jpg" class="attachment-medium" alt="Webdoc : Workshop 3WDOC @ Cinedoc Films" title="Webdoc : Workshop 3WDOC @ Cinedoc Films" /></a>
<a href='http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/8_nico/' title='Webdoc :  3WDOC @ Cinedoc Films : Nicolas Sauret'><img width="300" height="223" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/8_nico-300x223.jpg" class="attachment-medium" alt="Webdoc : 3WDOC @ Cinedoc Films : Nicolas Sauret" title="Webdoc :  3WDOC @ Cinedoc Films : Nicolas Sauret" /></a>

<p>Ces échanges ont été d&#8217;autant plus utiles aux participants qu&#8217;ils ont tous des projets de webdocs ! Que ce soit Christian Lelong, réalisateur-producteur et directeur de Cinédoc,  ou Pierre Mortimore, producteur de Tapis Volant (société de prod. nouveaux médias) qui vont produire le projet cross-media (film + webdoc) <a href="http://www.randomvoices.org/" title="Random Voices" target="_blank">Random Voices</a> du réalisateur espagnol Pau Perramon, ou la journaliste Claire Jeantet.</p>
<p>Pour 3WDOC, ça a été particulièrement enthousiasmant et stimulant de parler de webdocumentaire avec des cinéastes, des documentaristes, qui se sont jusqu&#8217;à maintenant moins aventurés sur ce terrain que les journalistes et reporters. Une autre culture, un autre regard : d&#8217;autres approches&#8230; </p>
<p>Nous vous tiendrons informés de nos prochaines interventions. Vive le webdocumentaire !<br />
</br></p>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/12/21/workshop-webdocumentaire-3wdoc-studio-a-cinedoc-films/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>0.0000000 0.0000000</georss:point>	</item>
		<item>
		<title>Popcorn, HTML5, framework &#8211; une librairie jQuery pour les médias</title>
		<link>http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/</link>
		<comments>http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 13:43:53 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[ONE MILLIONth TOWER]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Popcorn]]></category>
		<category><![CDATA[WebGL]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6339</guid>
		<description><![CDATA[Copyright&#169;Popcorn On se devait de tester cette remarquable bibliothèque javascript et au moins d&#8217;approcher les quelques fondamentaux qu&#8217;elle promeut et les libertés qu&#8217;elle promet. C&#8217;est chose faite ! Certes, nous avons à 3WDOC, fait un survol rapide mais néanmoins attentif de son potentiel notamment parce par sa seule existence et son dynamisme, Popcorn légitime deux [...]]]></description>
			<content:encoded><![CDATA[
<p><!-- Popcorn, HTML5, framework - une librairie jQuery pour les médias  --><br />
<!--  HTML5, Webdoc, ONE MILLIONth TOWER, Webgl, ONF, Popcorn, Framework, Open Source, Mozilla   --></p>
<p><a title="Popcorn, HTML5, framework - une librairie jQuery pour les médias" class="bigpic" href="http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_slider.jpg" width="600" height="235" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a><em>Copyright&copy;Popcorn</em><br/><br/></p>
<p>On se devait de tester cette remarquable bibliothèque javascript et au moins d&#8217;approcher les quelques fondamentaux qu&#8217;elle promeut et les libertés qu&#8217;elle promet. C&#8217;est chose faite ! Certes, nous avons à 3WDOC, fait un survol rapide mais néanmoins attentif de son potentiel notamment parce par sa seule existence et son dynamisme, Popcorn légitime deux choses : </p>
<ul>
<li>L&#8217;usage de l&#8217;HTML5 et de jQuery pour réaliser une narration enrichie et interactive</li>
<li>Cette framework écrit déjà de très belles pages du Web en consacrant la multiplicité des narrations numériques en s&#8217;appuyant sur les qualités propres au web que sont : l&#8217;agrégation au détriment de la recherche, la recommandation et le partage.</li>
</ul>
<p>Sur ce blog, nous avons fait l&#8217;éloge de quelques-unes des productions rendues possibles par PopCorn.<span id="more-6339"></span></p>
<p><b>La définition de PopCorn</b></p>
<blockquote><p>
Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla&#8217;s Popcorn project.
</p></blockquote>
<p>Bon mais assez discuté, voyons dès maintenant ce que le framework PopCorn a dans le citron numérique. Un aspect a particulièrement retenu notre attention. Car, dans tout projet Open Source qui se respecte, il est possible de développer des fonctionnalités additionnelles sous la forme de plugin. On retrouve la filiation revendiqué de PopCorn avec jQuery.</p>
<p><b>Pourquoi cet aspect plutôt qu&#8217;un autre ?</b><br />
Cet aspect permet d&#8217;apprécier deux choses :</p>
<ul>
<li>Tous les ingrédients de contenu auxquelles les internautes comme les créateurs souhaitent avoir accès. Les internautes pour s&#8217;informer, interagir&#8230; Les créateurs pour en disposer au sein de leur création comme un levier de narration. Les besoins comme les utilisations sont donc infinis, puisque chaque nouvelle forme d&#8217;expression ou de contenu présent sur le web peut être agrégé via un plugin comme source potentiel de contenu.</li>
<li>Le mode d&#8217;ingestion de ces nouvelles informations. Le soin est donné à la communauté de développeurs de favoriser la mise à disposition de ce contenu spécifique via un plugin. L&#8217;expansion de PopCorn comme framework est donc permanente. Cette expansion est l&#8217;expression même de la culture commune qui nait entre le monde du développement, du web et de la création audiovisuelle.</li>
</ul>
<p>C&#8217;est en substance, ce que dit le texte publié sur le site officiel de Popcorn.</p>
<blockquote><p>
Popcorn.js can be used with almost any media type you can imagine, from HTML5 audio and video, to YouTube and Vimeo, to SoundCloud, etc.  Popcorn.js also has plugins to allow content from popular web sites and services to be integrated easily, for example, Wikipedia, Twitter, Facebook, Google Maps, etc.</p>
<p>Anything you can do on the web can be turned into a Popcorn.js plugin, and become part of a timeline-based web experience.  Popcorn.js breaks video out of the box and allows media to fully interact with the rest of the web.
</p></blockquote>
<h4>Test des plugins les plus significatifs</h4>
<p>On va faire un essai sur les plugins les plus significatifs pour récupérer de plate-forme tierce de publication genre facebook, twitter ou intégrer un feed RSS.</p>
<p>La configuration est assez aisée puisqu&#8217;il suffit de remplir avec vos propres paramètres afin d&#8217;accéder à votre page facebook, à votre page twitter ou enfin au feed RSS de votre blog par exemple.</p>
<p><b>Extrait du plugin facebook</b></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">	.<span style="color: #660066;">facebook</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
		href<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;http://www.facebook.com/3wdoc&quot;</span><span style="color: #339933;">,</span>
      type<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;FACEPILE&quot;</span><span style="color: #339933;">,</span>
      target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;facepilediv&quot;</span><span style="color: #339933;">,</span>
      width<span style="color: #339933;">:</span> <span style="color: #CC0000;">300</span><span style="color: #339933;">,</span>
      start<span style="color: #339933;">:</span> <span style="color: #CC0000;">10</span><span style="color: #339933;">,</span>
      end<span style="color: #339933;">:</span> <span style="color: #CC0000;">15</span>
    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></div></div>

<p><b>Extrait du plugin googlefeed</b></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">.<span style="color: #660066;">googlefeed</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
    start<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>
    end<span style="color: #339933;">:</span> <span style="color: #CC0000;">15</span><span style="color: #339933;">,</span>
    target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;feed&quot;</span><span style="color: #339933;">,</span>
	url<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;http://3wdoc.com/fr/feed/&quot;</span><span style="color: #339933;">,</span>
    title<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;3WDOC&quot;</span><span style="color: #339933;">,</span>
    orientation<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Vertical&quot;</span>
  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></div></div>

<p><b>Extrait complet du plugin twitter</b></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
<span style="color: #339933;">&lt;</span>script<span style="color: #339933;">&gt;</span>
    document.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">&quot;DOMContentLoaded&quot;</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
      <span style="color: #003366; font-weight: bold;">var</span> p <span style="color: #339933;">=</span> Popcorn<span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">&quot;#video&quot;</span> <span style="color: #009900;">&#41;</span>
      .<span style="color: #660066;">twitter</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
        start<span style="color: #339933;">:</span> <span style="color: #CC0000;">5</span><span style="color: #339933;">,</span>
        end<span style="color: #339933;">:</span> <span style="color: #CC0000;">15</span><span style="color: #339933;">,</span>
        title<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;3wdoc&quot;</span><span style="color: #339933;">,</span>
        src<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;@3wdoc&quot;</span><span style="color: #339933;">,</span>
        target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;twitterdiv&quot;</span><span style="color: #339933;">,</span>
      <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
      .<span style="color: #660066;">twitter</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
        start<span style="color: #339933;">:</span> <span style="color: #CC0000;">20</span><span style="color: #339933;">,</span>
        end<span style="color: #339933;">:</span> <span style="color: #CC0000;">45</span><span style="color: #339933;">,</span>
        title<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;webdoc&quot;</span><span style="color: #339933;">,</span>
        src<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;#webdoc&quot;</span><span style="color: #339933;">,</span>
        target<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;twitterdiv&quot;</span>
      <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
      .<span style="color: #660066;">play</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></div></div>


<a href='http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_1/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_1-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" title="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>
<a href='http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_2/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_2-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" title="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>
<a href='http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_3/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_3-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" title="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>
<a href='http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/popcornjs_4/' title='Popcorn, HTML5, framework - une librairie jQuery pour les médias'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/popcornjs_4-300x166.jpg" class="attachment-medium" alt="Popcorn, HTML5, framework - une librairie jQuery pour les médias" title="Popcorn, HTML5, framework - une librairie jQuery pour les médias" /></a>

<p><b>Dans ce dernier exemple de plugin, comme dans un plugin jQuery, le plugin PopCorn va attacher à la video <code>#video</code>, un événement en l&#8217; occurrence l&#8217;affichage du feed twitter de 3WDOC puis ensuite une recherche sur le mot <code>#webdoc</code></b></p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Popcorn.js | The HTML5 Media Framework<br /><a href="http://popcornjs.org/" target="_blank">http://popcornjs.org/</a></li>
<li>Les Plugins Popcorn<br /><a href="http://popcornjs.org/creating-plugins" target="_blank">http://popcornjs.org/creating-plugins</a></li>
<li>Présentation de la librairie <br /><a href="http://mozillapopcorn.org/popcornjs/" target="_blank">http://mozillapopcorn.org/popcornjs/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/12/19/popcorn-html5-framework-une-librairie-jquery-pour-les-medias/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>0.0000000 0.0000000</georss:point>	</item>
		<item>
		<title>Webdoc, Tendance Floue, Asmae &#8211;  Les enfants de Mahaba</title>
		<link>http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/</link>
		<comments>http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/#comments</comments>
		<pubDate>Thu, 08 Dec 2011 13:43:57 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[Egypte]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[le caire]]></category>
		<category><![CDATA[Mahaba]]></category>
		<category><![CDATA[Mat Jacob]]></category>
		<category><![CDATA[Tendance Floue]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6236</guid>
		<description><![CDATA[Ce sujet vient à point nommer après toute l'effervescence qu'a connu le monde arabe et notamment l'Egypte. En effet, après la révolution, quel sera l'avenir d'un pays comme l'Egypte, en pleine transition démocratique...]]></description>
			<content:encoded><![CDATA[
<p><!-- Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba  --><br />
<!--  Mahaba, Le Caire, Egypte, jQuery, Tendance Floue, Mat Jacob, Photo, Webdocumentaire  --></p>
<p><a title="" class="bigpic" href="http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/lesenfantsdemahaba_slider.jpg" width="600" height="235" alt="" /></a><em>Copyright &copy; www.lesenfantsdemahaba.com</em><br/><br/></p>
<p>Ce sujet vient à point nommé après toute l&#8217;effervescence qu&#8217;a connu le monde arabe et notamment l&#8217;Egypte. En effet, après la révolution, quel sera l&#8217;avenir d&#8217;un pays comme l&#8217;Egypte, en pleine transition démocratique, et quelles peuvent être les attentes de la jeunesse des classes sociales les plus démunies ? C&#8217;est bien le sujet principal de ce webdoc dont voici résumé par les auteurs eux-mêmes le point de vue.  </p>
<blockquote><p>
À travers le regard des enfants et adolescents du Caire, le photographe Mat Jacob propose un portrait de l&#8217;Egypte révélant leurs espoirs et leurs inquiétudes devant la nouvelle page qui s&#8217;ouvre.</p>
<p>C&#8217;est dans l&#8217;école Mahaba à Ezbet El Nakhl au coeur du quartier des chiffonniers du Caire que se déroule la rencontre avec les enfants qui évoquent leurs rêves et nous livrent leurs réflexions sur leur avenir et sur celui de leur pays. Cette approche documentaire révèle les enjeux de l&#8217;éducation : un enfant qui ne sait pas lire, écrire et penser par lui-même peut difficilement être un acteur positif du changement dans son pays.</p>
<p>L&#8217;école Mahaba a été fondée par une femme qui croyait en la capacité du peuple égyptien à être acteur de son propre avenir. « L&#8217;Égypte de demain se construira avec ses enfants y compris les plus pauvres » avait coutume de dire soeur Emmanuelle. C&#8217;est cette conviction qui anime Asmae et ses partenaires qui travaillent à renforcer la capacité d&#8217;action des populations les plus défavorisées afin qu&#8217;elles soient en mesure de défendre leurs droits et de peser sur les décisions politiques qui affectent leur vie.</p>
</blockquote>
<p>C&#8217;est toujours un plaisir de découvrir des photos du collectif <a href="http://www.tendancefloue.net/" title="Tendance Floue" target="_blank">Tendance Floue</a>. En l&#8217;espèce, il s&#8217;agit du photographe Mat Jacob, ainsi que de voir les actions menées sur le terrain par <a href="http://www.asmae.fr/?q=accueil" title="Asmae" target="_blank">l&#8217;association Asmae</a>, qui prolonge le travail de Soeur Emmanuelle.  </p>

<a href='http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/lesenfantsdemahaba_1/' title='Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/lesenfantsdemahaba_1-300x166.jpg" class="attachment-medium" alt="Webdoc, Tendance Floue, Asmae - Les enfants de Mahaba" title="Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba" /></a>
<a href='http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/lesenfantsdemahaba_2/' title='Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/lesenfantsdemahaba_2-300x166.jpg" class="attachment-medium" alt="Webdoc, Tendance Floue, Asmae - Les enfants de Mahaba" title="Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba" /></a>
<a href='http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/lesenfantsdemahaba_3/' title='Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/lesenfantsdemahaba_3-300x166.jpg" class="attachment-medium" alt="Webdoc, Tendance Floue, Asmae - Les enfants de Mahaba" title="Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba" /></a>
<a href='http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/lesenfantsdemahaba_4/' title='Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/12/lesenfantsdemahaba_4-300x166.jpg" class="attachment-medium" alt="Webdoc, Tendance Floue, Asmae - Les enfants de Mahaba" title="Webdoc, Tendance Floue, Asmae -  Les enfants de Mahaba" /></a>

<h4>Une composition hybride</h4>
<p>Techniquement, on a le sentiment que ce webdoc se situe dans un entre-deux, mélange de Flash pour la gestion des vidéos et d&#8217;interactions gérées à l&#8217;aide de jQuery. Le player de vidéos n&#8217;est rien moins que le très avancé et gratuit FlowPlayer dont le webdoc exploite astucieusement les capacités d&#8217;interactions avec jQuery.</p>
<p>Dans un temps pas si lointain, on avait consacré un article à l&#8217;utilisation du FlowPlayer pour gérer des événements d&#8217;affichage en javascript via des cue-points insérées dans la vidéo depuis on est passé totalement en HTML5 !</p>
<p>Comme on ne peut s&#8217;empêcher à 3WDOC de penser que ce type de réalisation est tout à fait possible avec la version actuelle de 3WDOC Studio sans parler la version prochaine sur laquelle nous travaillons.</p>
<p><b>L&#8217;école Mahaba à Ezbet El Nakhl, Egypte</b><br />
<br />
<div class="gm-map"><iframe name="gm-map-4" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=b4fcb76c27449b683ba9c72aa348cfb2" height="235" width="600" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div><br />
</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Le webdocumentaire Les enfants de Mahaba &#8211; La révolution des enfants du Caire<br /><a href="http://www.lesenfantsdemahaba.com/" target="_blank">www.lesenfantsdemahaba.com</a></li>
<li>Le site officiel du collectif Tendance Floue<br /><a href="http://www.tendancefloue.net/" target="_blank">www.tendancefloue.net</a></li>
<li>Le site officiel de Asmae &#8211; Association Soeur Emmanuelle<br /><a href="http://www.asmae.fr/?q=accueil" target="_blank">www.asmae.fr</a></li>
<li>Flowplayer, vidéo, player &#8211; Utiliser le player Flowplayer<br /><a href="http://social.hecube.net/blog/2010/05/15/flowplayer-video-player-utiliser-le-player-flowplayer/" target="_blank">http://social.hecube.net/blog/2010/05/15/flowplayer-video-player-utiliser-le-player-flowplayer/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/12/08/webdoc-tendance-floue-asmae-les-enfants-de-mahaba/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>30.1466141 31.3174763</georss:point>	</item>
		<item>
		<title>ONE MILLIONth TOWER, HTML5, WebGL &#8211; L&#8217;urbanisme réinventé par la seule force du webdoc</title>
		<link>http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/</link>
		<comments>http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/#comments</comments>
		<pubDate>Tue, 22 Nov 2011 12:48:42 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Canada]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[nfb]]></category>
		<category><![CDATA[ONE MILLIONth TOWER]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[Popcorn]]></category>
		<category><![CDATA[Toronto]]></category>
		<category><![CDATA[WebGL]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6146</guid>
		<description><![CDATA[ONE MILLIONth TOWER, l'étonnant dernier webdoc mêlant HTML5 et WebGL de Katerina Cizek, Mike Robbins + friends]]></description>
			<content:encoded><![CDATA[<p><!-- ONE MILLIONth TOWER, HTML5, WebGL - L'urbanisme réinventé par la seule force du webdoc  --><br />
<!--  HTML5, Webdoc, ONE MILLIONth TOWER, WebGL, Google, Chrome, ONF, Canada, Toronto, Flash, Adobe, Popcorn, Framework  --></p>
<p><a title="ONE MILLIONth TOWER, HTML5, WebGL - L'urbanisme réinventé par la seule force du webdoc" class="bigpic" href="http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_b.jpg" width="600" height="235" alt="ONE MILLIONth TOWER, HTML5, WebGL - L'urbanisme réinventé par la seule force du webdoc" /></a><em>Copyright &copy; ONE MILLIONth TOWER</em><br/><br/></p>
<p>On peut souvent reprocher aux webdocumentaires un déséquilibre entre le fond et la forme. Déséquilibre qui oscille entre deux écueils que l&#8217;on pourrait  ainsi résumer : d&#8217;un côté une surabondance de contenus couplée à une interactivité quasi-inexistante, de l&#8217;autre un objet truffé d&#8217;effets &laquo;&nbsp;Ouah&nbsp;&raquo; mais doublée d&#8217;un contenu famélique.<span id="more-6146"></span> Eh bien, le moins que l&#8217;on puisse dire c&#8217;est que cette dernière production, qui nous vient du Canada, &laquo;&nbsp;ONE MILLIONth TOWER&nbsp;&raquo; de Katerina Cizek, Mike Robbins + friends échappe à ces deux écueils. Mieux, ce webdocumentaire réussit une prouesse technologique hors-norme faite en HTML5, sur laquelle nous reviendrons plus loin dans l&#8217;article et cette prouesse technologique se marie admirablement bien avec le point de vue développé par les auteurs.</p>
<h4>Des tours et des hommes</h4>
<p>Le propos est simple, l&#8217;urbanisation croissante de l&#8217;humanité, a produit des monstruosités architecturales, des tours dans d&#8217;immenses cités dortoirs, que l&#8217;on est bien en peine de réhabiliter. De ce constat accablant, &laquo;&nbsp;ONE MILLIONth TOWER&nbsp;&raquo; fait une proposition simple : pourquoi les habitants eux-mêmes de ces ensembles ne sont-ils pas consultés pour se réapproprier cet espace urbain afin de proposer des solutions et des améliorations. C&#8217;est tout le propos du webdoc qui nous plonge dans une douce utopie où par la magie de la collaboration entre des architectes, les habitants et les concepteurs du projet fleurissent au propre comme au figuré ici des jardins, là un espace de jeu&#8230;</p>
<p>C&#8217;est une manière tout à fait innovante et créative d&#8217;aborder des problématiques qui touchent globalement tous les grands centres urbains. L&#8217;expérience est menée dans le grand Toronto, mais elle pourrait être tout à fait menée ailleurs. </p>
<p>En effet, toutes ces tours construites sur le même modèle produisent généralement les mêmes effets, souvent désastreux en terme d&#8217;urbanisme :  absence de centralité (en gros pas de centre-ville), impossibilité de décrypter les relations urbaines, continuité monotone du bâti à l&#8217;image d&#8217;une cité soviétique. En clair personne ne sait dans ces ensembles à quel moment on est dans une rue, où commence et où finit l&#8217;espace social. On y retrouve les mêmes travers qui nuisent considérablement à la vie des habitants : la monumentalité des bâtiments, une répétition des formes architecturales, l&#8217;absence de mixité typologique au niveau des bâties comme disent les urbanistes et de repaires géographiques produit cette sensation d&#8217;habiter au milieu d&#8217;un &laquo;&nbsp;no man&#8217;s land&nbsp;&raquo; où les tours semblent posés sans considération pour les habitants et leur vie sociale.</p>
<p>Ajouter à cela : la paupérisation de ces quartiers, l&#8217;inexistence de transports, de commerces et/ou d&#8217;équipements et on obtient une image fidèle d&#8217;une situation explosive et dégradée propre à ces ensembles à travers le monde.</p>
<p>Plus proche de nous, l&#8217;approche de ce webdoc n&#8217;est pas sans rappeler celle de l&#8217;architecte Patrick Bouchain qui affirme dans de nombreuses interviews qu&#8217;il faut construire ensemble pour habiter ensemble. Cette démarche passe selon lui par une écoute de la demande des habitants. CQFD.</p>

<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_1/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_1-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_2/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_2-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_3/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_3-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_4/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_4-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_5/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_5-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_6/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_6-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_7/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_7-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>
<a href='http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/onemillionthtower_8/' title='ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/onemillionthtower_8-300x166.jpg" class="attachment-medium" alt="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" title="ONE MILLIONth TOWER, HTML5, WebGL - L&#039;urbanisme réinventé par la seule force du webdoc" /></a>

<p>Au-delà des enseignements urbanistiques à retenir de ce webdoc, nous y voyons aussi chez 3WDOC, deux enseignements technologiques majeurs pour l&#8217;avenir du HTML5. Quels sont-ils ?</p>
<h4>Un vent mauvais pour AIR</h4>
<p>L&#8217;un des enseignements dépasse largement le cadre même de ce webdoc, l&#8217;autre est intimement lié à la réalisation de cet &laquo;&nbsp;interactive documentary experiment&nbsp;&raquo; comme le nomme leurs auteurs.</p>
<ol>
<li><b>L&#8217;arrêt du support de Flash sur mobile au bénéfice de HTML5 :</b> On ne va pas épiloguer sur la disparition annoncée de la technologie Flash. Disparition entérinée par Adobe lui-même, qui ainsi va pouvoir mieux se concentrer sur une exploitation en SAAS de sa gamme de logiciels. Le web bruisse de l&#8217;annonce faite par Adobe de ne plus assurer le support de Flash Player pour les navigateurs disponibles sur mobiles. L&#8217;anathème de feu Steve Jobs semble continuer de faire des ravages.</li>
<li><b>Le duo gagnant HTML5 + WebGL dans l&#8217;animation et l&#8217;interaction :</b> Ce webdoc ONE MILLIONth TOWER montre enfin que la combinaison HTML5 WebGL grignote le pré carré de de la technologie Adobe à savoir les effets de pointe graphiques et interactifs que jusqu&#8217;à présent seule la technologie d&#8217;Adobe était en mesure d&#8217;opérer. A ce titre, on vous invite à découvrir d&#8217;autres expériences menées en HTML5 + WebGL tel que le bluffant ROME (<a href="http://www.ro.me/" target="_blank">www.ro.me</a>) </li>
</ol>
<p><b>La présentation du projet ONE MILLIONth TOWER </b></p>
<blockquote>
<p>ABOUT ONE MILLIONth TOWER </p>
<p>The highrise re-imagined.</p>
<p>One Millionth Tower re-imagines a universal thread of our global urban fabric — the dilapidated highrise neighbourhood. More than one billion of us live in vertical homes, most of which are falling into disrepair. Highrise residents, together with architects, re-envision their vertical neighbourhood, and animators and web programmers bring their sketches to life in this documentary for the contemporary web browser.</p>
<p>The result of this unique collaboration is a lush visual story unfolding in a 3D virtual environment. Visitors explore how participatory urban design can transform spaces, places and minds.</p>
<p>One Millionth Tower is “hyper-local” documentary. It&#8217;s hyper-local because it’s grounded in a particular community — a highrise on Kipling Avenue in suburban Toronto, Canada — where the HIGHRISE team has worked with residents for over two years. The project is a concrete result of a community collaboration between residents, architects, documentarians and animators to re-imagine the particular spaces around these particular highrises.</p>
<p>Yet it&#8217;s hyper-lobal, because so many of the hallmark problems that these residents face are found in highrise communities around the globe: deteriorating buildings; physical and cultural separation from the downtown core; poor access to social services and commerce; poor public transit and long-distance commutes, resulting in a reliance on cars and long travel times; little or no community play space for children; as well as no community space and fabric between the residential buildings themselves. One Millionth Tower suggests these problems can be solved — it just takes some imagination.</p>
<p>Additional Features include:</p>
<p>a behind-the-scenes documentary about the collaborative process<br />
a short documentary featuring international examples of tower revitalization<br />
a short documentary exploring the open technology used to create the project<br />
and a spectacular interactive feature that takes you to highrise neighbourhoods in more than 200 countries in the world, thanks to Google Streetview and satellite imagery. It&#8217;s based on our own original research to find and understand highrise communities around the globe.<br />
One Millionth Tower is a story with global implications about how, with the power of imagination, we can transform the urban and virtual spaces that belong to all of us.</p>
<p>One Millionth Tower is one of the world&#8217;s first HTML5/webGL documentaries.</p>
</blockquote>
<p><b>Toronto, Canada</b><br />
<br />
<div class="gm-map"><iframe name="gm-map-5" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=642e9857d54a28ac7dd0eb27894c7d91" height="235" width="600" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div><br />
</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Le webdocumentaire NFB &#8211; One Millionth Tower<br /><a href="http://highrise.nfb.ca/onemillionthtower/" target="_blank">http://highrise.nfb.ca/onemillionthtower/</a></li>
<li>Popcorn.js | The HTML5 Media Framework<br /><a href="http://popcornjs.org/" target="_blank">http://popcornjs.org/</a></li>
<li>Quelques expériences WebGL<br /><a href="http://www.chromeexperiments.com/webgl" target="_blank">http://www.chromeexperiments.com/webgl</a></li>
<li>La tentative  de Mike Robbins de Helios Design Labs (http://www.heliozilla.com/), un des concepteurs à l&#8217;origine de ONE MILLIONth TOWER<br /><a href="http://www.chromeexperiments.com/detail/highrise-one-millionth-tower/?f=webgl" target="_blank">http://www.chromeexperiments.com/detail/highrise-one-millionth-tower/?f=webgl</a></li>
<li>La page wikipedia de Patrick Bouchain<br /><a href="http://fr.wikipedia.org/wiki/Patrick_Bouchain" target="_blank">http://fr.wikipedia.org/wiki/Patrick_Bouchain</a></li>
<li>Construire autrement avec Patrick Bouchain<br /><a href="http://www.metropolitiques.eu/Construire-autrement-avec-Patrick.html" target="_blank">http://www.metropolitiques.eu/Construire-autrement-avec-Patrick.html</a></li>
<li>No Flash? No problem<br /><a href="http://www.zdnet.com/news/no-flash-no-problem/6329650" target="_blank">http://www.zdnet.com/news/no-flash-no-problem/6329650</a></li>
<li>Google Swiffy, où quand Google vient à la rescousse d&#8217;Adobe.<br /><a href="http://www.google.com/doubleclick/studio/swiffy/" target="_blank">http://www.google.com/doubleclick/studio/swiffy/</a></li>
<li>ROME &laquo;&nbsp;3 Dreams of Black&nbsp;&raquo;, a new an interactive film by Chris Milk. With music from the album &laquo;&nbsp;Rome&nbsp;&raquo; by Danger Mouse, Daniele Luppi, featuring Jack White and Norah Jones.<br /><a href="http://www.ro.me/tech/" target="_blank">http://www.ro.me/tech/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/11/22/one-millionth-tower-html5-webgl-lurbanisme-reinvente-par-la-seule-force-du-webdoc/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<georss:point>43.6532249 -79.3831863</georss:point>	</item>
		<item>
		<title>Webdocumentaires : guide de survie &amp; conseils pratiques</title>
		<link>http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/</link>
		<comments>http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 16:39:58 +0000</pubDate>
		<dc:creator>iDoc</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[Nos derniers WDOC]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[abel ségrétin]]></category>
		<category><![CDATA[Africascopie]]></category>
		<category><![CDATA[alexander knetig]]></category>
		<category><![CDATA[Alexandre Brachet]]></category>
		<category><![CDATA[Alexis Sarini]]></category>
		<category><![CDATA[andrew devigal]]></category>
		<category><![CDATA[anne vierhout]]></category>
		<category><![CDATA[Antonin Sabot]]></category>
		<category><![CDATA[arik bernstein]]></category>
		<category><![CDATA[arte webdocs]]></category>
		<category><![CDATA[belgique]]></category>
		<category><![CDATA[berke bas]]></category>
		<category><![CDATA[brèves de trottoir]]></category>
		<category><![CDATA[brian storm]]></category>
		<category><![CDATA[bruxelles]]></category>
		<category><![CDATA[caitlin burns]]></category>
		<category><![CDATA[Capa]]></category>
		<category><![CDATA[caspar sonnen]]></category>
		<category><![CDATA[cécile cros]]></category>
		<category><![CDATA[channel four]]></category>
		<category><![CDATA[Collapsus]]></category>
		<category><![CDATA[communauté française de belgique]]></category>
		<category><![CDATA[congo la paix violé]]></category>
		<category><![CDATA[connected tv]]></category>
		<category><![CDATA[conseils]]></category>
		<category><![CDATA[creative commons]]></category>
		<category><![CDATA[cross media]]></category>
		<category><![CDATA[crossmedia]]></category>
		<category><![CDATA[crowfunding]]></category>
		<category><![CDATA[david dufresne]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design d'interface]]></category>
		<category><![CDATA[doclab]]></category>
		<category><![CDATA[dok leipzig]]></category>
		<category><![CDATA[ecamm]]></category>
		<category><![CDATA[ESoDoc]]></category>
		<category><![CDATA[fémis]]></category>
		<category><![CDATA[femke wolting]]></category>
		<category><![CDATA[florian thalhofer]]></category>
		<category><![CDATA[France 24]]></category>
		<category><![CDATA[France Télévisions]]></category>
		<category><![CDATA[Frederik Rieckher]]></category>
		<category><![CDATA[from zero]]></category>
		<category><![CDATA[gaza sderot]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[hbbtv]]></category>
		<category><![CDATA[honkytonk]]></category>
		<category><![CDATA[honkytonk films]]></category>
		<category><![CDATA[hotdocs]]></category>
		<category><![CDATA[hugues sweeney]]></category>
		<category><![CDATA[i-doc]]></category>
		<category><![CDATA[idfa]]></category>
		<category><![CDATA[idoc]]></category>
		<category><![CDATA[indie gogo]]></category>
		<category><![CDATA[indiegogo]]></category>
		<category><![CDATA[inflammable productions]]></category>
		<category><![CDATA[Intended Consequences]]></category>
		<category><![CDATA[interactif]]></category>
		<category><![CDATA[interaction]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[jean abiatecci]]></category>
		<category><![CDATA[jeux vidéo]]></category>
		<category><![CDATA[jon reiss]]></category>
		<category><![CDATA[Jonathan Torgovnik]]></category>
		<category><![CDATA[katerina cizek]]></category>
		<category><![CDATA[kisskissbankbank]]></category>
		<category><![CDATA[korsakow]]></category>
		<category><![CDATA[la vie à sac]]></category>
		<category><![CDATA[laurence bagot]]></category>
		<category><![CDATA[le corps incarcéré]]></category>
		<category><![CDATA[Lemonde.fr]]></category>
		<category><![CDATA[léo ridet]]></category>
		<category><![CDATA[Les Communes de Paris]]></category>
		<category><![CDATA[little burma]]></category>
		<category><![CDATA[Louis Villers]]></category>
		<category><![CDATA[marc meurisse]]></category>
		<category><![CDATA[mark atkin]]></category>
		<category><![CDATA[mathieu détaint]]></category>
		<category><![CDATA[matthieu lietert]]></category>
		<category><![CDATA[médecins du monde]]></category>
		<category><![CDATA[MediaStorm]]></category>
		<category><![CDATA[Montreal en 12 lieux]]></category>
		<category><![CDATA[Narrative]]></category>
		<category><![CDATA[national film board]]></category>
		<category><![CDATA[new york times]]></category>
		<category><![CDATA[nfb]]></category>
		<category><![CDATA[nicola saint-cyr]]></category>
		<category><![CDATA[nicolas sauret]]></category>
		<category><![CDATA[not so crazy]]></category>
		<category><![CDATA[not so crazy productions]]></category>
		<category><![CDATA[notsocrazy.eu]]></category>
		<category><![CDATA[nyt]]></category>
		<category><![CDATA[Olivier Lambert]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[out of my window]]></category>
		<category><![CDATA[patric jean]]></category>
		<category><![CDATA[pbs]]></category>
		<category><![CDATA[peter wintonick]]></category>
		<category><![CDATA[Philippe Brault]]></category>
		<category><![CDATA[planète galata]]></category>
		<category><![CDATA[portraits d'un nouveau monde]]></category>
		<category><![CDATA[power to the pixel]]></category>
		<category><![CDATA[Prison Valley]]></category>
		<category><![CDATA[rich media]]></category>
		<category><![CDATA[ringelmann]]></category>
		<category><![CDATA[Samuel Bollendorff]]></category>
		<category><![CDATA[sarah leduc]]></category>
		<category><![CDATA[SBS]]></category>
		<category><![CDATA[sheri chandler]]></category>
		<category><![CDATA[simon buisson]]></category>
		<category><![CDATA[skype]]></category>
		<category><![CDATA[soren seelow]]></category>
		<category><![CDATA[soul-patron]]></category>
		<category><![CDATA[stefano strocchi]]></category>
		<category><![CDATA[sunny side of the doc]]></category>
		<category><![CDATA[survie]]></category>
		<category><![CDATA[télé connectée]]></category>
		<category><![CDATA[télévision connectée]]></category>
		<category><![CDATA[the empty house]]></category>
		<category><![CDATA[think outside the box]]></category>
		<category><![CDATA[Thomas Salva]]></category>
		<category><![CDATA[tom koch]]></category>
		<category><![CDATA[Transmedia]]></category>
		<category><![CDATA[tv connectée]]></category>
		<category><![CDATA[un pont à istanbul]]></category>
		<category><![CDATA[video games]]></category>
		<category><![CDATA[Voyage au bout du charbon]]></category>
		<category><![CDATA[water moon]]></category>
		<category><![CDATA[we r democracy]]></category>
		<category><![CDATA[webdocu]]></category>
		<category><![CDATA[webdocu.fr]]></category>
		<category><![CDATA[zoé lamazou]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=5872</guid>
		<description><![CDATA[Copyright &#169; Matthieu Lietaert / 3WDOC Récemment en Belgique pour donner une initiation à 3WDOC Studio aux étudiants en journalisme de l&#8217;IHECS lors des Master Classes de Damien Van Achter (on en parle plus en détail ici), 3WDOC en a profité pour rencontrer pour vous Matthieu Lietaert, réalisateur et producteur belge ! Matthieu vient de [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Webdoc : guide de survie &#038; conseils pratiques --></p>
<p><a title="Webdocumentaires" class="bigpic" href="http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/slide_lietaert.jpg" width="960" height="350" alt="Webdocumentaires : guide de survie &#038; conseils pratiques, Matthieu Lietaert" /></a><em>Copyright &copy; Matthieu Lietaert / 3WDOC</em><br/><br/></p>
<p>Récemment en Belgique pour donner une initiation à 3WDOC Studio aux étudiants en journalisme de l&#8217;IHECS lors des <a href="http://davanac.net/" title="Master Class Eghezée" target="_blank">Master Classes de Damien Van Achter</a> (on en parle plus en détail <a href="http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/" title="Initiations à 3WDOC Studio au CFPJ, EMI_CFD, IHECS" target="_blank">ici</a>), 3WDOC en a profité pour rencontrer pour vous Matthieu Lietaert, réalisateur et producteur belge ! Matthieu vient de signer <a href="http://notsocrazy.eu/" title="Webdocumentaires : guide de survie &#038; conseils pratiques" target="_blank">&laquo;&nbsp;Webdocumentaires : guide de survie &#038; conseils pratiques&nbsp;&raquo;</a>. L&#8217;ouvrage est disponible <a href="http://www.lulu.com/spotlight/mlietaert" title="Webdocumentaires : guide de survie &#038; conseils pratiques" target="_blank">en anglais et en français</a>.</p>
<p>Ce livre, une initiative inédite, s&#8217;adresse aux auteurs, réalisateurs et producteurs qui veulent se lancer dans le webdoc. Comme il l&#8217;explique dans l&#8217;entretien vidéo ci-dessous (enrichi d&#8217;un chapitrage et de boutons avec 3WDOC Studio :) Matthieu Lietaert a d&#8217;abord pensé ce &laquo;&nbsp;guide de survie&nbsp;&raquo; pour lui-même, alors novice dans l&#8217;univers du documentaire interactif. Observant l&#8217;intérêt croissant du monde du documentaire pour la création web, proposer son ouvrage à tous lui a semblé évident.<br />
</br><br />
<!--[he3wdoc::sequence]--><br />
<br/><br/></p>
<p>Il a bien fait ! Sa démarche mêle les questions éditoriales à celles de l&#8217;environnement web (design, interactivité) et ses défis technologiques (TV connectée), le financement du webdoc, la mutation de la presse&#8230; et des études de cas de webdocumentaires.</p>
<p>Plutôt que se prendre pour l&#8217;expert qu&#8217;il n&#8217;était pas encore, Matthieu Lietaert a simplement décroché son téléphone&#8230; euh enfin son Skype et est entré directement en contact avec certains des acteurs les plus reconnus du worldwide webdoc. Ce large panel de contributeurs internationaux fait la force de cet ouvrage. Vous y lirez pêle-mêle des interviews de concepteurs, producteurs et diffuseurs&#8230; parmi lesquels Katerina Cizek (NFB), Femke Wolting (Submarine Channel), Brian Storm (Media Storm), Alexandre Brachet (Upian), Alexander Knetig (Arte), Andrew DeVigal (New York Times), Laurence Bagot (Narrative) etc&#8230;</p>
<p>La seule dimension du webdocumentaire qui n&#8217;est pas vraiment abordée est celle des outils de créations web, conçus pour ou adaptés au webdoc. Comme 3WDOC Studio, par exemple ;) Matthieu Lietaert travaille déjà à un volume 2 du livre, ce sera l&#8217;occasion de faire le point sur ces questions technologiques. Vous pouvez également trouver de l&#8217;information en continu sur la <a href="http://www.facebook.com/webdocumentary" title="facebook.com/webdocumentary" target="_blank">page facebook du livre</a>, que Matthieu a voulue comme un lieu d&#8217;échanges, de partage de conseils et d&#8217;expériences.</p>
<p>En tout cas, son ouvrage est à mettre entre toutes les mains des webfilmmakers ! Une belle initiative !</p>

<a href='http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/lietaert_3_contrib/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="225" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/lietaert_3_contrib-300x225.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" title="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>
<a href='http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/lietaert_4_bonmoment/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="225" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/lietaert_4_bonmoment-300x225.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" title="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>
<a href='http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/couvwebdoc/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="200" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/couvWebdoc-300x200.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" title="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>
<a href='http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/partenaires/' title='Webdocumentaires : guide de survie &amp; conseils pratiques'><img width="300" height="200" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/partenaires-300x200.jpg" class="attachment-medium" alt="Webdocumentaires : guide de survie &amp; conseils pratiques" title="Webdocumentaires : guide de survie &amp; conseils pratiques" /></a>

]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/11/18/webdocumentaires-guide-de-survie-conseils-pratiques/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva :  Seine de crime</title>
		<link>http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/</link>
		<comments>http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/#comments</comments>
		<pubDate>Mon, 17 Oct 2011 16:08:45 +0000</pubDate>
		<dc:creator>iDoc</dc:creator>
				<category><![CDATA[auteurs]]></category>
		<category><![CDATA[demos]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[17 octobre 1961]]></category>
		<category><![CDATA[3WDOC]]></category>
		<category><![CDATA[3WDOC Studio]]></category>
		<category><![CDATA[Charles de Gaulle]]></category>
		<category><![CDATA[compatible iPad]]></category>
		<category><![CDATA[compatible iPhone]]></category>
		<category><![CDATA[crime]]></category>
		<category><![CDATA[dailymotion]]></category>
		<category><![CDATA[EMI-CFD]]></category>
		<category><![CDATA[FLN]]></category>
		<category><![CDATA[guerre d'Algérie]]></category>
		<category><![CDATA[Hans Lucas]]></category>
		<category><![CDATA[histoire]]></category>
		<category><![CDATA[i-doc]]></category>
		<category><![CDATA[ipad]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[iPhone 4S]]></category>
		<category><![CDATA[La nuit oubliée]]></category>
		<category><![CDATA[Lemonde.fr]]></category>
		<category><![CDATA[manifestation]]></category>
		<category><![CDATA[massacre]]></category>
		<category><![CDATA[Maurice Papon]]></category>
		<category><![CDATA[mémoire]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[Olivier Lambert]]></category>
		<category><![CDATA[Paris]]></category>
		<category><![CDATA[rich media]]></category>
		<category><![CDATA[Seine]]></category>
		<category><![CDATA[tablette]]></category>
		<category><![CDATA[Thomas Salva]]></category>
		<category><![CDATA[vérité]]></category>
		<category><![CDATA[Virginie Terrasse]]></category>
		<category><![CDATA[Wilfrid Estève]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=5723</guid>
		<description><![CDATA[Le webdoc "17 octobre 1961, La nuit oubliée" de Olivier Lambert et Thomas Salva est diffusé sur LeMonde.fr à partir d'aujourd'hui.]]></description>
			<content:encoded><![CDATA[<p><!-- HTML5, Webdoc, 17 octobre 1961, La nuit oubliée d'Olivier Lambert et Thomas Salva :  Seine de crime --><br />
<!--  HTML5, Webdoc, 17 octobre 1961, La nuit oubliée, Olivier Lambert, Thomas Salva, Seine, crime, Paris --></p>
<p><a title="HTML5, Webdoc, 17 octobre 1961, La nuit oubliée d'Olivier Lambert et Thomas Salva :  Seine de crime" class="bigpic" href="http://www.lemonde.fr/societe/visuel/2011/10/17/la-nuit-oubliee_1587567_3224.html"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/nuit_oubliee_b.jpg" width="600" height="235" alt="HTML5, Webdoc, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva" /></a><em>Copyright &copy; 17 octobre 1961, La nuit oubliée</em><br/><br/></p>
<p>Le webdoc &laquo;&nbsp;17 octobre 1961, La nuit oubliée&nbsp;&raquo; de Olivier Lambert et Thomas Salva est diffusé sur LeMonde.fr à partir d&#8217;aujourd&#8217;hui. Il est coproduit par le <a target="_blank" href="http://www.hanslucas.com/">studio Hans Lucas</a> (sous la direction de Virginie Terrasse et Wilfrid Estève) et <a target="_blank" href="http://www.dailymotion.com/fr">Dailymotion</a>, en collaboration avec <a target="_blank" href="http://www.emi-cfd.com/">l&#8217;EMI-CFD</a> (Ecole des Métiers de l&#8217;Information, Paris), et réalisé pour le web en HTML5 avec notre outil 3WDOC Studio. Précisons tout de suite que nous avons veillé à ce que le webdoc soit compatible sur les terminaux mobiles, dont iPad et iPhone !</p>
<p>Cette &laquo;&nbsp;plateforme&nbsp;&raquo; documentaire éclaire d&#8217;un jour nouveau un événement tragique de l&#8217;histoire violente de la guerre d&#8217;Algérie et donc de l&#8217;histoire de France. Il retrace au plus serré le déroulement de la manifestation pacifique organisée à Paris le 17 octobre 1961 à l&#8217;appel du FLN et la répression sanglante menée par la police française qui s&#8217;en est suivie.</p>

<a href='http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/nuit_oubliee_5/' title='HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/nuit_oubliee_5-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" title="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" /></a>
<a href='http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/nuit_oubliee_4/' title='HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/nuit_oubliee_4-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" title="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" /></a>
<a href='http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/nuit_oubliee_3/' title='HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/nuit_oubliee_3-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" title="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" /></a>
<a href='http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/nuit_oubliee_2/' title='HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/nuit_oubliee_2-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" title="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" /></a>
<a href='http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/nuit_oubliee_1/' title='HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/nuit_oubliee_1-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" title="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" /></a>
<a href='http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/nuit_oubliee_6/' title='HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/nuit_oubliee_6-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" title="HTML5, Webdoc, 3WDOC Studio, 17 octobre 1961, La nuit oubliée, de Olivier Lambert et Thomas Salva : Seine de crime" /></a>

<p>Un massacre qui fut, dès le lendemain et pour de longues décennies, totalement nié et occulté. C&#8217;est bien l&#8217;enjeu de ce webdoc qui, à l&#8217;occasion du 50 ème anniversaire de cette tragédie, revient avec précision sur le déroulement de la manifestation et les raisons de l&#8217;occultation du drame en faisant appel à la mémoire d&#8217;un grand nombre de témoins.</p>
<p>En visionnant ce webdoc, on découvre avec effroi la logique répressive et de désinformation dont a pu faire preuve l&#8217;état français. Ce webdoc dynamite la thèse officielle soutenue par Maurice Papon, alors Préfet de Police à Paris, qui consistait à mettre les violences et les morts sur le compte de l&#8217;opposition politique qui régnait entre les partisans du FLN et ceux du MNA, le parti de Messali Hadj.</p>
<p>Ce webdoc s&#8217;inscrit dans un long travail de mémoire, d&#8217;histoire et de vérité qui aborde cet évènement comme le fait le film de Yasmina Adi &laquo;&nbsp;Octobre 61, ici on noie les Algériens&nbsp;&raquo; ou, plus ancien, le téléfilm d&#8217;Alain Tasma &laquo;&nbsp;Nuit noire: 17 octobre 1961&#8243;.</p>
<p><strong>Paris</strong></p>
<p>
<div class="gm-map"><iframe name="gm-map-6" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=369341c600a5f47a67d0dfd1436569ea" height="235" width="600" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div><br />
</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Le webdocumentaire &laquo;&nbsp;17 octobre 1961, La nuit oubliée&nbsp;&raquo; d&#8217;Olivier Lambert et Thomas Salva, sur le monde.fr<br /><a href="http://www.lemonde.fr/societe/visuel/2011/10/17/la-nuit-oubliee_1587567_3224.html" target="_blank">http://www.lemonde.fr/societe/visuel/2011/10/17/la-nuit-oubliee_1587567_3224.html</a></li>
<li>Wikipedia &#8211; Massacre du 17 octobre 1961<br /><a href="http://fr.wikipedia.org/wiki/Massacre_du_17_octobre_1961" target="_blank">http://fr.wikipedia.org/wiki/Massacre_du_17_octobre_1961</a></li>
<li>ENQUÊTE &#8211; Seine macabre Par Béatrice Vallaeys<br /><a href="http://www.liberation.fr/politiques/01012365774-seine-macabre-17-octobre-1961" target="_blank">http://www.liberation.fr/politiques/01012365774-seine-macabre-17-octobre-1961</a></li>
<li>EMI-CFD Ecole des métiers de l&#8217;information Paris <br /><a href="http://www.emi-cfd.com/" target="_blank">http://www.emi-cfd.com/</a></li>
<li>Front de libération nationale (FLN)<br /><a href="http://fr.wikipedia.org/wiki/Front_de_lib%C3%A9ration_nationale_(Alg%C3%A9rie)" target="_blank">http://fr.wikipedia.org/wiki/Front_de_lib%C3%A9ration_nationale_(Alg%C3%A9rie)</a></li>
<li>Mouvement national algérien (MNA)<br /><a href="http://fr.wikipedia.org/wiki/Mouvement_national_alg%C3%A9rien" target="_blank">http://fr.wikipedia.org/wiki/Mouvement_national_alg%C3%A9rien</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/10/17/html5-webdoc-3wdoc-studio-17-octobre-1961-la-nuit-oubliee-de-olivier-lambert-et-thomas-salva-seine-de-crime/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	<georss:point>48.8566132 2.3522220</georss:point>	</item>
	</channel>
</rss>

