<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Marketing relationnel et Internet - Inpix</title>
 
 <!-- IMPORTANT!! CHANGER CETTE VALEUR SELON LE NOMBRE DE BOITE DANS LA COLONNE DE DROITE!. -->
 

 
  
  
 
 <script type="text/javascript">
 var isIndex = true;
 var right_box_count = 2;
 var menu_selected = 1;
 var lang = 'fr';
 </script>
 

 
<link rel="icon" href="/favicon.ico" />
<script type="text/javascript" src="/js/iepngfix/iepngfix_tilebg.js"></script>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/js/constants.js"></script>
<script type="text/javascript" src="/js/functions.js"></script>
<script type="text/javascript" src="/js/jquery_ftn.js"></script>
<script type="text/javascript" src="/js/cufon-yui.js"></script>
<script type="text/javascript" src="/js/din_400-din_700.font.js"></script>
<script type="text/javascript">
	Cufon.replace('h1');
	Cufon.replace('h2');
</script> <script type="text/javascript" src="/js/jflow.plus.js"></script>
 <script type="text/javascript" src="/js/jquery.tweet.js"></script>
 <script type="text/javascript" src="/js/jquery.jfeed.pack.js"></script>
 

 

<link rel="stylesheet" type="text/css" href="/css/general.css" />
<link rel="stylesheet" type="text/css" href="/css/index.css" />

    <style type="text/css" media="screen">
    <!--
        
        div#loader.loading {
            position: absolute;
            top:0;
            left:100px;
            padding-top:300px;
            padding-left:300px;
            display:inline;
            width:700px;
            height:300px;            
            background: url(img/spinner.gif) no-repeat center center;
            font-size : 24px;
            color:#000;
            z-index:1000;            
        }
    -->
    </style>

     <script type="text/javascript">
    <!--
	
    $(document).ready(function() {
		 $.ajax({
		   url: 'http://www.facebook.com/feeds/page.php?format=rss20&id=428221435313',
		   dataType: "xml",
		   success: function(data) {
			   alert('success!');
       		},
			error: function(jqXHR, textStatus, errorThrown) {
			}
   });
		
		
		
		$("#r_twitter").tweet({
            username: "inpix_agence",
            join_text: "auto",
            avatar_size: 32,
            count: 1,
            auto_join_text_default: "",
            auto_join_text_ed: "",
            auto_join_text_ing: "",
            auto_join_text_reply: "",
            auto_join_text_url: "",
			tweet_lang: "fr",
			            loading_text: "Chargement..."
			        });
		

	$(".jFlowNext").hover(
		function(){
			$(".jFlowNext").animate({opacity: "0.7"},200);
			$(".jFlowPrev").animate({opacity: "0.3"},200);
			//$("#flow_buttons").queue("fx", []).fadeIn(200, function() {/*fadein complété*/});
		},
		function(){
		});
		
	$(".jFlowPrev").hover(
		function(){
			$(".jFlowPrev").animate({opacity: "0.7"},200);
			$(".jFlowNext").animate({opacity: "0.2"},200);
			//$("#flow_buttons").queue("fx", []).fadeIn(200, function() {/*fadein complété*/});
		},
		function(){
		});
		
	//Function servant à effacer les flèches du flow lorsqu'on en sort
	$("#flow_controls").hover(
		function(){
			//vide
		},
		function(){
			$(".jFlowPrev").animate({opacity: "0"},200);
			$(".jFlowNext").animate({opacity: "0"},200);
			//$("#flow_buttons").delay(1000).fadeOut(200, function() {/*fadein complété*/});
		}
	);
	
			//FLOW
			$("#flow_controls").jFlow({
			controller: ".jFlowControl",
			slideWrapper : "#jFlowSlide",
				slides: "#home_flow",
				width: "99%",
				height: "604px",
				duration: 500,
			prev: ".jFlowPrev",
			next: ".jFlowNext",
			auto: true
			});	
	
	
	
       var myImages = new Array ("img/"+lang+"/real/"+"tourisme-outaouais"+".png" ,
                                  "img/"+lang+"/real/"+"groupe-pages-jaunes"+".png" ,
                                  "img/"+lang+"/real/"+"atout-france"+".png" ,
                                  "img/"+lang+"/real/"+"educalcool"+".png" ,
                                  "img/"+lang+"/real/"+"future-shop"+".png" ,
                                  "img/"+lang+"/real/"+"palais-des-congres"+".png" ,
                                  "img/"+lang+"/real/"+"whatsnexx"+".png" ,
								  "img/"+lang+"/real/"+"parc-olympique"+".png" ,
                                  "img/"+lang+"/real/"+"lccjti"+".png" 
                                );

			var totalImagesToLoad = 9 ;
			var totalImagesLoaded = 0 ;
			var i = 0;
			
			var myImgArray = new Array();
			
			function loadImage(i) {
				
				var myImg = new Image();
				
				$(myImg).addClass("hidden_slide");
				myImg.src=myImages[i];
				$('#imgslide'+i).append(myImg);
				myImg.onLoad=hasLoaded(i);
			
			}
			
			
			loadImage(i);
			
			function hasLoaded ( image ) {
				
				totalImagesLoaded ++ ;	
				if (totalImagesToLoad == totalImagesLoaded) {
					
					$("#imgslide"+i).find("img").removeClass("hidden_slide").addClass('load');
	
				}
				else {
					
					$("#imgslide"+i).find("img").removeClass("hidden_slide").addClass('load');
					
					i += 1;
					loadImage(i);
				}
			
			}
					
				
    });
    
    //-->
    </script>


</head>

<body class="fr">

<!-- background set-up -->
	<div class="fade_container">
        <div class="fade"></div>
    </div>
    <div class="photo">
      
      	<div id="home_flow">
            <div id="imgslide8"></div>
            <div id="imgslide7"></div>
            <div id="imgslide6"></div>
            <div id="imgslide5"></div>
            <div id="imgslide4"></div>
            <div id="imgslide3"></div>
            <div id="imgslide2"></div>
            <div id="imgslide1"></div>
            <div id="imgslide0"></div>
          </div>
         <div id="loader" class="loading"></div>
    </div>
    <div class="triangles"></div>
<!-- FIN background set-up -->
    <div class="content_container">
    	<!-- DÉBUT header -->
        	<div id="header">
            	<div id="logo"><a href="/index.php"><img src="/img/fr/logo.png" alt="Inpix" /></a>
              </div>
            	<!--<div id="logo2"><img src="/img/fr/logo_2.png" />
                </div>-->
                <div id="top_menu">
                	<div class="menu_option" id="menu_option_1">
                    <div class="menu_title"><a href="/index.php"><img src="/img/fr/menu01.gif" id="menu_img_1" alt="Accueil" /></a></div>
                    </div>
                	<div class="menu_option" id="menu_option_2">
                    <div class="menu_title" style="width: 142px;">
                    <div id="menu_realisations"><a href="/realisations.php"><img src="/img/fr/menu02.gif" id="menu_img_2" alt="Realisations" /></a></div>
                    </div>
                    <div class="menu_sub">
                    	<ul>
                        	<li><a href="/realisations.php">Toutes les réalisations</a></li>
                        	<li><a href="/reconnaissances.php">Reconnaissances</a></li>
                        </ul>
                        	<!--
                        	<div class="menu_realisation_img"><a href="/#"><img src="/img/fr/latest_img01.jpg" id="latest_img_1" /></a></div>
                        	<div class="menu_realisation_img"><a href="/#"><img src="/img/fr/latest_img02.jpg" id="latest_img_2" /></a></div>
                        	<div class="menu_realisation_text"><a href="/realisations.php">Toutes les réalisations</a></div>
                        	<div class="menu_realisation_text"><a href="/prix.php">Prix</a></div>-->
                    </div>
                    </div>
                	<div class="menu_option" id="menu_option_3">
                    <div class="menu_title"><a href="/agence.php"><img src="/img/fr/menu03.gif" id="menu_img_3" alt="L'agence" /></a></div>
                    <div class="menu_sub">
                    	<ul>
                        	<li><a href="/approche.php">Approche</a></li>
                        	<li><a href="/services.php">Services</a></li>
                        	<li><a href="/clients.php">Clients</a></li>
                        	<li><a href="/direction.php">Direction</a></li>
                        	<li><a href="/nouvelles.php">Nouvelles</a></li>
                        </ul>
                    </div>
                    </div>
                	<div class="menu_option" id="menu_option_4">
                    <div class="menu_title"><a href="/joindre.php"><img src="/img/fr/menu04.gif" id="menu_img_4" alt="Nous joindre" /></a></div>
                    <div class="menu_sub">
                    	<ul>
                        	<li><a href="/bureaux.php">Nos bureaux</a></li>
                        	<li><a href="/emplois.php">Carrières</a></li>
                        </ul>
                    </div>
                    </div>
                </div>
				 <script type="text/javascript">
				 document.getElementById("menu_option_"+menu_selected).className += " menu_option_selected";
				 </script>
                <div id="lang_switch">
                	<a href="?lang=en">english</a>
                </div>
                <div id="social_icons">
                	<span>Suivez-nous :</span>
                	<ul>
                    	<li><a href="http://www.linkedin.com/company/inpix" title="Linked" class="linked" target="_blank"><img src="/img/icon_linked_footer.png" alt="Linked" /></a></li>
                    	<li><a href="http://www.facebook.com/pages/Inpix/428221435313" title="Facebook" class="facebook" target="_blank"><img src="/img/icon_facebook_footer.png" alt="Facebook" /></a></li>
                    	<li><a href="http://twitter.com/#!/inpix_agence" title="Twitter" class="twitter" target="_blank"><img src="/img/icon_twitter_footer.png" alt="Twitter" /></a></li>
                    </ul>
                </div>
            </div>
        <!-- FIN header -->
               <!-- DÉBUT body -->
        	<!-- TODO: trouver une façon d'enlever la hauteur fixe sans briser le visuel -->
            <div id="body_container" style="width:1085px;">
                <div class="body_main_col">
                    <div id="flow_controls">
                        <div id="flow_prevnext">
                            <div class="jFlowPrev"><img src="/img/flow_prev.gif" alt="Pr&eacute;c&eacute;dent" /></div>
                            <div class="jFlowNext"><img src="/img/flow_next.gif" alt="Suivant" /></div>
                        </div>
                        <div id="flow_buttons" style='display:none;'>
							<div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                            <div class="jFlowControl" style='display:none;'></div>
                        </div>
                        <div class="clearer"></div>
                    </div>
                                        
                    <div class="white_box" id="white_box1" onclick="document.location.href='realisations/lccjti'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Ministère de la justice du Québec</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Inpix développe une plateforme web pour le Ministère de la justice du Québec.                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/lccjti"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box2" onclick="document.location.href='realisations/parc-olympique'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Le Parc olympique</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Le Parc olympique choisit Inpix pour la refonte de son site web.                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/parc-olympique"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box3" onclick="document.location.href='realisations/whatsnexx'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Whatsnexx</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Inpix est choisi par Whatsnexx pour la refonte de son site web                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/whatsnexx"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box4" onclick="document.location.href='realisations/palais-des-congres'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Palais des congrès de Montréal</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Inpix est choisi par Palais des congrès de Montréal pour la refonte de son site web                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/palais-des-congres"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box5" onclick="document.location.href='realisations/future-shop'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Future Shop</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Le plus important programme de courriels au Canada !                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/future-shop"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box6" onclick="document.location.href='realisations/educalcool'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Éduc'alcool</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Inpix renforce la présence web de l’organisme.                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/educalcool"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box7" onclick="document.location.href='realisations/atout-france'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Atout France</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Atout France renforce la promotion en ligne de la France au Canada.                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/atout-france"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box8" onclick="document.location.href='realisations/groupe-pages-jaunes'" >
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Groupe Pages Jaunes</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Groupe Pages Jaunes lance ProfilMarché, un outil en ligne automatisé pour aider les petites et moyennes entreprises avec leur marketing.                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/groupe-pages-jaunes"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                    <div class="white_box" id="white_box9" onclick="document.location.href='realisations/tourisme-outaouais'" style="display:block;">
                    	<div class="white_box_arrow">
                    		<img src="/img/fr/info_arrow.png" alt="" />
                        </div>
                    	<div class="white_box_title">
                    		<h1>Tourisme Outaouais</h1>
                        </div>
                        <div class="white_box_text">
                        
                        
                        Tourisme Outaouais optimise sa présence sur Internet.                        </div>
                    	<div class="white_box_more">
                    		<a href="realisations/tourisme-outaouais"><img src="/img/fr/info_plus.gif" alt="" /></a>
                        </div>
                    
                    </div>
                                        
                	<div style="position:relative; width: 243px; height: 10px;"></div>
                </div>
                <!-- Colonne de droite -->
                <div class="body_right_col" style="height: 675px;">
                	<!-- BOITE de la colonne de droite -->
                	<div class="right_col_box" id="r_box1">
                		
						<div class="red_title">
                        	<img src="/img/fr/inpix_cest.png" alt="Notre action" />
                        </div>
                    	
                        <div class="right_col_box_content">
                        	<div class="right_col_box_text">
						  	<p><span style="font-size: 14px;">Des réponses <br />à vos enjeux d'affaires.</span><!--<br />Sites web <br />Marketing numérique<br />Marketing relationnel<br />Applications web, sociales et mobiles--></p>
                        	<ul>
                            	<li>Sites web</li>
                                <li>Marketing numérique</li>
                                <li>Marketing relationnel</li>
                                <li>Applications web, sociales et mobiles</li>
                            </ul>
                            </div>
                            <div class="clearer"></div>
                        </div>
                        <div class="clearer"></div>
						<div class="right_col_box_plus"><a href="/approche.php"><img src="/img/fr/info_plus.gif" alt="" /></a></div>
                        <div class="resize_arrow_h" id="r_a1">
                        	<img src="/img/resize_arrow.png" border="0" id="img_resize1" alt="" />
                        </div>
                    </div>
                	<!-- FIN BOITE de la colonne de droite -->
                    <!-- BOITE de la colonne de droite -->
                	<div class="right_col_box" id="r_box2">
                		<div class="red_title">
                        	<img src="/img/fr/on_dit.png" alt="Nos Paroles" />
                        </div>
						<div class="rss">
                        	<!--<a href="/rss.php"><img src="/img/fr/rss.gif" alt="" /></a>-->
                        </div>
                        <div class="right_col_box_content">
                        	<div class="right_col_rss">
                            	<div class="rss_title"><a href="nouvelles/educ-alcool-inpix">Inpix conçoit une animation originale pour Éduc’alcool</a></div>
                            	<div class="rss_content">
		Dans le cadre de la campagne Éduc’alcool affichée dans les universités et les cegeps, Inpix a développé pour l’organisme une animation originale sur le thème <a href="http://www.facebook.com/Educalcool/app_143835035762558" target="_blank">« La science a testé l’alcool »</a>. Déployée sur le site web d’Éduc’alcool et sur les réseaux sociaux (Youtube, Facebook), cette vidéo vise à sensibiliser les jeunes aux limites journalières de consommation d’alcool, afin qu’ils adoptent un comportement responsable face à l’alcool. 
		</div>								
                            	
                                
                            </div>
                        	<div class="clearer"></div>
                            
                            <!--<hr />
                            
							<div class="friends_icon"><a target="_blank" href="http://www.facebook.com/pages/Inpix/428221435313"><img src="/img/icon_fb.png" alt="Facebook" /></a></div>
                        	<div class="friends_text" id="r_facebook">
<b>22 septembre 2014 - 10h48</b><br/>Nous sommes à la recherche d'un(e) coordonnateur(trice) campagnes courriel pour notre bureau de Montréal.  Si le poste vous intéresse, venez appliquer sur http://ideali.ca/carriere/ Merci de partager.</div>
                        	<div class="clearer"></div>
                            
                            <hr />
                            
							<div class="friends_icon"><a target="_blank" href="http://twitter.com/#!/inpix_agence" title="Twitter"><img src="/img/icon_twitter.png" alt="Twitter" /></a></div>
                        	<div class="friends_text" id="r_twitter"></div>
                        	<div class="clearer"></div>-->
                        </div>
                        <div class="clearer"></div>                        <div class="resize_arrow_h" id="r_a2">
                        	<img src="/img/resize_arrow.png" border="0" id="img_resize2" alt="" />
                        </div>
                    </div>
                	<!-- FIN BOITE de la colonne de droite -->
                </div>
                <!-- FIN Colonne de droite -->
    	<div id="footer_container">
            	<div id="footer_links">
                <a href="/nouvelles.php">Nouvelles</a><span class="vsep">  |  </span><a href="/emplois.php">Carrières</a><span class="vsep">  |  </span><a href="/carte.php">Carte du site</a><span class="vsep">  |  </span><a href="/vie-privee.php">Vie privée</a><!--<span class="vsep">  |  </span><a href="/rss.php">Fil RSS 
</a>--></div>
                <div id="footer_legal">
                	<span>&copy; 2016 Inpix. Tous droits réservés</span>
                </div>
                <div class="clearer"></div>
            </div>
            <script type="text/javascript"> Cufon.now(); </script>
            <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-461014-2']);
  _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>
            </div>
        <!-- FIN body -->
        <!-- DÉBUT footer -->
        <!-- FIN footer -->
    </div>
    
    
    
    
</body>
</html>
