document.write("<div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Surcouf : Charte graphique du site internet //</div><span class=\'Presta\'>&nbsp;2010 / Direction artistique web /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de la charte graphique du site internet de Surcouf. Les &eacute;crans seront visibles apr&egrave;s la mise en ligne du nouveau site pr&eacute;vue pour l\'&eacute;t&eacute; 2011.</div><div class=\'LynkDetails\'><a href=\'/book/details/surcouf-charte-graphique-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Charte graphique site internet\' /></a></div><div class=\'contentimage\'>  <a href=\'/book/details/surcouf-charte-graphique-site-internet.html\'><img src=\'portfolio/clients/surcouf.jpg\' alt=\'1 - creation charte graphique site e-commerce informatique\' border=\'0\' width=\'837\' height=\'215\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Cofidis : Banni&egrave;re comp&eacute;tition //</div><span class=\'Presta\'>&nbsp;2009 / DA et animation /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de 2 banni&egrave;res pour une comp&eacute;tition.</div><div class=\'LynkDetails\'><a href=\'/book/details/bancofid-banniere-publicite-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Master banniere publicitaire\' /></a></div><div class=\'contentimage\'>  <a href=\'/book/details/bancofid-banniere-publicite-flash.html\'><img src=\'portfolio/clients/cofid-banniere-publicite-flash.jpg\' alt=\'2 - da et animation bannieres pour competition\' border=\'0\' width=\'837\' height=\'300\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>PSA : Plan&egrave;te groupe on line //</div><span class=\'Presta\'>&nbsp;2008 / Direction artistique et r&eacute;alisation de la maquette /</span><br />  <div class=\'Texte\'>Maquette fonctionnelle d\'avant vente pour le journal interne de PSA.</div><div class=\'LynkDetails\'><a href=\'/book/details/PSAPGL-maquette-journal-interne-online.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Maquette fonctionnelle de journal interne entreprise\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/PSA-Planete-groupe-on-line/\' target=\'_blank\' rel=\'nofollow\'><img src=\'portfolio/clients/psa_planete-groupe-on-line.jpg\' alt=\'3 - Planete groupe on line\' border=\'0\' width=\'837\' height=\'358\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Adidas AuCoeurDesBleus //</div><span class=\'Presta\'>&nbsp;2008 / Animations flash et graphisme evenementiel /</span><br />  <div class=\'Texte\'>Cr&eacute;ation d\'animations flash et d\'&eacute;l&eacute;ments graphiques &eacute;v&eacute;nementiels pour le site d\'Adidas sur l\'euro 2008.</div><div class=\'LynkDetails\'><a href=\'/book/details/AdCoeurDesBleus-webdesign-animations-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Animations flash &eacute;v&eacute;nementielles pour le site internet\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/adidas-au-coeur-des-bleus.jpg\' alt=\'4 - adidas\' border=\'0\' width=\'837\' height=\'376\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Adidas Running : Clubs courses //</div><span class=\'Presta\'>&nbsp;2008 / Charte graphique, ergonomie et storyboard /</span><br />  <div class=\'Texte\'>Direction artistique de la partie Club courses, pour le site running d\'Adidas</div><div class=\'LynkDetails\'><a href=\'/book/details/AdRunClubC-DA-charte-graphique-site-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'D.A d\'un site flash\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/adidas-running-club-courses/_01.jpg\' title=\'\' id=\'AdRunClubC-DA-charte-graphique-site-flash01\' class=\'AdRunClubC-DA-charte-graphique-site-flash\'><img src=\'portfolio/clients/adidas-running-club-courses.jpg\' alt=\'5 - club courses adidas running\' border=\'0\' width=\'837\' height=\'400\' /></a><a href=\'../clients/adidas-running-club-courses/_02.jpg\' title=\'\' id=\'AdRunClubC-DA-charte-graphique-site-flash02\' class=\'AdRunClubC-DA-charte-graphique-site-flash\'></a><a href=\'../clients/adidas-running-club-courses/_03.jpg\' title=\'\' id=\'AdRunClubC-DA-charte-graphique-site-flash03\' class=\'AdRunClubC-DA-charte-graphique-site-flash\'></a><a href=\'../clients/adidas-running-club-courses/_04.jpg\' title=\'\' id=\'AdRunClubC-DA-charte-graphique-site-flash04\' class=\'AdRunClubC-DA-charte-graphique-site-flash\'></a><a href=\'../clients/adidas-running-club-courses/_05.jpg\' title=\'\' id=\'AdRunClubC-DA-charte-graphique-site-flash05\' class=\'AdRunClubC-DA-charte-graphique-site-flash\'></a><a href=\'../clients/adidas-running-club-courses/_06.jpg\' title=\'\' id=\'AdRunClubC-DA-charte-graphique-site-flash06\' class=\'AdRunClubC-DA-charte-graphique-site-flash\'></a><a href=\'../clients/adidas-running-club-courses/_07.jpg\' title=\'\' id=\'AdRunClubC-DA-charte-graphique-site-flash07\' class=\'AdRunClubC-DA-charte-graphique-site-flash\'></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Adidas Running : Blogs Clubs courses //</div><span class=\'Presta\'>&nbsp;2008 / Charte graphique, ergonomie et document d\'usage /</span><br />  <div class=\'Texte\'>Direction artistique, cr&eacute;ation du principe de chartes graphiques des communaut&eacute;s de blogs Adidas destin&eacute;e aux clubs de courses.</div><div class=\'LynkDetails\'><a href=\'/book/details/AdBlogClubC-Charte-graphique-blog.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation de blogs de marque\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/adidas-blog-club-courses.jpg\' alt=\'6 - Adidas clubs course\' border=\'0\' width=\'837\' height=\'357\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Parlez moi de modes //</div><span class=\'Presta\'>&nbsp;2007 / Cr&eacute;ation de la campagne, animation et production flash /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de la campagne de publicit&eacute; online pour le lancement du site internet \'Parlez moi de modes\' (La Redoute).</div><div class=\'LynkDetails\'><a href=\'/book/details/PMDM-campagne-plublicite-online-bannieres-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Banni&egrave;res publicitaires\' /></a></div><div class=\'contentimage\'>  <a href=\'/book/details/PMDM-campagne-plublicite-online-bannieres-flash.html\'><img src=\'portfolio/clients/PMDM-campagne-online.jpg\' alt=\'7 - PMDM\' border=\'0\' width=\'837\' height=\'341\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>CORAIL INTERCITES //</div><span class=\'Presta\'>&nbsp;2007 / D&eacute;clinaison graphique et production /</span><br />  <div class=\'Texte\'>Production du site internet.</div><div class=\'LynkDetails\'><a href=\'/book/details/CorailInt-production-site-internet-animation-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation et int&eacute;gration du site web\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/CorailIntercites/v01.01.flv\'  rel=\'width:640,height:420\' title=\'\' id=\'CorailInt-production-site-internet-animation-flash1\' class=\'CorailInt-production-site-internet-animation-flash\'><img src=\'portfolio/clients/corail-intercites.jpg\' alt=\'8 - CORAIL INTERCITES\' border=\'0\' width=\'838\' height=\'397\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>CORSAIRFLY / JEU //</div><span class=\'Presta\'>&nbsp;2007 / Graphisme et storyboard /</span><br />  <div class=\'Texte\'>Maquette d\'un jeu flash pour CorsairFly, r&eacute;alis&eacute; pour une comp&eacute;tition.</div><div class=\'LynkDetails\'><a href=\'/book/details/CorsairfJeuF-direction-artistique-graphisme-jeu-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Direction artistique du jeu\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/corsairfly_jeu.jpg\' alt=\'9 - Maquette du jeu\' border=\'0\' width=\'837\' height=\'461\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>TGV EST //</div><span class=\'Presta\'>&nbsp;2007 / Graphisme et animation flash /</span><br />  <div class=\'Texte\'>Habillage &eacute;v&eacute;nementiel de la homepage du site internet pour le lancement du service.</div><div class=\'LynkDetails\'><a href=\'/book/details/TgvEstHabillage-habillage-evenementiel-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Habillage graphique &eacute;venementiel\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/tgv-est-habillage-home.jpg\' alt=\'10 - tgv\' border=\'0\' width=\'837\' height=\'297\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>ArcelorMittal publicit&eacute; online //</div><span class=\'Presta\'>&nbsp;2007 / Direction artistique de la campagne /</span><br />  <div class=\'Texte\'>DA de la campagne de publicit&eacute; online ciblant les majeurs sites internet dans le domaine de l\'information et de l\'&eacute;conomie.</div><div class=\'LynkDetails\'><a href=\'/book/details/ArcelorMit-graphisme-campagne-publicite-online.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Campagne de publicit&eacute; online\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/arcelor-mital-cp1.jpg\' alt=\'11 - Banni&egrave;res flash\' border=\'0\' width=\'837\' height=\'279\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>LA REDOUTE / MINISITE YELENA NOAH //</div><span class=\'Presta\'>&nbsp;2007 / Production flash, d&eacute;veloppement actionscript /</span><br />  <div class=\'Texte\'>Production pour TBWA Interactive du minisite internet pour la redoute.</div><div class=\'LynkDetails\'><a href=\'/book/details/LaRedouteYelenaNoah-production-site-internet-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'D&eacute;veloppement et animation de site flash\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/la-redoute-yelena-noah.jpg\' alt=\'12 - production du site flash\' border=\'0\' width=\'837\' height=\'378\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>BMW SERIE 3 //</div><span class=\'Presta\'>&nbsp;2007 / Graphisme et animation flash /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de banni&egrave;res flash pour TBWA Interactive</div><div class=\'LynkDetails\'><a href=\'/book/details/BMWSerie3-banniere-publicitaire-online-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation d\'une banni&egrave;re flash\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/bmw-bannieres-serie-3.jpg\' alt=\'13 - banni&egrave;res publicitaires BMW\' border=\'0\' width=\'837\' height=\'246\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Saint Honor&eacute; Paris //</div><span class=\'Presta\'>&nbsp;2005-2007 / Direction artistique, d&eacute;veloppement du site, animations &eacute;v&eacute;nementielles flash /</span><br />  <div class=\'Texte\'>Communication internet de la marque, cr&eacute;ation du site internet multilingue (full flash), animations &eacute;v&eacute;nementielles, emailing.</div><div class=\'LynkDetails\'><a href=\'/book/details/shp-creation-site-internet-full-flash-multilingue.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Communication de marque et site internet flash\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/shp.jpg\' alt=\'14 - SHP\' border=\'0\' width=\'837\' height=\'404\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Gist : campagne cooptation //</div><span class=\'Presta\'>&nbsp;2005 / Direction artistique, animation flash /</span><br />  <div class=\'Texte\'>Graphisme du site internet, e-mailing, dans le cadre d\'une campagne de cooptation.</div><div class=\'LynkDetails\'><a href=\'/book/details/gist-charte-web-emailling-site-cooptation.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Charte graphique de site internet pour une campagne de cooptation\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/gist.jpg\' alt=\'15 - da du site internet et e-mailing\' border=\'0\' width=\'837\' height=\'321\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>SCHNEIDER ELECTRIC //</div><span class=\'Presta\'>&nbsp;2005-2008 / Chartes graphiques, animations flash, vid&eacute;o, d&eacute;veloppement, modules flash /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de plusieurs sites intranet, modules flash, e-card de voeux, et minisite avec d&eacute;veloppement d\'un back office flash en local.</div><div class=\'LynkDetails\'><a href=\'/book/details/SchneiderElectic-graphisme-webdesign-flash-site-intranet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation de sites et modules flash\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/schneider-electric-intranets.jpg\' alt=\'16 - creation graphique pour intranet\' border=\'0\' width=\'837\' height=\'440\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>VIA MICHELIN : ESPACE NAVIGATION //</div><span class=\'Presta\'>&nbsp;2005 / Charte graphique et ergonomie /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de la charte graphique pour le site internet Via Michelin de l\'espace navigation, espace d&eacute;di&eacute; aux produits gps.</div><div class=\'LynkDetails\'><a href=\'/book/details/VMichelinEspNav-creation-charte-graphique-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Charte graphique du site internet\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/via_michelin-espace_navigation/\' target=\'_blank\' rel=\'nofollow\'><img src=\'portfolio/clients/via_michelin.jpg\' alt=\'17 - Via Michelin Espace navigation\' border=\'0\' width=\'837\' height=\'479\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>BABE IDOL //</div><span class=\'Presta\'>&nbsp;2005 / Proposition graphique et ergonomique /</span><br />  <div class=\'Texte\'>Maquette, proposition graphique pour le site internet d\'une boutique de v&ecirc;tements de cr&eacute;ateurs pour les enfants de 0 &agrave; 8 ans.</div><div class=\'LynkDetails\'><a href=\'/book/details/BabeIdol-maquette-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Site de vente en ligne de v&ecirc;tements\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/babe_idol/\' target=\'_blank\' rel=\'nofollow\'><img src=\'portfolio/clients/babe_idol.jpg\' alt=\'18 - Babe idol\' border=\'0\' width=\'837\' height=\'381\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>CAUDALIE //</div><span class=\'Presta\'>&nbsp;2005 / Proposition graphique et ergonomique /</span><br />  <div class=\'Texte\'>Proposition de charte graphique pour une nouvelle version du site internet de la marque de cosm&eacute;tiques.</div><div class=\'LynkDetails\'><a href=\'/book/details/Caud-Maquette-Site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Proposition de charte graphique du site internet de la marque\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/__print/caudalie/_01.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet01\' class=\'Caud-Maquette-Site-internet\'><img src=\'portfolio/clients/caudalie.jpg\' alt=\'19 - proposition graphique site internet cosm&eacute;tiques\' border=\'0\' width=\'837\' height=\'438\' /></a><a href=\'../clients/__print/caudalie/_02.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet02\' class=\'Caud-Maquette-Site-internet\'></a><a href=\'../clients/__print/caudalie/_03.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet03\' class=\'Caud-Maquette-Site-internet\'></a><a href=\'../clients/__print/caudalie/_04.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet04\' class=\'Caud-Maquette-Site-internet\'></a><a href=\'../clients/__print/caudalie/_05.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet05\' class=\'Caud-Maquette-Site-internet\'></a><a href=\'../clients/__print/caudalie/_06.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet06\' class=\'Caud-Maquette-Site-internet\'></a><a href=\'../clients/__print/caudalie/_07.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet07\' class=\'Caud-Maquette-Site-internet\'></a><a href=\'../clients/__print/caudalie/_08.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet08\' class=\'Caud-Maquette-Site-internet\'></a><a href=\'../clients/__print/caudalie/_09.jpg\' title=\'\' id=\'Caud-Maquette-Site-internet09\' class=\'Caud-Maquette-Site-internet\'></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>MARIE GROUPE UNIQ //</div><span class=\'Presta\'>&nbsp;2005 / Proposition graphique /</span><br />  <div class=\'Texte\'>Maquette, proposition pour le site internet corporate du groupe.</div><div class=\'LynkDetails\'><a href=\'/book/details/MarieGroupeUniq-webdesign-maquette-charte-graphique-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Charte graphique de site internet\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/marie_uniq.jpg\' alt=\'20 - Maquette corporate pour le groupe\' border=\'0\' width=\'838\' height=\'419\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>METACORP //</div><span class=\'Presta\'>&nbsp;2005 / Charte graphique, ergonomie et optimisation html/php /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de la charte graphique du site internet de la SSII.</div><div class=\'LynkDetails\'><a href=\'/book/details/Metacorp-creation-graphique-site-internet-et-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Graphisme site internet SSII\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/metacorp.jpg\' alt=\'21 - METACORP, DA et graphisme web\' border=\'0\' width=\'836\' height=\'428\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'multimedia\'><img src=\'portfolio/Titre_multimedia.jpg\' width=\'35\' height=\'118\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>CARTIER : MODE D\'EMPLOI HORLOGERIE //</div><span class=\'Presta\'>&nbsp;2004 / Charte graphique et ergonomie /</span><br />  <div class=\'Texte\'>Proposition graphique pour le passage du mode d\'emploi des montres Cartier du support papier &agrave; un support num&eacute;rique.</div><div class=\'LynkDetails\'><a href=\'/book/details/CartierModeDemploi-graphisme-proposition-graphique-cd-rom.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Direction artistique et charte graphique de cd-rom de mode d\'emploi\' /></a></div><div class=\'contentimage\'>  <a href=\'/clients/__print/cartier_mode_demploie/_01.jpg\' title=\'\' id=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom01\' class=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom\'><img src=\'portfolio/clients/cartier.jpg\' alt=\'22 - cartier mode d\'emploi\' border=\'0\' width=\'837\' height=\'436\' /></a><a href=\'/clients/__print/cartier_mode_demploie/_02.jpg\' title=\'\' id=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom02\' class=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom\'></a><a href=\'/clients/__print/cartier_mode_demploie/_03.jpg\' title=\'\' id=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom03\' class=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom\'></a><a href=\'/clients/__print/cartier_mode_demploie/_04.jpg\' title=\'\' id=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom04\' class=\'CartierModeDemploi-graphisme-proposition-graphique-cd-rom\'></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>PIERRE-ERIC FLEURY //</div><span class=\'Presta\'>&nbsp;2004 / Cr&eacute;ation du site, animation et d&eacute;veloppement flash / xml / php /</span><br />  <div class=\'Texte\'>Conception du site internet pour le peintre sculpteur Pierre-Eric Fleury.</div><div class=\'LynkDetails\'><a href=\'/book/details/EFleury-creation-site-internet-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation site internet flash d artiste\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/pierre-ericfleury/\' target=\'_blank\' rel=\'nofollow\'><img src=\'portfolio/clients/fleury.jpg\' alt=\'23 - cr&eacute;ation du site flash de Pierre-Eric Fleury\' border=\'0\' width=\'837\' height=\'358\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>SPRING //</div><span class=\'Presta\'>&nbsp;2004 / DA, maquette flash /</span><br />  <div class=\'Texte\'>Proposition graphique et ergonomique en full flash pour le site de la marque.</div><div class=\'LynkDetails\'><a href=\'/book/details/SpringProjet-creation-maquette-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Charte graphique flash de site de marque\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/spring/\' target=\'_blank\' rel=\'nofollow\'><img src=\'portfolio/clients/spring.jpg\' alt=\'24 - SPRING\' border=\'0\' width=\'837\' height=\'388\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>CEA : LES DATES CL&Eacute;S //</div><span class=\'Presta\'>&nbsp;2003 / Graphisme et animation, d&eacute;veloppement flash : actionscript et xml /</span><br />  <div class=\'Texte\'>Refonte du syst&egrave;me de navigation et de l\'ergonomie d\'un module flash de pr&eacute;sentation des dates cl&eacute;s du CEA \'Commissariat &agrave; l\'Energie Atomique\'.</div><div class=\'LynkDetails\'><a href=\'/book/details/CeaDatesCles-refonte-internet-module-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Graphisme et conception de modules flash\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/cea_dates_cles/histoire.htm\'  rel=\'width:760,height:450\' title=\'\' id=\'CeaDatesCles-refonte-internet-module-flash1\' class=\'CeaDatesCles-refonte-internet-module-flash\'><img src=\'portfolio/clients/cea.jpg\' alt=\'25 - CEA\' border=\'0\' width=\'837\' height=\'368\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>ETAM //</div><span class=\'Presta\'>&nbsp;2003 / R&eacute;alisation du jeu /</span><br />  <div class=\'Texte\'>R&eacute;alisation d\'un jeu flash de fid&eacute;lisation pour les clientes d\'Etam, avec segmentation sur deux types de cibles.</div><div class=\'LynkDetails\'><a href=\'/book/details/Etam-jeu-fidelisation-flash-concours.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation jeu flash de fid&eacute;lisation\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/etam/\'  rel=\'width:540,height:574\' title=\'\' id=\'Etam-jeu-fidelisation-flash-concours1\' class=\'Etam-jeu-fidelisation-flash-concours\'><img src=\'portfolio/clients/etam.jpg\' alt=\'26 - Etam : jeu flash webmarketing\' border=\'0\' width=\'837\' height=\'449\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>ROCHAS //</div><span class=\'Presta\'>&nbsp;2003 / Proposition graphique et ergonomique /</span><br />  <div class=\'Texte\'>Proposition de design pour la refonte du site internet de Rochas en full flash et r&eacute;alisation de la maquette fonctionnelle.</div><div class=\'LynkDetails\'><a href=\'/book/details/Roch-maquette-site-internet-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Maquette fonctionnelle site flash\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/rochas.jpg\' alt=\'27 - ROCHAS : maquette\' border=\'0\' width=\'837\' height=\'371\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Archimondain Jolipunk //</div><span class=\'Presta\'>&nbsp;2003 / Graphisme et animation flash /</span><br />  <div class=\'Texte\'>Cr&eacute;ation du minisite internet pour la sortie du livre de Camille de Tol&eacute;do.</div><div class=\'LynkDetails\'><a href=\'/book/details/ArchimJpunk-creation-minisite-internet-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Minisite internet flash\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/archimondain/\'  rel=\'width:770,height:400\' title=\'\' id=\'ArchimJpunk-creation-minisite-internet-flash1\' class=\'ArchimJpunk-creation-minisite-internet-flash\'><img src=\'portfolio/clients/archimondainJolipunk.jpg\' alt=\'28 - creation du minisite internet pour le livre de camille de tol&eacute;do\' border=\'0\' width=\'832\' height=\'365\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>ART PARIS //</div><span class=\'Presta\'>&nbsp;2003 / Charte et int&eacute;gration html/javascript /</span><br />  <div class=\'Texte\'>R&eacute;alisation du site internet de la 5° &eacute;dition d\'Art Paris, salon d\'art moderne et contemporain.</div><div class=\'LynkDetails\'><a href=\'/book/details/ArtParis-Creation-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation site internet de salon\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/art-paris.jpg\' alt=\'29 - Art Paris 2003 : site internet\' border=\'0\' width=\'837\' height=\'334\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'multimedia\'><img src=\'portfolio/Titre_multimedia.jpg\' width=\'35\' height=\'118\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>PIPER HEIDSIECK //</div><span class=\'Presta\'>&nbsp;2003 / Graphisme / Cr&eacute;ation et r&eacute;alisation de l\'animation flash /</span><br />  <div class=\'Texte\'>Animation flash de support visuel pour une pr&eacute;sentation marketing</div><div class=\'LynkDetails\'><a href=\'/book/details/PHProjet-graphisme-presentation-marketing.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Pr&eacute;sentation marketing de la marque\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/piper_prez_market.jpg\' alt=\'30 - Animation Piper Heidsieck\' border=\'0\' width=\'837\' height=\'318\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>CITE DES SCIENCES //</div><span class=\'Presta\'>&nbsp;2002 / DA de la maquette /</span><br />  <div class=\'Texte\'>Proposition d\'une charte graphique pour le catalogue de films destin&eacute; aux professionnels.</div><div class=\'LynkDetails\'><a href=\'/book/details/CDSciences-maquette-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Maquette de site internet\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/cite_sciences.jpg\' alt=\'31 - CITE DES SCIENCES : maquette\' border=\'0\' width=\'837\' height=\'270\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>PIPER HEIDSIECK //</div><span class=\'Presta\'>&nbsp;2002 / Animation flash et ambiance sonore /</span><br />  <div class=\'Texte\'>Cr&eacute;ation d\'une <b>E-card</b> de voeux pour l\'ann&eacute;e 2003, diffus&eacute;e en interne et en externe.</div><div class=\'LynkDetails\'><a href=\'/book/details/PHeidsieckPEcard-creation-ecard-animation-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation animation flash de voeux\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/piper/piper.swf\'  rel=\'width:565,height:302\' title=\'\' id=\'PHeidsieckPEcard-creation-ecard-animation-flash1\' class=\'PHeidsieckPEcard-creation-ecard-animation-flash\'><img src=\'portfolio/clients/piper_ecard_2003.jpg\' alt=\'32 - E-card de voeux pour la marque de champagne\' border=\'0\' width=\'837\' height=\'325\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>Clarins - Multi-active nuit //</div><span class=\'Presta\'>&nbsp;2002 / DA, animation flash, cr&eacute;ation et int&eacute;gration du site /</span><br />  <div class=\'Texte\'>Cr&eacute;ation du minisite pour la pr&eacute;sentation du produit Multi-active nuit.</div><div class=\'LynkDetails\'><a href=\'/book/details/clar-minisite-presentation-produit-intro-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation d un site internet de pr&eacute;sentation de produits cosm&eacute;tiques\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/clarins-multiactive-nuit.jpg\' alt=\'33 - site internet html de pr&eacute;sentation produit avec intro flash\' border=\'0\' width=\'837\' height=\'322\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'multimedia\'><img src=\'portfolio/Titre_multimedia.jpg\' width=\'35\' height=\'118\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>HELENA RUBINSTEIN //</div><span class=\'Presta\'>&nbsp;2002 / Charte graphique et animation /</span><br />  <div class=\'Texte\'>R&eacute;alisation de la charte graphique pour ce cd-rom international de formation aux produits cosm&eacute;tiques de la marque.</div><div class=\'LynkDetails\'><a href=\'/book/details/HRProjet-charte-graphique-cd-rom-cosmetique.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cd-rom de formation aux produits cosm&eacute;tique\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/helena_rubistein.jpg\' alt=\'34 - HR cd-rom\' border=\'0\' width=\'837\' height=\'409\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'multimedia\'><img src=\'portfolio/Titre_multimedia.jpg\' width=\'35\' height=\'118\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>EUROCOPTER //</div><span class=\'Presta\'>&nbsp;2002 / Charte graphique et ergonomie /</span><br />  <div class=\'Texte\'>R&eacute;alisation graphique de la charte d\'un cd-rom de support commercial.</div><div class=\'LynkDetails\'><a href=\'/book/details/EurocoptProjet-maquette-cd-rom-presentation.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'DA charte graphique de cd-rom\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/eurocopter.jpg\' alt=\'35 - Eurocopter : charte graphique cd-rom\' border=\'0\' width=\'837\' height=\'431\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>ALCATEL ONE TOUCH 715 //</div><span class=\'Presta\'>&nbsp;2002 / Graphisme et animation Flash, production en 7 langues /</span><br />  <div class=\'Texte\'>R&eacute;alisation d\'une animation \'Buzz\' autour de la sortie de ce mod&egrave;le de t&eacute;l&eacute;phone portable.</div><div class=\'LynkDetails\'><a href=\'/book/details/AlcatelOneTouch715-webdesign-animation-flash-buzz-presentation-produit.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Animation flash lancement de produit\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/alcatel_one_touch_715.jpg\' alt=\'36 - ALCATEL ONE TOUCH 715 : graphisme et animation d&eacute;clin&eacute; en 7 langues\' border=\'0\' width=\'837\' height=\'344\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>ACTWEB //</div><span class=\'Presta\'>&nbsp;2001 / Charte graphique et introduction flash,  /</span><br />  <div class=\'Texte\'>Cr&eacute;ation de la charte du site internet et animation pour cette Web agency.</div><div class=\'LynkDetails\'><a href=\'/book/details/ActwebProjet-creation-charte-graphique-site-internet.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Charte graphique et animation flash\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/actweb/\' target=\'_blank\' rel=\'nofollow\'><img src=\'portfolio/clients/actweb.jpg\' alt=\'37 - Animation d\'introduction et charte du site web\' border=\'0\' width=\'837\' height=\'382\' /></a></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>ALLIANCE BORDEAUX //</div><span class=\'Presta\'>&nbsp;2001 / Charte graphique et d&eacute;veloppement du site : flash, php /</span><br />  <div class=\'Texte\'>R&eacute;alisation du site internet pour cette union commerciale des deux plus grandes caves de Bordeaux.</div><div class=\'LynkDetails\'><a href=\'/book/details/AllianceBx-creation-site-internet-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation du site flash\' /></a></div><div class=\'contentimage\'>  <img src=\'portfolio/clients/alliance_bx.jpg\' alt=\'38 - Site Alliance Bordeaux\' border=\'0\' width=\'837\' height=\'354\' /></div>  </div>  <div class=\'PresProjet\'><br /><div class=\'web\'><img src=\'portfolio/Titre_web.jpg\' width=\'35\' height=\'48\' alt=\'\' /></div><br />  <div class=\'TitreClient\'>LUIS KRAEMER //</div><span class=\'Presta\'>&nbsp;2000 / Animation flash /</span><br />  <div class=\'Texte\'>Animation / introduction flash pour le site internet de cette chaine de coiffure.</div><div class=\'LynkDetails\'><a href=\'/book/details/LKraemer-creation-animation-flash.html\'><img src=\'portfolio/details.gif\' width=\'35\' height=\'11\' border=\'0\' alt=\'Cr&eacute;ation introduction flash de site internet\' /></a></div><div class=\'contentimage\'>  <a href=\'../clients/luiskraemer/\' target=\'_blank\' rel=\'nofollow\'><img src=\'portfolio/clients/luis_kraemer.jpg\' alt=\'39 - Introduction site internet animation flash\' border=\'0\' width=\'837\' height=\'274\' /></a></div>  </div>  ");
