<?php include('header-portfolio.php') ?>
<style>
  .team .col-lg-3{
    margin-bottom:2rem;
  }
</style>
<!-- end header -->
<!-- end page-header -->
<section class="about-intro">
	<div class="container">
  	<div class="row">
  		<div class="col-12">
  			<h2 style="font-family:'Chronicles-light';">Agence <br>communication 360&deg;</h2>
  		<p style="font-family:'Chronicles-light';">Pour vous faire découvrir de nouveaux horizons.</p>
  		</div>
  		<!-- end col-12 -->
  		<div class="col-md-6">
  		<p class="tt">Depuis 1994, Bleuoutremer évolue dans l’univers des communications et propose des solutions 360O permettant à nos clients d’être parfaitement outillés pour optimiser leur rayonnement et atteindre leurs objectifs.</p>
  		</div>
  		<!-- end col-6 -->
  		<div class="col-md-6">
  		<p class="tt">Bleuoutremer c’est le design engagé, proche de nos valeurs, l‘image de marque, essentielle aux organismes et aux entreprises, la conception et la gestion de sites Web, le tout imbriqué dans une stratégie marketing réfléchie et découlant d’une approche bâtie sur plus de 25 années d’expérience.</p>
  		</div>
  		<!-- end col-6 -->
  	</div>
	<!-- end row -->
	</div>
	<!-- end container -->
</section>
<!-- end about-intro -->

<!-- end our-awards -->
<section class="team" data-color="dark">
  <div class="container">
   <div class="row">
   <div class="col-12">
   		<div class="titles">
      <h6 style="font-family:'Chronicles-normal';">L'Équipe Bleuoutremer</h6>
      <p class="tt">Pour vous amener plus loin, notre équipe évolue dans un espace collaboratif ouvert et vibrant, où les idées voyagent. Nous estimons que l’écoute et la transparence nous font progresser individuellement et collectivement. </p>
      <p class="tt">Hommes et femmes de cœur, nous valorisons l’entraide et la solidarité. Nous misons sur les aptitudes de chacun pour obtenir une synergie propice à la créativité. Ce qui nous rassemble? Des liens durables, des rapports authentiques, une vision commune.</p>
    </div>
    <!-- end titles -->
   </div>
   <!-- end col-12 -->
   	<div class="col-lg-3 col-md-6">
   		<figure>
   			<img src="images/team/yves-perreault.jpg" alt="Image Yves Perreault">
   			<figcaption>
   			<h5 class="tt">Yves Perreault</h5>
   				<span class="tt">Président | Développement et stratégie</span>
   				<small><a class="pointer-large" href="mailto:y.perreault@bleuoutremer.qc.ca">Courriel</a></small>
   			</figcaption>
   		</figure>
   	</div>
   <div class="col-lg-3 col-md-6">
    <figure>
      <img src="images/team/melanie-cote.jpg" alt="Image Mélanie Coté">
      <figcaption>
      <h5 class="tt">Mélanie Côté</h5>
        <span class="tt">Directrice des ventes | Conseillère stratégique</span>
        <small><a class="pointer-large" href="mailto:m.cote@bleuoutremer.qc.ca">Courriel</a></small>
      </figcaption>
    </figure>
   </div>
   <div class="col-lg-3 col-md-6">
    <figure>
      <img src="images/team/nicolas-pilote.jpg" alt="Image Nicolas Pilote">
      <figcaption>
      <h5 class="tt">Nicolas Pilote</h5>
        <span class="tt">Directeur Général | Directeur de production</span>
        <small><a class="pointer-large" href="mailto:n.pilote@bleuoutremer.qc.ca">Courriel</a></small>
      </figcaption>
    </figure>
   </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/jennifer-goldberg.jpg" alt="Image Jennifer Goldberg">
     <figcaption>
     <h5 class="tt">Jennifer Goldberg</h5>
       <span class="tt">Conseillère stratégique | Directrice de comptes</span>
       <small><a class="pointer-large" href="mailto:j.goldberg@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/dominique-andrieux.jpg" alt="Image Dominique Andrieux">
     <figcaption>
     <h5 class="tt">Dominique Andrieux</h5>
       <span class="tt">Directeur Général | Directeur de production</span>
       <small><a class="pointer-large" href="mailto:d.andrieux@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/genevieve-lesieur.jpg" alt="Image Genevière LeSieur">
     <figcaption>
     <h5 class="tt">Genevière LeSieur</h5>
       <span class="tt">Directrice de création | Photographe</span>
       <small><a class="pointer-large" href="mailto:g.lesieur@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/sebastien-martineau.jpg" alt="Image Sébastien Martineau">
     <figcaption>
     <h5 class="tt">Sébastien Martineau</h5>
       <span class="tt">Directeur artistique</span>
       <small><a class="pointer-large" href="mailto:s.martineau@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/jean-philippe-castonguay.jpg" alt="Image Jean-Philippe Castonguay">
     <figcaption>
     <h5 class="tt">Jean-Philippe Castonguay</h5>
       <span class="tt">Designer Graphique</span>
       <small><a class="pointer-large" href="mailto:jp.castonguay@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/andreanne-gobeil.jpg" alt="Image Andréanne Gobeil">
     <figcaption>
     <h5 class="tt">Andréanne Gobeil</h5>
       <span class="tt">Designer Graphique</span>
       <small><a class="pointer-large" href="mailto:a.gobeil@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/jean-philippe-roussel.jpg" alt="Image Jean-Philippe Roussel">
     <figcaption>
     <h5 class="tt">Jean-Philippe Roussel</h5>
       <span class="tt">Designer Graphique</span>
       <small><a class="pointer-large" href="mailto:jp.roussel@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/remy-grondin.jpg" alt="Image Rémy Grondin">
     <figcaption>
     <h5 class="tt">Rémy Grondin</h5>
       <span class="tt">Infographiste</span>
       <small><a class="pointer-large" href="mailto:r.grondin@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/steven-ouellet.jpg" alt="Image Steven Ouellet">
     <figcaption>
     <h5 class="tt">Steven Ouellet</h5>
       <span class="tt">Infographiste</span>
       <small><a class="pointer-large" href="mailto:s.ouellet@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>


  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/kaven-martineau.jpg" alt="Image Kaven Martineau">
     <figcaption>
     <h5 class="tt">Kaven Martineau</h5>
       <span class="tt">Développeur web</span>
       <small><a class="pointer-large" href="mailto:k.martineau@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/elodie-lavertu.jpg" alt="Image Élodie Lavertu">
     <figcaption>
     <h5 class="tt">Élodie Lavertu</h5>
       <span class="tt">Développeuse web</span>
       <small><a class="pointer-large" href="mailto:e.lavertu@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>

  <div class="col-lg-3 col-md-6">
   <figure>
     <img src="images/team/eva-maude-lemonde-marzell.jpg" alt="Image Éva-Maude Lemonde Marzell">
     <figcaption>
     <h5 class="tt">Éva-Maude Lemonde Marzell</h5>
       <span class="tt">Développeuse web</span>
       <small><a class="pointer-large" href="mailto:e.lemonde@bleuoutremer.qc.ca">Courriel</a></small>
     </figcaption>
   </figure>
  </div>




   <!-- end row -->
  </div>
  <!-- end container --> 
</section>
<!-- end team -->
<?php include('footer.php'); ?>