Embed

<section
  id="contact-nora"
  class="nora-contact-pro-wrapper"
  aria-labelledby="nora-contact-pro-title"
  data-nora-contact-pro
>
  <div class="nora-contact-pro-inner">

    <div class="nora-contact-pro-box">

      <div class="nora-contact-pro-content">

        <div class="nora-contact-pro-kicker">
          <span aria-hidden="true"></span>
          <p>Besoin d’échanger ?</p>
        </div>

        <h2 id="nora-contact-pro-title">
          Contactez-<span>nous</span>
        </h2>

        <p class="nora-contact-pro-text">
          Pour toute question ou information complémentaire,
          n'hésitez pas à nous contacter.
        </p>

      </div>


      <div
        class="nora-contact-pro-action"
        style="position: relative; z-index: 9999; pointer-events: auto;"
      >
        <a
          href="#668c4c42f404e032e413d7b6"
          data-target="668c4c42f404e032e413d7b6"
          class="nora-contact-pro-btn js-force-scroll"
        >
          Nous contacter

          <span
            class="nora-contact-pro-arrow"
            aria-hidden="true"
          >
            →
          </span>
        </a>
      </div>

    </div>

  </div>


  <style>
    .nora-contact-pro-wrapper * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }


    #main-body {
      overflow-x: hidden !important;
    }


    /* =========================================
       WRAPPER DURABLE
       ========================================= */

    .nora-contact-pro-wrapper {
      position: relative;

      width: 100% !important;
      max-width: none !important;

      margin: 0 !important;
      padding: 0 !important;

      border: 0 !important;
      border-radius: 0 !important;

      background: #f7f7f7;

      font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

      color: #0b1120;

      overflow: hidden;
    }


    /* =========================================
       INNER
       ========================================= */

    .nora-contact-pro-inner {
      width: 100%;
      max-width: 1460px;

      margin: 0 auto;

      padding:
        54px
        18px;
    }


    /* =========================================
       BOX
       ========================================= */

    .nora-contact-pro-box {
      position: relative;

      width: 100%;
      max-width: 1220px;

      margin: 0 auto;

      display: grid;

      grid-template-columns:
        minmax(0, 1fr)
        auto;

      gap: 48px;

      align-items: center;

      padding:
        44px
        48px;

      background: #ffffff;

      border:
        1px solid #e2e8f0;

      border-radius: 24px;

      box-shadow:
        0 18px 44px
        rgba(15, 23, 42, 0.055);
    }


    .nora-contact-pro-box::before {
      content: "";

      position: absolute;

      top: 0;
      left: 48px;

      width: 74px;
      height: 3px;

      border-radius:
        0
        0
        999px
        999px;

      background: #834a83;
    }


    /* =========================================
       CONTENU
       ========================================= */

    .nora-contact-pro-content {
      min-width: 0;
    }


    .nora-contact-pro-kicker {
      display: inline-flex;

      align-items: center;

      gap: 9px;

      margin-bottom: 14px;
    }


    .nora-contact-pro-kicker > span {
      width: 7px;
      height: 7px;

      flex:
        0
        0
        7px;

      border-radius: 999px;

      background: #834a83;

      box-shadow:
        0
        0
        0
        5px
        rgba(131, 74, 131, 0.1);
    }


    .nora-contact-pro-kicker p {
      color: #834a83;

      font-size: 11px;

      font-weight: 900;

      line-height: 1;

      letter-spacing: 0.12em;

      text-transform: uppercase;
    }


    .nora-contact-pro-content h2 {
      margin-bottom: 13px;

      color: #0b1120;

      font-size:
        clamp(
          38px,
          4vw,
          54px
        );

      font-weight: 950;

      line-height: 1;

      letter-spacing: -2px;
    }


    .nora-contact-pro-content h2 span {
      color: #834a83;
    }


    .nora-contact-pro-text {
      max-width: 690px;

      color: #526074;

      font-size:
        clamp(
          15px,
          1.25vw,
          17px
        );

      font-weight: 550;

      line-height: 1.65;
    }


    /* =========================================
       CTA
       ========================================= */

    .nora-contact-pro-action {
      flex:
        0
        0
        auto;
    }


    .nora-contact-pro-btn {
      min-width: 190px;
      min-height: 54px;

      display: inline-flex;

      align-items: center;

      justify-content: center;

      gap: 13px;

      padding:
        0
        26px;

      border:
        1px solid #834a83;

      border-radius: 12px;

      background: #834a83;

      color: #ffffff;

      font-family: inherit;

      font-size: 14.5px;

      font-weight: 900;

      line-height: 1;

      text-align: center;

      text-decoration: none;

      cursor: pointer;

      touch-action: manipulation;

      -webkit-tap-highlight-color: transparent;

      box-shadow:
        0 12px 26px
        rgba(131, 74, 131, 0.22);

      transition:
        transform 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
    }


    .nora-contact-pro-arrow {
      font-size: 20px;

      line-height: 1;

      transition:
        transform 0.22s ease;
    }


    .nora-contact-pro-btn:focus-visible {
      outline: none;

      box-shadow:
        0
        0
        0
        4px
        rgba(131, 74, 131, 0.15);
    }


    .nora-contact-pro-btn:active {
      transform: scale(0.98);
    }


    /* =========================================
       HOVER
       ========================================= */

    @media (hover: hover) and (pointer: fine) {

      .nora-contact-pro-box {
        transition:
          transform 0.25s ease,
          box-shadow 0.25s ease,
          border-color 0.25s ease;
      }


      .nora-contact-pro-box:hover {
        transform:
          translateY(-3px);

        border-color:
          rgba(131, 74, 131, 0.18);

        box-shadow:
          0 22px 52px
          rgba(15, 23, 42, 0.075);
      }


      .nora-contact-pro-btn:hover {
        background: #713f71;

        border-color: #713f71;

        transform:
          translateY(-2px);

        box-shadow:
          0 16px 32px
          rgba(131, 74, 131, 0.3);
      }


      .nora-contact-pro-btn:hover
      .nora-contact-pro-arrow {
        transform:
          translateX(3px);
      }

    }


    /* =========================================
       TABLETTE
       ========================================= */

    @media (max-width: 900px) {

      .nora-contact-pro-box {
        grid-template-columns: 1fr;

        gap: 28px;

        padding:
          40px
          36px;
      }


      .nora-contact-pro-action {
        width: 100%;
      }


      .nora-contact-pro-btn {
        width: 100%;

        max-width: 320px;
      }

    }


    /* =========================================
       MOBILE
       ========================================= */

    @media (max-width: 767px) {

      .nora-contact-pro-inner {
        padding:
          38px
          14px;
      }


      .nora-contact-pro-box {
        gap: 24px;

        padding:
          32px
          20px
          22px;

        border-radius: 20px;
      }


      .nora-contact-pro-box::before {
        left: 20px;

        width: 56px;
      }


      .nora-contact-pro-kicker {
        margin-bottom: 13px;
      }


      .nora-contact-pro-content h2 {
        margin-bottom: 12px;

        font-size:
          clamp(
            34px,
            10vw,
            44px
          );

        letter-spacing: -1.5px;
      }


      .nora-contact-pro-text {
        max-width: 100%;

        font-size: 14.5px;

        line-height: 1.58;
      }


      .nora-contact-pro-action,
      .nora-contact-pro-btn {
        width: 100%;
      }


      .nora-contact-pro-btn {
        max-width: none;

        min-height: 54px;
      }

    }


    @media (max-width: 390px) {

      .nora-contact-pro-inner {
        padding-left: 10px;
        padding-right: 10px;
      }


      .nora-contact-pro-box {
        padding-left: 17px;
        padding-right: 17px;
      }

    }


    /* =========================================
       ACCESSIBILITÉ
       ========================================= */

    @media (prefers-reduced-motion: reduce) {

      .nora-contact-pro-wrapper *,
      .nora-contact-pro-wrapper *::before,
      .nora-contact-pro-wrapper *::after {
        transition-duration:
          0.01ms !important;

        animation-duration:
          0.01ms !important;

        animation-iteration-count:
          1 !important;

        scroll-behavior:
          auto !important;
      }

    }

  </style>


  <script>
    (function () {
      "use strict";


      /* =========================================
         SCROLL INTERNE DURABLE
         ========================================= */

      document
        .querySelectorAll(
          ".nora-contact-pro-wrapper .js-force-scroll"
        )
        .forEach(function (link) {

          var handleScroll =
            function (event) {

              event.preventDefault();


              var targetId =
                link.getAttribute(
                  "data-target"
                );


              if (!targetId) {
                return;
              }


              var target =
                document.getElementById(
                  targetId
                );


              if (!target) {

                var targetByAnchor =
                  document.querySelector(
                    '[id="' + targetId + '"]'
                  );


                if (targetByAnchor) {
                  target = targetByAnchor;
                }

              }


              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;


                if (
                  typeof mainBody.scrollTo === "function"
                ) {

                  mainBody.scrollTo({
                    top: targetPosition,
                    behavior: "smooth"
                  });

                } else {

                  mainBody.scrollTop =
                    targetPosition;

                }

              } else {

                target.scrollIntoView({
                  behavior: "smooth",
                  block: "start"
                });

              }

            };


          link.addEventListener(
            "click",
            handleScroll
          );


          link.addEventListener(
            "touchstart",
            handleScroll,
            {
              passive: false
            }
          );

        });


      /* =========================================
         DURABLE FULL WIDTH
         ========================================= */

      document
        .querySelectorAll(
          ".nora-contact-pro-wrapper"
        )
        .forEach(function (section) {

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


          var currentElement =
            section;


          var parent =
            currentElement.parentElement;


          while (
            parent &&
            parent !== mainBody
          ) {

            var meaningfulChildren =
              Array.prototype.filter.call(
                parent.children,
                function (child) {

                  var tagName =
                    child.tagName
                      ? child.tagName.toUpperCase()
                      : "";


                  return (
                    tagName !== "STYLE" &&
                    tagName !== "SCRIPT"
                  );

                }
              );


            var containsOnlyCurrentElement =
              meaningfulChildren.length === 1 &&
              meaningfulChildren[0] === currentElement;


            if (!containsOnlyCurrentElement) {
              break;
            }


            [
              ["width", "100%"],
              ["max-width", "none"],
              ["min-width", "0"],

              ["margin", "0"],
              ["margin-top", "0"],
              ["margin-right", "0"],
              ["margin-bottom", "0"],
              ["margin-left", "0"],

              ["padding", "0"],
              ["padding-top", "0"],
              ["padding-right", "0"],
              ["padding-bottom", "0"],
              ["padding-left", "0"],

              ["border", "0"],
              ["border-radius", "0"],

              ["align-self", "stretch"]
            ].forEach(function (rule) {

              parent.style.setProperty(
                rule[0],
                rule[1],
                "important"
              );

            });


            currentElement =
              parent;


            parent =
              parent.parentElement;

          }


          if (mainBody) {

            mainBody.style.setProperty(
              "overflow-x",
              "hidden",
              "important"
            );

          }

        });

    })();
  </script>

</section>

Contact form

name

email

company

phone

message

Données personnelles

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

Location

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

Contactez-nous