{"id":22825,"date":"2025-04-24T15:47:44","date_gmt":"2025-04-24T13:47:44","guid":{"rendered":"https:\/\/zvoove.ch\/software\/so-einfach-ist-rechtsgultiges-signieren-mit-zvoove-sign"},"modified":"2026-01-14T13:12:58","modified_gmt":"2026-01-14T12:12:58","slug":"zvoove-sign","status":"publish","type":"page","link":"https:\/\/zvoove.ch\/fr\/software\/zvoove-sign","title":{"rendered":"Signer l\u00e9galement est aussi simple que cela avec zvoove Sign"},"content":{"rendered":"<div \n    data-block=\"container\"\n    class=\"bg-cover has-olive-green-5-background pt-60 ph:pt-30 pb-30 ph:pb-20 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div \n    data-block=\"text-image\" \n    class=\"grid grid-cols-2 gap-18 ph:gap-6 tp:grid-cols-1 \"\n>\n    <div class=\"flex\">\n        <div class=\"my-auto\">\n            <div x-ref=\"innerBlocks\" class=\"prose ki-animation\">\n                \n\n<p class=\"is-style-kicker\"><strong>Signatures num\u00e9riques pour les agences de recrutement<\/strong><\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>Signer l\u00e9galement est aussi simple que cela avec zvoove Sign<\/strong><\/h1>\n\n\n\n<p>Sans papier. Sans stress. Et enti\u00e8rement num\u00e9rique : avec zvoove Sign, vous portez vos processus contractuels \u00e0 un niveau sup\u00e9rieur &#8211; et ce, sans aucun d\u00e9tour. Qu&#8217;il s&#8217;agisse de contrats d&#8217;intervention ou de location, tout peut \u00eatre sign\u00e9 num\u00e9riquement. Conforme \u00e0 la loi, efficace et plus simple que jamais.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"image ki-animation flex order-last tp:order-first\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1227\" height=\"755\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-header.webp\" class=\"block w-full h-auto m-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-header.webp 1227w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-header-300x185.webp 300w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-header-1024x630.webp 1024w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-header-768x473.webp 768w\" sizes=\"auto, (max-width: 1227px) 100vw, 1227px\" \/>\n    <\/div>\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-royal-2-background pt-30 ph:pt-20 pb-30 ph:pb-20 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<h2 class=\"wp-block-heading\"><strong>Ce qui parle en faveur de zvoove Sign<\/strong><\/h2>\n\n\n    <\/div>\n<\/div>\n\n<div\n    x-data=\"verticalTabs\"\n    data-block=\"vertical-tabs\"\n    class=\"flex gap-18\"\n>\n    <ul class=\"tp:hidden w-[14rem] space-y-8\">\n        <template x-for=\"tab in tabs\">\n            <li>\n                <button\n                    @click=\"activeTab = tab.id\"\n                    class=\"relative font-semibold text-24 text-left after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-dark-forest hocus:after:opacity-100 hocus:after:translate-y-0 after:transition-all transition\"\n                    :class=\"{ 'opacity-50 after:opacity-0 after:translate-y-2': tab.id !== activeTab }\"\n                    x-text=\"tab.label\"\n                >\n                <\/button>\n            <\/li>\n        <\/template>\n    <\/ul>\n    <div x-ref=\"content\" class=\"flex-1 tp:hidden\" x-cloak>\n        <div x-ref=\"innerBlocks\" >\n            \n<div\n    data-block=\"tab\"\n    data-label=\"En toute s\u00e9curit\u00e9 juridique\"\n    class=\"flex tl:flex-col-reverse gap-18 ph:gap-13\"\n    x-show=\"activeTab === 'En toute s\u00e9curit\u00e9 juridique'\"\n>\n    <div class=\"shrink-0 w-full max-w-[22.5rem]\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1055\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-rechtssicher.webp\" class=\"block w-full h-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-rechtssicher.webp 1048w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-rechtssicher-298x300.webp 298w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-rechtssicher-1017x1024.webp 1017w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-rechtssicher-150x150.webp 150w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-rechtssicher-768x773.webp 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/>\n    <\/div>\n    <div x-ref=\"innerBlocks\" class=\"prose\">\n        \n\n<h3 class=\"wp-block-heading\"><strong><strong>Conclure des contrats par voie num\u00e9rique &#8211; avec une v\u00e9ritable valeur probante<\/strong><\/strong><\/h3>\n\n\n\n<p>Avec zvoove Sign, vous utilisez la signature \u00e9lectronique qualifi\u00e9e (QES) qui, selon le Code suisse des obligations (art. 14 al. 2bis CO), est \u00e9quivalente \u00e0 la signature manuscrite. Elle r\u00e9pond aux exigences de s\u00e9curit\u00e9 les plus \u00e9lev\u00e9es &#8211; et est donc id\u00e9ale pour tous les documents juridiquement pertinents.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div\n    data-block=\"tab\"\n    data-label=\"Rapide\"\n    class=\"flex tl:flex-col-reverse gap-18 ph:gap-13\"\n    x-show=\"activeTab === 'Rapide'\"\n>\n    <div class=\"shrink-0 w-full max-w-[22.5rem]\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1065\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-schnell.webp\" class=\"block w-full h-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-schnell.webp 1048w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-schnell-295x300.webp 295w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-schnell-1008x1024.webp 1008w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-schnell-768x780.webp 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/>\n    <\/div>\n    <div x-ref=\"innerBlocks\" class=\"prose\">\n        \n\n<h3 class=\"wp-block-heading\"><strong><strong>L&#8217;accord sign\u00e9 en quelques minutes<\/strong><\/strong><\/h3>\n\n\n\n<p>De la demande de signature au fichier PDF sign\u00e9 : Tout est num\u00e9rique, en temps r\u00e9el et sans rupture de m\u00e9dia. Il est \u00e9galement possible d&#8217;obtenir plusieurs signatures en parall\u00e8le &#8211; sans temps d&#8217;attente.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div\n    data-block=\"tab\"\n    data-label=\"Simplement\"\n    class=\"flex tl:flex-col-reverse gap-18 ph:gap-13\"\n    x-show=\"activeTab === 'Simplement'\"\n>\n    <div class=\"shrink-0 w-full max-w-[22.5rem]\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1056\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-einfach.webp\" class=\"block w-full h-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-einfach.webp 1048w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-einfach-298x300.webp 298w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-einfach-1016x1024.webp 1016w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-einfach-150x150.webp 150w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-einfach-768x774.webp 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/>\n    <\/div>\n    <div x-ref=\"innerBlocks\" class=\"prose\">\n        \n\n<h3 class=\"wp-block-heading\"><strong><strong>Des proc\u00e9dures intuitives &#8211; pour vous et vos candidats<\/strong><\/strong><\/h3>\n\n\n\n<p>Vos candidats re\u00e7oivent un lien et peuvent signer directement via leur smartphone ou leur ordinateur. Sans application, sans enregistrement &#8211; simple, direct et auto-explicatif.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div\n    data-block=\"tab\"\n    data-label=\"Durable\"\n    class=\"flex tl:flex-col-reverse gap-18 ph:gap-13\"\n    x-show=\"activeTab === 'Durable'\"\n>\n    <div class=\"shrink-0 w-full max-w-[22.5rem]\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1056\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-nachhaltig.webp\" class=\"block w-full h-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-nachhaltig.webp 1048w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-nachhaltig-298x300.webp 298w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-nachhaltig-1016x1024.webp 1016w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-nachhaltig-150x150.webp 150w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-nachhaltig-768x774.webp 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/>\n    <\/div>\n    <div x-ref=\"innerBlocks\" class=\"prose\">\n        \n\n<h3 class=\"wp-block-heading\"><strong><strong>Pas de papier, pas de d\u00e9placements, pas d&#8217;archives physiques<\/strong><\/strong><\/h3>\n\n\n\n<p>Les processus num\u00e9riques permettent d&#8217;\u00e9conomiser des ressources &#8211; et de l&#8217;espace. Les contrats sont archiv\u00e9s sous forme de PDF sign\u00e9s avec un protocole de contr\u00f4le et peuvent \u00eatre retrouv\u00e9s \u00e0 tout moment.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div\n    data-block=\"tab\"\n    data-label=\"Mobile\"\n    class=\"flex tl:flex-col-reverse gap-18 ph:gap-13\"\n    x-show=\"activeTab === 'Mobile'\"\n>\n    <div class=\"shrink-0 w-full max-w-[22.5rem]\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1056\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-mobil.webp\" class=\"block w-full h-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-mobil.webp 1048w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-mobil-298x300.webp 298w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-mobil-1016x1024.webp 1016w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-mobil-150x150.webp 150w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-mobil-768x774.webp 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/>\n    <\/div>\n    <div x-ref=\"innerBlocks\" class=\"prose\">\n        \n\n<h3 class=\"wp-block-heading\"><strong><strong>Signer &#8211; n&#8217;importe quand, n&#8217;importe o\u00f9<\/strong><\/strong><\/h3>\n\n\n\n<p>Vos clients et candidats sont souvent en d\u00e9placement ? Avec zvoove Sign, cela ne joue aucun r\u00f4le. La QES fonctionne ind\u00e9pendamment du lieu &#8211; que ce soit \u00e0 la maison, dans le train ou sur le terrain.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div\n    data-block=\"tab\"\n    data-label=\"\u00c9volutif\"\n    class=\"flex tl:flex-col-reverse gap-18 ph:gap-13\"\n    x-show=\"activeTab === '\u00c9volutif'\"\n>\n    <div class=\"shrink-0 w-full max-w-[22.5rem]\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1056\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-skalierbar.webp\" class=\"block w-full h-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-skalierbar.webp 1048w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-skalierbar-298x300.webp 298w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-skalierbar-1016x1024.webp 1016w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-skalierbar-150x150.webp 150w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-skalierbar-768x774.webp 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/>\n    <\/div>\n    <div x-ref=\"innerBlocks\" class=\"prose\">\n        \n\n<h3 class=\"wp-block-heading\"><strong><strong>Grandit avec votre entreprise<\/strong><\/strong><\/h3>\n\n\n\n<p>Qu&#8217;il s&#8217;agisse de contrats individuels ou de milliers par mois, zvoove Sign peut \u00eatre utilis\u00e9 de mani\u00e8re flexible et automatise vos processus.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div\n    data-block=\"tab\"\n    data-label=\"Smart\"\n    class=\"flex tl:flex-col-reverse gap-18 ph:gap-13\"\n    x-show=\"activeTab === 'Smart'\"\n>\n    <div class=\"shrink-0 w-full max-w-[22.5rem]\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1048\" height=\"1056\" src=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-smart.webp\" class=\"block w-full h-auto\" alt=\"\" srcset=\"https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-smart.webp 1048w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-smart-298x300.webp 298w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-smart-1016x1024.webp 1016w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-smart-150x150.webp 150w, https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/04\/zvoove-sign-smart-768x774.webp 768w\" sizes=\"auto, (max-width: 1048px) 100vw, 1048px\" \/>\n    <\/div>\n    <div x-ref=\"innerBlocks\" class=\"prose\">\n        \n\n<h3 class=\"wp-block-heading\"><strong><strong>Identifier une seule fois &#8211; valable des ann\u00e9es<\/strong><\/strong><\/h3>\n\n\n\n<p>Gr\u00e2ce \u00e0 la v\u00e9rification de la carte d&#8217;identit\u00e9 bas\u00e9e sur l&#8217;IA, combin\u00e9e \u00e0 la reconnaissance faciale la plus moderne, votre cocontractant est v\u00e9rifi\u00e9 de mani\u00e8re univoque &#8211; et peut ensuite signer en un clic pour une dur\u00e9e pouvant aller jusqu&#8217;\u00e0 cinq ans.<\/p>\n\n\n<div\n    data-block=\"buttons\"\n    class=\"buttons flex flex-wrap justify-start gap-4\"\n    x-ref=\"innerBlocks\"\n>\n    \n<a\n    data-block=\"button\"\n    href=\"https:\/\/zvoove.ch\/software\/zvoove-sign#form\"\n    target=\"_self\"\n    class=\"ph:w-full \"\n>\n    \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Prendre contact\n<\/span><\/a>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n        <\/div>\n    <\/div>\n    <div class=\"hidden tp:block w-full\">\n        <template x-for=\"tab in tabs\">\n            <div>\n                <button\n                    @click=\"activeTab = activeTab === tab.id ? null : tab.id\"\n                    class=\"flex justify-between items-center gap-6 w-full h-18 text-left\"\n                    :data-tab-id=\"tab.id\"\n                >\n                    <span class=\"font-semibold\" x-text=\"tab.label\"><\/span>\n                    <i\n                        class=\"icon-caret-down transition\"\n                        :class=\"{ 'rotate-180': tab.id === activeTab }\"\n                    ><\/i>\n                <\/button>\n                <div class=\"py-18 border-t\" x-show=\"activeTab === tab.id\">\n                    <div x-html=\"tab.html\"><\/div>\n                <\/div>\n            <\/div>\n        <\/template>\n    <\/div>\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-10 ph:pt-6 pb-0 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<h2 class=\"wp-block-heading\" id=\"instructions\"><strong>Voici comment se d\u00e9roule la signature num\u00e9rique avec zvoove Sign<\/strong><\/h2>\n\n\n\n<p>De la demande de signature \u00e0 la signature, il faut souvent moins d&#8217;une minute.<br>Et le meilleur : l&#8217;identification ne doit \u00eatre effectu\u00e9e qu&#8217;une seule fois &#8211; ensuite, il est possible de signer pendant des ann\u00e9es, sans aucune nouvelle v\u00e9rification.<\/p>\n\n\n    <\/div>\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-10 ph:pt-6 pb-15 ph:pb-10 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<ol class=\"wp-block-list\">\n<li><strong>lancer une demande de signature<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Simplement et directement \u00e0 partir du syst\u00e8me &#8211; en quelques clics.<\/p>\n\n\n    <\/div>\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div block-name=\"html\">\n        <div style=\"position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;\"><iframe src=\"https:\/\/app.supademo.com\/embed\/cm9vh5d8s00d3zf0i4alzbkbb?embed_v=2 \" loading=\"lazy\" title=\"FR QES Inviation\" allow=\"clipboard-write\" frameborder=\"0\" webkitallowfullscreen=\"true\" mozallowfullscreen=\"true\" allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/iframe><\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-10 ph:pt-6 pb-15 ph:pb-10 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<p><strong>2. identification unique &#8211; avec carte d&#8217;identit\u00e9 ou passeport<\/strong><\/p>\n\n\n\n<p>Selon le document, la v\u00e9rification se d\u00e9roule un peu diff\u00e9remment :<\/p>\n\n\n    <\/div>\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-15 ph:pt-10 pb-15 ph:pb-10 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-10 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n\n<div\n    x-data=\"video\"\n    class=\"video dark w-full max-w-[63rem] -mb-24 mx-auto\"\n    @keydown.escape.window=\"close()\"\n    data-vimeo=\"https:\/\/vimeo.com\/1098485790\/7f7c40e4b1\"\n>\n    <button\n        @click=\"open()\"\n        class=\"relative flex w-full aspect-video px-18 py-14 ph:p-4 bg-cover bg-center rounded overflow-hidden text-left -translate-y-24\"\n        style=\"background-image: url(https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/07\/Video-Thumbnail-ID-FR.jpg)\"\n    >\n        <span class=\"absolute inset-0 bg-gradient-video\"><\/span>\n        <span class=\"absolute flex top-14 ph:top-6 right-14 ph:right-6 px-8 ph:px-5 py-5 ph:py-3 button-hocus:bg-white border border-white rounded-full text-24 ph:text-16 button-hocus:text-midnight transition\">\n            <i class=\"icon-play m-auto\"><\/i>\n        <\/span>\n        <span class=\"relative mt-auto font-semibold text-32 ph:text-14 pr-16\">Identification unique avec zvoove Sign<\/span>\n    <\/button>\n\n    <div\n        x-show=\"isOpen\"\n        x-cloak\n        class=\"fixed z-popup inset-0 ab:top-8 abm:ab:top-11.5 flex px-[8vw] py-[8vh] ph:p-6\"\n    >\n        <div\n            @click=\"close()\"\n            class=\"absolute inset-0 bg-black\/60 transition-all duration-300\"\n            :class=\"{\n                'opacity-0 invisible': !isVisible\n            }\"\n        ><\/div>\n\n                    <div\n                x-ref=\"vimeo\"\n                class=\"relative flex w-full h-full m-auto overflow-hidden pointer-events-none transition-all duration-300\"\n                :class=\"{\n                    'opacity-0 translate-y-8': !isVisible\n                }\"\n            ><\/div>\n        \n        <div\n            @click=\"close()\"\n            class=\"absolute top-8 right-8 transition-all duration-300\"\n            :class=\"{\n                'opacity-0 -translate-y-4': !isVisible\n            }\"\n        >\n            <button\n    @click=\"$dispatch('close')\"\n    class=\"flex w-10 h-10 hocus:bg-white border border-white rounded-full text-white hocus:text-dark-forest disabled:pointer-events-none disabled:opacity-50 transition\"\n>\n    <i class=\"icon-close m-auto text-18\"><\/i>\n<\/button>        <\/div>\n    <\/div>\n<\/div>\n\n\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-15 ph:pt-10 pb-15 ph:pb-10 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-10 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n\n<div\n    x-data=\"video\"\n    class=\"video dark w-full max-w-[63rem] -mb-24 mx-auto\"\n    @keydown.escape.window=\"close()\"\n    data-vimeo=\"https:\/\/vimeo.com\/1098485851\/9e79d0693b\"\n>\n    <button\n        @click=\"open()\"\n        class=\"relative flex w-full aspect-video px-18 py-14 ph:p-4 bg-cover bg-center rounded overflow-hidden text-left -translate-y-24\"\n        style=\"background-image: url(https:\/\/zvoove.ch\/wp-content\/uploads\/2025\/07\/Video-Thumbnail-Reisepass-FR.jpg)\"\n    >\n        <span class=\"absolute inset-0 bg-gradient-video\"><\/span>\n        <span class=\"absolute flex top-14 ph:top-6 right-14 ph:right-6 px-8 ph:px-5 py-5 ph:py-3 button-hocus:bg-white border border-white rounded-full text-24 ph:text-16 button-hocus:text-midnight transition\">\n            <i class=\"icon-play m-auto\"><\/i>\n        <\/span>\n        <span class=\"relative mt-auto font-semibold text-32 ph:text-14 pr-16\">Identification unique avec zvoove Sign<\/span>\n    <\/button>\n\n    <div\n        x-show=\"isOpen\"\n        x-cloak\n        class=\"fixed z-popup inset-0 ab:top-8 abm:ab:top-11.5 flex px-[8vw] py-[8vh] ph:p-6\"\n    >\n        <div\n            @click=\"close()\"\n            class=\"absolute inset-0 bg-black\/60 transition-all duration-300\"\n            :class=\"{\n                'opacity-0 invisible': !isVisible\n            }\"\n        ><\/div>\n\n                    <div\n                x-ref=\"vimeo\"\n                class=\"relative flex w-full h-full m-auto overflow-hidden pointer-events-none transition-all duration-300\"\n                :class=\"{\n                    'opacity-0 translate-y-8': !isVisible\n                }\"\n            ><\/div>\n        \n        <div\n            @click=\"close()\"\n            class=\"absolute top-8 right-8 transition-all duration-300\"\n            :class=\"{\n                'opacity-0 -translate-y-4': !isVisible\n            }\"\n        >\n            <button\n    @click=\"$dispatch('close')\"\n    class=\"flex w-10 h-10 hocus:bg-white border border-white rounded-full text-white hocus:text-dark-forest disabled:pointer-events-none disabled:opacity-50 transition\"\n>\n    <i class=\"icon-close m-auto text-18\"><\/i>\n<\/button>        <\/div>\n    <\/div>\n<\/div>\n\n\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-0 pb-0 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<p>Les deux m\u00e9thodes sont conformes \u00e0 la loi selon la SCSE et la LPD.<\/p>\n\n\n    <\/div>\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-10 ph:pt-6 pb-15 ph:pb-10 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<p><strong>3. signer le contrat &#8211; termin\u00e9<\/strong><\/p>\n\n\n\n<p>Un clic, un FaceScan ou une empreinte digitale &#8211; et le contrat est valablement sign\u00e9.<\/p>\n\n\n    <\/div>\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div block-name=\"html\">\n        <div style=\"position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 2.3216444981862154; padding: 40px 0 40px 0;\"><iframe src=\"https:\/\/app.supademo.com\/embed\/cm9vawoc404p1yt0iz8j5v5yd?embed_v=2 \" loading=\"lazy\" title=\"FR QES Sign\" allow=\"clipboard-write\" frameborder=\"0\" webkitallowfullscreen=\"true\" mozallowfullscreen=\"true\" allowfullscreen style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\"><\/iframe><\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-olive-green-5-background pt-30 ph:pt-20 pb-30 ph:pb-20 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<p class=\"has-fz-32-font-size\"><strong>Avec zvoove Sign, vous arrivez plus vite \u00e0 destination<\/strong><\/p>\n\n\n    <\/div>\n<\/div>\n\n<div\n    data-block=\"service-cards\"\n    class=\"grid grid-cols-4 tl:grid-cols-2 ph:grid-cols-1 gap-6 \"\n    x-ref=\"innerBlocks\"\n>\n    \n<div data-block=\"service-card\" class=\"service-card ki-animation p-8 ph:p-6 border rounded \">\n    <div class=\"prose-sm\" x-ref=\"innerBlocks\">\n        \n\n<p><strong>Jusqu&#8217;\u00e0 90 % d&#8217;effort en moins par contrat<\/strong><br>Gr\u00e2ce \u00e0 un processus num\u00e9rique de bout en bout : pas d&#8217;impression, pas de num\u00e9risation, pas de suivi.<\/p>\n\n\n    <\/div>\n<\/div>\n\n<div data-block=\"service-card\" class=\"service-card ki-animation p-8 ph:p-6 border rounded \">\n    <div class=\"prose-sm\" x-ref=\"innerBlocks\">\n        \n\n<p><strong>S&#8217;identifier 1x seulement &#8211; valable jusqu&#8217;\u00e0 5 ans<\/strong><br>La v\u00e9rification QES unique vous fait gagner du temps durablement, \u00e0 vous et \u00e0 vos candidats.<\/p>\n\n\n    <\/div>\n<\/div>\n\n<div data-block=\"service-card\" class=\"service-card ki-animation p-8 ph:p-6 border rounded \">\n    <div class=\"prose-sm\" x-ref=\"innerBlocks\">\n        \n\n<p><strong>Signature possible en moins d&#8217;une minute<\/strong><br>De l&#8217;invitation au document sign\u00e9 &#8211; mobile, intuitif et juridiquement s\u00fbr.<\/p>\n\n\n\n<p><br><\/p>\n\n\n    <\/div>\n<\/div>\n\n<div data-block=\"service-card\" class=\"service-card ki-animation p-8 ph:p-6 border rounded \">\n    <div class=\"prose-sm\" x-ref=\"innerBlocks\">\n        \n\n<p><strong>100 % conforme au droit suisse<\/strong><br>QES selon la SCSE &#8211; juridiquement \u00e9quivalent \u00e0 une signature manuscrite.<\/p>\n\n\n    <\/div>\n<\/div>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-default-background pt-30 ph:pt-20 pb-30 ph:pb-20 \"\n    id=\"\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div \n    data-block=\"section-intro\"\n    class=\"flex tp:flex-col justify-between gap-6 mb-8 ph:mb-0\"\n>\n    <h2>Moderniser les processus avec zvoove Sign<\/h2>\n    <div \n        class=\"empty:hidden prose max-w-[31.25rem] tl:max-w-[23rem] tp:max-w-none\"\n        x-ref=\"innerBlocks\"\n    >\n\n<p><\/p>\n\n<\/div>\n<\/div>\n\n<div\n    data-block=\"icon-boxes\"\n    data-columns=\"two\"\n    class=\"grid grid-cols-2 ph:grid-cols-1 gap-x-[14.625rem] tl:gap-x-48 tp:gap-x-28 ph:gap-y-12 gap-y-18 \"\n    x-ref=\"innerBlocks\"\n>\n    \n<div\n    x-data=\"iconBox\"\n    data-block=\"icon-box\"\n    class=\" group\"\n    @keydown.escape.window=\"close()\"\n>\n    <div class=\"text-left\">\n        <span class=\"icon ki-animation relative flex mb-4\">\n                            <span class=\"text-[2.75rem]\" style=\"color: \">\n                    <i class=\"ph ph-rocket-launch\"><\/i>\n                <\/span>\n                    <\/span>\n        <span class=\"ki-animation block prose-sm\" x-ref=\"innerBlocks\">\n            \n\n<h3 class=\"wp-block-heading\"><strong><strong>Une longueur d&#8217;avance<\/strong><\/strong><\/h3>\n\n\n\n<p>Utilisez une technologie de signature moderne, sp\u00e9cialement con\u00e7ue pour le recrutement.<\/p>\n\n\n        <\/span>\n    <\/div>\n\n    <\/div>\n\n<div\n    x-data=\"iconBox\"\n    data-block=\"icon-box\"\n    class=\" group\"\n    @keydown.escape.window=\"close()\"\n>\n    <div class=\"text-left\">\n        <span class=\"icon ki-animation relative flex mb-4\">\n                            <span class=\"text-[2.75rem]\" style=\"color: \">\n                    <i class=\"ph ph-gauge\"><\/i>\n                <\/span>\n                    <\/span>\n        <span class=\"ki-animation block prose-sm\" x-ref=\"innerBlocks\">\n            \n\n<h3 class=\"wp-block-heading\"><strong><strong>Arriver \u00e0 destination en un temps record<\/strong><\/strong><\/h3>\n\n\n\n<p>R\u00e9duisez vos d\u00e9lais d&#8217;ex\u00e9cution &#8211; du projet de contrat \u00e0 la signature juridiquement valable.<\/p>\n\n\n        <\/span>\n    <\/div>\n\n    <\/div>\n\n<div\n    x-data=\"iconBox\"\n    data-block=\"icon-box\"\n    class=\" group\"\n    @keydown.escape.window=\"close()\"\n>\n    <div class=\"text-left\">\n        <span class=\"icon ki-animation relative flex mb-4\">\n                            <span class=\"text-[2.75rem]\" style=\"color: \">\n                    <i class=\"ph ph-plant\"><\/i>\n                <\/span>\n                    <\/span>\n        <span class=\"ki-animation block prose-sm\" x-ref=\"innerBlocks\">\n            \n\n<h3 class=\"wp-block-heading\"><strong><strong>Pas de papier, pas de d\u00e9tours<\/strong><\/strong><\/h3>\n\n\n\n<p>R\u00e9duisez les ruptures de m\u00e9dias, le travail manuel et les d\u00e9placements inutiles.<\/p>\n\n\n        <\/span>\n    <\/div>\n\n    <\/div>\n\n<div\n    x-data=\"iconBox\"\n    data-block=\"icon-box\"\n    class=\" group\"\n    @keydown.escape.window=\"close()\"\n>\n    <div class=\"text-left\">\n        <span class=\"icon ki-animation relative flex mb-4\">\n                            <span class=\"text-[2.75rem]\" style=\"color: \">\n                    <i class=\"ph ph-seal-check\"><\/i>\n                <\/span>\n                    <\/span>\n        <span class=\"ki-animation block prose-sm\" x-ref=\"innerBlocks\">\n            \n\n<h3 class=\"wp-block-heading\"><strong><strong>Identification intelligente<\/strong><\/strong><\/h3>\n\n\n\n<p>V\u00e9rifi\u00e9 une fois &#8211; puis sign\u00e9 facilement par FaceScan ou empreinte digitale. Jusqu&#8217;\u00e0 cinq ans.<\/p>\n\n\n        <\/span>\n    <\/div>\n\n    <\/div>\n\n<div\n    x-data=\"iconBox\"\n    data-block=\"icon-box\"\n    class=\" group\"\n    @keydown.escape.window=\"close()\"\n>\n    <div class=\"text-left\">\n        <span class=\"icon ki-animation relative flex mb-4\">\n                            <span class=\"text-[2.75rem]\" style=\"color: \">\n                    <i class=\"ph ph-lego\"><\/i>\n                <\/span>\n                    <\/span>\n        <span class=\"ki-animation block prose-sm\" x-ref=\"innerBlocks\">\n            \n\n<h3 class=\"wp-block-heading\"><strong><strong>Une int\u00e9gration sans faille<\/strong><\/strong><\/h3>\n\n\n\n<p>Int\u00e9grez facilement zvoove Sign dans vos processus et syst\u00e8mes existants.<\/p>\n\n\n        <\/span>\n    <\/div>\n\n    <\/div>\n\n<div\n    x-data=\"iconBox\"\n    data-block=\"icon-box\"\n    class=\" group\"\n    @keydown.escape.window=\"close()\"\n>\n    <div class=\"text-left\">\n        <span class=\"icon ki-animation relative flex mb-4\">\n                            <span class=\"text-[2.75rem]\" style=\"color: \">\n                    <i class=\"ph ph-shield-check\"><\/i>\n                <\/span>\n                    <\/span>\n        <span class=\"ki-animation block prose-sm\" x-ref=\"innerBlocks\">\n            \n\n<h3 class=\"wp-block-heading\"><strong><strong><strong>En s\u00e9curit\u00e9 en Suisse<\/strong><\/strong><\/strong><\/h3>\n\n\n\n<p>Le traitement des donn\u00e9es et l&#8217;h\u00e9bergement ont lieu exclusivement en Suisse &#8211; conform\u00e9ment \u00e0 la LPD et \u00e0 la SCSE.<\/p>\n\n\n        <\/span>\n    <\/div>\n\n    <\/div>\n\n<\/div>\n\n    <\/div>\n<\/div>\n\n<div \n    data-block=\"container\"\n    class=\"bg-cover has-dark-forest-4-background pt-30 ph:pt-20 pb-30 ph:pb-20 \"\n    id=\"form\"\n    \n>\n    <div\n        class=\"flex flex-col gap-18 ph:gap-12 container \"\n        x-ref=\"innerBlocks\"\n    >\n        \n<div data-block=\"text\" class=\"flex justify-start \">\n    <div class=\"prose  ki-animation w-full max-w-content\" x-ref=\"innerBlocks\" >\n        \n\n<p class=\"has-x-large-font-size\"><strong>Contactez-nous maintenant<\/strong><\/p>\n\n\n    <\/div>\n<\/div>\n\n    <form\n        class=\"form max-w-content flex justify-between flex-wrap -mt-14 children:mt-14 transition\"\n        x-data=\"hsForm\"\n        :disabled=\"disabled\"\n        @submit.prevent=\"submit\"\n        :class=\"{ 'disabled': disabled }\"\n        data-hs-guid=\"b31f3f71-cf4b-44e1-8715-013c433c1ed9\"\n    >\n        <input type=\"hidden\" name=\"action\" value=\"hs-form\" hidden>\n        <input type=\"hidden\" name=\"formId\" value=\"22852\" hidden>\n\n        <template x-if=\"formError\" hidden>\n            <div\n                class=\"form-error w-full p-6 border border-signal-red rounded text-signal-red\"\n                x-html=\"formError\"\n            ><\/div>\n        <\/template>\n\n        <template x-if=\"successMessage\" hidden>\n            <div\n                class=\"success w-full p-6 border border rounded\"\n                x-html=\"successMessage\"\n            ><\/div>\n        <\/template>\n\n                                    <div\n    data-block=\"text-input\"\n    x-data=\"textInput\"\n    x-id=\"['text-input']\"\n    class=\"text-input flex flex-col items-start w-full ph:w-full\"\n>\n    <div class=\"flex gap-4 w-full\">\n        \n        <div\n            class=\"relative w-full border-b border-gray-80 dark:border-white hover:border-dark-forest focus-within:border-dark-forest transition\"\n            :class=\"fieldErrors['company'] &#038;&#038; '!border-signal-red'\"\n        >\n                            <input\n                    class=\"input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate\"\n                    type=\"text\"\n                    placeholder=\" \"\n                    name=\"company\"\n                    :id=\"$id('text-input')\"\n                    \n                    @focus=\"$dispatch('dirty')\"\n                >\n            \n            <label\n                class=\"absolute top-4 left-0 pointer-events-none text-16 transition-all\"\n                :for=\"`${$id('text-input')}--country-code`\"\n            >\n                <span class=\"opacity-50\">Nom de l&#8217;entreprise<\/span>\n                                    <span class=\"text-signal-red\">*<\/span>\n                            <\/label>\n        <\/div>\n    <\/div>\n\n            <span\n            class=\"error inline-block mt-2 font-semibold text-signal-red text-14\"\n            x-show=\"fieldErrors['company']\"\n            x-text=\"fieldErrors['company']\"\n        ><\/span>\n    <\/div>                                                <div\n    data-block=\"select\"\n    x-data\n    x-id=\"['select']\"\n    class=\"select flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full\"\n>\n    <div\n        class=\"relative w-full border-b border-gray-80 hover:border-dark-forest focus-within:border-dark-forest transition\"\n        :class=\"fieldErrors['salutation'] &#038;&#038; '!border-signal-red'\"\n    >\n        <select\n            class=\"input block w-full h-14 pr-8 appearance-none bg-transparent border-none outline-none text-16 truncate\"\n            name=\"salutation\"\n                        :id=\"$id('select')\"\n            @change=\"$el.value ? $el.setAttribute('data-has-value', '') : $el.removeAttribute('data-has-value')\"\n        >\n                            <option value selected disabled><\/option>\n                                        <option value=\"Herr\">Herr<\/option>\n                            <option value=\"Frau\">Frau<\/option>\n                            <option value=\"Divers\">Divers<\/option>\n                    <\/select>\n\n        <label\n            class=\"absolute top-0 left-0 pointer-events-none text-16 leading-[3.5rem] opacity-50 transition-all\"\n            :for=\"$id('select')\"\n        >\n            Salutation\n        <\/label>\n\n        <i class=\"icon-caret-down absolute top-1\/2 right-0 pointer-events-none text-14 opacity-50 -translate-y-1\/2\"><\/i>\n    <\/div>\n            <span\n            class=\"error inline-block mt-2 font-semibold text-signal-red text-14\"\n            x-show=\"fieldErrors['salutation']\"\n            x-text=\"fieldErrors['salutation']\"\n        ><\/span>\n    <\/div>                                                <div\n    data-block=\"text-input\"\n    x-data=\"textInput\"\n    x-id=\"['text-input']\"\n    class=\"text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full\"\n>\n    <div class=\"flex gap-4 w-full\">\n        \n        <div\n            class=\"relative w-full border-b border-gray-80 dark:border-white hover:border-dark-forest focus-within:border-dark-forest transition\"\n            :class=\"fieldErrors['firstname'] &#038;&#038; '!border-signal-red'\"\n        >\n                            <input\n                    class=\"input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate\"\n                    type=\"text\"\n                    placeholder=\" \"\n                    name=\"firstname\"\n                    :id=\"$id('text-input')\"\n                    \n                    @focus=\"$dispatch('dirty')\"\n                >\n            \n            <label\n                class=\"absolute top-4 left-0 pointer-events-none text-16 transition-all\"\n                :for=\"`${$id('text-input')}--country-code`\"\n            >\n                <span class=\"opacity-50\">Pr\u00e9nom<\/span>\n                                    <span class=\"text-signal-red\">*<\/span>\n                            <\/label>\n        <\/div>\n    <\/div>\n\n            <span\n            class=\"error inline-block mt-2 font-semibold text-signal-red text-14\"\n            x-show=\"fieldErrors['firstname']\"\n            x-text=\"fieldErrors['firstname']\"\n        ><\/span>\n    <\/div>                                                <div\n    data-block=\"text-input\"\n    x-data=\"textInput\"\n    x-id=\"['text-input']\"\n    class=\"text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full\"\n>\n    <div class=\"flex gap-4 w-full\">\n        \n        <div\n            class=\"relative w-full border-b border-gray-80 dark:border-white hover:border-dark-forest focus-within:border-dark-forest transition\"\n            :class=\"fieldErrors['lastname'] &#038;&#038; '!border-signal-red'\"\n        >\n                            <input\n                    class=\"input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate\"\n                    type=\"text\"\n                    placeholder=\" \"\n                    name=\"lastname\"\n                    :id=\"$id('text-input')\"\n                    \n                    @focus=\"$dispatch('dirty')\"\n                >\n            \n            <label\n                class=\"absolute top-4 left-0 pointer-events-none text-16 transition-all\"\n                :for=\"`${$id('text-input')}--country-code`\"\n            >\n                <span class=\"opacity-50\">Nom<\/span>\n                                    <span class=\"text-signal-red\">*<\/span>\n                            <\/label>\n        <\/div>\n    <\/div>\n\n            <span\n            class=\"error inline-block mt-2 font-semibold text-signal-red text-14\"\n            x-show=\"fieldErrors['lastname']\"\n            x-text=\"fieldErrors['lastname']\"\n        ><\/span>\n    <\/div>                                                <div\n    data-block=\"text-input\"\n    x-data=\"textInput\"\n    x-id=\"['text-input']\"\n    class=\"text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full\"\n>\n    <div class=\"flex gap-4 w-full\">\n                                    <div class=\"select w-32\">\n                    <div\n                        class=\"relative w-full border-b border-gray-80 hover:border-dark-forest focus-within:border-dark-forest dark:border-white transition\"\n                        :class=\"fieldErrors['phone'] &#038;&#038; '!border-signal-red'\"\n                    >\n                        <select\n                            class=\"input block w-full h-14 pt-4 pr-8 appearance-none bg-transparent border-none outline-none text-16 truncate\"\n                            name=\"phone--country-code\"\n                            :id=\"`${$id('text-input')}--country-code`\"\n                            @change=\"$el.value ? $el.setAttribute('data-has-value', '') : $el.removeAttribute('data-has-value')\"\n                            x-ref=\"countryCode\"\n                        >\n                            <option value selected disabled>Land<\/option>\n                            <option value=\"+93\">Afghanistan (+93)<\/option>\n                            <option value=\"+355\">Albania (+355)<\/option>\n                            <option value=\"+213\">Algeria (+213)<\/option>\n                            <option value=\"+1684\">American Samoa (+1684)<\/option>\n                            <option value=\"+376\">Andorra (+376)<\/option>\n                            <option value=\"+244\">Angola (+244)<\/option>\n                            <option value=\"+1264\">Anguilla (+1264)<\/option>\n                            <option value=\"+672\">Antarctica (+672)<\/option>\n                            <option value=\"+1268\">Antigua and Barbuda (+1268)<\/option>\n                            <option value=\"+54\">Argentina (+54)<\/option>\n                            <option value=\"+374\">Armenia (+374)<\/option>\n                            <option value=\"+297\">Aruba (+297)<\/option>\n                            <option value=\"+61\">Australia (+61)<\/option>\n                            <option value=\"+43\">Austria (+43)<\/option>\n                            <option value=\"+994\">Azerbaijan (+994)<\/option>\n                            <option value=\"+1242\">Bahamas (+1242)<\/option>\n                            <option value=\"+973\">Bahrain (+973)<\/option>\n                            <option value=\"+880\">Bangladesh (+880)<\/option>\n                            <option value=\"+1246\">Barbados (+1246)<\/option>\n                            <option value=\"+375\">Belarus (+375)<\/option>\n                            <option value=\"+32\">Belgium (+32)<\/option>\n                            <option value=\"+501\">Belize (+501)<\/option>\n                            <option value=\"+229\">Benin (+229)<\/option>\n                            <option value=\"+1441\">Bermuda (+1441)<\/option>\n                            <option value=\"+975\">Bhutan (+975)<\/option>\n                            <option value=\"+591\">Bolivia (+591)<\/option>\n                            <option value=\"+387\">Bosnia and Herzegovina (+387)<\/option>\n                            <option value=\"+267\">Botswana (+267)<\/option>\n                            <option value=\"+55\">Brazil (+55)<\/option>\n                            <option value=\"+246\">British Indian Ocean Territory (+246)<\/option>\n                            <option value=\"+1284\">British Virgin Islands (+1284)<\/option>\n                            <option value=\"+673\">Brunei (+673)<\/option>\n                            <option value=\"+359\">Bulgaria (+359)<\/option>\n                            <option value=\"+226\">Burkina Faso (+226)<\/option>\n                            <option value=\"+257\">Burundi (+257)<\/option>\n                            <option value=\"+238\">Cabo Verde (+238)<\/option>\n                            <option value=\"+855\">Cambodia (+855)<\/option>\n                            <option value=\"+237\">Cameroon (+237)<\/option>\n                            <option value=\"+1\">Canada (+1)<\/option>\n                            <option value=\"+1345\">Cayman Islands (+1345)<\/option>\n                            <option value=\"+236\">Central African Republic (+236)<\/option>\n                            <option value=\"+235\">Chad (+235)<\/option>\n                            <option value=\"+56\">Chile (+56)<\/option>\n                            <option value=\"+86\">China (+86)<\/option>\n                            <option value=\"+61\">Christmas Island (+61)<\/option>\n                            <option value=\"+61\">Cocos (Keeling) Islands (+61)<\/option>\n                            <option value=\"+57\">Colombia (+57)<\/option>\n                            <option value=\"+269\">Comoros (+269)<\/option>\n                            <option value=\"+242\">Congo (Republic of the Congo) (+242)<\/option>\n                            <option value=\"+243\">Congo (Democratic Republic of the Congo) (+243)<\/option>\n                            <option value=\"+682\">Cook Islands (+682)<\/option>\n                            <option value=\"+506\">Costa Rica (+506)<\/option>\n                            <option value=\"+225\">C\u00f4te d&#8217;Ivoire (+225)<\/option>\n                            <option value=\"+385\">Croatia (+385)<\/option>\n                            <option value=\"+53\">Cuba (+53)<\/option>\n                            <option value=\"+599\">Cura\u00e7ao (+599)<\/option>\n                            <option value=\"+357\">Cyprus (+357)<\/option>\n                            <option value=\"+420\">Czechia (+420)<\/option>\n                            <option value=\"+45\">Denmark (+45)<\/option>\n                            <option value=\"+253\">Djibouti (+253)<\/option>\n                            <option value=\"+1767\">Dominica (+1767)<\/option>\n                            <option value=\"+1809\">Dominican Republic (+1809)<\/option>\n                            <option value=\"+1829\">Dominican Republic (+1829)<\/option>\n                            <option value=\"+1849\">Dominican Republic (+1849)<\/option>\n                            <option value=\"+593\">Ecuador (+593)<\/option>\n                            <option value=\"+20\">Egypt (+20)<\/option>\n                            <option value=\"+503\">El Salvador (+503)<\/option>\n                            <option value=\"+240\">Equatorial Guinea (+240)<\/option>\n                            <option value=\"+291\">Eritrea (+291)<\/option>\n                            <option value=\"+372\">Estonia (+372)<\/option>\n                            <option value=\"+268\">Eswatini (+268)<\/option>\n                            <option value=\"+251\">Ethiopia (+251)<\/option>\n                            <option value=\"+500\">Falkland Islands (+500)<\/option>\n                            <option value=\"+298\">Faroe Islands (+298)<\/option>\n                            <option value=\"+679\">Fiji (+679)<\/option>\n                            <option value=\"+358\">Finland (+358)<\/option>\n                            <option value=\"+33\">France (+33)<\/option>\n                            <option value=\"+594\">French Guiana (+594)<\/option>\n                            <option value=\"+689\">French Polynesia (+689)<\/option>\n                            <option value=\"+241\">Gabon (+241)<\/option>\n                            <option value=\"+220\">Gambia (+220)<\/option>\n                            <option value=\"+995\">Georgia (+995)<\/option>\n                            <option value=\"+49\">Germany (+49)<\/option>\n                            <option value=\"+233\">Ghana (+233)<\/option>\n                            <option value=\"+350\">Gibraltar (+350)<\/option>\n                            <option value=\"+30\">Greece (+30)<\/option>\n                            <option value=\"+299\">Greenland (+299)<\/option>\n                            <option value=\"+1473\">Grenada (+1473)<\/option>\n                            <option value=\"+590\">Guadeloupe (+590)<\/option>\n                            <option value=\"+1671\">Guam (+1671)<\/option>\n                            <option value=\"+502\">Guatemala (+502)<\/option>\n                            <option value=\"+441481\">Guernsey (+441481)<\/option>\n                            <option value=\"+224\">Guinea (+224)<\/option>\n                            <option value=\"+245\">Guinea-Bissau (+245)<\/option>\n                            <option value=\"+592\">Guyana (+592)<\/option>\n                            <option value=\"+509\">Haiti (+509)<\/option>\n                            <option value=\"+504\">Honduras (+504)<\/option>\n                            <option value=\"+852\">Hong Kong (+852)<\/option>\n                            <option value=\"+36\">Hungary (+36)<\/option>\n                            <option value=\"+354\">Iceland (+354)<\/option>\n                            <option value=\"+91\">India (+91)<\/option>\n                            <option value=\"+62\">Indonesia (+62)<\/option>\n                            <option value=\"+98\">Iran (+98)<\/option>\n                            <option value=\"+964\">Iraq (+964)<\/option>\n                            <option value=\"+353\">Ireland (+353)<\/option>\n                            <option value=\"+441624\">Isle of Man (+441624)<\/option>\n                            <option value=\"+972\">Israel (+972)<\/option>\n                            <option value=\"+39\">Italy (+39)<\/option>\n                            <option value=\"+1876\">Jamaica (+1876)<\/option>\n                            <option value=\"+81\">Japan (+81)<\/option>\n                            <option value=\"+441534\">Jersey (+441534)<\/option>\n                            <option value=\"+962\">Jordan (+962)<\/option>\n                            <option value=\"+7\">Kazakhstan (+7)<\/option>\n                            <option value=\"+254\">Kenya (+254)<\/option>\n                            <option value=\"+686\">Kiribati (+686)<\/option>\n                            <option value=\"+383\">Kosovo (+383)<\/option>\n                            <option value=\"+965\">Kuwait (+965)<\/option>\n                            <option value=\"+996\">Kyrgyzstan (+996)<\/option>\n                            <option value=\"+856\">Laos (+856)<\/option>\n                            <option value=\"+371\">Latvia (+371)<\/option>\n                            <option value=\"+961\">Lebanon (+961)<\/option>\n                            <option value=\"+266\">Lesotho (+266)<\/option>\n                            <option value=\"+231\">Liberia (+231)<\/option>\n                            <option value=\"+218\">Libya (+218)<\/option>\n                            <option value=\"+423\">Liechtenstein (+423)<\/option>\n                            <option value=\"+370\">Lithuania (+370)<\/option>\n                            <option value=\"+352\">Luxembourg (+352)<\/option>\n                            <option value=\"+853\">Macao (+853)<\/option>\n                            <option value=\"+261\">Madagascar (+261)<\/option>\n                            <option value=\"+265\">Malawi (+265)<\/option>\n                            <option value=\"+60\">Malaysia (+60)<\/option>\n                            <option value=\"+960\">Maldives (+960)<\/option>\n                            <option value=\"+223\">Mali (+223)<\/option>\n                            <option value=\"+356\">Malta (+356)<\/option>\n                            <option value=\"+692\">Marshall Islands (+692)<\/option>\n                            <option value=\"+596\">Martinique (+596)<\/option>\n                            <option value=\"+222\">Mauritania (+222)<\/option>\n                            <option value=\"+230\">Mauritius (+230)<\/option>\n                            <option value=\"+262\">Mayotte (+262)<\/option>\n                            <option value=\"+52\">Mexico (+52)<\/option>\n                            <option value=\"+691\">Micronesia (+691)<\/option>\n                            <option value=\"+373\">Moldova (+373)<\/option>\n                            <option value=\"+377\">Monaco (+377)<\/option>\n                            <option value=\"+976\">Mongolia (+976)<\/option>\n                            <option value=\"+382\">Montenegro (+382)<\/option>\n                            <option value=\"+1664\">Montserrat (+1664)<\/option>\n                            <option value=\"+212\">Morocco (+212)<\/option>\n                            <option value=\"+258\">Mozambique (+258)<\/option>\n                            <option value=\"+95\">Myanmar (+95)<\/option>\n                            <option value=\"+264\">Namibia (+264)<\/option>\n                            <option value=\"+674\">Nauru (+674)<\/option>\n                            <option value=\"+977\">Nepal (+977)<\/option>\n                            <option value=\"+31\">Netherlands (+31)<\/option>\n                            <option value=\"+687\">New Caledonia (+687)<\/option>\n                            <option value=\"+64\">New Zealand (+64)<\/option>\n                            <option value=\"+505\">Nicaragua (+505)<\/option>\n                            <option value=\"+227\">Niger (+227)<\/option>\n                            <option value=\"+234\">Nigeria (+234)<\/option>\n                            <option value=\"+683\">Niue (+683)<\/option>\n                            <option value=\"+672\">Norfolk Island (+672)<\/option>\n                            <option value=\"+850\">North Korea (+850)<\/option>\n                            <option value=\"+1670\">Northern Mariana Islands (+1670)<\/option>\n                            <option value=\"+47\">Norway (+47)<\/option>\n                            <option value=\"+968\">Oman (+968)<\/option>\n                            <option value=\"+92\">Pakistan (+92)<\/option>\n                            <option value=\"+680\">Palau (+680)<\/option>\n                            <option value=\"+970\">Palestine (+970)<\/option>\n                            <option value=\"+507\">Panama (+507)<\/option>\n                            <option value=\"+675\">Papua New Guinea (+675)<\/option>\n                            <option value=\"+595\">Paraguay (+595)<\/option>\n                            <option value=\"+51\">Peru (+51)<\/option>\n                            <option value=\"+63\">Philippines (+63)<\/option>\n                            <option value=\"+48\">Poland (+48)<\/option>\n                            <option value=\"+351\">Portugal (+351)<\/option>\n                            <option value=\"+1787\">Puerto Rico (+1787)<\/option>\n                            <option value=\"+1939\">Puerto Rico (+1939)<\/option>\n                            <option value=\"+974\">Qatar (+974)<\/option>\n                            <option value=\"+262\">R\u00e9union (+262)<\/option>\n                            <option value=\"+40\">Romania (+40)<\/option>\n                            <option value=\"+7\">Russia (+7)<\/option>\n                            <option value=\"+250\">Rwanda (+250)<\/option>\n                            <option value=\"+590\">Saint Barth\u00e9lemy (+590)<\/option>\n                            <option value=\"+290\">Saint Helena (+290)<\/option>\n                            <option value=\"+1869\">Saint Kitts and Nevis (+1869)<\/option>\n                            <option value=\"+1758\">Saint Lucia (+1758)<\/option>\n                            <option value=\"+590\">Saint Martin (+590)<\/option>\n                            <option value=\"+508\">Saint Pierre and Miquelon (+508)<\/option>\n                            <option value=\"+1784\">Saint Vincent and the Grenadines (+1784)<\/option>\n                            <option value=\"+685\">Samoa (+685)<\/option>\n                            <option value=\"+378\">San Marino (+378)<\/option>\n                            <option value=\"+239\">S\u00e3o Tom\u00e9 and Pr\u00edncipe (+239)<\/option>\n                            <option value=\"+966\">Saudi Arabia (+966)<\/option>\n                            <option value=\"+221\">Senegal (+221)<\/option>\n                            <option value=\"+381\">Serbia (+381)<\/option>\n                            <option value=\"+248\">Seychelles (+248)<\/option>\n                            <option value=\"+232\">Sierra Leone (+232)<\/option>\n                            <option value=\"+65\">Singapore (+65)<\/option>\n                            <option value=\"+1721\">Sint Maarten (+1721)<\/option>\n                            <option value=\"+421\">Slovakia (+421)<\/option>\n                            <option value=\"+386\">Slovenia (+386)<\/option>\n                            <option value=\"+677\">Solomon Islands (+677)<\/option>\n                            <option value=\"+252\">Somalia (+252)<\/option>\n                            <option value=\"+27\">South Africa (+27)<\/option>\n                            <option value=\"+82\">South Korea (+82)<\/option>\n                            <option value=\"+211\">South Sudan (+211)<\/option>\n                            <option value=\"+34\">Spain (+34)<\/option>\n                            <option value=\"+94\">Sri Lanka (+94)<\/option>\n                            <option value=\"+249\">Sudan (+249)<\/option>\n                            <option value=\"+597\">Suriname (+597)<\/option>\n                            <option value=\"+46\">Sweden (+46)<\/option>\n                            <option value=\"+41\">Switzerland (+41)<\/option>\n                            <option value=\"+963\">Syria (+963)<\/option>\n                            <option value=\"+886\">Taiwan (+886)<\/option>\n                            <option value=\"+992\">Tajikistan (+992)<\/option>\n                            <option value=\"+255\">Tanzania (+255)<\/option>\n                            <option value=\"+66\">Thailand (+66)<\/option>\n                            <option value=\"+670\">Timor-Leste (+670)<\/option>\n                            <option value=\"+228\">Togo (+228)<\/option>\n                            <option value=\"+690\">Tokelau (+690)<\/option>\n                            <option value=\"+676\">Tonga (+676)<\/option>\n                            <option value=\"+1868\">Trinidad and Tobago (+1868)<\/option>\n                            <option value=\"+216\">Tunisia (+216)<\/option>\n                            <option value=\"+90\">Turkey (+90)<\/option>\n                            <option value=\"+993\">Turkmenistan (+993)<\/option>\n                            <option value=\"+1649\">Turks and Caicos Islands (+1649)<\/option>\n                            <option value=\"+688\">Tuvalu (+688)<\/option>\n                            <option value=\"+256\">Uganda (+256)<\/option>\n                            <option value=\"+380\">Ukraine (+380)<\/option>\n                            <option value=\"+971\">United Arab Emirates (+971)<\/option>\n                            <option value=\"+44\">United Kingdom (+44)<\/option>\n                            <option value=\"+1\">United States (+1)<\/option>\n                            <option value=\"+1340\">U.S. Virgin Islands (+1340)<\/option>\n                            <option value=\"+598\">Uruguay (+598)<\/option>\n                            <option value=\"+998\">Uzbekistan (+998)<\/option>\n                            <option value=\"+678\">Vanuatu (+678)<\/option>\n                            <option value=\"+379\">Vatican City (+379)<\/option>\n                            <option value=\"+58\">Venezuela (+58)<\/option>\n                            <option value=\"+84\">Vietnam (+84)<\/option>\n                            <option value=\"+681\">Wallis and Futuna (+681)<\/option>\n                            <option value=\"+967\">Yemen (+967)<\/option>\n                            <option value=\"+260\">Zambia (+260)<\/option>\n                            <option value=\"+263\">Zimbabwe (+263)<\/option>\n                        <\/select>\n\n                        <i class=\"icon-caret-down absolute top-1\/2 right-0 mt-2 pointer-events-none text-14 opacity-50 -translate-y-1\/2\"><\/i>\n                    <\/div>\n                <\/div>\n                    \n        <div\n            class=\"relative w-full border-b border-gray-80 dark:border-white hover:border-dark-forest focus-within:border-dark-forest transition\"\n            :class=\"fieldErrors['phone'] &#038;&#038; '!border-signal-red'\"\n        >\n                            <input\n                    class=\"input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate\"\n                    type=\"text\"\n                    placeholder=\" \"\n                    name=\"phone\"\n                    :id=\"$id('text-input')\"\n                    \n                    @focus=\"$dispatch('dirty')\"\n                >\n            \n            <label\n                class=\"absolute top-4 left-0 pointer-events-none text-16 transition-all\"\n                :for=\"`${$id('text-input')}--country-code`\"\n            >\n                <span class=\"opacity-50\">Num\u00e9ro de t\u00e9l\u00e9phone<\/span>\n                                    <span class=\"text-signal-red\">*<\/span>\n                            <\/label>\n        <\/div>\n    <\/div>\n\n            <span\n            class=\"error inline-block mt-2 font-semibold text-signal-red text-14\"\n            x-show=\"fieldErrors['phone']\"\n            x-text=\"fieldErrors['phone']\"\n        ><\/span>\n    <\/div>                                                <div\n    data-block=\"text-input\"\n    x-data=\"textInput\"\n    x-id=\"['text-input']\"\n    class=\"text-input flex flex-col items-start w-[calc(50%-0.75rem)] ph:w-full\"\n>\n    <div class=\"flex gap-4 w-full\">\n        \n        <div\n            class=\"relative w-full border-b border-gray-80 dark:border-white hover:border-dark-forest focus-within:border-dark-forest transition\"\n            :class=\"fieldErrors['email'] &#038;&#038; '!border-signal-red'\"\n        >\n                            <input\n                    class=\"input block w-full h-14 pt-4 bg-transparent border-none outline-none text-16 truncate\"\n                    type=\"text\"\n                    placeholder=\" \"\n                    name=\"email\"\n                    :id=\"$id('text-input')\"\n                    \n                    @focus=\"$dispatch('dirty')\"\n                >\n            \n            <label\n                class=\"absolute top-4 left-0 pointer-events-none text-16 transition-all\"\n                :for=\"`${$id('text-input')}--country-code`\"\n            >\n                <span class=\"opacity-50\">E-mail<\/span>\n                                    <span class=\"text-signal-red\">*<\/span>\n                            <\/label>\n        <\/div>\n    <\/div>\n\n            <span\n            class=\"error inline-block mt-2 font-semibold text-signal-red text-14\"\n            x-show=\"fieldErrors['email']\"\n            x-text=\"fieldErrors['email']\"\n        ><\/span>\n    <\/div>                                                <div data-block=\"checkbox\" x-data x-id=\"['checkbox']\" class=\"checkbox w-full\">\n    <label :for=\"$id('checkbox')\" class=\"flex gap-3\">\n        <input\n            type=\"checkbox\"\n            name=\"datenschutz_checkbox\"\n            :id=\"$id('checkbox')\"\n            class=\"peer sr-only\"\n            \n        >\n        <span\n            data-checkbox\n            class=\"shrink-0 flex w-5 h-5 border border-gray-80 dark:border-white rounded-1 peer-checked:border-dark-forest peer-hover:border-dark-forest peer-focus:border-dark-forest dark:peer-checked:border-white dark:peer-hover:border-white dark:peer-focus:border-white text-transparent peer-checked:text-dark-forest dark:peer-checked:text-white text-12 transition-all\"\n        >\n            <i class=\"icon-check m-auto -translate-y-px\"><\/i>\n        <\/span>\n        <span x-ref=\"innerBlocks\" class=\"prose pt-px text-14\">\n            \n            <p>En envoyant le formulaire, je confirme avoir lu et accept\u00e9 <a href=\"https:\/\/zvoove.ch\/datenschutzerklaerung\" target=\"_blank\" rel=\"noopener\">les informations sur la protection des donn\u00e9es<\/a>.<\/p>\n        <\/span>\n    <\/label>\n            <span\n            class=\"error inline-block mt-2 ml-8 font-semibold text-signal-red text-14\"\n            x-show=\"fieldErrors['datenschutz_checkbox']\"\n            x-text=\"fieldErrors['datenschutz_checkbox']\"\n        ><\/span>\n    <\/div>                                                <input hidden type=\"hidden\" name=\"last_request__sales_\" value=\"Produktberatung zvoove Sign\">\n                                                <input hidden type=\"hidden\" name=\"land\" value=\"Schweiz\">\n                                                <input hidden type=\"hidden\" name=\"zvoove_company\" value=\"a5uOf000000188PIAQ\">\n                                                <input hidden type=\"hidden\" name=\"sprache\" value=\"french\">\n                                                <input hidden type=\"hidden\" name=\"utm_source\" value=\"\">\n                                                <input hidden type=\"hidden\" name=\"utm_medium\" value=\"\">\n                    \n        <button class=\"w-full\" type=\"submit\">\n            \n\n\n<span\n    class=\"base-button button-hocus:-translate-y-0.5 flex items-center justify-center h-14 pt-[0.2em] base-button-solid px-8 bg-mountain-green dark-bg:bg-white button-hocus:shadow-button rounded-full font-normal dark-bg:text-midnight text-white text-18 whitespace-nowrap transition\"\n    \n>\n    Soumettre\n<\/span>        <\/button>\n    <\/form>\n\n\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":23,"featured_media":0,"parent":19669,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Signer l\u00e9galement est aussi simple que cela avec zvoove Sign","_seopress_titles_desc":"Sans papier. Sans stress. Et enti\u00e8rement num\u00e9rique : avec zvoove Sign, vous faites passer vos processus contractuels \u00e0 un niveau sup\u00e9rieur.   En savoir plus maintenant !","_seopress_robots_index":"","footnotes":""},"class_list":["post-22825","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/pages\/22825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/comments?post=22825"}],"version-history":[{"count":11,"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/pages\/22825\/revisions"}],"predecessor-version":[{"id":23484,"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/pages\/22825\/revisions\/23484"}],"up":[{"embeddable":true,"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/pages\/19669"}],"wp:attachment":[{"href":"https:\/\/zvoove.ch\/fr\/wp-json\/wp\/v2\/media?parent=22825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}