<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr-FR"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="fr-FR"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="fr-FR"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="fr-FR"> <!--<![endif]--><head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>unicomonde | GillesHoarau.com</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/wp-content/themes/bodyrock/img/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/wp-content/themes/bodyrock/img/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/wp-content/themes/bodyrock/img/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="/wp-content/themes/bodyrock/img/ico/apple-touch-icon-57-precomposed.png">
	
	<link rel="stylesheet" href="/wp-content/themes/bodyrock/css/style.css">
	<link rel="stylesheet" href="/wp-content/themes/boot-gilleshoarauv3/css/style.css">
	<link rel="stylesheet" href="/wp-content/themes/bodyrock/css/responsive.css">
		<script src="/wp-content/themes/bodyrock/js/libs/jquery-1.7.1.min.js"></script>
    
	
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.4.7 - http://yoast.com/wordpress/seo/ -->
<link rel="canonical" href="/communication/unicomonde/" />
<!-- / Yoast WordPress SEO plugin. -->

<link rel="stylesheet" href="/wp-content/plugins/mailchimp//css/flick/flick.css?ver=3.5.1">
<link rel="stylesheet" href="?mcsf_action=main_css&#038;ver=3.5.1">
<!--[if IE]>
<link rel="stylesheet" href="/wp-content/plugins/mailchimp/css/ie.css?ver=3.5.1">
<![endif]-->
<link rel="stylesheet" href="/wp-content/plugins/social-media-mashup/style.css?ver=3.5.1">
<link rel="stylesheet" href="/wp-content/plugins/social-media-mashup/icons.css?ver=3.5.1">
<link rel="stylesheet" href="/wp-content/plugins/addthis/css/output.css?ver=3.5.1">
<script type='text/javascript' src='/wp-content/plugins/mailchimp/js/scrollTo.js?ver=1.2.14'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/jquery.form.min.js?ver=2.73'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var mailchimpSF = {"ajax_url":"http:\/\/gilleshoarau.com\/"};
/* ]]> */
</script>
<script type='text/javascript' src='/wp-content/plugins/mailchimp/js/mailchimp.js?ver=1.2.14'></script>
<script type='text/javascript' src='/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.9.2'></script>
<script type='text/javascript' src='/wp-content/plugins/mailchimp//js/datepicker.js?ver=3.5.1'></script>
	<link rel="stylesheet" href="http://gilleshoarau.com/wp-content/plugins/auto-link-best-tags/css/styles.css" type="text/css" />
		<script type="text/javascript">
		jQuery(function($) {
			$('.date-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: true,
				beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
				dateFormat: 'yy/mm/dd',
			});

			d = new Date();
			$('.birthdate-pick').datepicker({
				autoFocusNextInput: true,
				constrainInput: false,
				changeMonth: true,
				changeYear: false,
				minDate: new Date(d.getFullYear(), 1-1, 1),
				maxDate: new Date(d.getFullYear(), 12-1, 31),
				beforeShow: function(input, inst) { $('#ui-datepicker-div').removeClass('show'); },
				dateFormat: 'mm/dd',
			});


		});
	</script>
	<link type="text/css" rel="stylesheet" href="http://gilleshoarau.com/wp-content/plugins/wp-activity/wp-activity.css" />	<!--HOLA-->

  </head>

	<body data-spy="scroll" data-target=".subnav" data-offset="50">

        <!-- Navbar ================================================== -->
        <div class="navigation">
            <div class="container">
                <div class="row">
                    <div class="span4">
                        <a class="brand" href="http://gilleshoarau.com/" title="GillesHoarau.com" rel="home"><img src="/senzu/gilleshoarau/logo-gilleshoarau_avatar.png" alt="GillesHoarau.com" height="49" width="249" /></a> 
                    </div>
                    <div class="span8">
                        <div class="navbar navbar-inverse">
                          <div class="navbar-inner">
                            <div class="container">
                              <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                              </a>
                              <div class="nav-collapse collapse navbar-responsive-collapse">
                                <!--start-->
                                <form class="navbar-search pull-right" action="http://gilleshoarau.com/">
                      <input type="text" class="search-query span2" value="" name="s" id="s" placeholder="Rechercher">
                      <input type="submit" style="display:none;" id="searchsubmit" value="Recherche" />
                    </form><ul id="menu-nouveau-monde" class="nav pull-right"><li id="menu-item-1183" class=" "><a href="/inspiration/" >Inspiration <b class="caret"></b></a>
<ul class="dropdown-menu">
	<li id="menu-item-3887" class=" "><a href="/inspiration/videos/">Vidéos</a></li>	<li id="menu-item-3888" class=" "><a href="/inspiration/marques-publicite/">Publicité</a></li>	<li id="menu-item-3889" class=" "><a href="/inspiration/citations/">Citations</a></li><!--.dropdown-->
</ul>
</li><li id="menu-item-3213" class=" "><a href="/ressources/" >Ressources <b class="caret"></b></a>
<ul class="dropdown-menu">
	<li id="menu-item-3890" class=" "><a href="/ressources/tutoriels/">Tutoriels</a></li>	<li id="menu-item-3891" class=" "><a href="/ressources/web-4/">Web</a></li><!--.dropdown-->
</ul>
</li><li id="menu-item-1182" class=" "><a href="/blog/" >Blog <b class="caret"></b></a>
<ul class="dropdown-menu">
	<li id="menu-item-3892" class=" "><a href="/blog/actualite/">Actualité</a></li>	<li id="menu-item-3893" class=" "><a href="/blog/web-blog/">Code</a></li>	<li id="menu-item-3894" class=" "><a href="/blog/creation/">Design</a></li>	<li id="menu-item-3895" class=" "><a href="/blog/photographies/">Photographie</a></li><!--.dropdown-->
</ul>
</li></ul>                                <!--end-->
                                
                                </div><!-- /.nav-collapse -->
                            </div>
                          </div><!-- /navbar-inner -->
                        </div><!-- /navbar -->
                    </div>
                </div>
            </div>
        </div>
        
        <hr class="clearfix" style="height:7em;">
        


           

    <div class="container">  
        <div class="row">
            <div class="span12">
                <h1 class="nomarge"> Unicomonde </h1>
            </div>
        </div>
          
        <div class="row">
            <div class="span10">
                <div class="row">
					<div class="modeblog">
    <div class="span5">

        <div class="media recent-post-item">
            <div class="wrapthethumb">
            <a href="/2008/10/31/unicomonde-com-galeries-multimedias/">
                <span class="thethumb" style="display:block; width:px; height:px;"><img style="width:392px; height=366px" width="392" height="366" alt="Unicomonde.com | Galeries multimédias" src="/files/2012/10/webdesign-unicomonde01-392x366.jpg" alt="Unicomonde.com | Galeries multimédias" /></span>            </a>
            </div>
            <div class="media-body">
                <h4 class="media-heading"><a href="/2008/10/31/unicomonde-com-galeries-multimedias/" rel="bookmark" title="Unicomonde.com | Galeries multimédias" class="post-title">Unicomonde.com | Galeries multimédias</a></h4>
                                                <div><p>Galerie des différents web design testés pour unicomonde.com de 2007 à 2008.</p>
 </div>
                <p> </p>
                            </div>
        </div>                 
        
    </div>
</div>    <script type="text/javascript">
    // <![CDATA[
        var disqus_shortname = 'ghcom';
        (function () {
            var nodes = document.getElementsByTagName('span');
            for (var i = 0, url; i < nodes.length; i++) {
                if (nodes[i].className.indexOf('dsq-postid') != -1) {
                    nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
                    url = nodes[i].parentNode.href.split('#', 1);
                    if (url.length == 1) { url = url[0]; }
                    else { url = url[1]; }
                    nodes[i].parentNode.href = url + '#disqus_thread';
                }
            }
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
            s.src = '//' + 'disqus.com/forums/' + disqus_shortname + '/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    //]]>
    </script>
<div class="pagination"><div class="widget widget_bodyrock_pagination">        <div class=""><p style="text-align:center;"></p></div>
    </div></div>                </div>
                <div class="row">
                     <a href='/communication/3d-2/' class='tag-link-59' title='5 sujets' style='font-size: 10.082644628099pt;'>3D</a>
<a href='/communication/animation/' class='tag-link-21' title='5 sujets' style='font-size: 10.082644628099pt;'>animation</a>
<a href='/communication/artiste/' class='tag-link-40' title='3 sujets' style='font-size: 8pt;'>artiste</a>
<a href='/communication/chat/' class='tag-link-35' title='3 sujets' style='font-size: 8pt;'>chat</a>
<a href='/communication/clip/' class='tag-link-130' title='4 sujets' style='font-size: 9.1570247933884pt;'>clip</a>
<a href='/communication/code/' class='tag-link-56' title='3 sujets' style='font-size: 8pt;'>code</a>
<a href='/communication/creation-2/' class='tag-link-123' title='4 sujets' style='font-size: 9.1570247933884pt;'>création</a>
<a href='/communication/design/' class='tag-link-82' title='4 sujets' style='font-size: 9.1570247933884pt;'>design</a>
<a href='/communication/drive/' class='tag-link-73' title='3 sujets' style='font-size: 8pt;'>drive</a>
<a href='/communication/developpement/' class='tag-link-55' title='5 sujets' style='font-size: 10.082644628099pt;'>développement</a>
<a href='/communication/espace/' class='tag-link-157' title='4 sujets' style='font-size: 9.1570247933884pt;'>espace</a>
<a href='/communication/facebook/' class='tag-link-131' title='6 sujets' style='font-size: 10.892561983471pt;'>facebook</a>
<a href='/communication/gilles-wonder/' class='tag-link-61' title='3 sujets' style='font-size: 8pt;'>gilles wonder</a>
<a href='/communication/google/' class='tag-link-72' title='14 sujets' style='font-size: 14.710743801653pt;'>google</a>
<a href='/communication/livre/' class='tag-link-43' title='4 sujets' style='font-size: 9.1570247933884pt;'>livre</a>
<a href='/communication/magazine/' class='tag-link-38' title='5 sujets' style='font-size: 10.082644628099pt;'>magazine</a>
<a href='/communication/magie/' class='tag-link-49' title='4 sujets' style='font-size: 9.1570247933884pt;'>magie</a>
<a href='/communication/microsoft/' class='tag-link-98' title='3 sujets' style='font-size: 8pt;'>microsoft</a>
<a href='/communication/musique/' class='tag-link-45' title='4 sujets' style='font-size: 9.1570247933884pt;'>musique</a>
<a href='/communication/paris/' class='tag-link-33' title='10 sujets' style='font-size: 13.090909090909pt;'>paris</a>
<a href='/communication/photographie/' class='tag-link-30' title='11 sujets' style='font-size: 13.553719008264pt;'>photographie</a>
<a href='/communication/photomontage/' class='tag-link-117' title='4 sujets' style='font-size: 9.1570247933884pt;'>photomontage</a>
<a href='/communication/pixar/' class='tag-link-155' title='3 sujets' style='font-size: 8pt;'>pixar</a>
<a href='/communication/plugin/' class='tag-link-384' title='5 sujets' style='font-size: 10.082644628099pt;'>plugin</a>
<a href='/communication/poesie/' class='tag-link-181' title='7 sujets' style='font-size: 11.471074380165pt;'>poésie</a>
<a href='/communication/publicite/' class='tag-link-88' title='10 sujets' style='font-size: 13.090909090909pt;'>publicité</a>
<a href='/communication/ressources-2/' class='tag-link-361' title='4 sujets' style='font-size: 9.1570247933884pt;'>ressources</a>
<a href='/communication/sexy/' class='tag-link-383' title='4 sujets' style='font-size: 9.1570247933884pt;'>sexy</a>
<a href='/communication/soiree/' class='tag-link-111' title='6 sujets' style='font-size: 10.892561983471pt;'>soirée</a>
<a href='/communication/southpark/' class='tag-link-154' title='3 sujets' style='font-size: 8pt;'>southpark</a>
<a href='/communication/stop-motion/' class='tag-link-129' title='4 sujets' style='font-size: 9.1570247933884pt;'>stop-motion</a>
<a href='/communication/street-art/' class='tag-link-143' title='5 sujets' style='font-size: 10.082644628099pt;'>street-art</a>
<a href='/communication/theme/' class='tag-link-65' title='3 sujets' style='font-size: 8pt;'>thème</a>
<a href='/communication/timelapse/' class='tag-link-135' title='11 sujets' style='font-size: 13.553719008264pt;'>timelapse</a>
<a href='/communication/troyes/' class='tag-link-41' title='64 sujets' style='font-size: 22pt;'>troyes</a>
<a href='/communication/twitter/' class='tag-link-75' title='6 sujets' style='font-size: 10.892561983471pt;'>twitter</a>
<a href='/communication/television/' class='tag-link-428' title='4 sujets' style='font-size: 9.1570247933884pt;'>télévision</a>
<a href='/communication/univers/' class='tag-link-19' title='3 sujets' style='font-size: 8pt;'>univers</a>
<a href='/communication/utt/' class='tag-link-110' title='5 sujets' style='font-size: 10.082644628099pt;'>utt</a>
<a href='/communication/video/' class='tag-link-50' title='6 sujets' style='font-size: 10.892561983471pt;'>vidéo</a>
<a href='/communication/web/' class='tag-link-14' title='7 sujets' style='font-size: 11.471074380165pt;'>web</a>
<a href='/communication/webdesign-2/' class='tag-link-352' title='7 sujets' style='font-size: 11.471074380165pt;'>webdesign</a>
<a href='/communication/windows/' class='tag-link-97' title='3 sujets' style='font-size: 8pt;'>windows</a>
<a href='/communication/wordpress/' class='tag-link-64' title='7 sujets' style='font-size: 11.471074380165pt;'>wordpress</a>
<a href='/communication/evenement/' class='tag-link-28' title='4 sujets' style='font-size: 9.1570247933884pt;'>évènement</a> 
                </div>
            </div>
            <div class="span2">
            	<div class="column_right home-right">
                    <div class="bloc">
                        <h2>Follow me</h2>
                        <ul class="reseauxsociaux">
                            <li><a class="rss" href=""></a></li>
                            <li><a class="facebook" href=""></a></li>
                            <li><a class="twitter" href=""></a></li>
                            <li><a class="google" href=""></a></li>                        
                        </ul>
                        <hr class="clear" />
                    </div>
                    <div class="sponsors bloc">
                        <h2>Sponsors</h2>
                        <span><a href="http://www.compagnieduloupbleu.fr/" target="_blank"><img src="/senzu/gilleshoarau/sponsors/compagnie-loup-bleu.jpg" alt="Compagnie du loup bleu Théâtre Troyes" /></a></span>
                    </div>
	                                </div>
            </div>
        </div>
    </div>

<div class="container-fluid">
        <div class="row-fluid">
            <div class="blogpart clearfix">
                <div class="container">
                    <div class="span12">         
                        <aside class="widget_bio clearfix">
                            <h2>Bio</h2>
                            <article>
                                    <div class="bio">
                                        <a href="/a-propos/"><img title="Gilles Hoarau" src="http://www.gravatar.com/avatar/4a942b351908816e70d417f0f31db952.png" alt="Gilles Hoarau, Photographe, Développeur, Graphiste" height="82" width="82" /></a>
                                        <h1><a href="/a-propos/">Gilles Hoarau</a></h1>
                                    </div>
                                    <hr class="clearfix" />
                                    <p>Graphisme professionnel & Web design, identité visuelle & communication de marque, direction de projet, optimisation & référencement, PHP & CMS, HTML, CSS, Javascript. Je suis Gilles Hoarau, spécialisé en communication Print et en développement Web.</p>
                                    			
                                    <div class="pull-right btn-group">
                                        <a href="/a-propos/"><button class="btn btn-large btn-danger">A propos</button></a>
                                        <button class="btn btn-large btn-inverse dropdown-toggle" data-toggle="dropdown">
                                        <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu">
                                            <!--<li><a href="/agenda/">Agenda</a></li>-->
                                            <li><a href="/a-propos/questions-frequentes/">Questions fréquentes</a></li>
                                            <li><a href="/a-propos/historique/">Historique</a></li>
                                            <li><a href="/activite/">Activité</a></li>
                                            <li><a href="/a-propos/contact/">Contact</a></li>
                                        </ul>
                                    </div>
                            </article>
                        </aside>
                    </div>
                </div>
                <div class="row-fluid">
                                        <div class="span2">
                            <article class="blogshow" style="background:url(/wp-content/blogs.dir/9/files/2012/10/senzu-home-320x366.jpg) center center;">
    <a href="/2012/10/22/senzu-fr-mon-cdn-pour-optimiser-le-web/" style="width:100%; height:100%; display:block;"></a>
	<div class="">
	<header>
        <h1><a href="/2012/10/22/senzu-fr-mon-cdn-pour-optimiser-le-web/">Senzu.fr &#8211; mon CDN pour optimiser le Web</a> <small></small></h1>        
    </header>
    
    </div>
</article>                        </div>
                                                <div class="span2">
                            <article class="blogshow" style="background:url(/wp-content/themes/bodyrock/inc/libs/timthumb/timthumb.php?src=http://img.youtube.com/vi/yL_Pl1bR25U/0.jpg&w=488&h=200&q=100&s=1) center center;">
    <a href="/2012/10/11/making-of-street-of-art-timelapse/" style="width:100%; height:100%; display:block;"></a>
	<div class="video">
	<header>
        <h1><a href="/2012/10/11/making-of-street-of-art-timelapse/">Making of &#8211; Street of Art &#8211; Timelapse</a> <small></small></h1>        
    </header>
    
    </div>
</article>                        </div>
                                                <div class="span2">
                            <article class="blogshow" style="background:url(/wp-content/blogs.dir/9/files/2012/10/1200x900_26-488x366.jpg) center center;">
    <a href="/2012/10/09/concours-fotolia-ma-participation-sur-le-theme-street-art/" style="width:100%; height:100%; display:block;"></a>
	<div class="image">
	<header>
        <h1><a href="/2012/10/09/concours-fotolia-ma-participation-sur-le-theme-street-art/">Street-Art : ma participation au concours Fotolia</a> <small></small></h1>        
    </header>
    
    </div>
</article>                        </div>
                                                <div class="span2">
                            <article class="blogshow" style="background:url(/wp-content/blogs.dir/9/files/2012/09/ma-signature-audio-365x366.jpg) center center;">
    <a href="/2012/09/28/ma-signature-audio-grace-a-tonematrix/" style="width:100%; height:100%; display:block;"></a>
	<div class="">
	<header>
        <h1><a href="/2012/09/28/ma-signature-audio-grace-a-tonematrix/">Ma signature audio grâce à ToneMatrix</a> <small></small></h1>        
    </header>
    
    </div>
</article>                        </div>
                                                <div class="span2">
                            <article class="blogshow" style="background:url(/wp-content/blogs.dir/9/files/2012/09/gilles-persol-1600-488x272.jpg) center center;">
    <a href="/2012/09/03/lancement-de-la-page-gilles-wonder/" style="width:100%; height:100%; display:block;"></a>
	<div class="">
	<header>
        <h1><a href="/2012/09/03/lancement-de-la-page-gilles-wonder/">Lancement de la page Gilles Wonder</a> <small></small></h1>        
    </header>
    
    </div>
</article>                        </div>
                                                <div class="span2">
                            <article class="blogshow" style="background:url(/wp-content/blogs.dir/9/files/2012/08/quandriennevaplus3_1600-368x366.jpg) center center;">
    <a href="/2012/08/31/quand-rien-ne-va-plus/" style="width:100%; height:100%; display:block;"></a>
	<div class="image">
	<header>
        <h1><a href="/2012/08/31/quand-rien-ne-va-plus/">Quand rien ne va plus</a> <small></small></h1>        
    </header>
    
    </div>
</article>                        </div>
                                        </div>
            </div>
        </div>
    </div>
    
    <div class="container">
        <div class="row">	
            <div class="span4">
                            </div>
            <div class="span4">
                            </div>
            <div class="span4">
                            </div>
        </div>
    </div>
    
    <div class="container">
        <div class="span12">         
            <h2 class="logofinal" style="text-align:center;"><img src="/senzu/gilleshoarau/footerlogo.png" /></h2>
        </div>
    </div>
    
    	
<script type="text/javascript">if (typeof(addthis_share) == "undefined"){ addthis_share = {"passthrough":{"twitter":{"via":"unicolored"}},"url_transforms":{"shorten":{"twitter":"bitly"}},"shorteners":{"bitly":{"login":"unicolored","apiKey":"R_8de9dc884a5f6e6ba8831909df65d03c"}}};}

var addthis_config = {"data_track_clickback":true,"data_ga_property":"UA-67465-34","data_ga_social":true,"data_track_addressbar":false,"data_track_textcopy":false,"ui_language":"fr","ui_atversion":"300"};
var addthis_product = 'wpp-3.1';
</script><script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=unicolored"></script><!--wp_footer-->
<script src="/wp-content/themes/bodyrock/js/libs/bootstrap/bootstrap-dropdown.js"></script>
<script src="/wp-content/themes/bodyrock/js/libs/bootstrap/bootstrap-button.js"></script>
<script src="/wp-content/themes/bodyrock/js/libs/bootstrap/bootstrap-collapse.js"></script>
<script src="/wp-content/themes/bodyrock/js/script.js"></script>
<script src="/wp-content/themes/boot-gilleshoarauv3/js/script.js"></script>

		<script type='text/javascript'>
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-67465-34']);
		  _gaq.push(['_trackPageview']);		
		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();		
		</script>
		
</body>
</html>