@cnamts/synapse 1.0.9 → 1.0.10

package/src/components/Amelipro/AmeliproFirstLogin/__tests__/__snapshots__/AmeliproFirstLogin.spec.ts.snap

@@ -0,0 +1,1210 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`AmeliproFirstLogin > render correctly 1`] = `
+<div
+  class="amelipro-first-login"
+  id="modified-unique-id-container"
+>
+  <div
+    attach="false"
+    class="dialog-radius"
+    eager="false"
+    fullscreen="false"
+    modelvalue="true"
+    persistent="false"
+    scroll-strategy="none"
+    width="800px"
+  >
+    <div
+      class="
+        bg-ap-white
+        dialog
+      "
+      id="modified-unique-id-first-login-dialog"
+    >
+      <div
+        class="
+          align-center
+          d-flex
+          dialog__header
+          flex-nowrap
+          mb-0
+          w-100
+        "
+        id="modified-unique-id-first-login-dialog-header"
+      >
+        <div class="dialog__title">
+          <div
+            class="
+              d-flex
+              font-italic
+            "
+            id="modified-unique-id-header"
+          >
+            <h2
+              class="text-h4"
+              id="modified-unique-id-first-login-modal-title"
+            >
+              Bienvenue dans votre espace Amelipro
+            </h2>
+          </div>
+        </div>
+        <button
+          class="
+            btn--icon
+            dialog__close-btn
+            elevation-0
+            ml-auto
+            rounded-0
+            v-btn
+            v-btn--density-default
+            v-btn--elevated
+            v-btn--icon
+            v-btn--size-default
+            v-btn--variant-elevated
+            v-theme--light
+          "
+          id="modified-unique-id-first-login-dialog-close-btn"
+          plain=""
+          style="
+            height: auto;
+            width: auto;
+          "
+          type="button"
+        >
+          <span class="v-btn__overlay"></span>
+          <span class="v-btn__underlay"></span>
+          <!---->
+          <span
+            class="v-btn__content"
+            data-no-activator=""
+          >
+            <span
+              class="d-sr-only"
+              id="modified-unique-id-first-login-dialog-close-btn-btn-label"
+            >
+              Fermer la fenêtre modale
+            </span>
+            <span
+              class="
+                amelipro-icon
+                icon-custom
+              "
+              id="modified-unique-id-first-login-dialog-close-btn-icon"
+            >
+              <span
+                aria-hidden="true"
+                class="
+                  amelipro-custom-icon
+                  custom-color
+                "
+                focusable="false"
+                role="img"
+                style="
+                  color: #00749C;
+                  height: 40px;
+                  width: 40px;
+                "
+              >
+                <span>
+                  <svg
+                    aria-hidden="true"
+                    style="enable-background:new 0 0 24 24;"
+                    viewBox="0 0 24 24"
+                    x="0px"
+                    xml:space="preserve"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    y="0px"
+                  >
+                    <circle
+                      class="circle-color"
+                      cx="12"
+                      cy="12"
+                      r="12"
+                    />
+                    <polygon
+                      class="shape-color"
+                      points="15.3,16.7 12,13.4 8.7,16.7 7.3,15.3 10.6,12 7.3,8.7 8.7,7.3 12,10.6 15.3,7.3 16.7,8.7 13.4,12 16.7,15.3 "
+                    />
+                  </svg>
+                </span>
+              </span>
+            </span>
+          </span>
+          <!---->
+          <!---->
+        </button>
+      </div>
+      <div
+        class="
+          dialog__content
+          mt-4
+          w-100
+        "
+        id="modified-unique-id-first-login-dialog-content"
+        style="
+          max-height: modified-main-content-max-height;
+          min-height: modified-main-content-min-height;
+          overflow-y: auto;
+        "
+      >
+        <div
+          class="
+            align-center
+            bg-ap-blue-darken-2
+            d-flex
+            px-6
+            py-4
+          "
+          id="modified-unique-id-content-header"
+        >
+          <span
+            class="amelipro-icon"
+            id="modified-unique-id-icon-header"
+          >
+            <span
+              aria-hidden="true"
+              class="
+                amelipro-custom-icon
+                custom-color
+              "
+              focusable="false"
+              role="img"
+              style="
+                color: #FFFFFF;
+                border-radius: 50%;
+                border: 1px solid #FFFFFF;
+                height: 61px;
+                width: 61px;
+              "
+            >
+              <span>
+                <svg
+                  aria-hidden="true"
+                  style="enable-background:new 0 0 62.4 62.4;"
+                  viewBox="0 0 62.4 62.4"
+                  x="0px"
+                  xml:space="preserve"
+                  xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  y="0px"
+                >
+                  <circle
+                    class="circle-color"
+                    cx="31.2"
+                    cy="31.2"
+                    r="31.2"
+                  />
+                  <g
+                    class="shape-color"
+                    transform="translate(11 15.288)"
+                  >
+                    <path d="M3.3,21.5c-0.4,0-0.7,0.3-0.6,0.7c0,0,0,0,0,0c0,0.4,0.3,0.7,0.6,0.7c0.4,0,0.7-0.3,0.7-0.7c0,0,0,0,0,0C3.9,21.8,3.6,21.5,3.3,21.5C3.3,21.5,3.3,21.5,3.3,21.5" />
+                    <path d="M23.1,18.9h-1.3c-0.8,0-1.4-0.7-1.4-1.4v-2.1h-2c-0.8,0-1.4-0.7-1.4-1.5v-1.3c0-0.8,0.6-1.4,1.4-1.5h2V9.1c0-0.8,0.6-1.4,1.4-1.5h1.3c0.8,0,1.4,0.7,1.4,1.5v2.1h2c0.8,0,1.4,0.7,1.4,1.4c0,0,0,0,0,0v1.3c0,0.8-0.6,1.4-1.4,1.5c0,0,0,0,0,0h-2v2.1C24.5,18.2,23.9,18.9,23.1,18.9z M18.3,12.3c-0.2,0-0.3,0.1-0.3,0.3l0,0v1.3c0,0.2,0.1,0.3,0.3,0.3l0,0h2.6c0.3,0,0.6,0.3,0.6,0.6v2.6c0,0.2,0.1,0.3,0.3,0.3h0h1.3c0.2,0,0.3-0.1,0.3-0.3l0,0v-2.6c0-0.3,0.2-0.6,0.6-0.6h2.6c0.2,0,0.3-0.1,0.3-0.3l0,0v-1.3c0-0.2-0.1-0.3-0.3-0.3l0,0h-2.6c-0.3,0-0.6-0.3-0.6-0.6V9.1c0-0.2-0.1-0.3-0.3-0.3c0,0,0,0,0,0h-1.3c-0.2,0-0.3,0.1-0.3,0.3v0v2.6c0,0.3-0.2,0.6-0.6,0.6H18.3z" />
+                    <path d="M17.8,32.1L17.8,32.1c-4,0-8-0.6-11.9-1.8H1.3c-0.3,0-0.6-0.3-0.6-0.6V19.2c0-0.3,0.3-0.6,0.6-0.6h4.8c2.8-0.1,5.5,0.1,8.3,0.5c-3.6-3.8-5.4-7.4-5.4-10.7c0-4.3,3.4-7.8,7.6-7.8c2.4,0,4.6,1.2,6.1,3.1c1.4-1.9,3.7-3.1,6.1-3.1c4.3,0.1,7.7,3.6,7.6,7.8c-0.1,2.8-1.2,5.6-3,7.8c-1.7,2.3-3.7,4.3-5.9,6.1c1.4-0.4,2.7-1,4-1.6c1-0.5,2-0.9,3.1-1c0.3,0,0.6,0.1,0.8,0.3c0.6,0.4,0.9,1.1,0.7,1.9c0.2-0.1,0.5-0.1,0.7-0.1c0.3,0,0.7,0.1,0.9,0.3c0.5,0.4,0.7,0.9,0.7,1.5c-0.2,0.9-0.7,1.6-1.4,2.1c-2.8,2.3-6.1,4-9.6,5C24.2,31.7,21,32.1,17.8,32.1z M6.6,19.8v9.5c3.6,1.1,7.4,1.6,11.2,1.6c3.1,0,6.2-0.4,9.1-1.2c3.4-1,6.6-2.6,9.3-4.8c0.3-0.2,0.9-0.8,0.9-1.3c0-0.1,0-0.3-0.3-0.5c-0.1,0-0.1-0.1-0.2-0.1c-0.8,0.2-1.6,0.4-2.3,0.8l0,0c-2.9,1.3-5.9,2.3-9,2.9c-1.3,0.4-2.6,0.6-4,0.6c-1.7,0-3.4-0.2-5.1-0.4c-0.3,0-0.5-0.3-0.5-0.7c0-0.3,0.3-0.5,0.6-0.5c0,0,0,0,0.1,0c1.6,0.2,3.3,0.4,4.9,0.4c1.2,0.1,2.4-0.1,3.6-0.5h0c0,0,0,0,0,0c0,0,0,0,0,0c1-0.4,1-0.9,1-1.1c0.1-0.6-0.1-1.1-0.4-1.6c-0.3-0.3-0.7-0.4-1.1-0.4h0c-0.4,0-0.8,0-1.1,0c-4.6,0-5.6-0.6-6.7-1.2C15.7,20.6,14.4,19.8,6.6,19.8z M1.8,19.8v9.3h3.7v-9.3L1.8,19.8z M34.5,21c-0.9,0.2-1.8,0.5-2.6,0.9l0,0c-1.5,0.7-3.1,1.3-4.6,1.8c0,0.3,0.1,0.6,0,0.9c0,0.2,0,0.4-0.1,0.6c2.3-0.6,4.6-1.4,6.7-2.4h0c0.1-0.1,0.3-0.1,0.4-0.2c0.3-0.3,0.5-0.6,0.6-1.1c0-0.1,0-0.3-0.3-0.5C34.6,21,34.5,21,34.5,21L34.5,21z M24.6,21.4c0.6,0,1.1,0.2,1.6,0.5c2.2-1.7,4.2-3.7,5.9-5.9c2-2.7,3.1-5.2,3.1-7.5c0-3.6-2.9-6.6-6.5-6.6c-2.3,0-4.4,1.3-5.6,3.3c-0.2,0.3-0.5,0.4-0.8,0.2c-0.1-0.1-0.2-0.1-0.2-0.2c-1.1-2-3.3-3.3-5.6-3.3c-3.6,0.1-6.5,3-6.5,6.6c0.1,2.2,0.8,4.3,2.1,6.1c1.3,1.9,2.9,3.7,4.6,5.3c0.2,0.1,0.4,0.2,0.6,0.3l0,0c1,0.6,1.8,1.1,6,1.1C23.8,21.4,24.2,21.4,24.6,21.4L24.6,21.4z" />
+                  </g>
+                </svg>
+              </span>
+            </span>
+          </span>
+          <span
+            class="
+              fs-18
+              ml-2
+              text-ap-white
+            "
+            id="modified-unique-id-content-header-text"
+          >
+            Retrouvez tous les services de l’Assurance Maladie réunis dans une seule offre
+          </span>
+        </div>
+        <div
+          class="
+            bg-ap-grey-lighten-3
+            pa-6
+          "
+          id="modified-unique-id-advantages"
+        >
+          <h3
+            class="
+              font-weight-semibold
+              mb-2
+              w-100
+            "
+            id="modified-unique-id-advantages"
+          >
+            De nombreux avantages
+          </h3>
+          <ul
+            class="
+              d-flex
+              flex-wrap
+              list-style-none
+            "
+            id="modified-unique-id-advantages-list"
+          >
+            <li
+              class="
+                align-center
+                d-flex
+                mb-1
+                px-1
+                w-50
+              "
+              id="modified-unique-id-advantages-item-advantage1"
+            >
+              <span
+                class="
+                  amelipro-icon
+                  mr-1
+                "
+                id="modified-unique-id-icon-advantage-advantage1"
+              >
+                <span
+                  class="
+                    amelipro-external-icon
+                    medium
+                  "
+                  style="
+                    background-color: transparent;
+                    border-radius: 50%;
+                    color: #00516D;
+                    padding: 0px;
+                  "
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z
+                      mdi
+                      notranslate
+                      text-ap-blue-darken-2
+                      v-icon
+                      v-theme--light
+                    "
+                    style="
+                      font-size: 100%;
+                      height: 100%;
+                      width: 100%;
+                      display: block;
+                    "
+                  ></i>
+                </span>
+              </span>
+              <p
+                class="
+                  fs-14
+                  ma-0
+                "
+                id="modified-unique-id-advantages-item-advantage1-text"
+              >
+                Utilisation rapide et facile pour un gain de temps
+              </p>
+            </li>
+            <li
+              class="
+                align-center
+                d-flex
+                mb-1
+                px-1
+                w-50
+              "
+              id="modified-unique-id-advantages-item-advantage2"
+            >
+              <span
+                class="
+                  amelipro-icon
+                  mr-1
+                "
+                id="modified-unique-id-icon-advantage-advantage2"
+              >
+                <span
+                  class="
+                    amelipro-external-icon
+                    medium
+                  "
+                  style="
+                    background-color: transparent;
+                    border-radius: 50%;
+                    color: #00516D;
+                    padding: 0px;
+                  "
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z
+                      mdi
+                      notranslate
+                      text-ap-blue-darken-2
+                      v-icon
+                      v-theme--light
+                    "
+                    style="
+                      font-size: 100%;
+                      height: 100%;
+                      width: 100%;
+                      display: block;
+                    "
+                  ></i>
+                </span>
+              </span>
+              <p
+                class="
+                  fs-14
+                  ma-0
+                "
+                id="modified-unique-id-advantages-item-advantage2-text"
+              >
+                Démarche simplifées grâce aux référentiels
+              </p>
+            </li>
+            <li
+              class="
+                align-center
+                d-flex
+                mb-1
+                px-1
+                w-50
+              "
+              id="modified-unique-id-advantages-item-advantage3"
+            >
+              <span
+                class="
+                  amelipro-icon
+                  mr-1
+                "
+                id="modified-unique-id-icon-advantage-advantage3"
+              >
+                <span
+                  class="
+                    amelipro-external-icon
+                    medium
+                  "
+                  style="
+                    background-color: transparent;
+                    border-radius: 50%;
+                    color: #00516D;
+                    padding: 0px;
+                  "
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z
+                      mdi
+                      notranslate
+                      text-ap-blue-darken-2
+                      v-icon
+                      v-theme--light
+                    "
+                    style="
+                      font-size: 100%;
+                      height: 100%;
+                      width: 100%;
+                      display: block;
+                    "
+                  ></i>
+                </span>
+              </span>
+              <p
+                class="
+                  fs-14
+                  ma-0
+                "
+                id="modified-unique-id-advantages-item-advantage3-text"
+              >
+                Dématérialisation pour moins de papier
+              </p>
+            </li>
+            <li
+              class="
+                align-center
+                d-flex
+                mb-1
+                px-1
+                w-50
+              "
+              id="modified-unique-id-advantages-item-advantage4"
+            >
+              <span
+                class="
+                  amelipro-icon
+                  mr-1
+                "
+                id="modified-unique-id-icon-advantage-advantage4"
+              >
+                <span
+                  class="
+                    amelipro-external-icon
+                    medium
+                  "
+                  style="
+                    background-color: transparent;
+                    border-radius: 50%;
+                    color: #00516D;
+                    padding: 0px;
+                  "
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z
+                      mdi
+                      notranslate
+                      text-ap-blue-darken-2
+                      v-icon
+                      v-theme--light
+                    "
+                    style="
+                      font-size: 100%;
+                      height: 100%;
+                      width: 100%;
+                      display: block;
+                    "
+                  ></i>
+                </span>
+              </span>
+              <p
+                class="
+                  fs-14
+                  ma-0
+                "
+                id="modified-unique-id-advantages-item-advantage4-text"
+              >
+                Prise en compte immédiate par l’Assurance Maladie
+              </p>
+            </li>
+            <li
+              class="
+                align-center
+                d-flex
+                mb-1
+                px-1
+                w-50
+              "
+              id="modified-unique-id-advantages-item-advantage5"
+            >
+              <span
+                class="
+                  amelipro-icon
+                  mr-1
+                "
+                id="modified-unique-id-icon-advantage-advantage5"
+              >
+                <span
+                  class="
+                    amelipro-external-icon
+                    medium
+                  "
+                  style="
+                    background-color: transparent;
+                    border-radius: 50%;
+                    color: #00516D;
+                    padding: 0px;
+                  "
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z
+                      mdi
+                      notranslate
+                      text-ap-blue-darken-2
+                      v-icon
+                      v-theme--light
+                    "
+                    style="
+                      font-size: 100%;
+                      height: 100%;
+                      width: 100%;
+                      display: block;
+                    "
+                  ></i>
+                </span>
+              </span>
+              <p
+                class="
+                  fs-14
+                  ma-0
+                "
+                id="modified-unique-id-advantages-item-advantage5-text"
+              >
+                De plus en plus de régimes d Assurance Maladie
+              </p>
+            </li>
+            <li
+              class="
+                align-center
+                d-flex
+                mb-1
+                px-1
+                w-50
+              "
+              id="modified-unique-id-advantages-item-advantage6"
+            >
+              <span
+                class="
+                  amelipro-icon
+                  mr-1
+                "
+                id="modified-unique-id-icon-advantage-advantage6"
+              >
+                <span
+                  class="
+                    amelipro-external-icon
+                    medium
+                  "
+                  style="
+                    background-color: transparent;
+                    border-radius: 50%;
+                    color: #00516D;
+                    padding: 0px;
+                  "
+                >
+                  <i
+                    aria-hidden="true"
+                    class="
+                      M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z
+                      mdi
+                      notranslate
+                      text-ap-blue-darken-2
+                      v-icon
+                      v-theme--light
+                    "
+                    style="
+                      font-size: 100%;
+                      height: 100%;
+                      width: 100%;
+                      display: block;
+                    "
+                  ></i>
+                </span>
+              </span>
+              <p
+                class="
+                  fs-14
+                  ma-0
+                "
+                id="modified-unique-id-advantages-item-advantage6-text"
+              >
+                Démarches sécurisées et simplifiées pour vos patients
+              </p>
+            </li>
+          </ul>
+        </div>
+        <div
+          class="
+            pt-6
+            px-6
+          "
+          id="modified-unique-id-services"
+        >
+          <h3
+            class="
+              font-weight-semibold
+              mb-4
+            "
+            id="modified-unique-id-services-title"
+          >
+            Des services d’aide au suivi de votre activité accessibles où que vous soyez.
+          </h3>
+          <ul
+            class="
+              d-flex
+              flex-wrap
+              list-style-none
+            "
+            id="modified-unique-id-services-list"
+          >
+            <li
+              class="
+                pb-4
+                pr-12
+                w-50
+              "
+              id="modified-unique-id-services-item-service1"
+            >
+              <div class="d-flex">
+                <span
+                  class="
+                    amelipro-icon
+                    mr-2
+                  "
+                  id="modified-unique-id-icon-service-service1"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="
+                      amelipro-custom-icon
+                      custom-color
+                      x-large
+                    "
+                    focusable="false"
+                    role="img"
+                    style="
+                      color: #00516D;
+                      border-radius: 50%;
+                      border: 1px solid #00516D;
+                    "
+                  >
+                    <span>
+                      <svg
+                        aria-hidden="true"
+                        style="enable-background:new 0 0 34 34;"
+                        viewBox="0 0 34 34"
+                        x="0px"
+                        xml:space="preserve"
+                        xmlns="http://www.w3.org/2000/svg"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        y="0px"
+                      >
+                        <path
+                          class="circle-color"
+                          d="M17,0C7.6,0,0,7.6,0,17c0,9.4,7.6,17,17,17c9.4,0,17-7.6,17-17C34,7.6,26.4,0,17,0z"
+                        />
+                        <g class="shape-color">
+                          <path d="M10.2,20.7c0.5,3.3,3.4,5.7,6.8,5.7c3.4,0,6.3-2.5,6.8-5.7c-1.3,2.4-3.9,4-6.8,4 C14.1,24.8,11.5,23.1,10.2,20.7L10.2,20.7z" />
+                          <path d="M10.2,18.2c0.5,3.3,3.4,5.7,6.8,5.7c3.4,0,6.3-2.5,6.8-5.7c-1.3,2.4-3.9,4-6.8,4 C14.1,22.2,11.5,20.6,10.2,18.2L10.2,18.2z" />
+                          <path d="M17,7.5c-3.8,0-6.9,3.1-6.9,6.9c0,3.8,3.1,6.9,6.9,6.9c3.8,0,6.9-3.1,6.9-6.9C23.9,10.6,20.8,7.5,17,7.5z M18.9,12c-0.3-0.3-0.7-0.4-1.2-0.4c-0.5,0-0.9,0.1-1.2,0.3c-0.2,0.1-0.4,0.3-0.5,0.6c-0.2,0.3-0.3,0.5-0.3,0.8h3l-0.1,0.6h-2.9 c0,0.1,0,0.1,0,0.2c0,0.2,0,0.4,0,0.4h2.8L18.3,15h-2.6c0.1,0.7,0.4,1.1,0.9,1.4c0.3,0.2,0.7,0.3,1.1,0.3c0.5,0,1-0.1,1.3-0.4v0.9 c-0.4,0.2-0.8,0.3-1.2,0.3c-1.3,0-2.2-0.5-2.6-1.6c-0.1-0.2-0.2-0.5-0.2-0.8h-0.7l0.1-0.6h0.5c0-0.1,0-0.3,0-0.4c0-0.1,0-0.1,0-0.2 h-0.6l0.1-0.6h0.5c0.2-0.9,0.7-1.6,1.4-2c0.5-0.3,1-0.4,1.5-0.4c0.5,0,1,0.1,1.3,0.3L18.9,12z" />
+                        </g>
+                      </svg>
+                    </span>
+                  </span>
+                </span>
+                <div>
+                  <h4
+                    class="
+                      font-weight-semibold
+                      text-ap-blue-darken-2
+                      text-uppercase
+                    "
+                    id="modified-unique-id-services-item-service1-subtitle"
+                  >
+                    Tous mes paiements
+                  </h4>
+                  <p
+                    class="
+                      fs-12
+                      ma-0
+                    "
+                    id="modified-unique-id-services-item-service1-text"
+                  >
+                    Consultez vos tiers-payant (factures, lots), vos relevés mensuels, vos forfaits et vos indus, pour les principaux régimes d’Assurance Maladie.
+                  </p>
+                </div>
+              </div>
+            </li>
+            <li
+              class="
+                pb-4
+                pr-12
+                w-50
+              "
+              id="modified-unique-id-services-item-service2"
+            >
+              <div class="d-flex">
+                <span
+                  class="
+                    amelipro-icon
+                    mr-2
+                  "
+                  id="modified-unique-id-icon-service-service2"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="
+                      amelipro-custom-icon
+                      custom-color
+                      x-large
+                    "
+                    focusable="false"
+                    role="img"
+                    style="
+                      color: #00516D;
+                      border-radius: 50%;
+                      border: 1px solid #00516D;
+                    "
+                  >
+                    <span>
+                      <svg
+                        aria-hidden="true"
+                        style="enable-background:new 0 0 34 34"
+                        viewBox="0 0 34 34"
+                        xml:space="preserve"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          class="circle-color"
+                          d="M17 0C7.6 0 0 7.6 0 17s7.6 17 17 17 17-7.6 17-17S26.4 0 17 0z"
+                        />
+                        <path
+                          class="shape-color"
+                          d="M11.8 24.4h2.1V17l-2.1 2.1v5.3zM9 22v2.5h2v-4.6l-1.4 1.4-.6.7zm5.7 2.4h2.1v-5.8l-2.1-2.1v7.9zm2.9-5.5v5.5h2.1v-7.6l-1.6 1.6-.5.5zm2.9 5.5h2.1V13.9L20.5 16v8.4zm-.8-14.7 1.4 1.4-3.7 3.7-2.9-2.8-7.1 7.1 1.5 1.5 5.6-5.7 2.8 2.8 5.2-5.2 1.4 1.4.5-4.7-4.7.5z"
+                        />
+                      </svg>
+                    </span>
+                  </span>
+                </span>
+                <div>
+                  <h4
+                    class="
+                      font-weight-semibold
+                      text-ap-blue-darken-2
+                      text-uppercase
+                    "
+                    id="modified-unique-id-services-item-service2-subtitle"
+                  >
+                    Ma convention
+                  </h4>
+                  <p
+                    class="
+                      fs-12
+                      ma-0
+                    "
+                    id="modified-unique-id-services-item-service2-text"
+                  >
+                    Suivez vos indicateurs de la ROSP, réalisez vos déclarations et consultez le détail de vos rémunérations.
+                  </p>
+                </div>
+              </div>
+            </li>
+            <li
+              class="
+                pb-4
+                pr-12
+                w-50
+              "
+              id="modified-unique-id-services-item-service3"
+            >
+              <div class="d-flex">
+                <span
+                  class="
+                    amelipro-icon
+                    mr-2
+                  "
+                  id="modified-unique-id-icon-service-service3"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="
+                      amelipro-custom-icon
+                      custom-color
+                      x-large
+                    "
+                    focusable="false"
+                    role="img"
+                    style="
+                      color: #00516D;
+                      border-radius: 50%;
+                      border: 1px solid #00516D;
+                    "
+                  >
+                    <span>
+                      <svg
+                        aria-hidden="true"
+                        style="enable-background:new 0 0 34 34;"
+                        viewBox="0 0 34 34"
+                        x="0px"
+                        xml:space="preserve"
+                        xmlns="http://www.w3.org/2000/svg"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        y="0px"
+                      >
+                        <path
+                          class="circle-color"
+                          d="M17,0C7.6,0,0,7.6,0,17s7.6,17,17,17c9.4,0,17-7.6,17-17C34,7.6,26.4,0,17,0z"
+                        />
+                        <path
+                          class="shape-color"
+                          d="M20.2,17.3L20.2,17.3c0.2,0.1,0.3,0.3,0.4,0.6l1.4,5c-0.6,0.5-1.2,0.8-1.8,1.1l-0.5-2v2.2c-1.7,0.6-3.5,0.6-5.1,0V22l-0.5,2c-0.7-0.3-1.3-0.7-1.8-1.1l1.3-5c0.1-0.5,0.5-0.8,1-0.8H16l0.9,1.7l0.9-1.7h1.7C19.8,17,20,17.1,20.2,17.3L20.2,17.3z M27,19.9c-0.6,0.5-1.2,0.8-1.8,1.1l-0.5-2v2.2c-0.8,0.3-1.6,0.4-2.5,0.4l-1.1-4c-0.1-0.3-0.3-0.6-0.5-0.8c0,0,0,0,0,0l0,0c-0.3-0.2-0.6-0.3-0.9-0.3h-1.4c0.2-0.1,0.4-0.3,0.6-0.5c0.5-0.5,0.8-1.2,0.8-1.9v-0.1h1.5l0.9,1.7l0.9-1.7h1.7c0.5,0,0.9,0.3,1,0.8L27,19.9z M7,19.9c0.6,0.5,1.2,0.8,1.8,1.1l0.5-2v2.2c0.8,0.3,1.6,0.4,2.5,0.4l1.1-4c0.1-0.3,0.3-0.6,0.6-0.8l0.3,0.4l-0.3-0.4c0,0,0,0,0,0c0.3-0.2,0.6-0.3,0.9-0.3h1.2c-0.2-0.1-0.4-0.3-0.6-0.5c-0.5-0.5-0.8-1.2-0.8-1.9v-0.1h-1.3L12,15.8l-0.9-1.7H9.4c-0.5,0-0.9,0.3-1,0.8L7,19.9z M12.1,9c-1.2,0-2.2,1-2.2,2.2c0,1.2,1,2.2,2.2,2.2s2.2-1,2.2-2.2l0,0C14.3,10,13.3,9,12.1,9z M21.9,9c1.2,0,2.2,1,2.2,2.2c0,1.2-1,2.2-2.2,2.2s-2.2-1-2.2-2.2l0,0C19.7,10,20.7,9,21.9,9z M16.9,12c1.2,0,2.2,1,2.2,2.2c0,1.2-1,2.2-2.2,2.2c-1.2,0-2.2-1-2.2-2.2C14.7,13,15.6,12,16.9,12C16.9,12,16.9,12,16.9,12z"
+                        />
+                      </svg>
+                    </span>
+                  </span>
+                </span>
+                <div>
+                  <h4
+                    class="
+                      font-weight-semibold
+                      text-ap-blue-darken-2
+                      text-uppercase
+                    "
+                    id="modified-unique-id-services-item-service3-subtitle"
+                  >
+                    Info Patient
+                  </h4>
+                  <p
+                    class="
+                      fs-12
+                      ma-0
+                    "
+                    id="modified-unique-id-services-item-service3-text"
+                  >
+                    Consultez les droits de base à l’Assurance Maladie de vos patients.
+                  </p>
+                </div>
+              </div>
+            </li>
+            <li
+              class="
+                pb-4
+                pr-12
+                w-50
+              "
+              id="modified-unique-id-services-item-service4"
+            >
+              <div class="d-flex">
+                <span
+                  class="
+                    amelipro-icon
+                    mr-2
+                  "
+                  id="modified-unique-id-icon-service-service4"
+                >
+                  <span
+                    aria-hidden="true"
+                    class="
+                      amelipro-custom-icon
+                      custom-color
+                      x-large
+                    "
+                    focusable="false"
+                    role="img"
+                    style="
+                      color: #00516D;
+                      border-radius: 50%;
+                      border: 1px solid #00516D;
+                    "
+                  >
+                    <span>
+                      <svg
+                        aria-hidden="true"
+                        style="enable-background:new 0 0 34 34;"
+                        viewBox="0 0 34 34"
+                        x="0px"
+                        xml:space="preserve"
+                        xmlns="http://www.w3.org/2000/svg"
+                        xmlns:xlink="http://www.w3.org/1999/xlink"
+                        y="0px"
+                      >
+                        <path
+                          class="circle-color"
+                          d="M17,0C7.6,0,0,7.6,0,17s7.6,17,17,17c9.4,0,17-7.6,17-17C34,7.6,26.4,0,17,0z"
+                        />
+                        <g
+                          class="shape-color"
+                          transform="translate(0.754 51.247)"
+                        >
+                          <path d="M12.4-35.8c0.5,0.1,1-0.2,1.2-0.7c0.1-0.5-0.2-1-0.7-1.2c0,0,0,0,0,0c-0.5-0.1-1,0.2-1.2,0.7C11.6-36.5,11.9-35.9,12.4-35.8" />
+                          <path d="M12.9-37.8c0.2,0,0.3,0.1,0.4,0.2l0.7-2.6c-0.1,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.3,0c-0.2,0-0.3-0.1-0.4-0.2l-0.7,2.6c0.1,0,0.1,0,0.2,0C12.7-37.9,12.8-37.8,12.9-37.8" />
+                          <path d="M13.4-35.9h5C18.1-36,18-36.2,18-36.5c0-0.2,0-0.3,0-0.5h-4.2c0,0.2,0,0.3,0,0.5C13.7-36.2,13.5-36,13.4-35.9" />
+                          <path d="M11.5-37H7.5c-0.1,0-0.2,0.1-0.2,0.2v0.6c0,0.1,0.1,0.2,0.2,0.2c0,0,0,0,0,0h4.4C11.6-36.2,11.5-36.6,11.5-37" />
+                          <path d="M19.8-35.9h4.4c0.1,0,0.2-0.1,0.2-0.2v-0.6c0-0.1-0.1-0.2-0.2-0.2h-4.1c0,0.1,0,0.1,0,0.2C20.2-36.4,20-36.1,19.8-35.9" />
+                          <path d="M19.7-37.5C19.6-37.5,19.6-37.5,19.7-37.5c-0.1-0.1-0.1-0.1-0.1-0.1c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0c-0.1,0-0.1,0-0.2,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0h0h0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0.1l0,0c0,0-0.1,0-0.1,0.1l0,0c0,0-0.1,0.1-0.1,0.1l0,0c-0.2,0.2-0.3,0.6-0.2,0.9c0.1,0.5,0.7,0.8,1.2,0.7c0,0,0,0,0,0c0.4-0.1,0.7-0.5,0.7-1l0,0l0,0c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1-0.1-0.2c0,0,0,0,0,0c0,0,0-0.1-0.1-0.1c0,0,0,0,0,0C19.8-37.4,19.7-37.4,19.7-37.5C19.7-37.5,19.7-37.5,19.7-37.5" />
+                          <path d="M17.3-28.6h-0.6c-0.2,0-0.3-0.1-0.3-0.3l-0.1-0.3L15-34.1c0-0.1,0-0.2,0.1-0.3c0,0,0.1,0,0.1,0h0.6c0.2,0,0.3,0.1,0.3,0.3l1.4,5.2l0,0C17.6-28.8,17.5-28.7,17.3-28.6C17.4-28.6,17.4-28.6,17.3-28.6z M15.4-28.6h-0.6c-0.2,0-0.3-0.1-0.3-0.3l-0.2-0.6l-1.2-4.6c0-0.1,0-0.2,0.1-0.3c0,0,0.1,0,0.1,0h0.6c0.2,0,0.3,0.1,0.3,0.3l1.3,4.7l0.1,0.4C15.7-28.8,15.6-28.7,15.4-28.6C15.5-28.6,15.5-28.6,15.4-28.6L15.4-28.6z M13.5-28.6h-0.6c-0.2,0-0.3-0.1-0.3-0.3l-0.2-0.7l-1.2-4.5c0-0.1,0-0.2,0.1-0.3c0,0,0.1,0,0.1,0H12c0.2,0,0.3,0.1,0.3,0.3l1.2,4.5l0.2,0.7C13.8-28.8,13.7-28.7,13.5-28.6C13.6-28.6,13.6-28.6,13.5-28.6L13.5-28.6z M11.6-28.6H11c-0.2,0-0.3-0.1-0.3-0.3l-0.2-0.6l-1.2-4.6c0-0.1,0-0.2,0.1-0.3c0,0,0.1,0,0.1,0h0.6c0.2,0,0.3,0.1,0.3,0.3l1.2,4.5l0.2,0.7C11.9-28.8,11.8-28.7,11.6-28.6C11.7-28.6,11.7-28.6,11.6-28.6L11.6-28.6z M19.2-28.6h-0.6c-0.1,0-0.2,0-0.3-0.1c0,0-0.1-0.1-0.1-0.1l-1.4-5.2c0-0.1,0-0.2,0.1-0.3c0,0,0.1,0,0.1,0h0.6c0.2,0,0.3,0.1,0.3,0.3l0.3,1.2c0.1-0.3,0.3-0.7,0.5-1l-0.1-0.2c0-0.1,0-0.2,0.1-0.3c0,0,0,0,0.1,0h0.2c0.5-0.5,1.1-1,1.8-1.2h-13l1.5,6.2l0.1,0.6c0.3,1.1,0.6,1.2,1.2,1.2h10.1C20.3-27.7,19.7-28.1,19.2-28.6L19.2-28.6z" />
+                          <path d="M25.3-31.2c0,0.4-0.3,0.7-0.7,0.7h-1.1v1.1c0,0.4-0.3,0.7-0.7,0.7c0,0,0,0,0,0h-0.7c-0.4,0-0.7-0.3-0.7-0.7c0,0,0,0,0,0v-1.1h-1.1c-0.4,0-0.7-0.3-0.7-0.7v-0.7c0-0.4,0.3-0.7,0.7-0.7c0,0,0,0,0,0h1.1v-1.1c0-0.4,0.3-0.7,0.7-0.7c0,0,0,0,0,0h0.7c0.4,0,0.7,0.3,0.7,0.7v1.1h1.1c0.4,0,0.7,0.3,0.7,0.7L25.3-31.2z M22.5-35.5c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4l0,0c2.2,0,4-1.8,4-4C26.5-33.7,24.7-35.5,22.5-35.5L22.5-35.5z" />
+                          <path d="M13.6-40.3c0.1,0,0.1,0,0.2,0h0h0c0,0,0.1,0,0.1,0H14c0.1,0,0.1,0,0.2,0l0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0.1,0,0.1-0.1c0,0,0,0,0,0c0,0,0.1-0.1,0.1-0.1c0,0,0,0,0-0.1c0,0,0-0.1,0.1-0.1c0,0,0,0,0-0.1c0-0.1,0-0.1,0.1-0.2c0.1-0.5-0.2-1-0.7-1.2c-0.1,0-0.1,0-0.2,0h0h0c0,0-0.1,0-0.1,0c0,0,0,0-0.1,0c-0.1,0-0.1,0-0.2,0l0,0c0,0-0.1,0-0.1,0.1c0,0,0,0,0,0c0,0-0.1,0-0.1,0.1l0,0c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0c0,0,0,0.1-0.1,0.1c0,0,0,0,0,0c0,0.1,0,0.1-0.1,0.2C12.8-41,13.1-40.5,13.6-40.3" />
+                          <path d="M18.1-40.2c-0.1,0-0.2,0-0.3,0c-0.1,0-0.1,0-0.2,0l0.7,2.6c0.1-0.1,0.3-0.2,0.4-0.2c0.1,0,0.2,0,0.3,0c0.1,0,0.1,0,0.2,0l-0.7-2.6C18.4-40.3,18.3-40.2,18.1-40.2" />
+                          <path d="M16.9-40.8C16.9-40.8,16.9-40.8,16.9-40.8c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0s0,0.1,0.1,0.1s0,0,0,0c0,0,0.1,0,0.1,0.1c0,0,0,0,0,0c0,0,0.1,0,0.1,0.1l0,0c0.1,0,0.1,0,0.2,0c0,0,0,0,0.1,0c0,0,0.1,0,0.1,0h0h0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.8-0.7,0.7-1.2c0-0.1,0-0.1-0.1-0.2c0,0,0,0,0,0c0,0,0-0.1-0.1-0.1c0,0,0,0,0,0c0,0-0.1-0.1-0.1-0.1c0,0,0,0,0,0c0,0-0.1,0-0.1-0.1c0,0,0,0,0,0c0,0-0.1,0-0.1-0.1l0,0c-0.1,0-0.1,0-0.2,0c0,0,0,0-0.1,0c0,0-0.1,0-0.1,0h0h0c-0.1,0-0.1,0-0.2,0C17-42,16.7-41.5,16.8-41c0,0,0,0,0,0C16.9-40.9,16.9-40.9,16.9-40.8" />
+                        </g>
+                      </svg>
+                    </span>
+                  </span>
+                </span>
+                <div>
+                  <h4
+                    class="
+                      font-weight-semibold
+                      text-ap-blue-darken-2
+                      text-uppercase
+                    "
+                    id="modified-unique-id-services-item-service4-subtitle"
+                  >
+                    Commandes
+                  </h4>
+                  <p
+                    class="
+                      fs-12
+                      ma-0
+                    "
+                    id="modified-unique-id-services-item-service4-text"
+                  >
+                    Commandez des formulaires Cerfa, des kits de dépistage du cancer colorectal, des tests de diagnostic rapide de l’angine ou des tensiomètres.
+                  </p>
+                </div>
+              </div>
+            </li>
+          </ul>
+        </div>
+        <div
+          class="pa-6"
+          id="modified-unique-id-online-process"
+        >
+          <h3
+            class="font-weight-semibold"
+            id="modified-unique-id-online-process-title"
+          >
+            Des téléprocédures pour faciliter la prise en charge de vos patients.
+          </h3>
+          <p
+            class="fs-14"
+            id="modified-unique-id-online-process-subtitle"
+          >
+            Accessible par authentification avec la carte CPS
+          </p>
+          <ul
+            class="
+              custom-marker
+              d-flex
+              flex-wrap
+              list-style-none
+            "
+            id="modified-unique-id-online-process-list"
+          >
+            <li
+              class="
+                d-flex
+                w-33
+              "
+              id="modified-unique-id-online-process-item-process1"
+            >
+              <p
+                class="
+                  fs-12
+                  mb-1
+                  ml-2
+                "
+                id="modified-unique-id-online-process-item-process1-text"
+              >
+                Arret de travail
+              </p>
+            </li>
+            <li
+              class="
+                d-flex
+                w-33
+              "
+              id="modified-unique-id-online-process-item-process2"
+            >
+              <p
+                class="
+                  fs-12
+                  mb-1
+                  ml-2
+                "
+                id="modified-unique-id-online-process-item-process2-text"
+              >
+                Accident du travail
+                Maladies professionnelles
+              </p>
+            </li>
+            <li
+              class="
+                d-flex
+                w-33
+              "
+              id="modified-unique-id-online-process-item-process3"
+            >
+              <p
+                class="
+                  fs-12
+                  mb-1
+                  ml-2
+                "
+                id="modified-unique-id-online-process-item-process3-text"
+              >
+                Protocole de soins
+                Affections de longue durée
+              </p>
+            </li>
+            <li
+              class="
+                d-flex
+                w-33
+              "
+              id="modified-unique-id-online-process-item-process4"
+            >
+              <p
+                class="
+                  fs-12
+                  mb-1
+                  ml-2
+                "
+                id="modified-unique-id-online-process-item-process4-text"
+              >
+                Prescription de transport
+              </p>
+            </li>
+            <li
+              class="
+                d-flex
+                w-33
+              "
+              id="modified-unique-id-online-process-item-process5"
+            >
+              <p
+                class="
+                  fs-12
+                  mb-1
+                  ml-2
+                "
+                id="modified-unique-id-online-process-item-process5-text"
+              >
+                Déclaration médecin traitant
+              </p>
+            </li>
+            <li
+              class="
+                d-flex
+                w-33
+              "
+              id="modified-unique-id-online-process-item-process6"
+            >
+              <p
+                class="
+                  fs-12
+                  mb-1
+                  ml-2
+                "
+                id="modified-unique-id-online-process-item-process6-text"
+              >
+                Déclaration simplifiée de grossesse
+              </p>
+            </li>
+          </ul>
+        </div>
+        <div
+          class="
+            d-flex
+            justify-center
+            mb-7
+            mt-3
+          "
+          id="modified-unique-id-more-info"
+        >
+          <p class="
+            bg-ap-blue-lighten-3
+            font-weight-semibold
+            fs-14
+            ma-0
+            px-8
+            py-2
+            rounded
+          ">
+            Pour plus d’informations,
+            <a
+              class="
+                amelipro-btn
+                btn-align
+                btn-align
+                elevation-0
+                font-weight-semibold
+                font-weight-semibold
+                text-ap-blue-darken-1
+                text-decoration-underline
+                text-none
+                text-none
+                v-btn
+                v-btn--density-default
+                v-btn--flat
+                v-btn--size-default
+                v-btn--variant-text
+                v-theme--light
+              "
+              href="#modified-more-info-href"
+              id="modified-unique-id-more-info-btn"
+              style="
+                height: auto;
+                min-height: auto;
+                padding: 0px;
+              "
+              type="button"
+            ><span class="v-btn__overlay"></span><span class="v-btn__underlay"></span>
+              
+            <!----><span
+              class="v-btn__content"
+              data-no-activator=""
+            ><span class="
+              align-center
+              amelipro-custom-btn
+              d-flex
+              flex-row
+            "> cliquez ici 
+            <!-- v-if -->
+            <!-- v-if --></span></span>
+              
+            <!---->
+              
+            <!---->
+            </a>
+          </p>
+        </div>
+      </div>
+      <div
+        class="
+          dialog__footer
+          mt-4
+          w-100
+        "
+        id="modified-unique-id-first-login-dialog-footer"
+      >
+        <div
+          class="
+            d-flex
+            justify-end
+          "
+          id="modified-unique-id-footer"
+        >
+          <button
+            class="
+              amelipro-btn
+              amelipro-btn--style
+              bg-ap-blue-darken-1
+              elevation-0
+              px-12
+              px-12
+              v-btn
+              v-btn--density-default
+              v-btn--flat
+              v-btn--rounded
+              v-btn--size-default
+              v-btn--variant-flat
+              v-theme--light
+            "
+            id="modified-unique-id-continue-btn"
+            style="
+              height: auto;
+              min-height: 2.5rem;
+              color: #FFFFFF !important;
+            "
+            type="button"
+          >
+            <span class="v-btn__overlay"></span>
+            <span class="v-btn__underlay"></span>
+            <!---->
+            <span
+              class="v-btn__content"
+              data-no-activator=""
+            >
+              <span class="
+                align-center
+                amelipro-custom-btn
+                d-flex
+                flex-row
+              ">
+                Continuer
+                <!-- v-if -->
+                <!-- v-if -->
+              </span>
+            </span>
+            <!---->
+            <!---->
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;