<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Breizhzion - Soutien aux associations et à la réinsertion</title>
  <meta content="Breizhzion est une association culturelle et numérique à but non lucratif qui met ses compétences techniques, artistiques et numériques au service d'autres associations. Nous les aidons à se structurer, communiquer et organiser leurs projets pour accompagner les publics en difficulté et les personnes en réinsertion." name="description">
  <meta content="association culturelle, numérique, soutien aux associations, réinsertion, inclusion, production artistique, spectacle vivant, théâtre, musique, accompagnement technique, gestion administrative, médiation numérique, Breizhzion" name="keywords">
  <meta name="author" content="Breizhzion">
  <meta name="robots" content="index, follow">
  <meta name="language" content="French">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://breizhzion.com/">
  <meta property="og:title" content="Breizhzion - Soutien aux associations et à la réinsertion">
  <meta property="og:description" content="Breizhzion accompagne d'autres associations et structures solidaires grâce à ses compétences culturelles et numériques, pour développer des projets au service des publics fragilisés et de la réinsertion.">
  <meta property="og:image" content="assets/img/header-bg.jpg">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://breizhzion.com/">
  <meta property="twitter:title" content="Breizhzion - Soutien aux associations et à la réinsertion">
  <meta property="twitter:description" content="Breizhzion accompagne d'autres associations et structures solidaires grâce à ses compétences culturelles et numériques, pour développer des projets au service des publics fragilisés et de la réinsertion.">
  <meta property="twitter:image" content="assets/img/header-bg.jpg">

  <!-- Favicons -->
  <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon-16x16.png">
  <link rel="icon" type="image/png" sizes="192x192" href="assets/img/android-chrome-192x192.png">
  <link rel="manifest" href="/site.webmanifest">
  <meta name="msapplication-TileColor" content="#a00000">
  <meta name="msapplication-TileImage" content="assets/img/android-chrome-192x192.png">
  <meta name="theme-color" content="#a00000">

  <link rel="canonical" href="https://breizhzion.com/">

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NonprofitOrganization",
    "name": "Breizhzion",
    "url": "https://breizhzion.com",
    "logo": "https://breizhzion.com/assets/img/header-bg.jpg",
    "description": "Association culturelle et numérique qui met ses compétences au service d'autres associations, notamment autour de l'inclusion et de la réinsertion.",
    "nonprofitStatus": "Association d'intérêt général"
  }
  </script>

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top d-flex align-items-center">
    <div class="container d-flex align-items-center">

      <h1 class="logo me-auto"><a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"> Breizhzion</a></h1>

      <nav id="navbar" class="navbar" role="navigation" aria-label="Navigation principale">
        <ul>
          <li><a href="#hero" class="active">Accueil</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#portfolio">Portfolio</a></li>
          <li><a href="#about">À propos</a></li>
          <li><a href="#team">L'équipe</a></li>
          <li><a href="https://tally.so/r/eqDAM0">Contact</a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle" role="button" aria-label="Ouvrir le menu" aria-controls="navbar" aria-expanded="false" tabindex="0"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <section id="hero">
    <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">

      <div class="carousel-inner" role="listbox">

        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url(assets/img/header-bg.jpg)">
          <div class="carousel-container">
            <div class="container">
              <h2 class="animate__animated animate__fadeInDown">Nous vous aidons à aider les autres</h2>
              <p class="animate__animated animate__fadeInUp">Tech, culture et régie au service de la solidarité et de la réinsertion.</p>
              <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto">Découvrir notre mission</a>
            </div>
          </div>
        </div>

      </div>

    </div>
  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= Services Section ======= -->
    <section id="services" class="services">
      <div class="container">
        <div class="section-title">
          <h2>Nos domaines de compétences au service des autres</h2>
          <p>Nous mettons nos compétences au service d'associations, de structures d'insertion et de projets solidaires.</p>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-laptop"></i></div>
              <h4><a href="">Informatique solidaire</a></h4>
              <p>Sites web, outils numériques, accompagnement et formation pour des associations et structures qui agissent sur le terrain.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-sitemap"></i></div>
              <h4><a href="">Production / Gestion de projets</a></h4>
              <p>Nous aidons les associations à structurer, produire et gérer leurs projets pour qu'elles puissent se concentrer sur l'accompagnement des personnes.</p>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0">
            <div class="icon-box">
              <div class="icon"><i class="bx bx-group"></i></div>
              <h4><a href="">Événementiel engagé</a></h4>
              <p>Organisation et régie d'événements au profit d'actions sociales, culturelles et de projets de réinsertion.</p>
            </div>
          </div>
        </div>
      </div>
    </section><!-- End Services Section -->

    <!-- ======= Portfolio Section ======= -->
    <section id="portfolio" class="portfolio">
      <div class="container">
        <div class="section-title">
          <h2>Portfolio</h2>
          <p>Quelques projets réalisés aux côtés de partenaires et d'associations, pour amplifier leur impact auprès de leurs publics.</p>
        </div>
        <div class="row portfolio-container">
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.kpopify.me/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/kpopify.png" class="img-fluid" alt="Kpopify.me, gestion des projets et des médias par Breizhzion">
              <div class="portfolio-info">
                <h4>Kpopify.me</h4>
                <p>Gestion des projets &amp; des médias</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.microsoft.com/fr-fr/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/microsoft.jpg" class="img-fluid" alt="Production audiovisuelle et régie son et vidéo pour Microsoft">
              <div class="portfolio-info">
                <h4>Microsoft</h4>
                <p>Régie Son &amp; Vidéo</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.redbull.com/fr-fr/energydrink" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/redbull.jpg" class="img-fluid" alt="Consulting et régie pour des événements Redbull">
              <div class="portfolio-info">
                <h4>Redbull</h4>
                <p>Consulting - Régie</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.livenation.fr/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/livenation.jpg" class="img-fluid" alt="Régie lumière pour des événements Live Nation France">
              <div class="portfolio-info">
                <h4>Live Nation France</h4>
                <p>Régie Lumière</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://pro.eslgaming.com/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/esl.jpg" class="img-fluid" alt="Régie son et vidéo pour Turtle Entertainment - ESL">
              <div class="portfolio-info">
                <h4>Turtle Entertainment - ESL</h4>
                <p>Régie Son &amp; Vidéo</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://dreamhack.com/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/dreamhack.jpg" class="img-fluid" alt="Régie générale pour les événements Dreamhack">
              <div class="portfolio-info">
                <h4>Dreamhack</h4>
                <p>Régie Générale</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://webedia-group.com/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/webedia.jpg" class="img-fluid" alt="Régie générale pour les productions Webedia">
              <div class="portfolio-info">
                <h4>Webedia</h4>
                <p>Régie Générale</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.gamekult.com/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/gamekult.jpg" class="img-fluid" alt="Régie son et vidéo pour Gamekult">
              <div class="portfolio-info">
                <h4>Gamekult</h4>
                <p>Régie Son &amp; Vidéo</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://fr.wikipedia.org/wiki/LDLC_OL" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/teamldlc.png" class="img-fluid" alt="Gestion des projets et des médias pour LDLC OL">
              <div class="portfolio-info">
                <h4>LDLC OL</h4>
                <p>Gestion des projets &amp; des médias</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://theatrelepic.com/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/theatrelepic.jpg" class="img-fluid" alt="Régie générale pour le Théâtre Lepic">
              <div class="portfolio-info">
                <h4>Théâtre Lepic</h4>
                <p>Régie générale</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.theatreachatillon.com/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/theatredechatillon.jpg" class="img-fluid" alt="Régie générale pour le Théâtre de Châtillon">
              <div class="portfolio-info">
                <h4>Théâtre de Châtillon</h4>
                <p>Régie Générale</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.theatreastral.com/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/astral.jpg" class="img-fluid" alt="Régie générale pour le Théâtre Astral">
              <div class="portfolio-info">
                <h4>Théâtre Astral</h4>
                <p>Régie Générale</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.saintmande.fr/pratique/culture-et-loisirs/cresco" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/cresco.jpg" class="img-fluid" alt="Régie générale pour Cresco, centre culturel de Saint-Mandé">
              <div class="portfolio-info">
                <h4>Cresco - Saint-Mandé</h4>
                <p>Régie Générale</p>
              </div>
            </a>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item">
            <a href="https://www.matrioshka.fr/" target="_blank" rel="noopener noreferrer">
              <img src="assets/img/portfolio/matrioshka.jpg" class="img-fluid" alt="Régie générale pour Matrioshka Productions">
              <div class="portfolio-info">
                <h4>Matrioshka Productions</h4>
                <p>Régie Générale</p>
              </div>
            </a>
          </div>
        </div>
      </div>
    </section><!-- End Portfolio Section -->

    <!-- ======= About Section ======= -->
    <section id="about" class="about">
      <div class="container">
        <div class="section-title">
          <h2>À propos</h2>
          <p>Breizhzion est une association culturelle et numérique qui met son expérience au service d'autres associations, collectifs et structures d'insertion.</p>
        </div>
        <p class="mb-4">
          Concrètement, nous animons des formations aux outils informatiques à destination des associations, des personnes âgées et des personnes en réinsertion, ainsi que des ateliers de sensibilisation à la cybersécurité pour ces mêmes publics. Nous accompagnons aussi les structures dans la création technique de leurs spectacles et de leurs tournées (théâtre, concerts, LAN, salons), que ce soit pour de petites associations de quartier, des collectifs locaux ou des structures nationales et internationales.
        </p>
        <div class="row content">
          <div class="col-lg-12">
             <div class="row mb-4">
                <div class="col-md-2 text-center">
                    <img src="assets/img/about/1.jpg" class="img-fluid rounded-circle" alt="Premières années de Breizhzion, concerts et événements">
                </div>
                <div class="col-md-10">
                    <h4>2005-2008 - Nos débuts</h4>
                    <p>Nous avons commencé par organiser des concerts, des événements et des projets culturels, en construisant un réseau de partenaires et de bénévoles.</p>
                </div>
             </div>
             <hr>
             <div class="row mb-4 mt-4">
                 <div class="col-md-2 text-center">
                    <img src="assets/img/about/2.jpg" class="img-fluid rounded-circle" alt="Période de formation et de montée en compétences de Breizhzion">
                </div>
                <div class="col-md-10">
                    <h4>2008-2010 - La formation</h4>
                    <p>Nous avons renforcé nos compétences techniques, numériques et de régie pour pouvoir accompagner d'autres structures dans leurs propres projets.</p>
                </div>
             </div>
             <hr>
             <div class="row mt-4">
                 <div class="col-md-2 text-center">
                    <img src="assets/img/about/3.jpg" class="img-fluid rounded-circle" alt="Breizhzion au service d'associations et de projets engagés">
                </div>
                <div class="col-md-10">
                    <h4>2011 - L'éclosion</h4>
                    <p>Depuis 2011, nous mettons notre savoir-faire au service d'associations et de projets engagés, notamment autour de la réinsertion, de l'inclusion et de l'accès à la culture.</p>
                </div>
             </div>
          </div>
        </div>
      </div>
    </section><!-- End About Section -->

    <!-- ======= Team Section ======= -->
    <section id="team" class="team section-bg">
      <div class="container">
        <div class="section-title">
          <h2>Notre équipe bénévole et engagée</h2>
          <p>Des profils techniques et artistiques qui mettent leurs compétences au service des autres.</p>
        </div>
        <div class="row">
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
            <div class="member">
              <img src="assets/img/team/1.jpg" class="img-fluid rounded-circle" alt="Portrait de Thierry Oliveira, membre de Breizhzion">
              <div class="member-info">
                <h4>Thierry Oliveira</h4>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
            <div class="member">
              <img src="assets/img/team/2.jpg" class="img-fluid rounded-circle" alt="Portrait de Julien Ménard, membre de Breizhzion">
              <div class="member-info">
                <h4>Julien Ménard</h4>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 d-flex align-items-stretch">
            <div class="member">
              <img src="assets/img/team/3.jpg" class="img-fluid rounded-circle" alt="Portrait de Cédric Giscos, membre de Breizhzion">
              <div class="member-info">
                <h4>Cédric Giscos</h4>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section><!-- End Team Section -->



  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

          <div class="col-lg-6 col-md-6">
            <div class="footer-info">
              <h3>Breizhzion</h3>
              <p>
                <i class="ri-mail-line" aria-hidden="true"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e784888993868493a78595828e9d8f9d8e8889c984888a">[email&#160;protected]</a><br>
              </p>
            </div>
          </div>

          <div class="col-lg-3 col-md-3 footer-links">
            <h4>Récapitulatif</h4>
            <ul>
              <li><i class="ri-arrow-right-s-line" aria-hidden="true"></i> <a href="#hero">Accueil</a></li>
              <li><i class="ri-arrow-right-s-line" aria-hidden="true"></i> <a href="#services">Services</a></li>
              <li><i class="ri-arrow-right-s-line" aria-hidden="true"></i> <a href="#portfolio">Portfolio</a></li>
              <li><i class="ri-arrow-right-s-line" aria-hidden="true"></i> <a href="#about">À propos</a></li>
              <li><i class="ri-arrow-right-s-line" aria-hidden="true"></i> <a href="#team">L'équipe</a></li>
              <li><i class="ri-arrow-right-s-line" aria-hidden="true"></i> <a href="https://tally.so/r/eqDAM0">Contact</a></li>
              <li><i class="ri-arrow-right-s-line" aria-hidden="true"></i> <a href="mentions-legales.html">Mentions légales</a></li>
            </ul>
          </div>

        </div>
      </div>
    </div>

    <div class="container">
      <div class="copyright">
        &copy; Copyright <span id="current-year"></span> <strong><span>Breizhzion</span></strong> &middot; Association d'intérêt général. Tous droits réservés.
      </div>
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>
