Embed

<section class="nora-elite-band-wrapper" aria-labelledby="nora-elite-band-title">
  <style>
    .nora-elite-band-wrapper * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    .nora-elite-band-wrapper {
      width: 100%;
      background: #f7f7f7;
      padding: 58px 18px;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: #0b1120;
      overflow: hidden;
    }

    .nora-elite-band-inner {
      max-width: 1180px;
      margin: 0 auto;
    }

    .nora-elite-band-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 22px;
      margin-bottom: 28px;
      padding-bottom: 18px;
      border-bottom: 1px solid rgba(15, 23, 42, 0.1);
    }

    .nora-elite-band-kicker {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: #834a83;
      font-size: 13px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: 1.7px;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .nora-elite-band-kicker::before {
      content: "";
      width: 42px;
      height: 2px;
      border-radius: 999px;
      background: #834a83;
    }

    .nora-elite-band-proof {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #334155;
      font-size: 14px;
      line-height: 1.35;
      font-weight: 800;
      white-space: nowrap;
    }

    .nora-elite-band-stars {
      color: #834a83;
      font-size: 15px;
      letter-spacing: 0.8px;
      line-height: 1;
    }

    .nora-elite-band-main {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 290px;
      gap: 46px;
      align-items: center;
    }

    .nora-elite-band-title {
      max-width: 900px;
      color: #0b1120;
      font-size: clamp(36px, 4.8vw, 64px);
      line-height: 1.03;
      letter-spacing: -1.8px;
      font-weight: 950;
      margin-bottom: 22px;
    }

    .nora-elite-band-title-accent {
      color: #834a83;
    }

    .nora-elite-band-subtitle {
      max-width: 790px;
      color: #0b1120;
      font-size: clamp(20px, 2.2vw, 26px);
      line-height: 1.25;
      font-weight: 900;
      letter-spacing: -0.4px;
      margin-bottom: 18px;
    }

    .nora-elite-band-list {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 24px;
      max-width: 900px;
    }

    .nora-elite-band-item {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: #334155;
      font-size: 15px;
      line-height: 1.4;
      font-weight: 800;
    }

    .nora-elite-band-item::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #834a83;
      box-shadow: 0 0 0 4px rgba(131, 74, 131, 0.12);
      flex: 0 0 auto;
    }

    .nora-elite-band-action {
      display: grid;
      gap: 12px;
      width: 100%;
    }

    .nora-elite-band-button {
      width: 100%;
      min-height: 58px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border: none;
      border-radius: 7px;
      background: #0b1120;
      color: #ffffff;
      padding: 18px 26px;
      font-family: inherit;
      font-size: 16px;
      font-weight: 900;
      line-height: 1;
      cursor: pointer;
      touch-action: manipulation;
      box-shadow: 0 16px 32px rgba(15, 23, 42, 0.18);
      transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
    }

    .nora-elite-band-button span {
      color: #ffffff;
    }

    .nora-elite-band-button svg {
      width: 18px;
      height: 18px;
      stroke-width: 2.8;
      color: #ffffff;
      transition: transform 0.22s ease;
    }

    .nora-elite-band-button:focus-visible {
      outline: none;
      box-shadow: 0 0 0 4px rgba(131, 74, 131, 0.18), 0 16px 32px rgba(15, 23, 42, 0.18);
    }

    .nora-elite-band-button:active {
      transform: scale(0.98);
    }

    .nora-elite-band-note {
      color: #64748b;
      font-size: 13px;
      line-height: 1.35;
      font-weight: 700;
      text-align: center;
    }

    .nora-elite-band-accent {
      width: 100%;
      height: 3px;
      margin-top: 34px;
      background: linear-gradient(90deg, #834a83 0%, rgba(131, 74, 131, 0.35) 35%, rgba(15, 23, 42, 0.08) 100%);
      border-radius: 999px;
    }

    @media (hover: hover) and (pointer: fine) {
      .nora-elite-band-button:hover {
        background: #834a83;
        transform: translateY(-2px);
        box-shadow: 0 18px 36px rgba(131, 74, 131, 0.28);
      }

      .nora-elite-band-button:hover svg {
        transform: translateX(3px);
      }
    }

    @media (max-width: 767px) {
      .nora-elite-band-wrapper {
        padding: 42px 14px;
      }

      .nora-elite-band-top {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 22px;
        padding-bottom: 16px;
      }

      .nora-elite-band-proof {
        white-space: normal;
      }

      .nora-elite-band-main {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .nora-elite-band-title {
        letter-spacing: -1.2px;
        margin-bottom: 18px;
      }

      .nora-elite-band-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .nora-elite-band-action,
      .nora-elite-band-action > div:first-child,
      .nora-elite-band-button {
        width: 100%;
      }

      .nora-elite-band-note {
        text-align: center;
      }

      .nora-elite-band-accent {
        margin-top: 28px;
      }
    }
  </style>

  <div class="nora-elite-band-inner">
    <div class="nora-elite-band-top">
      <div class="nora-elite-band-kicker">Accompagnement sur-mesure</div>

      <div class="nora-elite-band-proof" aria-label="Plus de 1200 professionnels déjà formés">
        <span class="nora-elite-band-stars" aria-hidden="true">★★★★★</span>
        <span>+ de 1200 professionnels déjà formés</span>
      </div>
    </div>

    <div class="nora-elite-band-main">
      <div class="nora-elite-band-content">
        <h2 class="nora-elite-band-title" id="nora-elite-band-title">
          Réservez votre place
          <span class="nora-elite-band-title-accent">ou demandez à être recontacté</span>
        </h2>

        <p class="nora-elite-band-subtitle">
          Remplissez ce formulaire pour :
        </p>

        <div class="nora-elite-band-list" aria-label="Objectifs du formulaire">
          <article class="nora-elite-band-item">Vous inscrire à nos sessions, en présentiel ou en ligne</article>
          <article class="nora-elite-band-item">Être alerté de l’ouverture des prochaines dates</article>
          <article class="nora-elite-band-item">Organiser une session privée sur-mesure pour votre structure</article>
        </div>
      </div>

      <div class="nora-elite-band-action">
        <div style="position: relative; z-index: 9999; pointer-events: auto;">
          <button class="nora-elite-band-button js-force-scroll" type="button" data-target="69f50c88a0c65b95f1fe292b">
            <span>Envoyer ma demande</span>
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true">
              <path d="M5 12h14"></path>
              <path d="M13 5l7 7-7 7"></path>
            </svg>
          </button>
        </div>

        <p class="nora-elite-band-note">
          Réponse personnalisée selon votre besoin.
        </p>
      </div>
    </div>

    <div class="nora-elite-band-accent" aria-hidden="true"></div>
  </div>

  <script>
    (function () {
      document.querySelectorAll(".js-force-scroll").forEach(function (button) {
        var isTouchHandled = false;

        function forceScroll(e) {
          if (e) {
            e.preventDefault();
            e.stopPropagation();
          }

          var targetId = button.getAttribute("data-target");
          if (!targetId) return;

          var target = document.getElementById(targetId);
          if (!target) return;

          var mainBody = document.getElementById("main-body");

          if (mainBody) {
            var mainRect = mainBody.getBoundingClientRect();
            var targetRect = target.getBoundingClientRect();
            var targetPosition = mainBody.scrollTop + targetRect.top - mainRect.top;

            mainBody.scrollTo({
              top: targetPosition,
              behavior: "smooth"
            });
          } else {
            target.scrollIntoView({
              behavior: "smooth",
              block: "start"
            });
          }
        }

        button.addEventListener("touchstart", function (e) {
          isTouchHandled = true;
          forceScroll(e);

          setTimeout(function () {
            isTouchHandled = false;
          }, 500);
        }, { passive: false });

        button.addEventListener("click", function (e) {
          if (isTouchHandled) {
            e.preventDefault();
            e.stopPropagation();
            return;
          }

          forceScroll(e);
        });
      });
    })();
  </script>
</section>

Contact form

name

email

phone

Organisation

Fonction

Sprint Souhaité

IA pour Finance

IA pour Architectes

IA pour Santé

IA pour Avocats & Juristes

message

Données personnelles

J'autorise l'usage de mes données pour répondre à ma demande. J’ai lu la Politique de confidentialité.

NORA

Nora Académie is a training agency specialized in generative AI by profession (accountants, lawyers, jurists, doctors, researchers, managers). We support companies in upskilling their teams and deploying AI operationally, and schools in integrating AI into their academic programs. Our approach is practical and results-driven: short sprints or certified programs, real-world use cases, ready-to-use AI tools and assistants, combined with hands-on consulting to turn AI into measurable productivity gains, delivered by Nora Académie.

Switzer

Hanken Grotesk

Bricolage Grotesque

Poppins

Réservez votre place ou demandez à être recontacté