<!--                                                       ..:~~~~~~~~~~~~~~~~~~:..                     
                                                   ..~~~~~~~~~~~~~~~~~~~~~~~~~~~~..                 
                                                 .:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.               
                                              ..~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~..            
                                             .~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.           
               .........                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.         
           ..~~~~~~~~~~~~~.               .~~~~~~~~~~~~~~~... .....,:~~~~~~~~~~~~~~~~~~~~~~,.       
        .~~~~~~~~~~~~~~~~~~~~..          .~~~~~~~~~::.                  :~~~~~~~~~~~~~~~~~~~~.      
      .~:~~~~~~~~~~~~~~~~~~~~~~~.       ,:~~~~~~~~..                      .~~~~~~~~~~~~~~~~~~~.     
    .:~~~~~~~~~~~~~~~~~~~~~~~~~~~,     ,~~~~~~~~.                            ,~~~~~~~~~~~~~~~~~.    
    ~~~~~~~~~~~~.........~~~~~~~~~~.  .:~~~~~~..                              .~~~~~~~~~~~~~~~~:.   
  .~~~~~~~~~:.             .~~~~~~~~..~~~~~~~.                                  .~~~~~~~~~~~~~~~~.  
  ~~~~~~~~:.                ..~~~~~~~~~~~~~~.                                    .~~~~~~~~~~~~~~~.  
 ~~~~~~~~.     .7ZZZZZ$.  .ZZ   ~~~~~~~~~~~ .ZZZZZZ.                              .~~~~~~~~~~~~~~~. 
,~~~~~~~.     .ZZZZZZZZZ  .ZZ   .~~~~~~~~~..ZZZ$ZZZZZ                              .~~~~~~~~~~~~~~. 
~~~~~~~.      .ZZ.   .ZZ         .~~~~~~~. +ZZ.   ZZZ                               .~~~~~~~~~~~~~~.
~~~~~~:.      .ZZ.   .ZZ          ~~~~~~,  +ZZ.          .~+          +=.   .+=     .~~~~~~~~~~~~~~.
~~~~~~.       .ZZ.   .ZZ  .ZZ     .~~~~~.  +ZZ.       .ZZZZZZZZ.. .ZZZZZZZZZZZZZZZ.  .~~~~~~~~~~~~~.
~~~~~~.       .ZZ.  .ZZZ  .ZZ      ~~~~~.  +ZZ.       .ZZ....$ZZ. ZZZ....ZZ$....ZZ+  .~~~~~~~~~~~~~,
~~~~~~.       .ZZZZZZZZ.  .ZZ      ~~~~:   +ZZ.       :ZZ   .ZZZ. ZZZ.   ZZZ   .ZZI   ~~~~~~~~~~~~~~
~~~~~~.       .ZZZZ?      .ZZ   ...~~~~... +ZZ.       :ZZ   .ZZZ. ZZZ.   ZZZ   .ZZI  .~~~~~~~~~~~~~~
~~~~~~.       .ZZ.        .ZZ   ZZZZZZZZZ. +ZZ.       :ZZ   .ZZZ. ZZZ.   ZZZ   .ZZI  .~~~~~~~~~~~~~,
 ~~~~~~.      .ZZ.        .ZZ     :~~~~,   +ZZ.       :ZZ   .ZZZ. ZZZ.   ZZZ   .ZZI  .~~~~~~~~~~~~~.
 ~~~~~~~      .ZZ.        .ZZ    ~~~~~~~   +ZZ.   ZZZ :ZZ   .ZZZ. ZZZ.   ZZZ   .ZZI  .~~~~~~~~~~~~~.
  ~~~~~~~.    .ZZ.        .ZZ   ~~~~~~~~.  .ZZZZZZZZZ .ZZZZZZZZZ. ZZZ.   ZZZ   .ZZI  .~~~~~~~~~~~~~.
  .~~~~~~~.   .ZZ.        .ZZ  ~~~~~:~~~.   .$ZZZZZ.   .$ZZZZZ..  ZZZ.   ZZZ   .ZZI .~~~~~~~~~~~~~. 
    :~~~~~~~.              ..~~~~~~..~~~~     ...        ..   .               ...  ......    .      
     .~~~~~~~~.          ..:~~~~~..  ~~~~~        
       ::~~~~~~~~~~~~:~~~~~~~~:,.     ~~~~:   GRAPHISME & WEB | pi-com.ch | contact@pi-com.ch     
        ..:~~~~~~~~~~~~~~~~~~..       .~~~~,  Gilles Wenger |�Rue des Alpes 37 | 1030 Bussigny   
             .~~~~~~~~~~~.             ,:~~~~...    . .                       .     .... .   .     
                 ....                   ,~~~~~.       ..                       :~~~~~~~~~~~~~~.     
                                         .~~~~~~.                            .~~~~~~~~~~~~~~~.      
                                          .~~~~~~~                         .~~~~~~~~~~~~~~~,.       
                                            ~~~~~~~~:.                 ..~~~~~~~~~~~~~~~~~          
                                             .~~~~~~~~~~~.          ~~~~~~~~~~~~~~~~~~~~.           
                                               .~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.             
                                                ..:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~..              
                                                    .:~~~~~~~~~~~~~~~~~~~~~~~~~~:.                  
                                                      ...~~~~~~~~~~~~~~~~~~~~. .                    
                                                              ...:~~:,...                           

Nous vous remercions de l'attention que vous portez � notre code.
Thanks for looking at our sources.	

�pi-com.ch | Merci de nous contacter avant toute reproduction du code.

-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Pi-Com | Graphisme & Web | Création de site internet et imprimés</title>
        
        <link rel="icon" type="image/png" href="favicon.png" />
        
        <link href="picom.css" rel="stylesheet" type="text/css" />
    	
        <!-- jQuery -->	
        <script type="text/javascript" src="../libs/jquery/jquery-1.2.6.min.js"></script>
		
        <!-- LightBox -->
        <script type="text/javascript" src="../libs/jquery/lightbox/lightbox-0.5.js"></script>
        <link href="../libs/jquery/lightbox/lightbox-0.5.css" rel="stylesheet" type="text/css" media="screen" />
		
		<script type="text/javascript">
		$(function() {
		   $('a[@rel*=lightbox]').lightBox({
			imageLoading: '../libs/jquery/lightbox/loading.gif',
			imageBtnClose: '../libs/jquery/lightbox/close.gif',
			imageBtnPrev: '../libs/jquery/lightbox/prev.gif',
			imageBtnNext: '../libs/jquery/lightbox/next.gif'
		   });
		});
		</script>	
		
        <!-- Facebox -->	
        <script type="text/javascript" src="../libs/jquery/facebox/facebox.js"></script>
		<link href="../libs/jquery/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
		
		<script type="text/javascript">
			jQuery(document).ready(function($) {
			  $('a[rel*=facebox]').facebox()
			})
			$.facebox.settings.closeImage = '../libs/jquery/facebox/closelabel.gif';
			$.facebox.settings.loadingImage = '../libs/jquery/facebox/loading.gif';
		</script>
		
        <!-- FlashVerif -->	
        <script type="text/javascript" src="../libs/flashverif/swfobject.js"></script>
		
        <!-- jQuery -->
        <script type="text/javascript" src="../libs/javascript/jquery.js"></script>
		 
		
    </head>
    <body>
		<div id="global">
			<div id="top">
					
				<div id="FlashIntro">
					<p class="MessageErreur">
	<b>Vous ne disposez pas de la dernière version de Flash Player<br />ou il n'est pas installé sur votre ordinateur.</b><br />
	Vous ne pourrez pas naviger correctement sur notre site.<br />
	<a href="../libs/flashverif/flashverif.php" rel="facebox">Merci de cliquer ici pour résoudre ce problème</a>
</p>
				</div>
			
				<script type="text/javascript">
				   var so = new SWFObject("img/pi-com_intro.swf", "Pi-Com", "500", "300", "8", "#FFFFFF");
				   so.write("FlashIntro");
				</script>
				 <p>Gilles Wenger | Rue des Alpes 37 |&nbsp;CH-1030 Bussigny  | Tél. 078 731 81 61 |&nbsp;<a href="#contact">Contactez-nous</a></p>
			
			</div>
		
			<div class="Module FloatLeft">
				<div class="ModuleTitre TitreLeft"><img src="img/pi-com_titre_pres.gif" alt="Pi-COm |&#160;Pr&eacute;sentation" /></div>
				<div class="ModuleTop Top01"></div>
				<div class="ModuleBack Back01">
					<div class="ModuleContenu">
						<p>De la cr&eacute;ation du <span class="cool">logo</span> au <span class="cool">site internet</span> en passant par la r&eacute;alisation des cartes de visites, les ent&ecirc;tes de lettres, les prospectus, les affiches, les faire-part, les rapports annuels, ou toute autre r&eacute;alisation graphique,</p>
			<p class="cool">Pi-Com valorise votre identit&eacute; visuelle.</p> 
			<p><span class="cool">Passionn&eacute;s</span> et <span class="cool">appliqu&eacute;s</span>, nous nous engageons &agrave; d&eacute;ployer les moyens n&eacute;cessaires afin de vous offrir un travail <span class="cool">personnalis&eacute;</span> de <span class="cool">qualit&eacute;</span> correspondant &agrave; vos besoins, et ceci &agrave; des <span class="cool">tarifs accessibles</span>.</p>
			<p>Pi-Com remercie chaleureusement les clients qui lui font d&eacute;j&agrave; confiance. </p>
<p>N'h&eacute;sitez pas &agrave; nous contacter, nous restons &agrave; votre <span class="cool">enti&egrave;re disposition</span> pour la r&eacute;alisation de votre site internet ou r&eacute;alisation graphique.</p>
			<p class="cool">Nous sommes &eacute;galement &agrave; votre disposition pour l'ex&eacute;cution d'impressions num&eacute;riques. <a href="#contact" target="_self">Contactez-nous pour en savoir plus.</a></p>

					</div>
				</div>
				<div class="ModuleBottom Bottom01"></div>
			</div>
			<div class="spacer"></div>
			
				<div class="Module FloatRight">
				<div class="ModuleTitre TitreWeb"><img src="img/pi-com_titre_web.gif" alt="Web" /></div>
				<div class="ModuleTop Top02"></div>
				<div class="ModuleBack Back02">		
					<div class="ModuleContenu">
						<p><b>Notre travail sur les sites internet se base principalement sur 5 aspects :</b></p>
<ol>
				<li>	Une interface graphique <span class="cool">chaleureuse</span> et <span class="cool">conviviale</span></li>
				<li>	Une navigation <span class="cool">claire</span>, <span class="cool">simple</span> et <span class="cool">efficace</span></li>
				<li>	Une <span class="cool">gestion</span> des mises &agrave; jour  <span class="cool">simplifi&eacute;e</span> pour l'&eacute;diteur &agrave; l'aide d'une zone d'administration</li>
				<li>	Une utilisation des <span class="cool">derniers standards</span> et <span class="cool">technologies &eacute;volutives</span> du web</li>
				<li> <span class="cool">Suivi</span> et <span class="cool">mise &agrave; jour</span> du site et des technologies, d'entente avec le client</li>
</ol>

<table width="670" border="0" cellspacing="0" cellpadding="0" class="references">
					<tr>
						<td valign="top" ><a href="http://www.amnesiaclub.ch" target="_blank"><img src="img_web/amnesia.jpg" alt="Amnesia Club" width="100" height="77" /></a></td>
						<td valign="top"><h1>Amnesia Club</h1>
							<p class="description">Le plus grand complexe du léman. Site internet avec gestion de membres.</p>
							<p class="link"><a href="http://www.amnesiaclub.ch" target="_blank">[visitez le site]</a></p></td>
						<td valign="top" >&nbsp;</td>
						<td valign="top">&nbsp;</td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.48heures.ch" target="_blank"><img src="img_web/48h.jpg" alt="48 heures" width="100" height="77" /></a></td>
						<td valign="top"><h1>48 heures</h1>
							<p class="description">Site pour un événement mené par ROM RADIO, 48 heures de radio non-stop et un invité par heure!</p>
							<p class="link"><a href="http://www.48heures.ch" target="_blank">[visitez le site]</a></p></td>
						<td valign="top" ><a href="http://www.esponton.ch" target="_blank"><img src="img_web/esponton.jpg" alt="Esponton" width="100" height="77" /></a></td>
						<td valign="top"><h1>Esponton</h1>
							<p class="description">Votre spécialiste en armes anciennes de collection</p>
							<p class="link"><a href="http://www.esponton.ch" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.hotelconceptitaly.com" target="_blank"><img src="img_web/hci.jpg" alt="HCI" width="100" height="77" /></a></td>
						<td valign="top"><h1>Hôtel Concept Italy</h1>
							<p class="description"><strong>Uniquement le montage du site !</strong></p>
							<p class="link"><a href="http://www.hotelconceptitaly.com" target="_blank">[visitez le site]</a></p></td>
						<td valign="top" ><a href="http://www.robindehaas.ch" target="_blank"><img src="img_web/rdh.jpg" alt="Robin de Haas" width="100" height="77" /></a></td>
						<td valign="top"><h1>Robin de Haas</h1>
							<p class="description">Prof de chant en Suisse romande.</p>
							<p class="link"><a href="http://www.robindehaas.ch" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.spinoza-fund.com" target="_blank"><img src="img_web/spinoza.jpg" alt="Spinoza" width="100" height="77" /></a></td>
						<td valign="top"><h1>Spinoza</h1>
							<p class="description">Fonds éthique aspirant à favoriser le financement du développement durable.</p>
							<p class="link"><a href="http://www.spinoza-fund.com" target="_blank">[visitez le site]</a></p></td>
						<td valign="top" ><a href="http://www.swisszik.ch" target="_blank"><img src="img_web/swisszik.jpg" alt="SwissZik" width="100" height="77" /></a></td>
						<td valign="top"><h1>SwissZik</h1>
							<p class="description">La plateforme en faveur des artistes suisses.</p>
							<p class="link"><a href="http://www.swisszik.ch" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.philipmorax.com" target="_blank"><img src="img_web/morax.jpg" alt="Morax" width="100" height="77" /></a></td>
						<td valign="top"><h1>Philip Morax</h1>
							<p class="description">DJ et animateur radio et TV en Suisse romande.</p>
							<p class="link"><a href="http://www.philipmorax.com" target="_blank">[visitez le site]</a></p></td>
						<td valign="top" ><a href="http://www.posarredo.ch" target="_blank"><img src="img_web/posarredo.jpg" alt="Posarredo" width="100" height="77" /></a></td>
						<td valign="top"><h1>PosaRRedo</h1>
							<p class="description">Vente et pose de pierres naturelles et de pierres reconstituées pour la cuisine, la salle de bain et le sol </p>
							<p class="link"><a href="http://www.posarredo.ch" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.nrgym-pilates.ch" target="_blank"><img src="img_web/nrgym.jpg" alt="NRGym" width="100" height="77" /></a></td>
						<td valign="top"><h1>NRGym</h1>
							<p class="description">Cours de gym utilisant la m&eacute;thode Pilates.</p>
						<p class="link"><a href="http://www.nrgym-pilates.ch" target="_blank">[visitez le site]</a></p></td>
						<td valign="top"  class="bleu"><a href="http://www.bas-buttes.ch/" target="_blank"><img src="img_web/bas-buttes.jpg" alt="Bas-Buttes" width="100" height="77" /></a></td>
						<td valign="top"  class="bleu"><h1>Bas-Buttes</h1>
							<p class="description">Site de la Biblioth&egrave;que et Archives scoutes de Buttes.</p>
								<p class="link"><a href="http://www.bas-buttes.ch/" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.couleursdombres.ch" target="_blank"><img src="img_web/couleursdombres.jpg" alt="Couleurs d'Ombres" width="100" height="77" /></a></td>
						<td valign="top"><h1>Th&eacute;&acirc;tre Couleurs d'Ombres</h1>
								<p class="description">Spectacles utilisants une technique originale et cr&eacute;ative.</p>
							<p class="link"><a href="http://www.couleursdombres.ch" target="_blank">[visitez le site]</a></p></td>
						<td valign="top"  class="bleu"><a href="http://www.womensportevasion.ch/" target="_blank"><img src="img_web/wse.jpg" alt="Women SPort Evasion" width="100" height="77" /></a></td>
						<td valign="top"  class="bleu"><h1>Women Sport Evasion</h1>
								<p class="description">Grosse manifestation sportive dédiée aux femmes.</p>
							<p class="link"><a href="http://www.womensportevasion.ch/" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td width="100" valign="top" ><a href="http://www.matsearch.ch" target="_blank"><img src="img_web/matsearch.jpg" alt="Mat Search" width="100" height="77" /></a></td>
						<td width="273" valign="top"><h1>MAT Search</h1>
								<p class="description">Conseill&egrave;re ind&eacute;pendante sp&eacute;cialis&eacute;e dans le domaine de la science et de la technologie des mat&eacute;riaux</p>
							<p class="link"><a href="http://www.matsearch.ch" target="_blank">[visitez le site]</a></p></td>
						<td width="100" valign="top"  class="bleu"><a href="http://www.esmfoundation.org" target="_blank"><img src="img_web/esm.jpg" alt="ESM" width="100" height="77" /></a></td>
						<td width="272" valign="top"  class="bleu"><h1>ESM</h1>
								<p class="description">Fondation pour la recherche des m&eacute;taux rares</p>
							<p class="link"><a href="http://www.esmfoundation.org" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.ouchy-sdio.ch" target="_blank"><img src="img_web/sdio.jpg" alt="SDIO" width="100" height="77" /></a></td>
						<td valign="top"><h1>SDIO</h1>
							<p class="description">Soci&eacute;t&eacute; de D&eacute;veloppement <br />
							des Int&eacute;r&ecirc;ts d'Ouchy</p>
						<p class="link"><a href="http://www.ouchy-sdio.ch" target="_blank">[visitez le site]</a></p></td>
						<td valign="top"  class="bleu"><a href="http://www.pi-com.ch/old/vide-grenier" target="_blank"><img src="img_web/vide-grenier.jpg" alt="Vide-Grenier" width="100" height="77" /></a></td>
						<td valign="top"  class="bleu"><h1>Vide-Grenier</h1>
							<p class="description">Manifestation sur les quais d'Ouchy &agrave; Lausanne.</p>
							<p class="link"><a href="http://www.pi-com.ch/old/vide-grenier" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><a href="http://www.pi-com.ch/old/dmpconseil" target="_blank"><img src="img_web/dmpconseil.jpg" alt="DMP Conseil" width="100" height="77" /></a></td>
						<td valign="top"><h1>DMP Conseil</h1>
							<p class="description">Ing&eacute;nieurs-conseils <br />
							en transports et am&eacute;nagement</p>
						<p class="link"><a href="http://www.pi-com.ch/old/dmpconseil" target="_blank">[visitez le site]</a></p></td>
						<td valign="top"  class="bleu"><a href="http://www.contesjoyeux.ch" target="_blank"><img src="img_web/contes-joyeux.jpg" alt="Contes Joyeux" width="100" height="77" /></a></td>
						<td valign="top"  class="bleu"><h1>Contes Joyeux</h1>
							<p class="description">Contes pour enfants et plus grands</p>
							<p class="link"><a href="http://www.contesjoyeux.ch" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" class="bleu" ><a href="http://www.romradio.ch" target="_blank"><img src="img_web/rom.jpg" alt="ROM Radio" width="100" height="77" /></a></td>
						<td valign="top" class="bleu"><h1>ROM Radio</h1>
								<p class="description">La Webradio Suisse Romande</p>
							<p class="link"><a href="http://www.romradio.ch" target="_blank">[visitez le site]</a></p></td>
						<td valign="top" ><a href="http://www.jeremyparty.ch" target="_blank"><img src="img_web/djerem.jpg" alt="Djerem" width="100" height="77" /></a></td>
						<td valign="top"><h1>DJEREM</h1>
								<p class="description">DJ House et Electro romand</p>
							<p class="link"><a href="http://www.djerem.com" target="_blank">[visitez le site]</a></p></td>
					</tr>
					<tr>
						<td valign="top" class="bleu" ><a href="http://www.deuche-married.ch" target="_blank"><img src="img_web/deuche-married.jpg" alt="deuche-married.ch" width="100" height="77" /></a></td>
						<td valign="top" class="bleu"><h1>Deuche-Married</h1>
							<p class="description">Mariez-vous en 2cv !</p>
							<p class="link"><a href="http://www.deuche-married.ch" target="_blank">[visitez le site]</a></p></td>
						<td valign="top" ><a href="http://www.stucky.ch" target="_blank"><img src="img_web/stucky.jpg" alt="Stucky SA" width="100" height="77" /></a></td>
						<td valign="top"><h1>Stucky SA</h1>
							<p class="description">Soci&eacute;t&eacute; d'ing&eacute;nieurs-conseils ind&eacute;pendants</p>
							<p class="link"><a href="http://www.stucky.ch" target="_blank">[visitez le site]</a></p></td>
					</tr>
				</table>
<p class="cool">... et pourquoi pas &eacute;galement le site internet de votre soci&eacute;t&eacute;, magasin, club, association, manifestation, activit&eacute;, etc. <br />
				dans nos r&eacute;f&eacute;rences ?</p>
									</div>
				</div>
				<div class="ModuleBottom Bottom02"></div>
			</div>
			<div class="spacer"></div>
		
			<div class="Module FloatLeft">
				<div class="ModuleTitre TitreLeft"><img src="img/pi-com_titre_graphisme.gif" alt="Graphisme" /></div>
				<div class="ModuleTop Top03"></div>
				<div class="ModuleBack Back03">
					<div class="ModuleContenu">
						<p><b>Notre travail sur les r&eacute;alisations graphiques se base principalement sur  3 aspects :</b></p>
<ol>
				<li>Une compr&eacute;hension globale des  <span class="cool">besoins</span> et des <span class="cool">envies</span> du client</li>
				<li> Une recherche <span class="cool">originale</span> mais <span class="cool">efficiente</span></li>
				<li> Une r&eacute;alisation technique <span class="cool">professionnelle</span> qui permet une utilisation sur tout support <br />
				dans tous les domaines des <span class="cool">arts graphiques</span></li>
</ol>			
				<table width="670" border="0" cellspacing="0" cellpadding="0" class="references">
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/colombe_logo.jpg" alt="Théâtre de la Colombe" width="100" height="77" /></td>
						<td valign="top"><h1>Théâtre de la Colombe</h1>
							<ul class="description">
								<li>Adaptation affiche</li>
							</ul>
							<p class="link"><a href="img_graphisme/references_colombe.jpg" rel="lightbox" title="TransBorde">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu">&nbsp;</td>
						<td valign="top">&nbsp;</td>
					</tr>
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/transborde_logo.jpg" alt="TransBorde" width="100" height="77" /></td>
						<td valign="top"><h1>TransBorde</h1>
							<ul class="description">
								<li>Cr&eacute;ation logo</li>
								<li>Dossier de pr&eacute;sentation</li>
							</ul>
							<p class="link"><a href="img_graphisme/references_transborde.jpg" rel="lightbox" title="TransBorde">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/motoevasion.jpg" alt="Moto Evasion" width="100" height="77" /></td>
						<td valign="top"><h1>MotoEvasion</h1>
							<ul class="description">
								<li>Dépliant</li>
								<li>Flyers</li>
								<li>Création logo</li>
							</ul>
							<p class="link"><a href="img_graphisme/references_motoevasion.jpg" rel="lightbox" title="Moto Evasion">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><img src="img_graphisme/cjf_logo.jpg" alt="Cully Jazz Festival" width="100" height="77" /></td>
						<td valign="top"><h1>Cully Jazz Festival</h1>
							<ul class="description">
								<li>Cr&eacute;ation d'un flyer<br />
								</li>
							</ul>
							<p class="link"><a href="img_graphisme/references_cjf.jpg" rel="lightbox" title="Cully jazz Festival">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top" ><img src="img_graphisme/hocuspocus_logo.jpg" alt="Hocus Pocus" width="100" height="77" /></td>
						<td valign="top"><h1>Hocus Pocus</h1>
							<ul class="description">
								<li>Cr&eacute;ation d'un flyer<br />
								</li>
							</ul>
							<p class="link"><a href="img_graphisme/references_hocuspocus.jpg" rel="lightbox" title="Hocus Pocus">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><img src="img_graphisme/nanoeurope_logo.jpg" alt="Nano Europe" width="100" height="77" /></td>
						<td valign="top"><h1>NanoEurope</h1>
							<ul class="description">
								<li>Cr&eacute;ation d'un programme<br />
								</li>
							</ul>
							<p class="link"><a href="img_graphisme/references_nanoeurope.jpg" rel="lightbox" title="NanoEurope">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top" ><img src="img_graphisme/aicla_logo.jpg" alt="Aicla" width="100" height="77" /></td>
						<td valign="top"><h1>AICLA Borde</h1>
							<ul class="description">
								<li>Cr&eacute;ation d'un flyer<br />
								</li>
							</ul>
							<p class="link"><a href="img_graphisme/references_aicla.jpg" rel="lightbox" title="Aicla">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><img src="img_graphisme/diainvest_logo.jpg" alt="DiaInvest" width="100" height="77" /></td>
						<td valign="top"><h1>DiaInvest</h1>
								<ul class="description">
									<li>Cr&eacute;ation du logo<br />
									</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_diainvest.jpg" rel="lightbox" title="DiaInvest">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/castolin_logo.jpg" alt="Castolin" width="100" height="77" /></td>
						<td valign="top"><h1>Castolin-Eutectic</h1>
								<ul class="description">
									<li>Diverses mise en page selon un corporate design</li>
									<li> brochures</li>
									<li>magasines</li>
									<li>prospectus</li>
									<li>flyers</li>
									<li>plaquettes</li>
									<li>posters</li>
									<li>annonces</li>
								</ul>
						<p class="link"><a href="img_graphisme/references_castolin.jpg" rel="lightbox" title="Castolin">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td width="100" valign="top" ><img src="img_graphisme/matsearch_logo.jpg" alt="Mat Search" width="100" height="77" /></td>
						<td width="273" valign="top"><h1>MAT Search</h1>
								<ul class="description">
								<li>Cr&eacute;ation du logo, <br />
									2 variantes</li>
								<li>Ent&ecirc;te A4</li>
								<li>Carte de visite</li>
								<li>Enveloppe C5</li>
								<li>Graphisme du site internet</li>
								<li>Animation d'entr&eacute;e du site</li>
								</ul>
								<p class="link"><a href="img_graphisme/references_matsearch.jpg" rel="lightbox" title="Mat Search">[voir les cr&eacute;ations]</a></p>
						<td width="100" valign="top"  class="bleu"><img src="img_graphisme/esm_logo.jpg" alt="ESM" width="100" height="77" /></td>
						<td width="273" valign="top"><h1>ESM</h1>
								<ul class="description">
									<li>Cr&eacute;ation du logo</li>
									<li>Ent&ecirc;te A4</li>
									<li>Carte de visite</li>
									<li>Enveloppe C5</li>
									<li>Graphisme du site internet</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_esm.jpg" rel="lightbox" title="ESM">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top" ><img src="img_graphisme/svmt_logo.jpg" alt="SVMT" width="100" height="77" /></td>
						<td valign="top"><h1>SVMT</h1>
								<ul class="description">
									<li>D&eacute;pliant A5</li>
									</ul>
							<p class="link"><a href="img_graphisme/references_svmt.jpg" rel="lightbox" title="SVMT">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/spinoza_logo.jpg" alt="Spinoza" width="100" height="77" /></td>
						<td valign="top"><h1>Spinoza</h1>
								<ul class="description"><li>Ent&ecirc;te A4</li>
									<li>Carte de visite</li>
									<li>Enveloppe C5</li>
									<li>Graphisme du site internet <br />
									</li>
								</ul>
						<p class="link"><a href="img_graphisme/references_spinoza.jpg" rel="lightbox" title="Spinoza">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/speru_logo.jpg" alt="Speru" width="100" height="77" /></td>
						<td valign="top"><h1>Speru</h1>
								<ul class="description">
									<li>Cr&eacute;ation du logo</li>
									<li>Ent&ecirc;te A4</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_speru.jpg" rel="lightbox" title="Speru">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/savina_logo.jpg" alt="ESM" width="100" height="77" /></td>
						<td valign="top"><h1>Educatrice Canine</h1>
							<ul class="description">
									<li>Cr&eacute;ation flyer A5</li>
							</ul>
						<p class="link"><a href="img_graphisme/references_savina.jpg" rel="lightbox" title="Educatrice Canin">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/chuv_logo.jpg" alt="CHUV / UMSA" width="100" height="77" /></td>
						<td valign="top"><h1>CHUV / Umsa</h1>
								<ul class="description">
									<li>D&eacute;pliant 3 volets recto verso</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_umsa.jpg" rel="lightbox" title="CHUV / UMSA">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/posarredo_logo.jpg" alt="PosaRRedo" width="100" height="77" /></td>
						<td valign="top"><h1>PosaRRedo</h1>
								<ul class="description">
									<li>Retouche du logo</li>
									<li>Ent&ecirc;te A4</li>
									<li>Enveloppe C5</li>
									<li>Carte de visite</li>
									<li>Graphisme du site internet									</li>
								</ul>
						<p class="link"><a href="img_graphisme/references_posarredo.jpg" rel="lightbox" title="PosaRRedo">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/entente_logo.jpg" alt="Entente Communale de Bussigny" width="100" height="77" /></td>
						<td valign="top"><h1>Entente Communale</h1>
								<ul class="description">
									<li>D&eacute;pliant 4 volets recto verso</li>
									<li>Affiche A0</li>
									<li>Flyer A4</li>
									<li>Flyer A5 jeunes</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_entente.jpg" rel="lightbox" title="Entente Communale de Bussigny">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/ao_logo.jpg" alt="AO Foundation" width="100" height="77" /></td>
						<td valign="top"><h1>AO Foundation</h1>
								<ul class="description">
									<li>Rapport annuel</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_ao.jpg" rel="lightbox" title="AO Foundation">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/najla_logo.jpg" alt="Salon de Coiffure" width="100" height="77" /></td>
						<td valign="top"><h1>Salon de Coiffure</h1>
								<ul class="description">
									<li>Cr&eacute;ation flyer A6</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_najla.jpg" rel="lightbox" title="Salon de coiffure">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/ebf_logo.jpg" alt="ECole bilingue du Burkina Faso" width="100" height="77" /></td>
						<td valign="top"><h1>Ecole Bilingue <br />
							du Burkina Faso</h1>
						<ul class="description">
									<li>Flyer A5</li>
									</ul>
							<p class="link"><a href="img_graphisme/references_ebf.jpg" rel="lightbox" title="Ecole bilingue du Burkina Faso">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/bs_logo.jpg" alt="Brigade de Sauvabelin" width="100" height="77" /></td>
						<td valign="top"><h1>Brigade de Sauvabelin</h1>
								<ul class="description">
									<li>Calendrier</li>
									<li>Journal bimensuel</li>
									<li>Journaux &eacute;v&eacute;nementiels</li>
									<li>Cartes de v&oelig;ux</li>
									<li>Cr&eacute;ation de logos</li>
									<li>Divers flyers</li>
									<li>Circulaires</li>
									<li>Divers cr&eacute;ations pour activit&eacute;s</li>
								</ul>
						<p class="link"><a href="img_graphisme/references_bs01.jpg" rel="lightbox" title="Brigade de Sauvabelin Partie I">[voir les cr&eacute;ations partie I]</a></p>
						<p class="link"><a href="img_graphisme/references_bs02.jpg" rel="lightbox" title="Brigade de Sauvabelin Partie II">[voir les cr&eacute;ations partie II]</a></p>
						<p class="link"><a href="img_graphisme/references_bs03.jpg" rel="lightbox" title="Brigade de Sauvabelin Partie III">[voir les cr&eacute;ations partie III]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/rom_logo.jpg" alt="ROM Radio" width="100" height="77" /></td>
						<td valign="top"><h1>ROM Radio</h1>
								<ul class="description">
									<li>Cr&eacute;ation logo</li>
									<li>Graphisme du site internet</li>
									<li>Dossier de pr&eacute;sentation</li>
									<li>Autocollants</li>
									<li>Animations flash</li>
									<li>Flyer</li>
									<li>Affiches</li>
									<li>Cartes de visites</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_rom.jpg" rel="lightbox" title="ROM Radio">[voir les cr&eacute;ations]</a></p></td>
					</tr>
					<tr>
						<td valign="top"  class="bleu"><img src="img_graphisme/carnaweb_logo.jpg" alt="Radio Carnaval" width="100" height="77" /></td>
						<td valign="top"><h1>Radio Carnaval</h1>
								<ul class="description">
									<li>Cr&eacute;ation du logo</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_carnaweb.jpg" rel="lightbox" title="Radio Carnaval">[voir les cr&eacute;ations]</a></p></td>
						<td valign="top"  class="bleu"><img src="img_graphisme/fsg_logo.jpg" alt="FSG Bussigny" width="100" height="77" /></td>
						<td valign="top"><h1>FSG Bussigny</h1>
								<ul class="description">
									<li>Cr&eacute;ation flyer A6</li>
									<li>Vectorisation du logo</li>
								</ul>
							<p class="link"><a href="img_graphisme/references_fsg.jpg" rel="lightbox" title="FSG Bussigny">[voir les cr&eacute;ations]</a></p></td>
					</tr>
				</table>
<p class="cool">... et pourquoi pas &eacute;galement le logo ou une cr&eacute;ation graphique de votre soci&eacute;t&eacute;, magasin, club, association, manifestation, activit&eacute;, etc. dans nos r&eacute;f&eacute;rences ?</p>
					</div>
				</div>
				<div class="ModuleBottom Bottom03"></div>
			</div>
			<div class="spacer"></div>
				<a name="contact"></a>
				<div class="Module FloatRight">
				<div class="ModuleTitre TitreContact"><img src="img/pi-com_titre_contact.gif" alt="Contact" /></div>
				<div class="ModuleTop Top04"></div>
				<div class="ModuleBack Back04">
					<div class="ModuleContenu">
						
<p><b>N'h&eacute;sitez pas &agrave; nous contacter afin de conna&icirc;tre nos tarifs et nos services.</b></p>
<form action='#contact' method='post' name='Form'>
	<table width='100%' border='0' cellspacing='1' cellpadding='1'>
				<tr>
			<td colspan='2'><i>Les champs marqués d'un * sont obligatoires</i></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Prénom* :</td>
			<td><input type='text' style='width:200 ;' name='f_1' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Nom* :</td>
			<td><input type='text' style='width:200 ;' name='f_2' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Société :</td>
			<td><input type='text' style='width:200 ;' name='f_3' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Adresse* :</td>
			<td><input type='text' style='width:200 ;' name='f_4' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>NPA* :</td>
			<td><input type='text' style='width:200 ;' name='f_5' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Ville* :</td>
			<td><input type='text' style='width:200 ;' name='f_6' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Tél.* :</td>
			<td><input type='text' style='width:200 ;' name='f_7' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>E-mail* :</td>
			<td><input type='text' style='width:200 ;' name='f_8' value='' size='24' border='0'></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Message* :</td>
			<td><textarea style='width:360 ;' name='f_9' rows='6' cols='40'></textarea></td>
		</tr>
		<tr>
			<td align='right' width='30%'>Code de vérification* :</td>
			<td><img id="CaptchaPicture" /><br /><input type='text' style='width:100;' name='f_10' size='24' border='0'> 
			<a href="#contact" id="RefreshCaptcha">Autre image</a> 
			<a href="../libs/captcha/aide.html" rel="facebox">[?]</a></td>
		</tr>
		<tr>
			<td align='right' width='30%'></td>
			<td><input type='submit' name='submit' value='Envoyer' border='0'></td>
		</tr>
	</table>
</form>
					</div>
				</div>
				<div class="ModuleBottom Bottom04"></div>
			</div>
			<div class="spacer"></div>
			<p class="cool">Pi-Com vous remercie de votre visite et se r&eacute;jouit d'avance <br />
			de pouvoir mettre ses comp&eacute;tences  &agrave; votre disposition.</p>
			<br />
		</div>
		
		
		<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
		<script type="text/javascript">
			_uacct = "UA-1551159-1";
			urchinTracker();
		</script>
    </body>
</html>