<?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; journalisme</title>
	<atom:link href="http://3wdoc.com/fr/category/journalisme/feed/" rel="self" type="application/rss+xml" />
	<link>http://3wdoc.com/fr</link>
	<description>easy web way to tell stories</description>
	<lastBuildDate>Tue, 07 Feb 2012 14:36:33 +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>Bear 71, Trou story, ONF &#8211;  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu</title>
		<link>http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/</link>
		<comments>http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 18:16:49 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[audiovisuel]]></category>
		<category><![CDATA[auteurs]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[technique]]></category>
		<category><![CDATA[vidéo]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[Bear 71]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[GameDoc]]></category>
		<category><![CDATA[GameDocumentaire]]></category>
		<category><![CDATA[gamification]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[ludification]]></category>
		<category><![CDATA[ONF]]></category>
		<category><![CDATA[trou story]]></category>
		<category><![CDATA[Upian]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6646</guid>
		<description><![CDATA[Copyright&#169;www.nfb.ca Deux remarquables productions qui nous viennent de l&#8217;ONF qui témoignent de l&#8217;évidence que d&#8217;une part le &#171;&#160;gaming&#160;&#187; a beaucoup à apporter au webdoc, n&#8217;en déplaise peut-être aux puristes du webdoc et d&#8217;autre part que l&#8217;on voit techniquement l&#8217;émergence d&#8217;un savoir-faire naissant en matière de développement sur flash tout au moins. De manière concomitante, on [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu --><br />
<!--  Bear 71, ONF, Trou story, JSON, Flash, XML, Upian, GameDoc, GameDocumentaire, Webdoc, webdocumentaire  --></p>
<p><a title="" class="bigpic" href="http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/onf_bear71_troustory_slider.jpg" width="600" height="235" alt="" /></a><em>Copyright&copy;www.nfb.ca</em><br/><br/></p>
<p>Deux remarquables productions qui nous viennent de l&#8217;ONF qui témoignent de l&#8217;évidence que d&#8217;une part le &laquo;&nbsp;gaming&nbsp;&raquo; a beaucoup à apporter au webdoc, n&#8217;en déplaise peut-être aux puristes du webdoc et d&#8217;autre part que l&#8217;on voit techniquement l&#8217;émergence d&#8217;un savoir-faire naissant en matière de développement sur flash tout au moins.<span id="more-6646"></span></p>
<p>De manière concomitante, on se livre à une analyse des deux webdocumentaires pour leur technique narrative, très proche du jeu : <a href="http://bear71.nfb.ca/" target="_blank">Bear 71</a> et <a href="http://troustory.onf.ca/" target="_blank">Trou story</a>. En effet, ces 2 webdocs nous ont été signalés et ont été discutés avec Charles Ayats AKA <a href="http://www.twitter.com/n_aya" target="_blank">@n_aya</a>, à la fois fin observateur de la culture numérique sous toutes ces formes, notamment du jeu, et citoyen préoccupé par les bouleversements à monde à venir ( rappelez-vous la production Goudou Goudou, il y avait participé avec son acolyte Benoit Cassegrain AKA <a href="http://www.twitter.com/webreporters" target="_blank">@webreporters</a> et Giordanno Cossu AKA <a href="http://www.twitter.com/Agashya" target="_blank">@Agashya</a>). Que pensez de l&#8217;approche très &laquo;&nbsp;avatar&nbsp;&raquo; et très &laquo;&nbsp;gaming&nbsp;&raquo; de ces 2 productions ? La question reste ouverte : est-ce le premier levier d&#8217;une prise de conscience réelle sur un sujet ou est-ce simplement une prouesse technologique et ludique sans lendemain ? Sans se prononcer, ni jeter l&#8217;anathème sur cette nouvelle forme de narration, l&#8217;année 2012 risque d&#8217;être riche d&#8217;expériences qui renouvellent cette apprentissage par le jeu. Parlera-t-on bientôt de &laquo;&nbsp;GameDoc&nbsp;&raquo; ou de &laquo;&nbsp;GameDocumentaire&nbsp;&raquo; ? On en parle sans doute déjà.</p>
<h4>Le jeu, nouveau vecteur du savoir ?</h4>
<p><b>Le salut est-il dans la gamification ou la ludification ?</b></p>
<p>Ce qui semble sûr, c&#8217;est que le recours au jeu est à n&#8217;en pas douter un moyen privilégié de sensibiliser les &laquo;&nbsp;digital natives&nbsp;&raquo;, souvent imparfaitement conscients par exemple des problématiques écologiques et capitalistes qui s&#8217;amplifient. Il n&#8217;est pas impossible que nous voyons sous peu sortir des productions de webdoc &laquo;&nbsp;gamifiés&nbsp;&raquo; sur des sujets aussi sérieux que la présidentielle 2012 en France ou la crise de l&#8217;EURO. Ce qu&#8217;il ressort de la lecture croisée de ces deux webdocs, c&#8217;est une mise en abîme de 2 facettes d&#8217;une même question : Qu&#8217;est-ce qui pourrait bien limiter la prédation qu&#8217;exerce l&#8217;homme sur son environnement: ressources, nature, ours, hommes, tout y passe. Ces productions semblent nous renvoyer à la question du moment : la lutte à armes inégales que mène l&#8217;homme d&#8217;aujourd&#8217;hui, sorte de Robinson moderne, pour le contrôle de l&#8217;espace et des ressources garantissant sa survie aux détriments de la Nature, de l&#8217;Animal&#8230; et disons-le de l&#8217;humanité dans son ensemble.</p>
<h4>#BEAR71</h4>
<p>Dans ce webdoc, tout débute par une sorte de flashback à la manière de La Comtesse aux pieds nus (The Barefoot Contessa) de Mankiewicz, ce serait plutôt ici &laquo;&nbsp;The Bear Contessa&nbsp;&raquo;. A votre réveil, après un coup de seringue hypodermique, vous voilà donc pour, votre plus grand plaisir anthropomorphique, dans la peau de &laquo;&nbsp;John Michka&nbsp;&raquo;, l&#8217;ours 71, débonnaire colosse de 200 à 300 kilo pour plus de 2 mètres, tout au sommet de la chaine alimentaire ! De quoi séduire toute personne qui dans la vraie vie est bien en peine de s&#8217;imposer&#8230; L&#8217;intimité au sujet est totale puisque vous êtes vous-même le sujet en caméra subjective et le jeu de miroir narratif est tout simplement saisissant. </p>
<h4>#TROUSTORY</h4>
<p>Dans ce webdoc &#8211; gamedoc, vous voilà plongé(e) dans une sorte de monopoly de la concession de charbon où vous devez faire des trous, des gros trous, toujours des gros trous. En toile de fond de ce jeu, en apparence anodin, vous découvrirez l&#8217;impact écologique dévastateur de vos prospections frénétiques, vous goûterez aussi à la fièvre spéculative de l&#8217;achat et de la vente de concessions de ce nouvel or noir bref vous serez un acteur majeur de la course aux ressources énergétiques. Cette course à l&#8217;énergie qui attise les appétits capitalistiques était déjà le substrat du Voyage au bout du charbon de Samuel Bollendorff. Effet  &laquo;&nbsp;Houille&nbsp;&raquo; garanti.</p>
<p>Ce webdoc vous donnera l&#8217;occasion unique de scander &laquo;&nbsp;Drill, baby, drill!&nbsp;&raquo; comme Sarah Palin, en son temps, ex-gouverneur de l&#8217;Alaska. Dans ce jeu, le mot d&#8217;ordre va plus loin c&#8217;est &laquo;&nbsp;Drill to Kill&nbsp;&raquo; quand on voit par exemple les méfaits produits par l&#8217;extraction de charbon aussi nocif semble-t-il que l&#8217;extraction du pétrole des sables bitumineux d&#8217;Alberta et la catastrophe écologique qui en résulte.</p>

<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_2/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_2-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_3/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_3-300x166.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_4_b/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_4_b-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_4/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_4-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_5/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_5-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_6/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_6-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_7/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_7-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_8/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_8-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_9/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_9-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/bear71_10/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/bear71_10-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_1/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_1-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_2/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_2-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_3/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_3-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_4/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_4-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_5/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_5-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_6/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_6-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_7/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_7-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>
<a href='http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/troustory_8/' title='Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2012/02/troustory_8-300x187.jpg" class="attachment-medium" alt="Bear 71, Trou story, ONF - Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" title="Bear 71, Trou story, ONF -  Aperçu sur le GameDocumentaire ou Comment la délinearisation fait place à la scénarisation par le jeu" /></a>

<h4>Un vrai savoir-faire</h4>
<p>On a avait vu dans notre article précédent sur Manipulations que Upian utilisait à plein cette combinaison d&#8217;un Framework Actionscript, dans la philosophie de Gaia Framework, et que la plupart des données étaient stockées dans du <code>.xml</code> mais surtout du <code>.json</code>. On voit donc clairement un modèle de production et de développement pour le Webdoc à défaut de modèle économique mais l&#8217;un n&#8217;ira pas sans l&#8217;autre ! La clé d&#8217;un bon workflow de production serait donc un framework de production en ActionScript couplé à du JSON/XML pour la gestion des données. Cette tendance est d&#8217;ailleurs vraie dans le développement de webdocumentaire en Flash/Flex mais va bien au-de-là, que vous fassiez par exemple du PHP ou du RoR (Ruby on Rails). A première vue, c&#8217;est la garantie d&#8217;une plus grande souplesse dans la gestion des données et la possibilité de réutiliser des développements antérieurs, le principe DRY en quelque sorte (Do not Repeat Yourself), pour des développement plus agiles, le tout bien sûr au service des créateurs et de la narration. Toute personne qui s&#8217;intéresse au développement de webdocumentaire sous Flash/Flex devrait clairement si intéressée ainsi que ceux qui font du HTML5 !</p>
<h4>L&#8217;entrée de JSON</h4>
<p>On ne s&#8217;attardera pas sur le format XML, déjà très répandu et utilisé, mais plutôt sur l&#8217;entrée remarquée du JSON. Pourquoi ? Utiliser du JSON, c&#8217;est tirer profit d&#8217;un format qui permet : </p>
<ul>
<li>Une plus grande vitesse de traitement des informations stockées, nul besoin de parcourir le DOM (Document Object Model) comme dans du XML.</li>
<li>Une simplicité dans la mise en oeuvre car c&#8217;est nativement reconnu par le JavaScript.</li>
</ul>
<p>On voit que ce qui se fait de mieux en France, Upian pour ne pas les citer ou ONF au Canada, développe un savoir-faire tout à faire similaire. Une tendance à suivre de près donc.</p>
<p><b>Extrait du fichier <code>projects.json</code> pour troustory</b></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
<span style="color: #009900;">&#123;</span>
         <span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Écologie Sonore&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;deeplink&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;ecologiesonore&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;src&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;ecologiesonore/main.swf&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;baseURL&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;ecologiesonore&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;screenshot&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;screens/ecologie_sonore_browse.jpg&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;summary&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Un documentaire web qui pose le problème croissant de la pollution sonore en soulevant, en trame de fond, notre incapacité à soutenir le silence. Parcours en ville, en banlieue, en nature et en ermitage.&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;credits1&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;En collaboration avec Toxa&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;credits2&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;listCredits&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;En collaboration avec Toxa&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;creditSort&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Toxa&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;date&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;2010-06-13&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;altLang&quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;storyOrder&quot;</span><span style="color: #339933;">:</span> <span style="color: #CC0000;">2</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;showLoaderText&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;fullScreenPreview&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;external&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
         <span style="color: #3366CC;">&quot;target&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;_blank&quot;</span>
     <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span></pre></div></div>

<p><b>Extrait du fichier <code>projects.json</code> de bear71</b></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
<span style="color: #009900;">&#123;</span>
     <span style="color: #3366CC;">&quot;title&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Main Street&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;deeplink&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mainstreet&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;src&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mainstreet/main.swf&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;baseURL&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;mainstreet&quot;</span><span style="color: #339933;">,</span>		 
     <span style="color: #3366CC;">&quot;screenshot&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;screens/mainstreet.jpg&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;summary&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;The inclination is to keep your foot on the gas and drive on by. But this time slow down, turn off the highway, and take the only road into town.&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;credits1&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Photos by Danny Singer&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;credits2&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;listCredits&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Photos by Danny Singer&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;creditSort&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Singer&quot;</span><span style="color: #339933;">,</span>
     <span style="color: #3366CC;">&quot;date&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;2010-06-09&quot;</span><span style="color: #339933;">,</span>
 	 <span style="color: #3366CC;">&quot;altLang&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;storyOrder&quot;</span><span style="color: #339933;">:</span> <span style="color: #CC0000;">2</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;showLoaderText&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;autoHideTopBar&quot;</span><span style="color: #339933;">:</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;fullScreenPreview&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;external&quot;</span><span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
	 <span style="color: #3366CC;">&quot;target&quot;</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;_blank&quot;</span>
	 <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span></pre></div></div>

<p><b>Extrait du fichier <code>config.xml</code> de bear71</b></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">		<span style="color: #339933;">&lt;?</span>xml version<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;1.0&quot;</span> encoding<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;UTF-8&quot;</span><span style="color: #339933;">?&gt;</span>
		<span style="color: #339933;">&lt;</span>xml<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;</span>title<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Bear71<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>title<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;</span>shareurl<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//bear71.nfb.ca]]&gt;&lt;/shareurl&gt;</span>
			<span style="color: #339933;">&lt;</span>links<span style="color: #339933;">&gt;</span>
				<span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>About<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span>
				<span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Read The Story<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span>
				<span style="color: #339933;">&lt;!--</span> <span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Replay The Story<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span> <span style="color: #339933;">--&gt;</span>
				<span style="color: #339933;">&lt;</span>link<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>Credits<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&gt;&lt;/</span>link<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;/</span>links<span style="color: #339933;">&gt;</span>
			<span style="color: #339933;">&lt;</span>twitter<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>NFB<span style="color: #339933;">/</span>Interactive<span style="color: #339933;">:</span> Bear <span style="color: #CC0000;">71</span> http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//bear71.nfb.ca]]&gt;&lt;/twitter&gt;</span>
			<span style="color: #339933;">&lt;</span>digg<span style="color: #339933;">&gt;&lt;!</span><span style="color: #009900;">&#91;</span>CDATA<span style="color: #009900;">&#91;</span>NFB<span style="color: #339933;">/</span>Interactive<span style="color: #339933;">:</span> Bear <span style="color: #CC0000;">71</span> http<span style="color: #339933;">:</span><span style="color: #006600; font-style: italic;">//bear71.nfb.ca]]&gt;&lt;/digg&gt;</span>
		<span style="color: #339933;">&lt;/</span>xml<span style="color: #339933;">&gt;</span></pre></div></div>

<p><b>Extrait du fichier <code>ts_map.xml</code> de troustory</b></p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;">	<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;data<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;gmapkey<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>ABQIAAAAMxLm1f-m0sr8lertLvw8chTfQgm3XfI5kMg3Ngd9RnKtLCA3dxS3oWY7bVNZkIDcd3L0tVT23AoF9w<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/gmapkey<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
&nbsp;
&nbsp;
	        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;itemList</span> <span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;mines actives&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 style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[Canadian Malartic]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/title<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;entityName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[Osisko]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/entityName<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;resources<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[Or]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/resources<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;superficie<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[230 km&amp;sup2;]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/superficie<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;mineType<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[&amp;Agrave; ciel ouvert]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/mineType<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[La production commerciale a d&amp;eacute;but&amp;eacute; le 19 mai 2011. R&amp;eacute;serves prouv&amp;eacute;es et probables: 10,7 millions d&amp;#x27;onces d&amp;#x27;or. La teneur en or moyenne oscille entre 3 et 6 grammes par tonne]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/description<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;photo<span style="color: #000000; font-weight: bold;">&gt;</span></span></span><span style="color: #339933;">&lt;![CDATA[]]&gt;</span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/photo<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;latitude<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>48.122101<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/latitude<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
	                        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;longitude<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>-78.10554<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/longitude<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 style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<h4>Interview de Charles Ayats (<a href="http://www.charlesayats.fr" target="_blank">www.charlesayats.fr</a>, <a href="http://www.twitter.com/n_aya" target="_blank">@n_aya</a>)</h4>
<p><b>3WDOC :</b> &laquo;&nbsp;Qu&#8217;est-ce qui t&#8217;a le plus plus dans ces productions d&#8217;un point de vue narratif, éditorial ou technique ?&nbsp;&raquo;</p>
<p><b>Charles Ayats :</b> &laquo;&nbsp;Sur Trou Story c&#8217;est d&#8217;abord le travail de finition de l&#8217;interface qui m&#8217;a marqué.  La cohérence graphique qui  favorise l&#8217;immersion bien sûr mais aussi le fil d&#8217;Ariane visible, les barres de chargement imagées et les boutons <i>slider</i> qui guident l&#8217;internaute dans la narration tout en illustrant l&#8217;avancée des travaux miniers.</p>
<p>Plusieurs couches d&#8217;information se superposent et réclament à l&#8217;internaute une attention particulière : par mon action de creuser, j&#8217;avance dans la problématique, j&#8217;observe en parallèle le coût engrangé par mes extractions, et plus je creuse plus les revendications des habitants m&#8217;interpellent, je me questionne, je veux en savoir plus&#8230;</p>
<p>Le tout savamment mise en scène par des affordances visuelles toujours justifiées. On ne clique pas pour accéder au contenu, on clique pour faire avancer le récit, et satisfaire sa curiosité.</p>
<p>Bear71 m&#8217;a subjugué par la force de son minimalisme. Tout le monde utilise la cartographie aujourd&#8217;hui mais bien trop souvent comme un menu supplémentaire pour accéder aux contenus, et non, comme ici, pour servir le propos de l&#8217;auteur.</p>
<p>Cette traque de l&#8217;ours sur ce territoire assiégé amène à penser que la présence humaine (réelle) interfère avec le monde sauvage.</p>
<p>Comme l&#8217;ensemble des productions multimédia de ONF, l&#8217;atmosphère est travaillée, les détails peaufinés (bande son, intro, voix off,&#8230;), l&#8217;internaute découvre un univers, l&#8217;appréhende et l&#8217;arpente.&nbsp;&raquo;</p>
<p><b>3WDOC :</b> &laquo;&nbsp;Quels peuvent les apports du jeu à l&#8217;univers du webdocumentaire ?&nbsp;&raquo;</p>
<p><b>Charles Ayats :</b> &laquo;&nbsp;Certaines composantes des jeux vidéo peuvent en effet intensifier l&#8217;expérience webdocumentaire, si elles se justifient dans la conception du projet.<br />
Les webdocumentaires ont besoin d&#8217;être singulier mais facilement accessible pour répondre aux nouvelles audiences : les  connectés qui papillonnent et les intéressés technophobes, pour schématiser grossièrement.</p>
<p>Les jeux vidéo (et globalement les IHM) designent depuis leur création l&#8217;exposition des contenus aux interacteurs. Le premier point est de rendre intuitive la navigation de l‘internaute : plus de feedback visuels pour accompagner la progression dans l&#8217;expérience, justifier chaque clic par une résultante, le spatialiser et le temporaliser dans l&#8217;œuvre pour qu&#8217;il puisse prendre ses repères et adopter l&#8217;environnement et les règles qu&#8217;on lui impose.</p>
<p>Introduire des boucles de gameplay dans la proposition narrative peut être efficace pour faire respirer l&#8217;internaute dans son assimilation de connaissance, et le persuader de rester (pour en apprendre d&#8217;avantage, pour avoir la satisfaction de remporter les challenges, etc&#8230;)<br />
Venir et picorer des contenus délinéarisés n&#8217;est plus satisfaisant. Il faut proposer des expériences singulières et autonomes, et même pervasives pour donner la sensation que l&#8217;internaute à une responsabilité dans le récit.</p>
<p>Le jeu vidéo peut apporter beaucoup plus à l&#8217;univers du webdocumentaire s&#8217;il est compris comme une nouvelle forme de médiation. Non plus comme un outil auquel on extrait les mécaniques pour les greffer à une autre forme mais comme une grammaire à part entière. Il faut pour çà incorporer les éléments du documentaire (contenu et intention de l&#8217;auteur) dans le gamedesign. Les newsgames sont une bonne voie d&#8217;expérimentation pour progresser dans ce sens.&nbsp;&raquo;</p>
<p><b>3WDOC :</b> &laquo;&nbsp;Sur quoi travailles-tu en ce moment ? Un nouveau projet avec Benoit Cassegrain (<a href="http://www.web-reporter.net" target="_blank">www.web-reporter.net</a>, <a href="http://www.twitter.com/webreporters" target="_blank">@webreporters</a>), une suite de Goudou Goudou ?&nbsp;&raquo;</p>
<p><b>Charles Ayats :</b> &laquo;&nbsp;Pour l&#8217;instant il n&#8217;est pas prévu de suite car le projet global se termine seulement ; la partie formation de jeunes journalistes haïtiens vient de se terminer. Si le temps nous à manquer pour travailler la mise en forme coté webdoc, la transmission de compétence (formation multimédia par <a href="http://twitter.com/Agashya" target="_blank">@Agashya</a>, <a href="http://twitter.com/elodievialle" target="_blank">@elodievialle</a>, <a href="http://twitter.com/Yallahweb" target="_blank">@Yallahweb</a>) a bel et bien eu lieu.  </p>
<p>Je pense que les webdocs ont tout intérêt à titiller l&#8217;intentionnalité de l&#8217;internaute, sur tous les fronts : de l&#8217;entraide participative via le crowndfunding, l&#8217;engagement éthique, le spectateur comme interacteur narratif, l&#8217;activisme comme finalité au retour d&#8217;expérience.</p>
<p>Benoit a plusieurs projet en cours (qu&#8217;il viendra présenter ici j&#8217;espère ;) dont Asian Project par lequel a débuté notre rencontre, qui verra le jour…lorsque nous trouverons un peu de temps.</p>
<p>En ce moment j&#8217;officie sur Type:Rider, un docugame porté sur l&#8217;exploration et la compréhension de la  typographie. C&#8217;est l&#8217;un des deux projets qui émergera de la première promotion en &laquo;&nbsp;Interactive Digital Expériences&nbsp;&raquo; de l&#8217;école des Gobelins (<a href="http://ide-edu.net/" target="_blank">http://ide-edu.net/</a>).</p>
<p>En parallèle plusieurs projets mijotent,  dont l&#8217;adaptation sur  support tactile d&#8217;un livre pour enfant écrit par un proche. Il y a un tel gap entre les jeux de la Nintendo DS et les PDF faussement interactif&#8230;  Dernièrement <a href="http://itunes.apple.com/fr/app/lhomme-volcan/id488128649?mt=8" target="_blank">&laquo;&nbsp;l&#8217;Homme Volcan&nbsp;&raquo;</a> m&#8217;a déçu par son manque cruel d&#8217;interactivité malgré un univers magnifiquement dépeint par Mathias Malzieu  de Dyonisos.</p>
<p>Comprendre comment les affordances du tactile enthousiasment les enfants me semble un foyer intéressant pour mieux solliciter les adultes non technophiles  à s&#8217;immerger dans des webdoc.&nbsp;&raquo;</p>
<p><b>3WDOC :</b> &laquo;&nbsp;Que souhaites-tu pour le webdocumentaire pour l&#8217;année 2012 à venir ? &nbsp;&raquo;<br />
<b>Charles Ayats :</b> &laquo;&nbsp;Que les formes soient les plus diversifiées possibles d&#8217;un côté, un webdoc  le plus indépendant et créatif possible, et de l&#8217;autre que le plus grand nombre est la possibilité de s&#8217;exprimer de cette façon, des plateformes &amp; outils de plus en plus accessibles.&nbsp;&raquo;</p>
<p><i>Un grand merci à Charles Ayats pour sa disponibilité et de nous avoir soufflé à l&#8217;oreille l&#8217;existence de ces deux productions.</i></p>
<p><b>Alberta, Canada</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=0ee0c7d437939a1563cea8450e495d40" height="350" width="960" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div><br />
	</p>
<h2>Pour aller plus loin</h2>
<ul>
<li>Visionner des documentaires et des films d&#8217;animation en ligne – ONF.ca<br /><a href="http://www.onf.ca/" target="_blank">http://www.onf.ca/</a></li>
<li>Trou story &#8211; ONF/interactif &#8211; Office national du film du Canada<br /><a href="http://troustory.onf.ca/#/troustory" target="_blank">http://troustory.onf.ca/#/troustory</a></li>
<li>NFB/Interactive &#8211; Bear 71<br /><a href="http://bear71.nfb.ca/#/bear71" target="_blank">http://bear71.nfb.ca/#/bear71</a></li>
<li>La Comtesse aux pieds nus (The Barefoot Contessa)<br /><a href="http://fr.wikipedia.org/wiki/La_Comtesse_aux_pieds_nus" target="_blank">hhttp://fr.wikipedia.org/wiki/La_Comtesse_aux_pieds_nus</a></li>
<li>Drill, baby, drill<br /><a href="http://en.wikipedia.org/wiki/Drill,_baby,_drill" target="_blank">http://en.wikipedia.org/wiki/Drill,_baby,_drill</a></li>
<li>Introducing JSON<br /><a href="http://www.json.org/" target="_blank">http://www.json.org/</a></li>
<li>Définition de Gamification<br /><a href="http://fr.wikipedia.org/wiki/Gamification" target="_blank">http://fr.wikipedia.org/wiki/Gamification</a></li>
<li>Définition de Affordance<br /><a href="http://fr.wikipedia.org/wiki/Affordance" target="_blank">http://fr.wikipedia.org/wiki/Affordance</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2012/02/06/bear-71-trou-story-onf-apercu-sur-le-gamedocumentaire-ou-comment-la-delinearisation-fait-place-a-la-scenarisation-par-le-jeu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>53.9332695 -116.5764999</georss:point>	</item>
		<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-2" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=70fab0691346ec8ae24beabf9d95f659" 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, 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>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>HTML5, Rich Media : Production 3WDOC Studio au CEFPF !</title>
		<link>http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/</link>
		<comments>http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 13:26:07 +0000</pubDate>
		<dc:creator>iDoc</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[narration]]></category>
		<category><![CDATA[presse]]></category>
		<category><![CDATA[3WDOC]]></category>
		<category><![CDATA[3WDOC Studio]]></category>
		<category><![CDATA[Alexis Sarini]]></category>
		<category><![CDATA[aménagement urbain]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[CEFPF]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[étudiants]]></category>
		<category><![CDATA[formation]]></category>
		<category><![CDATA[initiation]]></category>
		<category><![CDATA[new media]]></category>
		<category><![CDATA[nouveaux médias]]></category>
		<category><![CDATA[Paris]]></category>
		<category><![CDATA[production]]></category>
		<category><![CDATA[rich media]]></category>
		<category><![CDATA[tramway]]></category>
		<category><![CDATA[transports publics]]></category>
		<category><![CDATA[urbanisme]]></category>
		<category><![CDATA[ville]]></category>
		<category><![CDATA[ville 2.0]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocu.fr]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=6186</guid>
		<description><![CDATA[Copyright &#169; CEFPF / 3WDOC 3WDOC a eu le plaisir d&#8217;intervenir la semaine dernière à Paris au CEFPF (Centre Européen de la Formation à la Production de Films) dans le cadre de la formation &#171;&#160;Concevoir, réaliser, financer des contenus pour les nouveaux medias&#160;&#187;. Cette formation de 5 semaines s&#8217;adresse aux professionnels de l&#8217;audiovisuel. Elle a [...]]]></description>
			<content:encoded><![CDATA[<p><a title="HTML5, Rich Media : Production 3WDOC Studio au CEFPF !" class="bigpic" href="http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/highlight_cefpf_2.jpg" width="600" height="235" alt="HTML5, Rich Media : Production 3WDOC Studio au CEFPF !" /></a><em>Copyright &copy; CEFPF / 3WDOC</em><br/><br/></p>
<p>3WDOC a eu le plaisir d&#8217;intervenir la semaine dernière à Paris au CEFPF (Centre Européen de la Formation à la Production de Films) dans le cadre de <a href="http://www.cefpf.com/a-telecharger/40-nouveaux-medias-2011.pdf" title="Formation Nouveaux Médias au CEFPF" target="_blank">la formation &laquo;&nbsp;Concevoir, réaliser, financer des contenus pour les nouveaux medias&nbsp;&raquo;</a>.</p>
<p>Cette formation de 5 semaines s&#8217;adresse aux professionnels de l&#8217;audiovisuel. Elle a pour but de leur faire découvrir les enjeux techniques, financiers, dramaturgiques et esthétiques de la réalisation et la production de projets audiovisuels conçus pour et avec les nouveaux médias : webdocumentaire, reportage rich media, webfiction, webséries…</p>
<p>Encadrés pendant une semaine par Alexis Sarini de <a href="http://webdocu.fr" title="Webdocu.fr" target="_blank">Webdocu.fr</a> pour la partie pratique de leur formation, les participants ont produit un reportage rich media avec 3WDOC Studio. Après une journée d&#8217;initiation (des étudiants surmotivés :) ils ont finalisé leur production en 3 jours. A 3WDOC nous avons été bluffés par la qualité du travail de ces novices ! Ils ont compris très vite la logique du programme et vraiment soigné leur production. Vous pouvez découvrir leur reportage rich media ici :</p>
<p><a href="http://studio952.vip1.3wdoc.com/he3Player.php?action=local.sequence.read&#038;sequence_id=23" target="_blank">http://studio952.vip1.3wdoc.com/he3Player.php?action=local.sequence.read&#038;sequence_id=23</a></p>
<p>Nous vous tiendrons informés de nos prochaines interventions. Vive le rich media !</p>

<a href='http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/cefpf_groupe/' title='HTML5, Rich Media : Production 3WDOC Studio au CEFPF'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/cefpf_groupe-300x224.jpg" class="attachment-medium" alt="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" title="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" /></a>
<a href='http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/tram_1_800/' title='HTML5, Rich Media : Production 3WDOC Studio au CEFPF'><img width="300" height="201" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/tram_1_800-300x201.jpg" class="attachment-medium" alt="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" title="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" /></a>
<a href='http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/tram_2_800/' title='HTML5, Rich Media : Production 3WDOC Studio au CEFPF'><img width="300" height="169" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/tram_2_800-300x169.jpg" class="attachment-medium" alt="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" title="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" /></a>
<a href='http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/tram_3_800/' title='HTML5, Rich Media : Production 3WDOC Studio au CEFPF'><img width="300" height="168" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/tram_3_800-300x168.jpg" class="attachment-medium" alt="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" title="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" /></a>
<a href='http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/tram_4_800/' title='HTML5, Rich Media : Production 3WDOC Studio au CEFPF'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/tram_4_800-300x166.jpg" class="attachment-medium" alt="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" title="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" /></a>
<a href='http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/tram_5_800/' title='HTML5, Rich Media : Production 3WDOC Studio au CEFPF'><img width="300" height="167" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/tram_5_800-300x167.jpg" class="attachment-medium" alt="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" title="HTML5, Rich Media : Production 3WDOC Studio au CEFPF" /></a>

]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/12/01/html5-rich-media-production-3wdoc-studio-au-cefpf/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</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>Initiations à 3WDOC Studio au CFPJ, EMI-CFD, IHECS</title>
		<link>http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/</link>
		<comments>http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 18:26:05 +0000</pubDate>
		<dc:creator>iDoc</dc:creator>
				<category><![CDATA[divers]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[presse]]></category>
		<category><![CDATA[#mc11]]></category>
		<category><![CDATA[#mc12]]></category>
		<category><![CDATA[#mc13]]></category>
		<category><![CDATA[17 octobre 1961]]></category>
		<category><![CDATA[2012]]></category>
		<category><![CDATA[3WDOC]]></category>
		<category><![CDATA[3WDOC Studio]]></category>
		<category><![CDATA[Alexis Sarini]]></category>
		<category><![CDATA[Algérie]]></category>
		<category><![CDATA[Antonin Lhôte]]></category>
		<category><![CDATA[atelier]]></category>
		<category><![CDATA[atelier desmédias]]></category>
		<category><![CDATA[belgique]]></category>
		<category><![CDATA[bruxelles]]></category>
		<category><![CDATA[CFPJ]]></category>
		<category><![CDATA[CFPJ Médias]]></category>
		<category><![CDATA[dailymotion]]></category>
		<category><![CDATA[Damien Van Achter]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[data journalism]]></category>
		<category><![CDATA[data journalisme]]></category>
		<category><![CDATA[davanac]]></category>
		<category><![CDATA[davanac.net]]></category>
		<category><![CDATA[Eghezée]]></category>
		<category><![CDATA[EMI-CFD]]></category>
		<category><![CDATA[équipe de campagne]]></category>
		<category><![CDATA[éric schérer]]></category>
		<category><![CDATA[étudiants]]></category>
		<category><![CDATA[formation]]></category>
		<category><![CDATA[François Hollande]]></category>
		<category><![CDATA[futur]]></category>
		<category><![CDATA[guerre d'Algérie]]></category>
		<category><![CDATA[IHECS]]></category>
		<category><![CDATA[initiation]]></category>
		<category><![CDATA[La nuit oubliée]]></category>
		<category><![CDATA[Lemonde.fr]]></category>
		<category><![CDATA[marie coussin]]></category>
		<category><![CDATA[master class]]></category>
		<category><![CDATA[masterclass]]></category>
		<category><![CDATA[Namur]]></category>
		<category><![CDATA[Olivier Lambert]]></category>
		<category><![CDATA[open newsroom]]></category>
		<category><![CDATA[organigramme]]></category>
		<category><![CDATA[Owni]]></category>
		<category><![CDATA[owni.fr]]></category>
		<category><![CDATA[Parti Socialiste]]></category>
		<category><![CDATA[politique]]></category>
		<category><![CDATA[présidentielle 2012]]></category>
		<category><![CDATA[Primaires]]></category>
		<category><![CDATA[Primaires Socialistes]]></category>
		<category><![CDATA[PS]]></category>
		<category><![CDATA[reportage]]></category>
		<category><![CDATA[richmedia]]></category>
		<category><![CDATA[Studio Hans Lucas]]></category>
		<category><![CDATA[Thomas Salva]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[UMP]]></category>
		<category><![CDATA[Virginie Terrasse]]></category>
		<category><![CDATA[webdocu]]></category>
		<category><![CDATA[webdocu.fr]]></category>
		<category><![CDATA[webjournalisme]]></category>
		<category><![CDATA[Wilfrid Estève]]></category>
		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=5959</guid>
		<description><![CDATA[Copyright &#169; 3WDOC Une des raisons pour laquelle 3WDOC n&#8217;a pas été particulièrement prolifique sur le blog dernièrement, c&#8217;est parce que nous avons donné plusieurs initiations à 3WDOC Studio dans des écoles et instituts de formation de journalisme et de multimédia depuis la fin du mois de septembre. Nous avons eu grand plaisir à faire [...]]]></description>
			<content:encoded><![CDATA[<p><!-- Initiations à 3WDOC Studio au CFPJ, EMI-CFD, IHECS--></p>
<p><a title="Initiations à 3WDOC Studio au CFPJ, EMI-CFD, IHECS" class="bigpic" href="http://studio735.vip1.3wdoc.com/he3Player.php?action=local.sequence.read&#038;sequence_id=50" target="_blank"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/highlight_cfpj.jpg" width="600" height="235" alt="Initiations à 3WDOC Studio au CFPJ, EMI-CFD, IHECS" /></a><em>Copyright &copy; 3WDOC</em><br/><br/></p>
<p>Une des raisons pour laquelle 3WDOC n&#8217;a pas été particulièrement prolifique sur le blog dernièrement, c&#8217;est parce que nous avons donné plusieurs initiations à 3WDOC Studio dans des écoles et instituts de formation de journalisme et de multimédia depuis la fin du mois de septembre. Nous avons eu grand plaisir à faire découvrir notre outil, voici un résumé de nos récentes interventions !<br />
</br></p>
<h3>CFPJ</h3>
<p>Encadré par le journaliste Antonin Lhôte et Alexis Sarini de Webdocu.fr, cet atelier d&#8217;initiation à 3WDOC Studio s&#8217;adressait à des journalistes en formation continue. Organisé au CFPJ du 17 au 22 octobre 2011, l&#8217;atelier &laquo;&nbsp;Narrations interactives&nbsp;&raquo; avait pour objectif la production d&#8217;un reportage rich media à partir d&#8217;un sujet d&#8217;actualité. Projet expérimental puisqu&#8217;il s&#8217;agissait en 5 jours de creuser trois pistes narratives, trois approches éditoriales, trois interfaces et d&#8217;apprendre à les mettre en forme avec notre outil (2 jours et demi avec 3WDOC). </p>
<p>Le groupe a travaillé sur l&#8217;élection de François Hollande à la primaire socialiste (il a été choisi le 16 octobre, veille du début du workshop). Les 11 journalistes se sont divisés en 3 groupes, chacun a développé un angle (les personnalités de l&#8217;entourage de François Hollande, les pièges sur la route du candidat à la présidentielle, les réactions de l&#8217;UMP à sa désignation) et sa mise en forme interactive. </p>
<p>Comme l&#8217;explique Antonin Lhôte : &laquo;&nbsp;L&#8217;objectif n&#8217;était pas la perfection mais l&#8217;exploration la plus concrète possible d&#8217;une démarche journalistique prometteuse rendue possible par la naissance d&#8217;un nouvel outil de développement.&nbsp;&raquo;</p>
<p>Vous pouvez voir le résultat de leur travail ici:<br />
<a href="http://studio735.vip1.3wdoc.com/he3Player.php?action=local.sequence.read&#038;sequence_id=50" title="Workshop 3WDOC Studio / CFPJ Reportage Rich Media François Hollande 2012" target="_blank">http://studio735.vip1.3wdoc.com/he3Player.php?action=local.sequence.read&#038;sequence_id=50</a>  </p>
<p>Du côté de 3WDOC, nous avons été enthousiasmés par la motivation des participants, leur appropriation de l&#8217;outil et leur capacité à rapidement penser et mettre en forme une démarche rich media comme celle-ci !</p>
<p></br></p>
<h3>EMI-CFD</h3>
<p>Nous en avions déjà un peu parlé dans <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/" title="La Nuit Oubliée" target="_blank">ce post</a>. Le webdocumentaire <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">&laquo;&nbsp;17 octobre 1961 &#8211; La Nuit Oubliée&nbsp;&raquo;</a> a été écrit et conçu par les auteurs Olivier Lambert et Thomas Salva, coproduit par Dailymotion et le Studio Hans Lucas et développé avec 3WDOC Studio. Ce qu&#8217;on sait moins c&#8217;est que les participants en formation webdocumentaire à l&#8217;EMI-CFD y ont également participé ! Cette formation  de 3 semaines organisée par Wilfrid Estève a permis aux réalisateurs, photographes, journalistes, graphistes et monteurs qui l&#8217;ont suivie de découvrir le monde du webdoc en profondeur. Ils ont échangé avec des auteurs, producteurs et spécialistes de la question à travers des études de cas et des retours d&#8217;expériences. </p>
<p>La dernière semaine (5 jours) a été consacrée à un workshop 3WDOC ! A partir du matériel des réalisateurs Olivier Lambert et Thomas Salva (vidéos, archives, éléments graphiques), les participants de l&#8217;atelier ont conçu des parcours interactifs, mis en forme leurs interfaces&#8230; en somme esquissé la maquette web de &laquo;&nbsp;La Nuit Oubliée&nbsp;&raquo;. La richesse de ce workshop a résidé notamment dans la diversité des profils des participants, qui se sont révélés très complémentaires, et a fait naître une émulation, des échanges très intéressants. Cette formation à 3WDOC Studio a été intense et féconde !</p>
<p></br></p>
<h3>IHECS</h3>
<p>Au cours du mois d&#8217;octobre, 3WDOC a eu le grand plaisir de se rendre à trois reprises à Eghezée, près de Namur en Belgique. Damien Van Achter, développeur éditorial de <a href="http://owni.fr" title="Owni" target="_blank">Owni.fr</a> et professeur de journalisme à l&#8217;<a href="http://www.ihecs.be/" title="IHECS" target="_blank">IHECS</a> (Institut des Hautes Etudes des Communications Sociales) de Bruxelles, y a organisé trois <a href="http://davanac.net/" title="davanac.net" target="_blank">Master Class</a> pour ses étudiants. </p>
<p>Pendant quatre jours, mise au vert et travail intense pour ces futurs journalistes ! Ils ont notamment eu pour intervenants Eric Schérer, directeur de la prospective, de la stratégie numérique et des nouveaux médias à France Télévisions, Ziad Maalouf de l&#8217;Atelier des Médias de RFI, Marie Coussin, data-journaliste à Owni (pour ne citer que des intervenants français)&#8230; et une initiation d&#8217;une journée à 3WDOC Studio ! </p>
<p>Après une présentation du logiciel et une discussion sur son utilité pour le journalisme rich media, les étudiants manipulaient l&#8217;outil dans l&#8217;après-midi. Ils ont découvert ses fonctionnalités fondamentales : agencement des médias dans l&#8217;espace et le temps, exploration des possibilités interactives et esquisse de stylisation des éléments. </p>
<p>La fraîcheur et l&#8217;engouement presque naturel de ces digital natives (des étudiants de 21-24 ans en moyenne) pour le Studio étaient surprenants ! Ils nous ont en tout cas conforté dans l&#8217;idée que nous allions dans la bonne direction pour les futurs créateurs de contenus rich media, toujours connectés, multi-task et multi-casquettes, dynamiques et curieux. Encore un grand merci à Damien de nous avoir invités dans cette Open News Room ! Nous lui tirons notre chapeau&#8230; </p>
<p>Benoît Theunissen, étudiant de la Master Class, a d&#8217;ailleurs écrit un article sur <a href="http://davanac.net/blog/2011/10/07/simon-duflo-%E2%80%9Cles-pages-web-ne-sont-plus-statiques-elles-ont-une-duree-%E2%80%9D/" title="3WDOC Master Class Davanac Eghezée IHECS Open News room" target="_blank">l&#8217;intervention de 3WDOC</a> à Eghezée.</p>
<p></br><br />
Nous vous tiendrons informés de nos prochaines interventions dans des écoles de multimédia, cinéma, journalisme, communication&#8230; N&#8217;hésitez pas à nous solliciter pour des formations, nous sommes toujours heureux de faire découvrir notre outil et échanger avec les créateurs !<br />
</br></p>

<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/cfpj_1_800/' title='Workshop 3WDOC Studio @ CFPJ '><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/cfpj_1_800-300x224.jpg" class="attachment-medium" alt="Workshop 3WDOC Studio @ CFPJ" title="Workshop 3WDOC Studio @ CFPJ" /></a>
<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/cfpj_3_800/' title='Workshop 3WDOC Studio @ CFPJ  avec une visite de Claire Leproust, directrice de CAPA Interactive'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/cfpj_3_800-300x224.jpg" class="attachment-medium" alt="Workshop 3WDOC Studio @ CFPJ avec une visite de Claire Leproust, directrice de CAPA Interactive" title="Workshop 3WDOC Studio @ CFPJ  avec une visite de Claire Leproust, directrice de CAPA Interactive" /></a>
<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/hollande_home_800/' title='Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ'><img width="300" height="164" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/hollande_home_800-300x164.jpg" class="attachment-medium" alt="Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ" title="Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ" /></a>
<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/hollande_galaxie_800/' title='Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ'><img width="300" height="163" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/hollande_galaxie_800-300x163.jpg" class="attachment-medium" alt="Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ" title="Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ" /></a>
<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/hollande_theatre_800/' title='Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ'><img width="300" height="164" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/hollande_theatre_800-300x164.jpg" class="attachment-medium" alt="Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ" title="Screenshot : Reportage Rich Media par les journalistes du workshop 3WDOC Studio @ CFPJ" /></a>
<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/emi_etienne_800/' title='Workshop 3WDOC Studio @ EMI-CFD par Etienne de Fontainieu, créateur de 3WDOC '><img width="300" height="300" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/emi_etienne_800-300x300.jpg" class="attachment-medium" alt="Workshop 3WDOC Studio @ EMI-CFD par Etienne de Fontainieu, créateur de 3WDOC" title="Workshop 3WDOC Studio @ EMI-CFD par Etienne de Fontainieu, créateur de 3WDOC" /></a>
<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/ihecs_2_800/' title='Initiation 3WDOC Studio @ Master Class IHECS de Damien Van Achter. Apéro débrief dans le jardin;)'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/ihecs_2_800-300x224.jpg" class="attachment-medium" alt="Initiation 3WDOC Studio @ Master Class IHECS de Damien Van Achter. Apéro débrief dans le jardin;)" title="Initiation 3WDOC Studio @ Master Class IHECS de Damien Van Achter. Apéro débrief dans le jardin;)" /></a>
<a href='http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/ihecs_1_800/' title='Initiation 3WDOC Studio @ Master Class IHECS de Damien Van Achter. Apéro débrief dans le jardin;)'><img width="300" height="224" src="http://3wdoc.com/fr/wp-content/uploads/2011/11/ihecs_1_800-300x224.jpg" class="attachment-medium" alt="Initiation 3WDOC Studio @ Master Class IHECS de Damien Van Achter. Apéro débrief dans le jardin;)" title="Initiation 3WDOC Studio @ Master Class IHECS de Damien Van Achter. Apéro débrief dans le jardin;)" /></a>

]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/11/16/initiations-a-3wdoc-studio-au-cfpj-emi-cfd-ihecs/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML5, Webdoc, Notre Dame du Net : L&#8217;église 2.0</title>
		<link>http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/</link>
		<comments>http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/#comments</comments>
		<pubDate>Sun, 16 Oct 2011 09:40:17 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[écriture]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[presse]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>
		<category><![CDATA[événement]]></category>
		<category><![CDATA[Le soir]]></category>
		<category><![CDATA[Notre Dame du Net]]></category>
		<category><![CDATA[Religieux]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=5700</guid>
		<description><![CDATA[Voilà un sujet fort à propos qui rappelle à chacun que la temporalité d'une vie est une question de point vue. En effet, on y découvre la vie active mais retirée de l'agitation moderne, d'une communauté de soeurs bernardines du Monastère Notre-Dame de la Plaine.]]></description>
			<content:encoded><![CDATA[
<p><!-- HTML5, Webdoc, Notre Dame du Net : L'église 2.0 --><br />
<!--  HTML5, Webdoc, Notre Dame du Net, Le soir, Webdocumentaire, Religieux, événement --></p>
<p><a title="HTML5, Webdoc, Notre Dame du Net : L'église 2.0" class="bigpic" href="http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_b.jpg" width="600" height="235" alt="HTML5, Webdoc, Notre Dame du Net : L'église 2.0" /></a><em>Copyright&copy;notredamedunet</em><br/><br/></p>
<p>Voilà un sujet fort à propos qui rappelle à chacun que la temporalité d&#8217;une vie est une question de point vue. En effet, on y découvre la vie active mais retirée de l&#8217;agitation moderne, d&#8217;une communauté de soeurs bernardines du Monastère Notre-Dame de la Plaine. Le webdoc s&#8217;attache à dresser le portrait de quelques unes des figures marquantes du monastère mais aussi du lieu et des activités qui rythment la vie monacale.</p>
<p>Le principal constat qui s&#8217;offre à l&#8217;internaute est que d&#8217;évidence le temps des soeurs ne semble pas celui de notre époque, c&#8217;est ce que ce webdoc nous montre à voir.</p>
<p>Plus largement, ce n&#8217;est pas sans rappeler aussi un paradoxe, bien de notre temps là aussi : il n&#8217;a jamais été autant question du fait religieux au cinéma notamment et désormais dans un webdoc alors même que l&#8217;église catholique n&#8217;a jamais été autant décriée voir pire ignorée. C&#8217;est comme si on nous donnait à voir des vestiges d&#8217;une institution autrefois puissante, forte et respectée. C&#8217;est parfois l&#8217;impression qui se dégage de ce webdoc néanmoins attachant.</p>
<p>En ce sens, on ne peut s&#8217;empêcher de rapprocher cette actualité du webdoc avec celle du cinéma où coup sur coup connait deux succès dont le sujet principal relate l&#8217;histoire des individus qui font l&#8217;église : Des hommes et des dieux ou bien Habemus Papam, sorte de chant du cygne de la papauté.</p>
<h4>Une parenté avec 3WDOC</h4>
<p>Deux autres particularités qui méritaient d&#8217;être signalées, tout au moins du point de vue de 3WDOC. Le modèle de production et de fabrication n&#8217;est pas sans parallèle avec le modèle qui se met en place avec 3WDOC. </p>
<ul>
<li>Le première est que l&#8217;intégralité de ce webdoc a été conçu en HTML5 sur une développement maison basé sur jQuery. Cela pourrait être le 3WDOC Studio.</li>
<li>La seconde sur la structure de production à l&#8217;origine de ce webdoc, il est le fruit de la collaboration l&#8217;agence de reportage SapienSapienS et un consultant en nouvelles technologies Aeon Consulting. C&#8217;est aussi le cas de la plupart des productions qui se font avec l&#8217;outil 3WDOC.</li>
</ul>
<p>Cette production en HTML5 méritait d&#8217;être signalée en attendant la sortie imminente du webdoc HTML5 lui aussi sur la nuit du 17 octobre 1961.</p>

<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_8/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_8-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>
<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_7/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_7-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>
<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_6/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_6-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>
<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_5/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_5-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>
<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_4/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_4-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>
<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_3/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_3-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>
<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_2/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_2-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>
<a href='http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/notredamedunet_1/' title='HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0'><img width="300" height="187" src="http://3wdoc.com/fr/wp-content/uploads/2011/10/notredamedunet_1-300x187.jpg" class="attachment-medium" alt="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" title="HTML5, Webdoc, Notre Dame du Net : L&#039;église 2.0" /></a>

<p><b>L&#8217;ordre des Bernardines</b></p>
<blockquote><p>Les Abbayes de Notre Dame de la Brayelle à Annay (fondée en 1196) Notre Dame de la Woestine à St. Omer, (1217) et Notre Dame Des Près à Douai (1221) étaient trois maisons cisterciennes de femmes en Flandres. Comme tous les monastères en France, ces Abbayes ont été supprimées à la Révolution Française en 1789, et leurs membres dispersés.
</p></blockquote>
<p><strong>Saint-André-lez-Lille</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=223e2aede2a3c73e16279f69cd0152e4" 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;Notre-Dame du Net&nbsp;&raquo;<br /><a href="http://www.lesoir.be/le_studio/webdocus/notredamedunet/" target="_blank">http://www.lesoir.be/le_studio/webdocus/notredamedunet/</a></li>
<li>wikipedia &#8211; Des hommes et des dieux<br /><a href="http://fr.wikipedia.org/wiki/Des_hommes_et_des_dieux" target="_blank">http://fr.wikipedia.org/wiki/Des_hommes_et_des_dieux</a></li>
<li>Bernardines &#8211; Monastère Notre-Dame de la Plaine, St André lez Lille<br /><a href="	http://www.bernardine.org/" target="_blank">	http://www.bernardine.org/</a></li>
<li>SapienSapienS | Agence de Reportage<br /><a href="http://www.sapiensapiens.com/" target="_blank">	http://www.sapiensapiens.com/</a></li>
<li>Aeon Consulting, Consulting company in Aerospace and Information Technology<br /><a href="http://www.aeon-consulting.fr/" target="_blank">http://www.aeon-consulting.fr/</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/10/16/html5-webdoc-notre-dame-du-net-leglise-2-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<georss:point>50.6626015 3.0332601</georss:point>	</item>
		<item>
		<title>Sport, Rugby, France 24, webdoc &#8211; Top-14 : Légion étrangère &#8211; rugby &#8211; France 24</title>
		<link>http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/</link>
		<comments>http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/#comments</comments>
		<pubDate>Fri, 09 Sep 2011 18:54:29 +0000</pubDate>
		<dc:creator>the team</dc:creator>
				<category><![CDATA[analyse]]></category>
		<category><![CDATA[information]]></category>
		<category><![CDATA[journalisme]]></category>
		<category><![CDATA[presse]]></category>
		<category><![CDATA[webdoc]]></category>
		<category><![CDATA[webdocumentaire]]></category>

		<guid isPermaLink="false">http://3wdoc.com/fr/?p=5586</guid>
		<description><![CDATA[L'opportunisme d'une telle opération de communication via un format interactif tel qu'un webdoc n'échappera à personne et sans doute pas aux amateurs de rugby et de communication...]]></description>
			<content:encoded><![CDATA[<p><!-- Sport, Rugby, France 24, webdoc - Top-14 : Légion étrangère - rugby - France 24 --><br />
<!--  Sport, Rugby, France 24, Webdoc, Webdocumentaire, Sport, événement --></p>
<p><a title="Sport, Rugby, France 24, webdoc - Top-14 : Légion étrangère - rugby - France 24 " class="bigpic" href="http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/"><img class="alignleft" src="http://3wdoc.com/fr/wp-content/uploads/2011/09/top_14_legion_etrangere_b.jpg" width="600" height="235" alt="Sport, Rugby, France 24, webdoc - Top-14 : Légion étrangère - rugby - France 24 " /></a><em>Copyright&copy;www.france24.com</em><br/><br/></p>
<p>L&#8217;opportunisme d&#8217;une telle opération de communication via un format interactif tel qu&#8217;un webdoc n&#8217;échappera à personne et sans doute pas aux amateurs de rugby et de communication&#8230; La sortie est opportune  puisque le Mondial de rugby et/ou la Coupe du Monde de rugby vient juste de débuter aujourd&#8217;hui.<span id="more-5586"></span></p>
<p>Ainsi, donc le championnat français comme dans la Rome antique, fait venir ces &laquo;&nbsp;gladiateurs&nbsp;&raquo; de tout l&#8217;empire de l&#8217;Ovalie. (On croirait lire du Max Guazzini dans le texte).<br />
Et c&#8217;est vrai, la force, l&#8217;adresse, le hors-norme sont aujourd&#8217;hui de mise dans tous les sports et le marché est global alors on découvre ainsi qu&#8217;il existe, au-delà des fournisseurs traditionnels (Nouvelle-Zélande, Argentine, Tonga&#8230;) et des marchés secondaires tel que l&#8217;Italie ou la Roumanie, de nouveaux entrants comme la Russie par exemple en attendant bien sur que la Chine se mette au Rugby comme elle s&#8217;est mise au Basket !</p>
<p>Il est bien loin le temps du rugby cassoulet, on est plutôt à l&#8217;ère de l&#8217;Arrêt Bosman et aussi du rugby érotisé, un autre rapport au corps en quelque sorte. Il est intéressant de noter que c&#8217;est un flux migratoire inverse à celui du Football où les joueurs français partent jouer dans les clubs étrangers, ici ce sont les joueurs étrangers qui viennent jouer en France.<br />
Ils rejoignent les grandes fiefs du Rugby français : Bayonne, Clermont-Ferrand, Castres ou Agen&#8230; et nous donnent pour notre plus grand plaisir une leçon d&#8217;intégration&#8230; Ah, le sport quand même quelle émotion !</p>
<p><b>Le &laquo;&nbsp;Pitch&nbsp;&raquo; de ce Top-14 : Légion étrangère &#8211; rugby &#8211; France 24</b></p>
<blockquote><p>
Néo-Zélandais, Sud-Africains, Tongiens, Ivoiriens ou Argentins, ils ont choisi de s&#8217;installer à Bayonne, Clermont-Ferrand, Castres ou Agen pour pratiquer leur sport, le rugby. Ensemble, ils forment la Légion étrangère du Top-14, un championnat chaque année plus relevé et plus mondialisé. Portraits de 12 de ces immigrés de l&#8217;Ovalie venus des quatre coins de la planète pour s&#8217;épanouir dans l&#8217;Hexagone.
</p></blockquote>

<a href='http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/top_14_legion_etrangere_5/' title='Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/09/top_14_legion_etrangere_5-300x166.jpg" class="attachment-medium" alt="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" title="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" /></a>
<a href='http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/top_14_legion_etrangere_4/' title='Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/09/top_14_legion_etrangere_4-300x166.jpg" class="attachment-medium" alt="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" title="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" /></a>
<a href='http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/top_14_legion_etrangere_3/' title='Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/09/top_14_legion_etrangere_3-300x166.jpg" class="attachment-medium" alt="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" title="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" /></a>
<a href='http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/top_14_legion_etrangere_2/' title='Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/09/top_14_legion_etrangere_2-300x166.jpg" class="attachment-medium" alt="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" title="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" /></a>
<a href='http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/top_14_legion_etrangere_1/' title='Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24'><img width="300" height="166" src="http://3wdoc.com/fr/wp-content/uploads/2011/09/top_14_legion_etrangere_1-300x166.jpg" class="attachment-medium" alt="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" title="Sport, Rugby, France 24, webdoc – Top-14 : Légion étrangère – rugby – France 24" /></a>

<h4>Nouvelle-Zélande</h4>
<div class="gm-map"><iframe name="gm-map-7" src="http://3wdoc.com/fr/?geo_mashup_content=render-map&amp;map_data_key=48a5f37d92efff5af4d25f8d5468bd0b" height="235" width="600" marginheight="0" marginwidth="0" scrolling="no" frameborder="0"></iframe></div>
<h2>Pour aller plus loin</h2>
<ul>
<li>Le Top-14 : Légion étrangère &#8211; rugby &#8211; France 24<br /><a href="http://www.france24.com/static/infographies/webdocumentaire-top-14-legion-etrangere/index.html" target="_blank">http://www.france24.com/static/infographies/webdocumentaire-top-14-legion-etrangere/</a></li>
<li>Arrêt Bosman<br /><a href="http://fr.wikipedia.org/wiki/Arr%C3%AAt_Bosman" target="_blank">http://fr.wikipedia.org/wiki/Arr%C3%AAt_Bosman</a></li>
<li>Max Guazzini<br /><a href="http://fr.wikipedia.org/wiki/Max_Guazzini" target="_blank">http://fr.wikipedia.org/wiki/Max_Guazzini</a></li>
<li>&laquo;&nbsp;A Madame Michu , on n&#8217;explique pas les règles du rugby, on lui montre Sébastien Chabal&#8230;&nbsp;&raquo;<br /><a href="http://www.paris-turf.com/pid59-cid71153-richard-hullin--je-reve-qu-un-jockey-soit-elu-un-jour-athlete-de-l-annee.html" target="_blank">http://www.paris-turf.com/pid59-cid71153-richard-hullin&#8211;je-reve-qu-un-jockey-soit-elu-un-jour-athlete-de-l-annee.html</a></li>
<li>Quelques chansons de la légion, la vraie&#8230; attention, écoutez ces chansons en boucle font de vous un homme de droite !<br />
<i>Le célébre</i><br />
<a href="http://www.legion-etrangere.com/modules_media/musique/chant_legion/nous_somme_dela.mp3" target="_blank">http://www.legion-etrangere.com/modules_media/musique/chant_legion/nous_somme_dela.mp3</a><br />
<i>La version française de l&#8217;originale allemande</i><br />
<a href="http://www.legion-etrangere.com/modules_media/musique/chant_legion/javais1camarade.mp3" target="_blank">http://www.legion-etrangere.com/modules_media/musique/chant_legion/javais1camarade.mp3</a><br />
<i>L&#8217;allemande, impromptue</i><br />
<a href="http://www.legion-etrangere.com/modules_media/musique/chant_legion/ich_kameraden.mp3" target="_blank">http://www.legion-etrangere.com/modules_media/musique/chant_legion/ich_kameraden.mp3</a></p>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://3wdoc.com/fr/2011/09/09/sport-rugby-france-24-webdoc-top-14-legion-etrangere-rugby-france-24/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.legion-etrangere.com/modules_media/musique/chant_legion/nous_somme_dela.mp3" length="1912489" type="audio/mpeg" />
<enclosure url="http://www.legion-etrangere.com/modules_media/musique/chant_legion/javais1camarade.mp3" length="1914997" type="audio/mpeg" />
<enclosure url="http://www.legion-etrangere.com/modules_media/musique/chant_legion/ich_kameraden.mp3" length="1777489" type="audio/mpeg" />
	<georss:point>-40.9005585 174.8859711</georss:point>	</item>
	</channel>
</rss>

