
<section class="featured-services" data-color="gradient" id="services">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="titles" style="padding-right:0;">
          <h6 class="services">Bleuoutremer est une agence avec une approche multidisciplinaire alliant stratégie et créativité pour créer des expériences de communication 360 performante et durable.</h6>
          <!-- <p>We’re constantly refining our product. Adding new features.  Working to 
            help your business grow.</p> -->
        </div>
        <!-- end titles --> 


        <div class="accordion js-accordion">
          <div class="accordion__item js-accordion-item">
            <div class="accordion-header js-accordion-header pointer-large">01 - Planification stratégique</div> 
              <div class="accordion-body js-accordion-body">
                <div class="accordion-body__contents">
                    <div class="row no-padding">
                      <div class="col-lg-4 col-md-2 col-sm-12"><!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea - commodo consequat. -->
                      </div>
                      <div class="col-lg-4 col-md-5 col-sm-12">
                        <ul>
                          <li>Planification stratégique</li>
                          <li>Promotion et marketing direct</li>
                          <li>Relations publiques et de presse</li>
                          <li>Stratégie de mise en marché</li>
                          <li>Sondage et focus group</li>
                          <li>Organisation d'événements</li>
                          <li>Veille de marché sur la concurrence et les consommateurs</li>
                          <li>Monitoring</li>
                        </ul>
                      </div>
                      <div class="col-lg-4 col-md-5 col-sm-12">
                        <ul>
                          <li>Plan de communication</li>
                          <li>Stratégie de marque</li>
                          <li>Étude de faisabilité</li>
                          <li>Analyse et diagnostic</li>
                          <li>Coaching de gestion et de formation</li>
                          <li>Développement du positionnement et de l'image corporative</li>
                          <li>Booking média</li>
                        </ul>
                      </div>
                    </div>
                </div>
              </div>
          </div><!-- end of accordion body -->
        </div><!-- end of accordion item -->
        <div class="accordion js-accordion">
          <div class="accordion__item js-accordion-item">
            <div class="accordion-header js-accordion-header pointer-large">02 - Campagne publicitaire</div> 
              <div class="accordion-body js-accordion-body">
                <div class="accordion-body__contents">
                    <div class="row no-padding">
                      <div class="col-lg-4 col-md-4 col-sm-12"><!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea - commodo consequat. -->
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12">
                        <ul>
                          <li>Rédaction, révision linguistique et traduction</li>
                          <li>Scénarisation</li>
                          <li>Signature de positionnement</li>
                          <li>Message radio</li>
                          <li>Message télé</li>
                          <li>Capsule vidéo web</li>
                        </ul>
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12">
                        <ul>
                          <li>Affichage</li>
                          <li>Dénomination</li>
                          <li>Campagne intégrée</li>
                          <li>Design graphique</li>
                          <li>Séance photo</li>
                          <li>Direction artistique</li>
                        </ul>
                      </div>
                    </div>
                </div>
              </div>
          </div><!-- end of accordion body -->
        </div><!-- end of accordion item -->
        <div class="accordion js-accordion">
          <div class="accordion__item js-accordion-item">
            <div class="accordion-header js-accordion-header pointer-large">03 - Design et direction artistique</div> 
              <div class="accordion-body js-accordion-body">
                <div class="accordion-body__contents">
                    <div class="row no-padding">
                      <div class="col-lg-4 col-md-4 col-sm-12"><!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea - commodo consequat. -->
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12">
                        <ul>
                          <li>Stratégie de marque</li>
                          <li>Design identitaire (branding/im. de marque)</li>
                          <li>Charte graphique</li>
                          <li>Architecture de marque</li>
                          <li>Recherche nominale</li>
                          <li>Design logotype</li>
                          <li>Design d'édition</li>
                          <li>Design d'environnements</li>
                        </ul>
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12">
                        <ul>
                          <li>Web design</li>
                          <li>Design d'emballage/Packaging</li>
                          <li>Motion design</li>
                          <li>Illustration</li>
                          <li>Photographie</li>
                          <li>Affichage</li>
                          <li>Signalétique et design d'espace</li>
                        </ul>
                      </div>
                    </div>
                </div>
              </div>
          </div><!-- end of accordion body -->
        </div><!-- end of accordion item -->
        <div class="accordion js-accordion">
          <div class="accordion__item js-accordion-item">
            <div class="accordion-header js-accordion-header pointer-large">04 - Stratégie numérique</div> 
              <div class="accordion-body js-accordion-body">
                <div class="accordion-body__contents">
                    <div class="row no-padding">
                      <div class="col-lg-4 col-md-4 col-sm-12"><!-- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea - commodo consequat. -->
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12">
                        <ul>
                          <li>Création et programmation Web</li>
                          <li>Design d’interface (UI)</li>
                          <li>Maquettes schématiques (wireframe)</li>
                          <li>Site web adaptatif</li>
                          <li>Système de gestion de contenus (CMS)</li>
                          <li>Référencement organique (SEO+SEM)</li>
                          <li>Rédaction web</li>
                          <li>Stratégie de contenu</li>
                          <li>Infolettre</li>
                        </ul>
                      </div>
                      <div class="col-lg-4 col-md-4 col-sm-12">
                        <ul>
                          <li>Application web</li>
                          <li>Hébergement web et gestion de noms de domaine</li>
                          <li>Stratégie réseaux sociaux</li>
                          <li>Gestion de communauté</li>
                          <li>Campagne numérique</li>
                          <li>Service de webmestre</li>
                          <li>Plateforme transactionnelle</li>
                          <li>Stratégie d’affaire en ligne</li>
                          <li>E-commerce</li>
                        </ul>
                      </div>
                    </div>
                </div>
              </div>
          </div><!-- end of accordion body -->
        </div><!-- end of accordion item -->
      </div>
      <!-- end col-7 -->

    </div>
    <!-- end row --> 
  </div>
  <!-- end container --> 
</section>
<!-- end featured-services -->




   