pasea-entreprises.com
Open in
urlscan Pro
185.221.182.46
Public Scan
URL:
https://pasea-entreprises.com/
Submission: On November 06 via api from BE — Scanned from FR
Submission: On November 06 via api from BE — Scanned from FR
Form analysis 4 forms found in the DOM
<form wire:submit.prevent="submit">
<div class="filament-forms-wizard-component">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6" x-data="{}" x-on:form-validation-error.window="if ($event.detail.livewireId !== 'LmLvqSX4zngEyKf8SiWQ') {
return
}
$nextTick(() => {
let error = $el.querySelector('[data-validation-error]')
if (! error) {
return
}
let elementToExpand = error
while (elementToExpand) {
elementToExpand.dispatchEvent(new CustomEvent('expand'))
elementToExpand = elementToExpand.parentNode
}
setTimeout(
() =>
error.closest('[data-field-wrapper]').scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start',
}),
200,
)
})" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div wire:ignore.self="" x-data="{
step: null,
nextStep: function () {
let nextStepIndex = this.getStepIndex(this.step) + 1
if (nextStepIndex >= this.getSteps().length) {
return
}
this.step = this.getSteps()[nextStepIndex]
this.autofocusFields()
this.scrollToTop()
},
previousStep: function () {
let previousStepIndex = this.getStepIndex(this.step) - 1
if (previousStepIndex < 0) {
return
}
this.step = this.getSteps()[previousStepIndex]
this.autofocusFields()
this.scrollToTop()
},
scrollToTop: function () {
this.$nextTick(() =>
this.$root.scrollIntoView({ behavior: 'smooth', block: 'start' }),
)
},
autofocusFields: function () {
$nextTick(() =>
this.$refs[`step-${this.step}`]
.querySelector('[autofocus]')
?.focus(),
)
},
getStepIndex: function (step) {
let index = this.getSteps().findIndex(
(indexedStep) => indexedStep === step,
)
if (index === -1) {
return 0
}
return index
},
getSteps: function () {
return JSON.parse(this.$refs.stepsData.value)
},
isFirstStep: function () {
return this.getStepIndex(this.step) <= 0
},
isLastStep: function () {
return this.getStepIndex(this.step) + 1 >= this.getSteps().length
},
isStepAccessible: function (stepId) {
return (
false || this.getStepIndex(this.step) > this.getStepIndex(stepId)
)
},
updateQueryString: function () {
if (! false) {
return
}
const url = new URL(window.location.href)
url.searchParams.set(null, this.step)
history.pushState(null, document.title, url.toString())
},
}" x-init="
$watch('step', () => updateQueryString())
step = getSteps().at(0)
autofocusFields()
" x-on:next-wizard-step.window="if ($event.detail.statePath === 'data') nextStep()" class="fi-fo-wizard fi-contained rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10">
<input type="hidden" value="["type-de-profil","informations-professionnelles","informations-personnelles","interets-et-objectifs"]" x-ref="stepsData">
<ol role="list" class="fi-fo-wizard-header grid divide-y divide-gray-200 dark:divide-white/5 md:grid-flow-col md:divide-y-0 md:overflow-x-auto border-b border-gray-200 dark:border-white/10">
<!--[if BLOCK]><![endif]-->
<li class="fi-fo-wizard-header-step relative flex fi-active" x-bind:class="{
'fi-active': getStepIndex(step) === 0,
'fi-completed': getStepIndex(step) > 0,
}">
<button type="button" x-bind:aria-current="getStepIndex(step) === 0 ? 'step' : null" x-on:click="step = 'type-de-profil'" x-bind:disabled="! isStepAccessible('type-de-profil')" role="step"
class="fi-fo-wizard-header-step-button flex h-full items-center gap-x-4 px-6 py-4 text-start" aria-current="step" disabled="disabled">
<div class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-primary-600 dark:border-primary-500" x-bind:class="{
'bg-primary-600 dark:bg-primary-500':
getStepIndex(step) > 0,
'border-2': getStepIndex(step) <= 0,
'border-primary-600 dark:border-primary-500':
getStepIndex(step) === 0,
'border-gray-300 dark:border-gray-600':
getStepIndex(step) < 0,
}">
<!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) > 0" class="fi-fo-wizard-header-step-icon h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) <= 0" x-bind:class="{
'text-gray-500 dark:text-gray-400': getStepIndex(step) !== 0,
'text-primary-600 dark:text-primary-500': getStepIndex(step) === 0,
}" class="fi-fo-wizard-header-step-icon h-6 w-6 text-primary-600 dark:text-primary-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="grid justify-items-start md:w-max md:max-w-60">
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-label text-sm font-medium text-primary-600 dark:text-primary-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) < 0,
'text-primary-600 dark:text-primary-400':
getStepIndex(step) === 0,
'text-gray-950 dark:text-white': getStepIndex(step) > 0,
}"> Type de profil </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-description text-start text-sm text-gray-500 dark:text-gray-400"> Sélectionnez votre type d'organisation </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
</button>
<!--[if BLOCK]><![endif]-->
<div aria-hidden="true" class="fi-fo-wizard-header-step-separator absolute end-0 hidden h-full w-5 md:block">
<svg fill="none" preserveAspectRatio="none" viewBox="0 0 22 80" class="h-full w-full text-gray-200 dark:text-white/5 rtl:rotate-180">
<path d="M0 -2L20 40L0 82" stroke-linejoin="round" stroke="currentcolor" vector-effect="non-scaling-stroke"></path>
</svg>
</div>
<!--[if ENDBLOCK]><![endif]-->
</li>
<li class="fi-fo-wizard-header-step relative flex" x-bind:class="{
'fi-active': getStepIndex(step) === 1,
'fi-completed': getStepIndex(step) > 1,
}">
<button type="button" x-bind:aria-current="getStepIndex(step) === 1 ? 'step' : null" x-on:click="step = 'informations-professionnelles'" x-bind:disabled="! isStepAccessible('informations-professionnelles')" role="step"
class="fi-fo-wizard-header-step-button flex h-full items-center gap-x-4 px-6 py-4 text-start" disabled="disabled">
<div class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-600" x-bind:class="{
'bg-primary-600 dark:bg-primary-500':
getStepIndex(step) > 1,
'border-2': getStepIndex(step) <= 1,
'border-primary-600 dark:border-primary-500':
getStepIndex(step) === 1,
'border-gray-300 dark:border-gray-600':
getStepIndex(step) < 1,
}">
<!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) > 1" class="fi-fo-wizard-header-step-icon h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) <= 1" x-bind:class="{
'text-gray-500 dark:text-gray-400': getStepIndex(step) !== 1,
'text-primary-600 dark:text-primary-500': getStepIndex(step) === 1,
}" class="fi-fo-wizard-header-step-icon h-6 w-6 text-gray-500 dark:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round"
d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z">
</path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="grid justify-items-start md:w-max md:max-w-60">
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-label text-sm font-medium text-gray-500 dark:text-gray-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) < 1,
'text-primary-600 dark:text-primary-400':
getStepIndex(step) === 1,
'text-gray-950 dark:text-white': getStepIndex(step) > 1,
}"> Informations professionnelles </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-description text-start text-sm text-gray-500 dark:text-gray-400"> Vos informations professionnelles </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
</button>
<!--[if BLOCK]><![endif]-->
<div aria-hidden="true" class="fi-fo-wizard-header-step-separator absolute end-0 hidden h-full w-5 md:block">
<svg fill="none" preserveAspectRatio="none" viewBox="0 0 22 80" class="h-full w-full text-gray-200 dark:text-white/5 rtl:rotate-180">
<path d="M0 -2L20 40L0 82" stroke-linejoin="round" stroke="currentcolor" vector-effect="non-scaling-stroke"></path>
</svg>
</div>
<!--[if ENDBLOCK]><![endif]-->
</li>
<li class="fi-fo-wizard-header-step relative flex" x-bind:class="{
'fi-active': getStepIndex(step) === 2,
'fi-completed': getStepIndex(step) > 2,
}">
<button type="button" x-bind:aria-current="getStepIndex(step) === 2 ? 'step' : null" x-on:click="step = 'informations-personnelles'" x-bind:disabled="! isStepAccessible('informations-personnelles')" role="step"
class="fi-fo-wizard-header-step-button flex h-full items-center gap-x-4 px-6 py-4 text-start" disabled="disabled">
<div class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-600" x-bind:class="{
'bg-primary-600 dark:bg-primary-500':
getStepIndex(step) > 2,
'border-2': getStepIndex(step) <= 2,
'border-primary-600 dark:border-primary-500':
getStepIndex(step) === 2,
'border-gray-300 dark:border-gray-600':
getStepIndex(step) < 2,
}">
<!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) > 2" class="fi-fo-wizard-header-step-icon h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) <= 2" x-bind:class="{
'text-gray-500 dark:text-gray-400': getStepIndex(step) !== 2,
'text-primary-600 dark:text-primary-500': getStepIndex(step) === 2,
}" class="fi-fo-wizard-header-step-icon h-6 w-6 text-gray-500 dark:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="grid justify-items-start md:w-max md:max-w-60">
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-label text-sm font-medium text-gray-500 dark:text-gray-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) < 2,
'text-primary-600 dark:text-primary-400':
getStepIndex(step) === 2,
'text-gray-950 dark:text-white': getStepIndex(step) > 2,
}"> Informations personnelles </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-description text-start text-sm text-gray-500 dark:text-gray-400"> Vos informations personnelles </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
</button>
<!--[if BLOCK]><![endif]-->
<div aria-hidden="true" class="fi-fo-wizard-header-step-separator absolute end-0 hidden h-full w-5 md:block">
<svg fill="none" preserveAspectRatio="none" viewBox="0 0 22 80" class="h-full w-full text-gray-200 dark:text-white/5 rtl:rotate-180">
<path d="M0 -2L20 40L0 82" stroke-linejoin="round" stroke="currentcolor" vector-effect="non-scaling-stroke"></path>
</svg>
</div>
<!--[if ENDBLOCK]><![endif]-->
</li>
<li class="fi-fo-wizard-header-step relative flex" x-bind:class="{
'fi-active': getStepIndex(step) === 3,
'fi-completed': getStepIndex(step) > 3,
}">
<button type="button" x-bind:aria-current="getStepIndex(step) === 3 ? 'step' : null" x-on:click="step = 'interets-et-objectifs'" x-bind:disabled="! isStepAccessible('interets-et-objectifs')" role="step"
class="fi-fo-wizard-header-step-button flex h-full items-center gap-x-4 px-6 py-4 text-start" disabled="disabled">
<div class="fi-fo-wizard-header-step-icon-ctn flex h-10 w-10 shrink-0 items-center justify-center rounded-full border-2 border-gray-300 dark:border-gray-600" x-bind:class="{
'bg-primary-600 dark:bg-primary-500':
getStepIndex(step) > 3,
'border-2': getStepIndex(step) <= 3,
'border-primary-600 dark:border-primary-500':
getStepIndex(step) === 3,
'border-gray-300 dark:border-gray-600':
getStepIndex(step) < 3,
}">
<!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) > 3" class="fi-fo-wizard-header-step-icon h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true" data-slot="icon" style="display: none;">
<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"></path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <svg x-show="getStepIndex(step) <= 3" x-bind:class="{
'text-gray-500 dark:text-gray-400': getStepIndex(step) !== 3,
'text-primary-600 dark:text-primary-500': getStepIndex(step) === 3,
}" class="fi-fo-wizard-header-step-icon h-6 w-6 text-gray-500 dark:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"
data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round"
d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18">
</path>
</svg><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="grid justify-items-start md:w-max md:max-w-60">
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-label text-sm font-medium text-gray-500 dark:text-gray-400" x-bind:class="{
'text-gray-500 dark:text-gray-400':
getStepIndex(step) < 3,
'text-primary-600 dark:text-primary-400':
getStepIndex(step) === 3,
'text-gray-950 dark:text-white': getStepIndex(step) > 3,
}"> Intérêts et objectifs </span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="fi-fo-wizard-header-step-description text-start text-sm text-gray-500 dark:text-gray-400"> Vos objectifs et motivations </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
</button>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</li>
<!--[if ENDBLOCK]><![endif]-->
</ol>
<!--[if BLOCK]><![endif]-->
<div x-bind:tabindex="$el.querySelector('[autofocus]') ? '-1' : '0'" x-bind:class="{
'fi-active p-6': step === 'type-de-profil',
'invisible absolute h-0 overflow-hidden p-0': step !== 'type-de-profil',
}" x-on:expand="
if (! isStepAccessible('type-de-profil')) {
return
}
step = 'type-de-profil' " x-ref="step-type-de-profil" class="fi-fo-wizard-step outline-none fi-active p-6" aria-labelledby="type-de-profil" id="type-de-profil" role="tabpanel" tabindex="0">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.profile_type.Filament\Forms\Components\Select">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.profile_type">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Type d'organisation<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]-->
<div class="hidden" x-data="{
isDisabled: false,
init: function () {
const container = $el.nextElementSibling
container.dispatchEvent(
new CustomEvent('set-select-property', {
detail: { isDisabled: this.isDisabled },
}),
)
},
}" data-has-alpine-state="true"></div>
<div ax-load="" ax-load-src="https://pasea-entreprises.com/js/filament/forms/components/select.js?v=3.2.121.0" x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: false,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('data.profile_type')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('data.profile_type')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('data.profile_type')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('data.profile_type', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: false,
livewireId: 'LmLvqSX4zngEyKf8SiWQ',
hasDynamicOptions: false,
hasDynamicSearchResults: false,
loadingMessage: 'En chargement...',
maxItems: null,
maxItemsMessage: 'Uniquement peuvent \u00eatre s\u00e9lectionn\u00e9s.',
noSearchResultsMessage: 'Aucune option ne correspond \u00e0 votre recherche.',
options: JSON.parse('[{\u0022label\u0022:\u0022PME\u0022,\u0022value\u0022:\u0022pme\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022Bureau d\\u0027\\u00e9tudes\u0022,\u0022value\u0022:\u0022bureau_etudes\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022Grande Entreprise\u0022,\u0022value\u0022:\u0022grande_entreprises\u0022,\u0022disabled\u0022:false}]'),
optionsLimit: 50,
placeholder: 'S\u00e9lectionnez votre type d\u0027organisation',
position: null,
searchDebounce: 1000,
searchingMessage: 'En recherche...',
searchPrompt: 'Commencez \u00e0 taper pour rechercher...',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('data.profile_type', false),
statePath: 'data.profile_type',
})" wire:ignore="" x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()" x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()" class="">
<div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true" aria-expanded="false">
<div class="choices__inner"><select x-ref="input" class="h-9 w-full rounded-lg border-none bg-transparent !bg-none choices__input" id="data.profile_type" hidden="" tabindex="-1" data-choice="active"></select>
<div class="choices__list choices__list--single">
<div class="choices__placeholder choices__item">Sélectionnez votre type d'organisation</div>
</div>
</div>
<div class="choices__list choices__list--dropdown" aria-expanded="false">
<div class="choices__list" role="listbox">
<div id="choices--dataprofile_type-item-choice-1" class="choices__item choices__item--choice choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="pme" data-select-text=""
data-choice-selectable="" aria-selected="true">PME</div>
<div id="choices--dataprofile_type-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="bureau_etudes" data-select-text=""
data-choice-selectable="">Bureau d'études</div>
<div id="choices--dataprofile_type-item-choice-3" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="3" data-value="grande_entreprises" data-select-text=""
data-choice-selectable="">Grande Entreprise</div>
</div>
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div x-bind:tabindex="$el.querySelector('[autofocus]') ? '-1' : '0'" x-bind:class="{
'fi-active p-6': step === 'informations-professionnelles',
'invisible absolute h-0 overflow-hidden p-0': step !== 'informations-professionnelles',
}" x-on:expand="
if (! isStepAccessible('informations-professionnelles')) {
return
}
step = 'informations-professionnelles' " x-ref="step-informations-professionnelles" class="fi-fo-wizard-step outline-none invisible absolute h-0 overflow-hidden p-0" aria-labelledby="informations-professionnelles"
id="informations-professionnelles" role="tabpanel" tabindex="0">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.position.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.position">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Votre Poste<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.position" type="text" wire:model="data.position">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.organization_name.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.organization_name">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Nom de l'organisation<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.organization_name" type="text" wire:model="data.organization_name">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(3, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.rccm_number.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.rccm_number">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Numéro RCCM<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.rccm_number" type="text" wire:model="data.rccm_number">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.id_nat.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.id_nat">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> ID.NAT<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.id_nat" type="text" wire:model="data.id_nat">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.tax_number.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.tax_number">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Numéro d'impôt<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.tax_number" type="text" wire:model="data.tax_number">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.organization_address.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.organization_address">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Adresse de l'organisation<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.organization_address" type="text" wire:model="data.organization_address">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.city.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.city">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Ville<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.city" type="text" wire:model="data.city">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.phone.Ysfkaya\FilamentPhoneInput\Forms\PhoneInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.phone">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Numéro de Téléphone<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-phone-input"
x-data="{
isDisabled: false,
init(){
$nextTick(() => {
$dispatch('phoneInput:isDisabled', { statePath: 'data.phone', isDisabled: this.isDisabled });
});
}
}" x-load-css="['https:\/\/pasea-entreprises.com\/css\/ysfkaya\/filament-phone-input\/filament-phone-input.css?v=3.1.1.0']" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<div dusk="phone-input.data.phone" class="inline-flex w-full" wire:ignore="">
<div class="w-full" ax-load="" ax-load-src="https://pasea-entreprises.com/js/ysfkaya/filament-phone-input/components/filament-phone-input.js?v=3.1.1.0" x-data="phoneInputFormComponent({
options: {
allowDropdown: true,
autoPlaceholder: 'polite',
containerClass: '',
countryOrder: null,
countrySearch: true,
customPlaceholder: null,
dropdownContainer: null,
excludeCountries: [],
fixDropdownWidth: true,
formatAsYouType: true,
formatOnDisplay: true,
performIpLookup: true,
i18n: [],
initialCountry: 'auto',
nationalMode: true,
onlyCountries: [],
placeholderNumberType: 'MOBILE',
showFlags: true,
separateDialCode: false,
strictMode: false,
useFullscreenPopup: false,
displayNumberFormat: 'NATIONAL',
inputNumberFormat: 'E164',
focusNumberFormat: false,
...[],
},
locale: 'fr',
intlTelInputSelectedCountryCookieName: 'intlTelInputSelectedCountry',
state: $wire.$entangle('data.phone'),
statePath: 'data.phone',
isLive: false,
isLiveDebounced: false,
isLiveOnBlur: false,
liveDebounce: null,
})">
<div class="iti iti--allow-dropdown iti--show-flags iti--inline-dropdown">
<div class="iti__country-container" style="left: 0px;"><button type="button" class="iti__selected-country" aria-expanded="false" aria-label="Pays sélectionné" aria-haspopup="true"
aria-controls="iti-0__dropdown-content" role="combobox" title="France: +33">
<div class="iti__selected-country-primary">
<div class="iti__flag iti__fr"><span class="iti__a11y-text">France +33</span></div>
<div class="iti__arrow" aria-hidden="true"></div>
</div>
</button>
<div id="iti-0__dropdown-content" class="iti__dropdown-content iti__hide "><input type="text" class="iti__search-input" placeholder="Recherche" role="combobox" aria-expanded="true" aria-label="Recherche"
aria-controls="iti-0__country-listbox" aria-autocomplete="list" autocomplete="off"><span class="iti__a11y-text">244 résultats trouvés</span>
<ul class="iti__country-list" id="iti-0__country-listbox" role="listbox" aria-label="Liste des pays">
<li id="iti-0__item-af" class="iti__country iti__highlight" tabindex="-1" role="option" data-dial-code="93" data-country-code="af" aria-selected="false">
<div class="iti__flag iti__af"></div><span class="iti__country-name">Afghanistan</span><span class="iti__dial-code">+93</span>
</li>
<li id="iti-0__item-za" class="iti__country " tabindex="-1" role="option" data-dial-code="27" data-country-code="za" aria-selected="false">
<div class="iti__flag iti__za"></div><span class="iti__country-name">Afrique du Sud</span><span class="iti__dial-code">+27</span>
</li>
<li id="iti-0__item-al" class="iti__country " tabindex="-1" role="option" data-dial-code="355" data-country-code="al" aria-selected="false">
<div class="iti__flag iti__al"></div><span class="iti__country-name">Albanie</span><span class="iti__dial-code">+355</span>
</li>
<li id="iti-0__item-dz" class="iti__country " tabindex="-1" role="option" data-dial-code="213" data-country-code="dz" aria-selected="false">
<div class="iti__flag iti__dz"></div><span class="iti__country-name">Algérie</span><span class="iti__dial-code">+213</span>
</li>
<li id="iti-0__item-de" class="iti__country " tabindex="-1" role="option" data-dial-code="49" data-country-code="de" aria-selected="false">
<div class="iti__flag iti__de"></div><span class="iti__country-name">Allemagne</span><span class="iti__dial-code">+49</span>
</li>
<li id="iti-0__item-ad" class="iti__country " tabindex="-1" role="option" data-dial-code="376" data-country-code="ad" aria-selected="false">
<div class="iti__flag iti__ad"></div><span class="iti__country-name">Andorre</span><span class="iti__dial-code">+376</span>
</li>
<li id="iti-0__item-ao" class="iti__country " tabindex="-1" role="option" data-dial-code="244" data-country-code="ao" aria-selected="false">
<div class="iti__flag iti__ao"></div><span class="iti__country-name">Angola</span><span class="iti__dial-code">+244</span>
</li>
<li id="iti-0__item-ai" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ai" aria-selected="false">
<div class="iti__flag iti__ai"></div><span class="iti__country-name">Anguilla</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-ag" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ag" aria-selected="false">
<div class="iti__flag iti__ag"></div><span class="iti__country-name">Antigua-et-Barbuda</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-sa" class="iti__country " tabindex="-1" role="option" data-dial-code="966" data-country-code="sa" aria-selected="false">
<div class="iti__flag iti__sa"></div><span class="iti__country-name">Arabie saoudite</span><span class="iti__dial-code">+966</span>
</li>
<li id="iti-0__item-ar" class="iti__country " tabindex="-1" role="option" data-dial-code="54" data-country-code="ar" aria-selected="false">
<div class="iti__flag iti__ar"></div><span class="iti__country-name">Argentine</span><span class="iti__dial-code">+54</span>
</li>
<li id="iti-0__item-am" class="iti__country " tabindex="-1" role="option" data-dial-code="374" data-country-code="am" aria-selected="false">
<div class="iti__flag iti__am"></div><span class="iti__country-name">Arménie</span><span class="iti__dial-code">+374</span>
</li>
<li id="iti-0__item-aw" class="iti__country " tabindex="-1" role="option" data-dial-code="297" data-country-code="aw" aria-selected="false">
<div class="iti__flag iti__aw"></div><span class="iti__country-name">Aruba</span><span class="iti__dial-code">+297</span>
</li>
<li id="iti-0__item-au" class="iti__country " tabindex="-1" role="option" data-dial-code="61" data-country-code="au" aria-selected="false">
<div class="iti__flag iti__au"></div><span class="iti__country-name">Australie</span><span class="iti__dial-code">+61</span>
</li>
<li id="iti-0__item-at" class="iti__country " tabindex="-1" role="option" data-dial-code="43" data-country-code="at" aria-selected="false">
<div class="iti__flag iti__at"></div><span class="iti__country-name">Autriche</span><span class="iti__dial-code">+43</span>
</li>
<li id="iti-0__item-az" class="iti__country " tabindex="-1" role="option" data-dial-code="994" data-country-code="az" aria-selected="false">
<div class="iti__flag iti__az"></div><span class="iti__country-name">Azerbaïdjan</span><span class="iti__dial-code">+994</span>
</li>
<li id="iti-0__item-bs" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="bs" aria-selected="false">
<div class="iti__flag iti__bs"></div><span class="iti__country-name">Bahamas</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-bh" class="iti__country " tabindex="-1" role="option" data-dial-code="973" data-country-code="bh" aria-selected="false">
<div class="iti__flag iti__bh"></div><span class="iti__country-name">Bahreïn</span><span class="iti__dial-code">+973</span>
</li>
<li id="iti-0__item-bd" class="iti__country " tabindex="-1" role="option" data-dial-code="880" data-country-code="bd" aria-selected="false">
<div class="iti__flag iti__bd"></div><span class="iti__country-name">Bangladesh</span><span class="iti__dial-code">+880</span>
</li>
<li id="iti-0__item-bb" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="bb" aria-selected="false">
<div class="iti__flag iti__bb"></div><span class="iti__country-name">Barbade</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-be" class="iti__country " tabindex="-1" role="option" data-dial-code="32" data-country-code="be" aria-selected="false">
<div class="iti__flag iti__be"></div><span class="iti__country-name">Belgique</span><span class="iti__dial-code">+32</span>
</li>
<li id="iti-0__item-bz" class="iti__country " tabindex="-1" role="option" data-dial-code="501" data-country-code="bz" aria-selected="false">
<div class="iti__flag iti__bz"></div><span class="iti__country-name">Belize</span><span class="iti__dial-code">+501</span>
</li>
<li id="iti-0__item-bj" class="iti__country " tabindex="-1" role="option" data-dial-code="229" data-country-code="bj" aria-selected="false">
<div class="iti__flag iti__bj"></div><span class="iti__country-name">Bénin</span><span class="iti__dial-code">+229</span>
</li>
<li id="iti-0__item-bm" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="bm" aria-selected="false">
<div class="iti__flag iti__bm"></div><span class="iti__country-name">Bermudes</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-bt" class="iti__country " tabindex="-1" role="option" data-dial-code="975" data-country-code="bt" aria-selected="false">
<div class="iti__flag iti__bt"></div><span class="iti__country-name">Bhoutan</span><span class="iti__dial-code">+975</span>
</li>
<li id="iti-0__item-by" class="iti__country " tabindex="-1" role="option" data-dial-code="375" data-country-code="by" aria-selected="false">
<div class="iti__flag iti__by"></div><span class="iti__country-name">Biélorussie</span><span class="iti__dial-code">+375</span>
</li>
<li id="iti-0__item-bo" class="iti__country " tabindex="-1" role="option" data-dial-code="591" data-country-code="bo" aria-selected="false">
<div class="iti__flag iti__bo"></div><span class="iti__country-name">Bolivie</span><span class="iti__dial-code">+591</span>
</li>
<li id="iti-0__item-ba" class="iti__country " tabindex="-1" role="option" data-dial-code="387" data-country-code="ba" aria-selected="false">
<div class="iti__flag iti__ba"></div><span class="iti__country-name">Bosnie-Herzégovine</span><span class="iti__dial-code">+387</span>
</li>
<li id="iti-0__item-bw" class="iti__country " tabindex="-1" role="option" data-dial-code="267" data-country-code="bw" aria-selected="false">
<div class="iti__flag iti__bw"></div><span class="iti__country-name">Botswana</span><span class="iti__dial-code">+267</span>
</li>
<li id="iti-0__item-br" class="iti__country " tabindex="-1" role="option" data-dial-code="55" data-country-code="br" aria-selected="false">
<div class="iti__flag iti__br"></div><span class="iti__country-name">Brésil</span><span class="iti__dial-code">+55</span>
</li>
<li id="iti-0__item-bn" class="iti__country " tabindex="-1" role="option" data-dial-code="673" data-country-code="bn" aria-selected="false">
<div class="iti__flag iti__bn"></div><span class="iti__country-name">Brunéi Darussalam</span><span class="iti__dial-code">+673</span>
</li>
<li id="iti-0__item-bg" class="iti__country " tabindex="-1" role="option" data-dial-code="359" data-country-code="bg" aria-selected="false">
<div class="iti__flag iti__bg"></div><span class="iti__country-name">Bulgarie</span><span class="iti__dial-code">+359</span>
</li>
<li id="iti-0__item-bf" class="iti__country " tabindex="-1" role="option" data-dial-code="226" data-country-code="bf" aria-selected="false">
<div class="iti__flag iti__bf"></div><span class="iti__country-name">Burkina Faso</span><span class="iti__dial-code">+226</span>
</li>
<li id="iti-0__item-bi" class="iti__country " tabindex="-1" role="option" data-dial-code="257" data-country-code="bi" aria-selected="false">
<div class="iti__flag iti__bi"></div><span class="iti__country-name">Burundi</span><span class="iti__dial-code">+257</span>
</li>
<li id="iti-0__item-kh" class="iti__country " tabindex="-1" role="option" data-dial-code="855" data-country-code="kh" aria-selected="false">
<div class="iti__flag iti__kh"></div><span class="iti__country-name">Cambodge</span><span class="iti__dial-code">+855</span>
</li>
<li id="iti-0__item-cm" class="iti__country " tabindex="-1" role="option" data-dial-code="237" data-country-code="cm" aria-selected="false">
<div class="iti__flag iti__cm"></div><span class="iti__country-name">Cameroun</span><span class="iti__dial-code">+237</span>
</li>
<li id="iti-0__item-ca" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ca" aria-selected="false">
<div class="iti__flag iti__ca"></div><span class="iti__country-name">Canada</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-cv" class="iti__country " tabindex="-1" role="option" data-dial-code="238" data-country-code="cv" aria-selected="false">
<div class="iti__flag iti__cv"></div><span class="iti__country-name">Cap-Vert</span><span class="iti__dial-code">+238</span>
</li>
<li id="iti-0__item-cl" class="iti__country " tabindex="-1" role="option" data-dial-code="56" data-country-code="cl" aria-selected="false">
<div class="iti__flag iti__cl"></div><span class="iti__country-name">Chili</span><span class="iti__dial-code">+56</span>
</li>
<li id="iti-0__item-cn" class="iti__country " tabindex="-1" role="option" data-dial-code="86" data-country-code="cn" aria-selected="false">
<div class="iti__flag iti__cn"></div><span class="iti__country-name">Chine</span><span class="iti__dial-code">+86</span>
</li>
<li id="iti-0__item-cy" class="iti__country " tabindex="-1" role="option" data-dial-code="357" data-country-code="cy" aria-selected="false">
<div class="iti__flag iti__cy"></div><span class="iti__country-name">Chypre</span><span class="iti__dial-code">+357</span>
</li>
<li id="iti-0__item-co" class="iti__country " tabindex="-1" role="option" data-dial-code="57" data-country-code="co" aria-selected="false">
<div class="iti__flag iti__co"></div><span class="iti__country-name">Colombie</span><span class="iti__dial-code">+57</span>
</li>
<li id="iti-0__item-km" class="iti__country " tabindex="-1" role="option" data-dial-code="269" data-country-code="km" aria-selected="false">
<div class="iti__flag iti__km"></div><span class="iti__country-name">Comores</span><span class="iti__dial-code">+269</span>
</li>
<li id="iti-0__item-cg" class="iti__country " tabindex="-1" role="option" data-dial-code="242" data-country-code="cg" aria-selected="false">
<div class="iti__flag iti__cg"></div><span class="iti__country-name">Congo-Brazzaville</span><span class="iti__dial-code">+242</span>
</li>
<li id="iti-0__item-cd" class="iti__country " tabindex="-1" role="option" data-dial-code="243" data-country-code="cd" aria-selected="false">
<div class="iti__flag iti__cd"></div><span class="iti__country-name">Congo-Kinshasa</span><span class="iti__dial-code">+243</span>
</li>
<li id="iti-0__item-kp" class="iti__country " tabindex="-1" role="option" data-dial-code="850" data-country-code="kp" aria-selected="false">
<div class="iti__flag iti__kp"></div><span class="iti__country-name">Corée du Nord</span><span class="iti__dial-code">+850</span>
</li>
<li id="iti-0__item-kr" class="iti__country " tabindex="-1" role="option" data-dial-code="82" data-country-code="kr" aria-selected="false">
<div class="iti__flag iti__kr"></div><span class="iti__country-name">Corée du Sud</span><span class="iti__dial-code">+82</span>
</li>
<li id="iti-0__item-cr" class="iti__country " tabindex="-1" role="option" data-dial-code="506" data-country-code="cr" aria-selected="false">
<div class="iti__flag iti__cr"></div><span class="iti__country-name">Costa Rica</span><span class="iti__dial-code">+506</span>
</li>
<li id="iti-0__item-ci" class="iti__country " tabindex="-1" role="option" data-dial-code="225" data-country-code="ci" aria-selected="false">
<div class="iti__flag iti__ci"></div><span class="iti__country-name">Côte d’Ivoire</span><span class="iti__dial-code">+225</span>
</li>
<li id="iti-0__item-hr" class="iti__country " tabindex="-1" role="option" data-dial-code="385" data-country-code="hr" aria-selected="false">
<div class="iti__flag iti__hr"></div><span class="iti__country-name">Croatie</span><span class="iti__dial-code">+385</span>
</li>
<li id="iti-0__item-cu" class="iti__country " tabindex="-1" role="option" data-dial-code="53" data-country-code="cu" aria-selected="false">
<div class="iti__flag iti__cu"></div><span class="iti__country-name">Cuba</span><span class="iti__dial-code">+53</span>
</li>
<li id="iti-0__item-cw" class="iti__country " tabindex="-1" role="option" data-dial-code="599" data-country-code="cw" aria-selected="false">
<div class="iti__flag iti__cw"></div><span class="iti__country-name">Curaçao</span><span class="iti__dial-code">+599</span>
</li>
<li id="iti-0__item-dk" class="iti__country " tabindex="-1" role="option" data-dial-code="45" data-country-code="dk" aria-selected="false">
<div class="iti__flag iti__dk"></div><span class="iti__country-name">Danemark</span><span class="iti__dial-code">+45</span>
</li>
<li id="iti-0__item-dj" class="iti__country " tabindex="-1" role="option" data-dial-code="253" data-country-code="dj" aria-selected="false">
<div class="iti__flag iti__dj"></div><span class="iti__country-name">Djibouti</span><span class="iti__dial-code">+253</span>
</li>
<li id="iti-0__item-dm" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="dm" aria-selected="false">
<div class="iti__flag iti__dm"></div><span class="iti__country-name">Dominique</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-eg" class="iti__country " tabindex="-1" role="option" data-dial-code="20" data-country-code="eg" aria-selected="false">
<div class="iti__flag iti__eg"></div><span class="iti__country-name">Égypte</span><span class="iti__dial-code">+20</span>
</li>
<li id="iti-0__item-ae" class="iti__country " tabindex="-1" role="option" data-dial-code="971" data-country-code="ae" aria-selected="false">
<div class="iti__flag iti__ae"></div><span class="iti__country-name">Émirats arabes unis</span><span class="iti__dial-code">+971</span>
</li>
<li id="iti-0__item-ec" class="iti__country " tabindex="-1" role="option" data-dial-code="593" data-country-code="ec" aria-selected="false">
<div class="iti__flag iti__ec"></div><span class="iti__country-name">Équateur</span><span class="iti__dial-code">+593</span>
</li>
<li id="iti-0__item-er" class="iti__country " tabindex="-1" role="option" data-dial-code="291" data-country-code="er" aria-selected="false">
<div class="iti__flag iti__er"></div><span class="iti__country-name">Érythrée</span><span class="iti__dial-code">+291</span>
</li>
<li id="iti-0__item-es" class="iti__country " tabindex="-1" role="option" data-dial-code="34" data-country-code="es" aria-selected="false">
<div class="iti__flag iti__es"></div><span class="iti__country-name">Espagne</span><span class="iti__dial-code">+34</span>
</li>
<li id="iti-0__item-ee" class="iti__country " tabindex="-1" role="option" data-dial-code="372" data-country-code="ee" aria-selected="false">
<div class="iti__flag iti__ee"></div><span class="iti__country-name">Estonie</span><span class="iti__dial-code">+372</span>
</li>
<li id="iti-0__item-sz" class="iti__country " tabindex="-1" role="option" data-dial-code="268" data-country-code="sz" aria-selected="false">
<div class="iti__flag iti__sz"></div><span class="iti__country-name">Eswatini</span><span class="iti__dial-code">+268</span>
</li>
<li id="iti-0__item-va" class="iti__country " tabindex="-1" role="option" data-dial-code="39" data-country-code="va" aria-selected="false">
<div class="iti__flag iti__va"></div><span class="iti__country-name">État de la Cité du Vatican</span><span class="iti__dial-code">+39</span>
</li>
<li id="iti-0__item-fm" class="iti__country " tabindex="-1" role="option" data-dial-code="691" data-country-code="fm" aria-selected="false">
<div class="iti__flag iti__fm"></div><span class="iti__country-name">États fédérés de Micronésie</span><span class="iti__dial-code">+691</span>
</li>
<li id="iti-0__item-us" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="us" aria-selected="false">
<div class="iti__flag iti__us"></div><span class="iti__country-name">États-Unis</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-et" class="iti__country " tabindex="-1" role="option" data-dial-code="251" data-country-code="et" aria-selected="false">
<div class="iti__flag iti__et"></div><span class="iti__country-name">Éthiopie</span><span class="iti__dial-code">+251</span>
</li>
<li id="iti-0__item-fj" class="iti__country " tabindex="-1" role="option" data-dial-code="679" data-country-code="fj" aria-selected="false">
<div class="iti__flag iti__fj"></div><span class="iti__country-name">Fidji</span><span class="iti__dial-code">+679</span>
</li>
<li id="iti-0__item-fi" class="iti__country " tabindex="-1" role="option" data-dial-code="358" data-country-code="fi" aria-selected="false">
<div class="iti__flag iti__fi"></div><span class="iti__country-name">Finlande</span><span class="iti__dial-code">+358</span>
</li>
<li id="iti-0__item-fr" class="iti__country " tabindex="-1" role="option" data-dial-code="33" data-country-code="fr" aria-selected="false">
<div class="iti__flag iti__fr"></div><span class="iti__country-name">France</span><span class="iti__dial-code">+33</span>
</li>
<li id="iti-0__item-ga" class="iti__country " tabindex="-1" role="option" data-dial-code="241" data-country-code="ga" aria-selected="false">
<div class="iti__flag iti__ga"></div><span class="iti__country-name">Gabon</span><span class="iti__dial-code">+241</span>
</li>
<li id="iti-0__item-gm" class="iti__country " tabindex="-1" role="option" data-dial-code="220" data-country-code="gm" aria-selected="false">
<div class="iti__flag iti__gm"></div><span class="iti__country-name">Gambie</span><span class="iti__dial-code">+220</span>
</li>
<li id="iti-0__item-ge" class="iti__country " tabindex="-1" role="option" data-dial-code="995" data-country-code="ge" aria-selected="false">
<div class="iti__flag iti__ge"></div><span class="iti__country-name">Géorgie</span><span class="iti__dial-code">+995</span>
</li>
<li id="iti-0__item-gh" class="iti__country " tabindex="-1" role="option" data-dial-code="233" data-country-code="gh" aria-selected="false">
<div class="iti__flag iti__gh"></div><span class="iti__country-name">Ghana</span><span class="iti__dial-code">+233</span>
</li>
<li id="iti-0__item-gi" class="iti__country " tabindex="-1" role="option" data-dial-code="350" data-country-code="gi" aria-selected="false">
<div class="iti__flag iti__gi"></div><span class="iti__country-name">Gibraltar</span><span class="iti__dial-code">+350</span>
</li>
<li id="iti-0__item-gr" class="iti__country " tabindex="-1" role="option" data-dial-code="30" data-country-code="gr" aria-selected="false">
<div class="iti__flag iti__gr"></div><span class="iti__country-name">Grèce</span><span class="iti__dial-code">+30</span>
</li>
<li id="iti-0__item-gd" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="gd" aria-selected="false">
<div class="iti__flag iti__gd"></div><span class="iti__country-name">Grenade</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-gl" class="iti__country " tabindex="-1" role="option" data-dial-code="299" data-country-code="gl" aria-selected="false">
<div class="iti__flag iti__gl"></div><span class="iti__country-name">Groenland</span><span class="iti__dial-code">+299</span>
</li>
<li id="iti-0__item-gp" class="iti__country " tabindex="-1" role="option" data-dial-code="590" data-country-code="gp" aria-selected="false">
<div class="iti__flag iti__gp"></div><span class="iti__country-name">Guadeloupe</span><span class="iti__dial-code">+590</span>
</li>
<li id="iti-0__item-gu" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="gu" aria-selected="false">
<div class="iti__flag iti__gu"></div><span class="iti__country-name">Guam</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-gt" class="iti__country " tabindex="-1" role="option" data-dial-code="502" data-country-code="gt" aria-selected="false">
<div class="iti__flag iti__gt"></div><span class="iti__country-name">Guatemala</span><span class="iti__dial-code">+502</span>
</li>
<li id="iti-0__item-gg" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="gg" aria-selected="false">
<div class="iti__flag iti__gg"></div><span class="iti__country-name">Guernesey</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-0__item-gn" class="iti__country " tabindex="-1" role="option" data-dial-code="224" data-country-code="gn" aria-selected="false">
<div class="iti__flag iti__gn"></div><span class="iti__country-name">Guinée</span><span class="iti__dial-code">+224</span>
</li>
<li id="iti-0__item-gq" class="iti__country " tabindex="-1" role="option" data-dial-code="240" data-country-code="gq" aria-selected="false">
<div class="iti__flag iti__gq"></div><span class="iti__country-name">Guinée équatoriale</span><span class="iti__dial-code">+240</span>
</li>
<li id="iti-0__item-gw" class="iti__country " tabindex="-1" role="option" data-dial-code="245" data-country-code="gw" aria-selected="false">
<div class="iti__flag iti__gw"></div><span class="iti__country-name">Guinée-Bissau</span><span class="iti__dial-code">+245</span>
</li>
<li id="iti-0__item-gy" class="iti__country " tabindex="-1" role="option" data-dial-code="592" data-country-code="gy" aria-selected="false">
<div class="iti__flag iti__gy"></div><span class="iti__country-name">Guyana</span><span class="iti__dial-code">+592</span>
</li>
<li id="iti-0__item-gf" class="iti__country " tabindex="-1" role="option" data-dial-code="594" data-country-code="gf" aria-selected="false">
<div class="iti__flag iti__gf"></div><span class="iti__country-name">Guyane française</span><span class="iti__dial-code">+594</span>
</li>
<li id="iti-0__item-ht" class="iti__country " tabindex="-1" role="option" data-dial-code="509" data-country-code="ht" aria-selected="false">
<div class="iti__flag iti__ht"></div><span class="iti__country-name">Haïti</span><span class="iti__dial-code">+509</span>
</li>
<li id="iti-0__item-hn" class="iti__country " tabindex="-1" role="option" data-dial-code="504" data-country-code="hn" aria-selected="false">
<div class="iti__flag iti__hn"></div><span class="iti__country-name">Honduras</span><span class="iti__dial-code">+504</span>
</li>
<li id="iti-0__item-hu" class="iti__country " tabindex="-1" role="option" data-dial-code="36" data-country-code="hu" aria-selected="false">
<div class="iti__flag iti__hu"></div><span class="iti__country-name">Hongrie</span><span class="iti__dial-code">+36</span>
</li>
<li id="iti-0__item-cx" class="iti__country " tabindex="-1" role="option" data-dial-code="61" data-country-code="cx" aria-selected="false">
<div class="iti__flag iti__cx"></div><span class="iti__country-name">Île Christmas</span><span class="iti__dial-code">+61</span>
</li>
<li id="iti-0__item-ac" class="iti__country " tabindex="-1" role="option" data-dial-code="247" data-country-code="ac" aria-selected="false">
<div class="iti__flag iti__ac"></div><span class="iti__country-name">Île de l'Ascension</span><span class="iti__dial-code">+247</span>
</li>
<li id="iti-0__item-im" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="im" aria-selected="false">
<div class="iti__flag iti__im"></div><span class="iti__country-name">Île de Man</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-0__item-nf" class="iti__country " tabindex="-1" role="option" data-dial-code="672" data-country-code="nf" aria-selected="false">
<div class="iti__flag iti__nf"></div><span class="iti__country-name">Île Norfolk</span><span class="iti__dial-code">+672</span>
</li>
<li id="iti-0__item-ax" class="iti__country " tabindex="-1" role="option" data-dial-code="358" data-country-code="ax" aria-selected="false">
<div class="iti__flag iti__ax"></div><span class="iti__country-name">Îles Åland</span><span class="iti__dial-code">+358</span>
</li>
<li id="iti-0__item-ky" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ky" aria-selected="false">
<div class="iti__flag iti__ky"></div><span class="iti__country-name">Îles Caïmans</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-cc" class="iti__country " tabindex="-1" role="option" data-dial-code="61" data-country-code="cc" aria-selected="false">
<div class="iti__flag iti__cc"></div><span class="iti__country-name">Îles Cocos</span><span class="iti__dial-code">+61</span>
</li>
<li id="iti-0__item-ck" class="iti__country " tabindex="-1" role="option" data-dial-code="682" data-country-code="ck" aria-selected="false">
<div class="iti__flag iti__ck"></div><span class="iti__country-name">Îles Cook</span><span class="iti__dial-code">+682</span>
</li>
<li id="iti-0__item-fo" class="iti__country " tabindex="-1" role="option" data-dial-code="298" data-country-code="fo" aria-selected="false">
<div class="iti__flag iti__fo"></div><span class="iti__country-name">Îles Féroé</span><span class="iti__dial-code">+298</span>
</li>
<li id="iti-0__item-fk" class="iti__country " tabindex="-1" role="option" data-dial-code="500" data-country-code="fk" aria-selected="false">
<div class="iti__flag iti__fk"></div><span class="iti__country-name">Îles Malouines</span><span class="iti__dial-code">+500</span>
</li>
<li id="iti-0__item-mp" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="mp" aria-selected="false">
<div class="iti__flag iti__mp"></div><span class="iti__country-name">Îles Mariannes du Nord</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-mh" class="iti__country " tabindex="-1" role="option" data-dial-code="692" data-country-code="mh" aria-selected="false">
<div class="iti__flag iti__mh"></div><span class="iti__country-name">Îles Marshall</span><span class="iti__dial-code">+692</span>
</li>
<li id="iti-0__item-sb" class="iti__country " tabindex="-1" role="option" data-dial-code="677" data-country-code="sb" aria-selected="false">
<div class="iti__flag iti__sb"></div><span class="iti__country-name">Îles Salomon</span><span class="iti__dial-code">+677</span>
</li>
<li id="iti-0__item-tc" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="tc" aria-selected="false">
<div class="iti__flag iti__tc"></div><span class="iti__country-name">Îles Turques-et-Caïques</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-vg" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="vg" aria-selected="false">
<div class="iti__flag iti__vg"></div><span class="iti__country-name">Îles Vierges britanniques</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-vi" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="vi" aria-selected="false">
<div class="iti__flag iti__vi"></div><span class="iti__country-name">Îles Vierges des États-Unis</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-in" class="iti__country " tabindex="-1" role="option" data-dial-code="91" data-country-code="in" aria-selected="false">
<div class="iti__flag iti__in"></div><span class="iti__country-name">Inde</span><span class="iti__dial-code">+91</span>
</li>
<li id="iti-0__item-id" class="iti__country " tabindex="-1" role="option" data-dial-code="62" data-country-code="id" aria-selected="false">
<div class="iti__flag iti__id"></div><span class="iti__country-name">Indonésie</span><span class="iti__dial-code">+62</span>
</li>
<li id="iti-0__item-iq" class="iti__country " tabindex="-1" role="option" data-dial-code="964" data-country-code="iq" aria-selected="false">
<div class="iti__flag iti__iq"></div><span class="iti__country-name">Irak</span><span class="iti__dial-code">+964</span>
</li>
<li id="iti-0__item-ir" class="iti__country " tabindex="-1" role="option" data-dial-code="98" data-country-code="ir" aria-selected="false">
<div class="iti__flag iti__ir"></div><span class="iti__country-name">Iran</span><span class="iti__dial-code">+98</span>
</li>
<li id="iti-0__item-ie" class="iti__country " tabindex="-1" role="option" data-dial-code="353" data-country-code="ie" aria-selected="false">
<div class="iti__flag iti__ie"></div><span class="iti__country-name">Irlande</span><span class="iti__dial-code">+353</span>
</li>
<li id="iti-0__item-is" class="iti__country " tabindex="-1" role="option" data-dial-code="354" data-country-code="is" aria-selected="false">
<div class="iti__flag iti__is"></div><span class="iti__country-name">Islande</span><span class="iti__dial-code">+354</span>
</li>
<li id="iti-0__item-il" class="iti__country " tabindex="-1" role="option" data-dial-code="972" data-country-code="il" aria-selected="false">
<div class="iti__flag iti__il"></div><span class="iti__country-name">Israël</span><span class="iti__dial-code">+972</span>
</li>
<li id="iti-0__item-it" class="iti__country " tabindex="-1" role="option" data-dial-code="39" data-country-code="it" aria-selected="false">
<div class="iti__flag iti__it"></div><span class="iti__country-name">Italie</span><span class="iti__dial-code">+39</span>
</li>
<li id="iti-0__item-jm" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="jm" aria-selected="false">
<div class="iti__flag iti__jm"></div><span class="iti__country-name">Jamaïque</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-jp" class="iti__country " tabindex="-1" role="option" data-dial-code="81" data-country-code="jp" aria-selected="false">
<div class="iti__flag iti__jp"></div><span class="iti__country-name">Japon</span><span class="iti__dial-code">+81</span>
</li>
<li id="iti-0__item-je" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="je" aria-selected="false">
<div class="iti__flag iti__je"></div><span class="iti__country-name">Jersey</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-0__item-jo" class="iti__country " tabindex="-1" role="option" data-dial-code="962" data-country-code="jo" aria-selected="false">
<div class="iti__flag iti__jo"></div><span class="iti__country-name">Jordanie</span><span class="iti__dial-code">+962</span>
</li>
<li id="iti-0__item-kz" class="iti__country " tabindex="-1" role="option" data-dial-code="7" data-country-code="kz" aria-selected="false">
<div class="iti__flag iti__kz"></div><span class="iti__country-name">Kazakhstan</span><span class="iti__dial-code">+7</span>
</li>
<li id="iti-0__item-ke" class="iti__country " tabindex="-1" role="option" data-dial-code="254" data-country-code="ke" aria-selected="false">
<div class="iti__flag iti__ke"></div><span class="iti__country-name">Kenya</span><span class="iti__dial-code">+254</span>
</li>
<li id="iti-0__item-kg" class="iti__country " tabindex="-1" role="option" data-dial-code="996" data-country-code="kg" aria-selected="false">
<div class="iti__flag iti__kg"></div><span class="iti__country-name">Kirghizistan</span><span class="iti__dial-code">+996</span>
</li>
<li id="iti-0__item-ki" class="iti__country " tabindex="-1" role="option" data-dial-code="686" data-country-code="ki" aria-selected="false">
<div class="iti__flag iti__ki"></div><span class="iti__country-name">Kiribati</span><span class="iti__dial-code">+686</span>
</li>
<li id="iti-0__item-xk" class="iti__country " tabindex="-1" role="option" data-dial-code="383" data-country-code="xk" aria-selected="false">
<div class="iti__flag iti__xk"></div><span class="iti__country-name">Kosovo</span><span class="iti__dial-code">+383</span>
</li>
<li id="iti-0__item-kw" class="iti__country " tabindex="-1" role="option" data-dial-code="965" data-country-code="kw" aria-selected="false">
<div class="iti__flag iti__kw"></div><span class="iti__country-name">Koweït</span><span class="iti__dial-code">+965</span>
</li>
<li id="iti-0__item-re" class="iti__country " tabindex="-1" role="option" data-dial-code="262" data-country-code="re" aria-selected="false">
<div class="iti__flag iti__re"></div><span class="iti__country-name">La Réunion</span><span class="iti__dial-code">+262</span>
</li>
<li id="iti-0__item-la" class="iti__country " tabindex="-1" role="option" data-dial-code="856" data-country-code="la" aria-selected="false">
<div class="iti__flag iti__la"></div><span class="iti__country-name">Laos</span><span class="iti__dial-code">+856</span>
</li>
<li id="iti-0__item-ls" class="iti__country " tabindex="-1" role="option" data-dial-code="266" data-country-code="ls" aria-selected="false">
<div class="iti__flag iti__ls"></div><span class="iti__country-name">Lesotho</span><span class="iti__dial-code">+266</span>
</li>
<li id="iti-0__item-lv" class="iti__country " tabindex="-1" role="option" data-dial-code="371" data-country-code="lv" aria-selected="false">
<div class="iti__flag iti__lv"></div><span class="iti__country-name">Lettonie</span><span class="iti__dial-code">+371</span>
</li>
<li id="iti-0__item-lb" class="iti__country " tabindex="-1" role="option" data-dial-code="961" data-country-code="lb" aria-selected="false">
<div class="iti__flag iti__lb"></div><span class="iti__country-name">Liban</span><span class="iti__dial-code">+961</span>
</li>
<li id="iti-0__item-lr" class="iti__country " tabindex="-1" role="option" data-dial-code="231" data-country-code="lr" aria-selected="false">
<div class="iti__flag iti__lr"></div><span class="iti__country-name">Libéria</span><span class="iti__dial-code">+231</span>
</li>
<li id="iti-0__item-ly" class="iti__country " tabindex="-1" role="option" data-dial-code="218" data-country-code="ly" aria-selected="false">
<div class="iti__flag iti__ly"></div><span class="iti__country-name">Libye</span><span class="iti__dial-code">+218</span>
</li>
<li id="iti-0__item-li" class="iti__country " tabindex="-1" role="option" data-dial-code="423" data-country-code="li" aria-selected="false">
<div class="iti__flag iti__li"></div><span class="iti__country-name">Liechtenstein</span><span class="iti__dial-code">+423</span>
</li>
<li id="iti-0__item-lt" class="iti__country " tabindex="-1" role="option" data-dial-code="370" data-country-code="lt" aria-selected="false">
<div class="iti__flag iti__lt"></div><span class="iti__country-name">Lituanie</span><span class="iti__dial-code">+370</span>
</li>
<li id="iti-0__item-lu" class="iti__country " tabindex="-1" role="option" data-dial-code="352" data-country-code="lu" aria-selected="false">
<div class="iti__flag iti__lu"></div><span class="iti__country-name">Luxembourg</span><span class="iti__dial-code">+352</span>
</li>
<li id="iti-0__item-mk" class="iti__country " tabindex="-1" role="option" data-dial-code="389" data-country-code="mk" aria-selected="false">
<div class="iti__flag iti__mk"></div><span class="iti__country-name">Macédoine du Nord</span><span class="iti__dial-code">+389</span>
</li>
<li id="iti-0__item-mg" class="iti__country " tabindex="-1" role="option" data-dial-code="261" data-country-code="mg" aria-selected="false">
<div class="iti__flag iti__mg"></div><span class="iti__country-name">Madagascar</span><span class="iti__dial-code">+261</span>
</li>
<li id="iti-0__item-my" class="iti__country " tabindex="-1" role="option" data-dial-code="60" data-country-code="my" aria-selected="false">
<div class="iti__flag iti__my"></div><span class="iti__country-name">Malaisie</span><span class="iti__dial-code">+60</span>
</li>
<li id="iti-0__item-mw" class="iti__country " tabindex="-1" role="option" data-dial-code="265" data-country-code="mw" aria-selected="false">
<div class="iti__flag iti__mw"></div><span class="iti__country-name">Malawi</span><span class="iti__dial-code">+265</span>
</li>
<li id="iti-0__item-mv" class="iti__country " tabindex="-1" role="option" data-dial-code="960" data-country-code="mv" aria-selected="false">
<div class="iti__flag iti__mv"></div><span class="iti__country-name">Maldives</span><span class="iti__dial-code">+960</span>
</li>
<li id="iti-0__item-ml" class="iti__country " tabindex="-1" role="option" data-dial-code="223" data-country-code="ml" aria-selected="false">
<div class="iti__flag iti__ml"></div><span class="iti__country-name">Mali</span><span class="iti__dial-code">+223</span>
</li>
<li id="iti-0__item-mt" class="iti__country " tabindex="-1" role="option" data-dial-code="356" data-country-code="mt" aria-selected="false">
<div class="iti__flag iti__mt"></div><span class="iti__country-name">Malte</span><span class="iti__dial-code">+356</span>
</li>
<li id="iti-0__item-ma" class="iti__country " tabindex="-1" role="option" data-dial-code="212" data-country-code="ma" aria-selected="false">
<div class="iti__flag iti__ma"></div><span class="iti__country-name">Maroc</span><span class="iti__dial-code">+212</span>
</li>
<li id="iti-0__item-mq" class="iti__country " tabindex="-1" role="option" data-dial-code="596" data-country-code="mq" aria-selected="false">
<div class="iti__flag iti__mq"></div><span class="iti__country-name">Martinique</span><span class="iti__dial-code">+596</span>
</li>
<li id="iti-0__item-mu" class="iti__country " tabindex="-1" role="option" data-dial-code="230" data-country-code="mu" aria-selected="false">
<div class="iti__flag iti__mu"></div><span class="iti__country-name">Maurice</span><span class="iti__dial-code">+230</span>
</li>
<li id="iti-0__item-mr" class="iti__country " tabindex="-1" role="option" data-dial-code="222" data-country-code="mr" aria-selected="false">
<div class="iti__flag iti__mr"></div><span class="iti__country-name">Mauritanie</span><span class="iti__dial-code">+222</span>
</li>
<li id="iti-0__item-yt" class="iti__country " tabindex="-1" role="option" data-dial-code="262" data-country-code="yt" aria-selected="false">
<div class="iti__flag iti__yt"></div><span class="iti__country-name">Mayotte</span><span class="iti__dial-code">+262</span>
</li>
<li id="iti-0__item-mx" class="iti__country " tabindex="-1" role="option" data-dial-code="52" data-country-code="mx" aria-selected="false">
<div class="iti__flag iti__mx"></div><span class="iti__country-name">Mexique</span><span class="iti__dial-code">+52</span>
</li>
<li id="iti-0__item-md" class="iti__country " tabindex="-1" role="option" data-dial-code="373" data-country-code="md" aria-selected="false">
<div class="iti__flag iti__md"></div><span class="iti__country-name">Moldavie</span><span class="iti__dial-code">+373</span>
</li>
<li id="iti-0__item-mc" class="iti__country " tabindex="-1" role="option" data-dial-code="377" data-country-code="mc" aria-selected="false">
<div class="iti__flag iti__mc"></div><span class="iti__country-name">Monaco</span><span class="iti__dial-code">+377</span>
</li>
<li id="iti-0__item-mn" class="iti__country " tabindex="-1" role="option" data-dial-code="976" data-country-code="mn" aria-selected="false">
<div class="iti__flag iti__mn"></div><span class="iti__country-name">Mongolie</span><span class="iti__dial-code">+976</span>
</li>
<li id="iti-0__item-me" class="iti__country " tabindex="-1" role="option" data-dial-code="382" data-country-code="me" aria-selected="false">
<div class="iti__flag iti__me"></div><span class="iti__country-name">Monténégro</span><span class="iti__dial-code">+382</span>
</li>
<li id="iti-0__item-ms" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ms" aria-selected="false">
<div class="iti__flag iti__ms"></div><span class="iti__country-name">Montserrat</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-mz" class="iti__country " tabindex="-1" role="option" data-dial-code="258" data-country-code="mz" aria-selected="false">
<div class="iti__flag iti__mz"></div><span class="iti__country-name">Mozambique</span><span class="iti__dial-code">+258</span>
</li>
<li id="iti-0__item-mm" class="iti__country " tabindex="-1" role="option" data-dial-code="95" data-country-code="mm" aria-selected="false">
<div class="iti__flag iti__mm"></div><span class="iti__country-name">Myanmar (Birmanie)</span><span class="iti__dial-code">+95</span>
</li>
<li id="iti-0__item-na" class="iti__country " tabindex="-1" role="option" data-dial-code="264" data-country-code="na" aria-selected="false">
<div class="iti__flag iti__na"></div><span class="iti__country-name">Namibie</span><span class="iti__dial-code">+264</span>
</li>
<li id="iti-0__item-nr" class="iti__country " tabindex="-1" role="option" data-dial-code="674" data-country-code="nr" aria-selected="false">
<div class="iti__flag iti__nr"></div><span class="iti__country-name">Nauru</span><span class="iti__dial-code">+674</span>
</li>
<li id="iti-0__item-np" class="iti__country " tabindex="-1" role="option" data-dial-code="977" data-country-code="np" aria-selected="false">
<div class="iti__flag iti__np"></div><span class="iti__country-name">Népal</span><span class="iti__dial-code">+977</span>
</li>
<li id="iti-0__item-ni" class="iti__country " tabindex="-1" role="option" data-dial-code="505" data-country-code="ni" aria-selected="false">
<div class="iti__flag iti__ni"></div><span class="iti__country-name">Nicaragua</span><span class="iti__dial-code">+505</span>
</li>
<li id="iti-0__item-ne" class="iti__country " tabindex="-1" role="option" data-dial-code="227" data-country-code="ne" aria-selected="false">
<div class="iti__flag iti__ne"></div><span class="iti__country-name">Niger</span><span class="iti__dial-code">+227</span>
</li>
<li id="iti-0__item-ng" class="iti__country " tabindex="-1" role="option" data-dial-code="234" data-country-code="ng" aria-selected="false">
<div class="iti__flag iti__ng"></div><span class="iti__country-name">Nigéria</span><span class="iti__dial-code">+234</span>
</li>
<li id="iti-0__item-nu" class="iti__country " tabindex="-1" role="option" data-dial-code="683" data-country-code="nu" aria-selected="false">
<div class="iti__flag iti__nu"></div><span class="iti__country-name">Niue</span><span class="iti__dial-code">+683</span>
</li>
<li id="iti-0__item-no" class="iti__country " tabindex="-1" role="option" data-dial-code="47" data-country-code="no" aria-selected="false">
<div class="iti__flag iti__no"></div><span class="iti__country-name">Norvège</span><span class="iti__dial-code">+47</span>
</li>
<li id="iti-0__item-nc" class="iti__country " tabindex="-1" role="option" data-dial-code="687" data-country-code="nc" aria-selected="false">
<div class="iti__flag iti__nc"></div><span class="iti__country-name">Nouvelle-Calédonie</span><span class="iti__dial-code">+687</span>
</li>
<li id="iti-0__item-nz" class="iti__country " tabindex="-1" role="option" data-dial-code="64" data-country-code="nz" aria-selected="false">
<div class="iti__flag iti__nz"></div><span class="iti__country-name">Nouvelle-Zélande</span><span class="iti__dial-code">+64</span>
</li>
<li id="iti-0__item-om" class="iti__country " tabindex="-1" role="option" data-dial-code="968" data-country-code="om" aria-selected="false">
<div class="iti__flag iti__om"></div><span class="iti__country-name">Oman</span><span class="iti__dial-code">+968</span>
</li>
<li id="iti-0__item-ug" class="iti__country " tabindex="-1" role="option" data-dial-code="256" data-country-code="ug" aria-selected="false">
<div class="iti__flag iti__ug"></div><span class="iti__country-name">Ouganda</span><span class="iti__dial-code">+256</span>
</li>
<li id="iti-0__item-uz" class="iti__country " tabindex="-1" role="option" data-dial-code="998" data-country-code="uz" aria-selected="false">
<div class="iti__flag iti__uz"></div><span class="iti__country-name">Ouzbékistan</span><span class="iti__dial-code">+998</span>
</li>
<li id="iti-0__item-pk" class="iti__country " tabindex="-1" role="option" data-dial-code="92" data-country-code="pk" aria-selected="false">
<div class="iti__flag iti__pk"></div><span class="iti__country-name">Pakistan</span><span class="iti__dial-code">+92</span>
</li>
<li id="iti-0__item-pw" class="iti__country " tabindex="-1" role="option" data-dial-code="680" data-country-code="pw" aria-selected="false">
<div class="iti__flag iti__pw"></div><span class="iti__country-name">Palaos</span><span class="iti__dial-code">+680</span>
</li>
<li id="iti-0__item-pa" class="iti__country " tabindex="-1" role="option" data-dial-code="507" data-country-code="pa" aria-selected="false">
<div class="iti__flag iti__pa"></div><span class="iti__country-name">Panama</span><span class="iti__dial-code">+507</span>
</li>
<li id="iti-0__item-pg" class="iti__country " tabindex="-1" role="option" data-dial-code="675" data-country-code="pg" aria-selected="false">
<div class="iti__flag iti__pg"></div><span class="iti__country-name">Papouasie-Nouvelle-Guinée</span><span class="iti__dial-code">+675</span>
</li>
<li id="iti-0__item-py" class="iti__country " tabindex="-1" role="option" data-dial-code="595" data-country-code="py" aria-selected="false">
<div class="iti__flag iti__py"></div><span class="iti__country-name">Paraguay</span><span class="iti__dial-code">+595</span>
</li>
<li id="iti-0__item-nl" class="iti__country " tabindex="-1" role="option" data-dial-code="31" data-country-code="nl" aria-selected="false">
<div class="iti__flag iti__nl"></div><span class="iti__country-name">Pays-Bas</span><span class="iti__dial-code">+31</span>
</li>
<li id="iti-0__item-bq" class="iti__country " tabindex="-1" role="option" data-dial-code="599" data-country-code="bq" aria-selected="false">
<div class="iti__flag iti__bq"></div><span class="iti__country-name">Pays-Bas caribéens</span><span class="iti__dial-code">+599</span>
</li>
<li id="iti-0__item-pe" class="iti__country " tabindex="-1" role="option" data-dial-code="51" data-country-code="pe" aria-selected="false">
<div class="iti__flag iti__pe"></div><span class="iti__country-name">Pérou</span><span class="iti__dial-code">+51</span>
</li>
<li id="iti-0__item-ph" class="iti__country " tabindex="-1" role="option" data-dial-code="63" data-country-code="ph" aria-selected="false">
<div class="iti__flag iti__ph"></div><span class="iti__country-name">Philippines</span><span class="iti__dial-code">+63</span>
</li>
<li id="iti-0__item-pl" class="iti__country " tabindex="-1" role="option" data-dial-code="48" data-country-code="pl" aria-selected="false">
<div class="iti__flag iti__pl"></div><span class="iti__country-name">Pologne</span><span class="iti__dial-code">+48</span>
</li>
<li id="iti-0__item-pf" class="iti__country " tabindex="-1" role="option" data-dial-code="689" data-country-code="pf" aria-selected="false">
<div class="iti__flag iti__pf"></div><span class="iti__country-name">Polynésie française</span><span class="iti__dial-code">+689</span>
</li>
<li id="iti-0__item-pr" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="pr" aria-selected="false">
<div class="iti__flag iti__pr"></div><span class="iti__country-name">Porto Rico</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-pt" class="iti__country " tabindex="-1" role="option" data-dial-code="351" data-country-code="pt" aria-selected="false">
<div class="iti__flag iti__pt"></div><span class="iti__country-name">Portugal</span><span class="iti__dial-code">+351</span>
</li>
<li id="iti-0__item-qa" class="iti__country " tabindex="-1" role="option" data-dial-code="974" data-country-code="qa" aria-selected="false">
<div class="iti__flag iti__qa"></div><span class="iti__country-name">Qatar</span><span class="iti__dial-code">+974</span>
</li>
<li id="iti-0__item-hk" class="iti__country " tabindex="-1" role="option" data-dial-code="852" data-country-code="hk" aria-selected="false">
<div class="iti__flag iti__hk"></div><span class="iti__country-name">R.A.S. chinoise de Hong Kong</span><span class="iti__dial-code">+852</span>
</li>
<li id="iti-0__item-mo" class="iti__country " tabindex="-1" role="option" data-dial-code="853" data-country-code="mo" aria-selected="false">
<div class="iti__flag iti__mo"></div><span class="iti__country-name">R.A.S. chinoise de Macao</span><span class="iti__dial-code">+853</span>
</li>
<li id="iti-0__item-cf" class="iti__country " tabindex="-1" role="option" data-dial-code="236" data-country-code="cf" aria-selected="false">
<div class="iti__flag iti__cf"></div><span class="iti__country-name">République centrafricaine</span><span class="iti__dial-code">+236</span>
</li>
<li id="iti-0__item-do" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="do" aria-selected="false">
<div class="iti__flag iti__do"></div><span class="iti__country-name">République dominicaine</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-ro" class="iti__country " tabindex="-1" role="option" data-dial-code="40" data-country-code="ro" aria-selected="false">
<div class="iti__flag iti__ro"></div><span class="iti__country-name">Roumanie</span><span class="iti__dial-code">+40</span>
</li>
<li id="iti-0__item-gb" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false">
<div class="iti__flag iti__gb"></div><span class="iti__country-name">Royaume-Uni</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-0__item-ru" class="iti__country " tabindex="-1" role="option" data-dial-code="7" data-country-code="ru" aria-selected="false">
<div class="iti__flag iti__ru"></div><span class="iti__country-name">Russie</span><span class="iti__dial-code">+7</span>
</li>
<li id="iti-0__item-rw" class="iti__country " tabindex="-1" role="option" data-dial-code="250" data-country-code="rw" aria-selected="false">
<div class="iti__flag iti__rw"></div><span class="iti__country-name">Rwanda</span><span class="iti__dial-code">+250</span>
</li>
<li id="iti-0__item-eh" class="iti__country " tabindex="-1" role="option" data-dial-code="212" data-country-code="eh" aria-selected="false">
<div class="iti__flag iti__eh"></div><span class="iti__country-name">Sahara occidental</span><span class="iti__dial-code">+212</span>
</li>
<li id="iti-0__item-bl" class="iti__country " tabindex="-1" role="option" data-dial-code="590" data-country-code="bl" aria-selected="false">
<div class="iti__flag iti__bl"></div><span class="iti__country-name">Saint-Barthélemy</span><span class="iti__dial-code">+590</span>
</li>
<li id="iti-0__item-kn" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="kn" aria-selected="false">
<div class="iti__flag iti__kn"></div><span class="iti__country-name">Saint-Christophe-et-Niévès</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-sm" class="iti__country " tabindex="-1" role="option" data-dial-code="378" data-country-code="sm" aria-selected="false">
<div class="iti__flag iti__sm"></div><span class="iti__country-name">Saint-Marin</span><span class="iti__dial-code">+378</span>
</li>
<li id="iti-0__item-mf" class="iti__country " tabindex="-1" role="option" data-dial-code="590" data-country-code="mf" aria-selected="false">
<div class="iti__flag iti__mf"></div><span class="iti__country-name">Saint-Martin</span><span class="iti__dial-code">+590</span>
</li>
<li id="iti-0__item-sx" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="sx" aria-selected="false">
<div class="iti__flag iti__sx"></div><span class="iti__country-name">Saint-Martin (partie néerlandaise)</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-pm" class="iti__country " tabindex="-1" role="option" data-dial-code="508" data-country-code="pm" aria-selected="false">
<div class="iti__flag iti__pm"></div><span class="iti__country-name">Saint-Pierre-et-Miquelon</span><span class="iti__dial-code">+508</span>
</li>
<li id="iti-0__item-vc" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="vc" aria-selected="false">
<div class="iti__flag iti__vc"></div><span class="iti__country-name">Saint-Vincent-et-les-Grenadines</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-sh" class="iti__country " tabindex="-1" role="option" data-dial-code="290" data-country-code="sh" aria-selected="false">
<div class="iti__flag iti__sh"></div><span class="iti__country-name">Sainte-Hélène</span><span class="iti__dial-code">+290</span>
</li>
<li id="iti-0__item-lc" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="lc" aria-selected="false">
<div class="iti__flag iti__lc"></div><span class="iti__country-name">Sainte-Lucie</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-sv" class="iti__country " tabindex="-1" role="option" data-dial-code="503" data-country-code="sv" aria-selected="false">
<div class="iti__flag iti__sv"></div><span class="iti__country-name">Salvador</span><span class="iti__dial-code">+503</span>
</li>
<li id="iti-0__item-ws" class="iti__country " tabindex="-1" role="option" data-dial-code="685" data-country-code="ws" aria-selected="false">
<div class="iti__flag iti__ws"></div><span class="iti__country-name">Samoa</span><span class="iti__dial-code">+685</span>
</li>
<li id="iti-0__item-as" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="as" aria-selected="false">
<div class="iti__flag iti__as"></div><span class="iti__country-name">Samoa américaines</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-st" class="iti__country " tabindex="-1" role="option" data-dial-code="239" data-country-code="st" aria-selected="false">
<div class="iti__flag iti__st"></div><span class="iti__country-name">Sao Tomé-et-Principe</span><span class="iti__dial-code">+239</span>
</li>
<li id="iti-0__item-sn" class="iti__country " tabindex="-1" role="option" data-dial-code="221" data-country-code="sn" aria-selected="false">
<div class="iti__flag iti__sn"></div><span class="iti__country-name">Sénégal</span><span class="iti__dial-code">+221</span>
</li>
<li id="iti-0__item-rs" class="iti__country " tabindex="-1" role="option" data-dial-code="381" data-country-code="rs" aria-selected="false">
<div class="iti__flag iti__rs"></div><span class="iti__country-name">Serbie</span><span class="iti__dial-code">+381</span>
</li>
<li id="iti-0__item-sc" class="iti__country " tabindex="-1" role="option" data-dial-code="248" data-country-code="sc" aria-selected="false">
<div class="iti__flag iti__sc"></div><span class="iti__country-name">Seychelles</span><span class="iti__dial-code">+248</span>
</li>
<li id="iti-0__item-sl" class="iti__country " tabindex="-1" role="option" data-dial-code="232" data-country-code="sl" aria-selected="false">
<div class="iti__flag iti__sl"></div><span class="iti__country-name">Sierra Leone</span><span class="iti__dial-code">+232</span>
</li>
<li id="iti-0__item-sg" class="iti__country " tabindex="-1" role="option" data-dial-code="65" data-country-code="sg" aria-selected="false">
<div class="iti__flag iti__sg"></div><span class="iti__country-name">Singapour</span><span class="iti__dial-code">+65</span>
</li>
<li id="iti-0__item-sk" class="iti__country " tabindex="-1" role="option" data-dial-code="421" data-country-code="sk" aria-selected="false">
<div class="iti__flag iti__sk"></div><span class="iti__country-name">Slovaquie</span><span class="iti__dial-code">+421</span>
</li>
<li id="iti-0__item-si" class="iti__country " tabindex="-1" role="option" data-dial-code="386" data-country-code="si" aria-selected="false">
<div class="iti__flag iti__si"></div><span class="iti__country-name">Slovénie</span><span class="iti__dial-code">+386</span>
</li>
<li id="iti-0__item-so" class="iti__country " tabindex="-1" role="option" data-dial-code="252" data-country-code="so" aria-selected="false">
<div class="iti__flag iti__so"></div><span class="iti__country-name">Somalie</span><span class="iti__dial-code">+252</span>
</li>
<li id="iti-0__item-sd" class="iti__country " tabindex="-1" role="option" data-dial-code="249" data-country-code="sd" aria-selected="false">
<div class="iti__flag iti__sd"></div><span class="iti__country-name">Soudan</span><span class="iti__dial-code">+249</span>
</li>
<li id="iti-0__item-ss" class="iti__country " tabindex="-1" role="option" data-dial-code="211" data-country-code="ss" aria-selected="false">
<div class="iti__flag iti__ss"></div><span class="iti__country-name">Soudan du Sud</span><span class="iti__dial-code">+211</span>
</li>
<li id="iti-0__item-lk" class="iti__country " tabindex="-1" role="option" data-dial-code="94" data-country-code="lk" aria-selected="false">
<div class="iti__flag iti__lk"></div><span class="iti__country-name">Sri Lanka</span><span class="iti__dial-code">+94</span>
</li>
<li id="iti-0__item-se" class="iti__country " tabindex="-1" role="option" data-dial-code="46" data-country-code="se" aria-selected="false">
<div class="iti__flag iti__se"></div><span class="iti__country-name">Suède</span><span class="iti__dial-code">+46</span>
</li>
<li id="iti-0__item-ch" class="iti__country " tabindex="-1" role="option" data-dial-code="41" data-country-code="ch" aria-selected="false">
<div class="iti__flag iti__ch"></div><span class="iti__country-name">Suisse</span><span class="iti__dial-code">+41</span>
</li>
<li id="iti-0__item-sr" class="iti__country " tabindex="-1" role="option" data-dial-code="597" data-country-code="sr" aria-selected="false">
<div class="iti__flag iti__sr"></div><span class="iti__country-name">Suriname</span><span class="iti__dial-code">+597</span>
</li>
<li id="iti-0__item-sj" class="iti__country " tabindex="-1" role="option" data-dial-code="47" data-country-code="sj" aria-selected="false">
<div class="iti__flag iti__sj"></div><span class="iti__country-name">Svalbard et Jan Mayen</span><span class="iti__dial-code">+47</span>
</li>
<li id="iti-0__item-sy" class="iti__country " tabindex="-1" role="option" data-dial-code="963" data-country-code="sy" aria-selected="false">
<div class="iti__flag iti__sy"></div><span class="iti__country-name">Syrie</span><span class="iti__dial-code">+963</span>
</li>
<li id="iti-0__item-tj" class="iti__country " tabindex="-1" role="option" data-dial-code="992" data-country-code="tj" aria-selected="false">
<div class="iti__flag iti__tj"></div><span class="iti__country-name">Tadjikistan</span><span class="iti__dial-code">+992</span>
</li>
<li id="iti-0__item-tw" class="iti__country " tabindex="-1" role="option" data-dial-code="886" data-country-code="tw" aria-selected="false">
<div class="iti__flag iti__tw"></div><span class="iti__country-name">Taïwan</span><span class="iti__dial-code">+886</span>
</li>
<li id="iti-0__item-tz" class="iti__country " tabindex="-1" role="option" data-dial-code="255" data-country-code="tz" aria-selected="false">
<div class="iti__flag iti__tz"></div><span class="iti__country-name">Tanzanie</span><span class="iti__dial-code">+255</span>
</li>
<li id="iti-0__item-td" class="iti__country " tabindex="-1" role="option" data-dial-code="235" data-country-code="td" aria-selected="false">
<div class="iti__flag iti__td"></div><span class="iti__country-name">Tchad</span><span class="iti__dial-code">+235</span>
</li>
<li id="iti-0__item-cz" class="iti__country " tabindex="-1" role="option" data-dial-code="420" data-country-code="cz" aria-selected="false">
<div class="iti__flag iti__cz"></div><span class="iti__country-name">Tchéquie</span><span class="iti__dial-code">+420</span>
</li>
<li id="iti-0__item-io" class="iti__country " tabindex="-1" role="option" data-dial-code="246" data-country-code="io" aria-selected="false">
<div class="iti__flag iti__io"></div><span class="iti__country-name">Territoire britannique de l’océan Indien</span><span class="iti__dial-code">+246</span>
</li>
<li id="iti-0__item-ps" class="iti__country " tabindex="-1" role="option" data-dial-code="970" data-country-code="ps" aria-selected="false">
<div class="iti__flag iti__ps"></div><span class="iti__country-name">Territoires palestiniens</span><span class="iti__dial-code">+970</span>
</li>
<li id="iti-0__item-th" class="iti__country " tabindex="-1" role="option" data-dial-code="66" data-country-code="th" aria-selected="false">
<div class="iti__flag iti__th"></div><span class="iti__country-name">Thaïlande</span><span class="iti__dial-code">+66</span>
</li>
<li id="iti-0__item-tl" class="iti__country " tabindex="-1" role="option" data-dial-code="670" data-country-code="tl" aria-selected="false">
<div class="iti__flag iti__tl"></div><span class="iti__country-name">Timor oriental</span><span class="iti__dial-code">+670</span>
</li>
<li id="iti-0__item-tg" class="iti__country " tabindex="-1" role="option" data-dial-code="228" data-country-code="tg" aria-selected="false">
<div class="iti__flag iti__tg"></div><span class="iti__country-name">Togo</span><span class="iti__dial-code">+228</span>
</li>
<li id="iti-0__item-tk" class="iti__country " tabindex="-1" role="option" data-dial-code="690" data-country-code="tk" aria-selected="false">
<div class="iti__flag iti__tk"></div><span class="iti__country-name">Tokelau</span><span class="iti__dial-code">+690</span>
</li>
<li id="iti-0__item-to" class="iti__country " tabindex="-1" role="option" data-dial-code="676" data-country-code="to" aria-selected="false">
<div class="iti__flag iti__to"></div><span class="iti__country-name">Tonga</span><span class="iti__dial-code">+676</span>
</li>
<li id="iti-0__item-tt" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="tt" aria-selected="false">
<div class="iti__flag iti__tt"></div><span class="iti__country-name">Trinité-et-Tobago</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-0__item-tn" class="iti__country " tabindex="-1" role="option" data-dial-code="216" data-country-code="tn" aria-selected="false">
<div class="iti__flag iti__tn"></div><span class="iti__country-name">Tunisie</span><span class="iti__dial-code">+216</span>
</li>
<li id="iti-0__item-tm" class="iti__country " tabindex="-1" role="option" data-dial-code="993" data-country-code="tm" aria-selected="false">
<div class="iti__flag iti__tm"></div><span class="iti__country-name">Turkménistan</span><span class="iti__dial-code">+993</span>
</li>
<li id="iti-0__item-tr" class="iti__country " tabindex="-1" role="option" data-dial-code="90" data-country-code="tr" aria-selected="false">
<div class="iti__flag iti__tr"></div><span class="iti__country-name">Turquie</span><span class="iti__dial-code">+90</span>
</li>
<li id="iti-0__item-tv" class="iti__country " tabindex="-1" role="option" data-dial-code="688" data-country-code="tv" aria-selected="false">
<div class="iti__flag iti__tv"></div><span class="iti__country-name">Tuvalu</span><span class="iti__dial-code">+688</span>
</li>
<li id="iti-0__item-ua" class="iti__country " tabindex="-1" role="option" data-dial-code="380" data-country-code="ua" aria-selected="false">
<div class="iti__flag iti__ua"></div><span class="iti__country-name">Ukraine</span><span class="iti__dial-code">+380</span>
</li>
<li id="iti-0__item-uy" class="iti__country " tabindex="-1" role="option" data-dial-code="598" data-country-code="uy" aria-selected="false">
<div class="iti__flag iti__uy"></div><span class="iti__country-name">Uruguay</span><span class="iti__dial-code">+598</span>
</li>
<li id="iti-0__item-vu" class="iti__country " tabindex="-1" role="option" data-dial-code="678" data-country-code="vu" aria-selected="false">
<div class="iti__flag iti__vu"></div><span class="iti__country-name">Vanuatu</span><span class="iti__dial-code">+678</span>
</li>
<li id="iti-0__item-ve" class="iti__country " tabindex="-1" role="option" data-dial-code="58" data-country-code="ve" aria-selected="false">
<div class="iti__flag iti__ve"></div><span class="iti__country-name">Venezuela</span><span class="iti__dial-code">+58</span>
</li>
<li id="iti-0__item-vn" class="iti__country " tabindex="-1" role="option" data-dial-code="84" data-country-code="vn" aria-selected="false">
<div class="iti__flag iti__vn"></div><span class="iti__country-name">Vietnam</span><span class="iti__dial-code">+84</span>
</li>
<li id="iti-0__item-wf" class="iti__country " tabindex="-1" role="option" data-dial-code="681" data-country-code="wf" aria-selected="false">
<div class="iti__flag iti__wf"></div><span class="iti__country-name">Wallis-et-Futuna</span><span class="iti__dial-code">+681</span>
</li>
<li id="iti-0__item-ye" class="iti__country " tabindex="-1" role="option" data-dial-code="967" data-country-code="ye" aria-selected="false">
<div class="iti__flag iti__ye"></div><span class="iti__country-name">Yémen</span><span class="iti__dial-code">+967</span>
</li>
<li id="iti-0__item-zm" class="iti__country " tabindex="-1" role="option" data-dial-code="260" data-country-code="zm" aria-selected="false">
<div class="iti__flag iti__zm"></div><span class="iti__country-name">Zambie</span><span class="iti__dial-code">+260</span>
</li>
<li id="iti-0__item-zw" class="iti__country " tabindex="-1" role="option" data-dial-code="263" data-country-code="zw" aria-selected="false">
<div class="iti__flag iti__zw"></div><span class="iti__country-name">Zimbabwe</span><span class="iti__dial-code">+263</span>
</li>
</ul>
</div>
</div><input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3 iti__tel-input"
x-ref="input" id="data.phone" type="tel" autocomplete="off" data-intl-tel-input-id="0" style="padding-left: 48px;" placeholder="06 12 34 56 78">
</div>
</div>
</div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.organization_email.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.organization_email">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> E-mail de la structure<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.organization_email" placeholder="Optionnel" type="email" wire:model="data.organization_email">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.activity_sector.Filament\Forms\Components\Select">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.activity_sector">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Secteur d'activités<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]-->
<div class="hidden" x-data="{
isDisabled: false,
init: function () {
const container = $el.nextElementSibling
container.dispatchEvent(
new CustomEvent('set-select-property', {
detail: { isDisabled: this.isDisabled },
}),
)
},
}" data-has-alpine-state="true"></div>
<div ax-load="" ax-load-src="https://pasea-entreprises.com/js/filament/forms/components/select.js?v=3.2.121.0" x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: false,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('data.activity_sector')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('data.activity_sector')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('data.activity_sector')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('data.activity_sector', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: true,
livewireId: 'LmLvqSX4zngEyKf8SiWQ',
hasDynamicOptions: false,
hasDynamicSearchResults: false,
loadingMessage: 'En chargement...',
maxItems: null,
maxItemsMessage: 'Uniquement peuvent \u00eatre s\u00e9lectionn\u00e9s.',
noSearchResultsMessage: 'Aucune option ne correspond \u00e0 votre recherche.',
options: JSON.parse('[{\u0022label\u0022:\u0022Hydraulique\u0022,\u0022value\u0022:\u0022hydraulique\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022Assainissement\u0022,\u0022value\u0022:\u0022assainissement\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022\\u00c9tude du secteur de l\\u0027eau et\\\/ou assainissement\u0022,\u0022value\u0022:\u0022etude_eau\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022Fourniture d\\u0027eau et d\\u0027assainissement\u0022,\u0022value\u0022:\u0022fourniture\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022Autres\u0022,\u0022value\u0022:\u0022autres\u0022,\u0022disabled\u0022:false}]'),
optionsLimit: 50,
placeholder: 'S\u00e9lectionnez une option',
position: null,
searchDebounce: 1000,
searchingMessage: 'En recherche...',
searchPrompt: 'Commencez \u00e0 taper pour rechercher...',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('data.activity_sector', false),
statePath: 'data.activity_sector',
})" wire:ignore="" x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()" x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()" class="">
<div class="choices" data-type="select-one" tabindex="0" role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-expanded="false">
<div class="choices__inner"><select x-ref="input" class="h-9 w-full rounded-lg border-none bg-transparent !bg-none choices__input" id="data.activity_sector" hidden="" tabindex="-1" data-choice="active"></select>
<div class="choices__list choices__list--single">
<div class="choices__placeholder choices__item">Sélectionnez une option</div>
</div>
</div>
<div class="choices__list choices__list--dropdown" aria-expanded="false"><input type="search" name="search_terms" class="choices__input choices__input--cloned" autocomplete="off" autocapitalize="off"
spellcheck="false" role="textbox" aria-autocomplete="list" aria-label="Sélectionnez une option" placeholder="Commencez à taper pour rechercher...">
<div class="choices__list" role="listbox">
<div id="choices--dataactivity_sector-item-choice-1" class="choices__item choices__item--choice choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="hydraulique"
data-select-text="" data-choice-selectable="" aria-selected="true">Hydraulique</div>
<div id="choices--dataactivity_sector-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="assainissement"
data-select-text="" data-choice-selectable="">Assainissement</div>
<div id="choices--dataactivity_sector-item-choice-3" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="3" data-value="etude_eau" data-select-text=""
data-choice-selectable="">Étude du secteur de l'eau et/ou assainissement</div>
<div id="choices--dataactivity_sector-item-choice-4" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="4" data-value="fourniture" data-select-text=""
data-choice-selectable="">Fourniture d'eau et d'assainissement</div>
<div id="choices--dataactivity_sector-item-choice-5" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="5" data-value="autres" data-select-text=""
data-choice-selectable="">Autres</div>
</div>
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.experience_years.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.experience_years">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Années d'expérience<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.experience_years" inputmode="decimal" step="any" type="number" wire:model="data.experience_years">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.turnover.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.turnover">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Votre chiffre d'affaires<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]-->
<div class="items-center gap-x-3 ps-3 flex border-e border-gray-200 pe-3 ps-3 dark:border-white/10">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <span class="fi-input-wrp-label whitespace-nowrap text-sm text-gray-500 dark:text-gray-400"> $ </span>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.turnover" inputmode="decimal" step="any" type="number" wire:model="data.turnover">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_mode.Filament\Forms\Components\Select">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.participation_mode">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Mode de participation<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]-->
<div class="hidden" x-data="{
isDisabled: false,
init: function () {
const container = $el.nextElementSibling
container.dispatchEvent(
new CustomEvent('set-select-property', {
detail: { isDisabled: this.isDisabled },
}),
)
},
}" data-has-alpine-state="true"></div>
<div ax-load="" ax-load-src="https://pasea-entreprises.com/js/filament/forms/components/select.js?v=3.2.121.0" x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: false,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('data.participation_mode')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('data.participation_mode')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('data.participation_mode')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('data.participation_mode', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: false,
livewireId: 'LmLvqSX4zngEyKf8SiWQ',
hasDynamicOptions: false,
hasDynamicSearchResults: false,
loadingMessage: 'En chargement...',
maxItems: null,
maxItemsMessage: 'Uniquement peuvent \u00eatre s\u00e9lectionn\u00e9s.',
noSearchResultsMessage: 'Aucune option ne correspond \u00e0 votre recherche.',
options: JSON.parse('[{\u0022label\u0022:\u0022Pr\\u00e9sentiel\u0022,\u0022value\u0022:\u0022in_person\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022En ligne\u0022,\u0022value\u0022:\u0022online\u0022,\u0022disabled\u0022:false}]'),
optionsLimit: 50,
placeholder: 'S\u00e9lectionnez une option',
position: null,
searchDebounce: 1000,
searchingMessage: 'En recherche...',
searchPrompt: 'Commencez \u00e0 taper pour rechercher...',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('data.participation_mode', false),
statePath: 'data.participation_mode',
})" wire:ignore="" x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()" x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()" class="">
<div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true" aria-expanded="false">
<div class="choices__inner"><select x-ref="input" class="h-9 w-full rounded-lg border-none bg-transparent !bg-none choices__input" id="data.participation_mode" hidden="" tabindex="-1" data-choice="active"></select>
<div class="choices__list choices__list--single">
<div class="choices__placeholder choices__item">Sélectionnez une option</div>
</div>
</div>
<div class="choices__list choices__list--dropdown" aria-expanded="false">
<div class="choices__list" role="listbox">
<div id="choices--dataparticipation_mode-item-choice-1" class="choices__item choices__item--choice choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="in_person"
data-select-text="" data-choice-selectable="" aria-selected="true">Présentiel</div>
<div id="choices--dataparticipation_mode-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="online" data-select-text=""
data-choice-selectable="">En ligne</div>
</div>
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.documents.Filament\Forms\Components\FileUpload">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.documents">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Documents de l'organisation<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div ax-load="" ax-load-src="https://pasea-entreprises.com/js/filament/forms/components/file-upload.js?v=3.2.121.0" x-data="fileUploadFormComponent({
acceptedFileTypes: JSON.parse('[\u0022application\\\/pdf\u0022,\u0022image\\\/*\u0022]'),
imageEditorEmptyFillColor: null,
imageEditorMode: 1,
imageEditorViewportHeight: null,
imageEditorViewportWidth: null,
deleteUploadedFileUsing: async (fileKey) => {
return await $wire.deleteUploadedFile('data.documents', fileKey)
},
getUploadedFilesUsing: async () => {
return await $wire.getFormUploadedFiles('data.documents')
},
hasImageEditor: false,
hasCircleCropper: false,
canEditSvgs: true,
isSvgEditingConfirmed: false,
confirmSvgEditingMessage: 'La modification des fichiers SVG n\u0027est pas recommand\u00e9e car elle peut entra\u00eener une perte de qualit\u00e9 lors de la mise \u00e0 l\u0027\u00e9chelle.\\n \u00cates-vous s\u00fbr de vouloir continuer ?',
disabledSvgEditingMessage: 'La modification des fichiers SVG est d\u00e9sactiv\u00e9e car elle peut entra\u00eener une perte de qualit\u00e9 lors de la mise \u00e0 l\u0027\u00e9chelle.',
imageCropAspectRatio: null,
imagePreviewHeight: null,
imageResizeMode: null,
imageResizeTargetHeight: null,
imageResizeTargetWidth: null,
imageResizeUpscale: true,
isAvatar: false,
isDeletable: true,
isDisabled: false,
isDownloadable: false,
isMultiple: true,
isOpenable: false,
isPreviewable: true,
isReorderable: false,
itemPanelAspectRatio: null,
loadingIndicatorPosition: 'right',
locale: 'fr',
panelAspectRatio: null,
panelLayout: 'compact',
placeholder: null,
maxFiles: 4,
maxSize: null,
minSize: null,
removeUploadedFileUsing: async (fileKey) => {
return await $wire.removeFormUploadedFile('data.documents', fileKey)
},
removeUploadedFileButtonPosition: 'left',
reorderUploadedFilesUsing: async (files) => {
return await $wire.reorderFormUploadedFiles('data.documents', files)
},
shouldAppendFiles: false,
shouldOrientImageFromExif: true,
shouldTransformImage: false,
state: $wire.$entangle('data.documents', false),
uploadButtonPosition: 'right',
uploadingMessage: 'Chargement du fichier...',
uploadProgressIndicatorPosition: 'right',
uploadUsing: (fileKey, file, success, error, progress) => {
$wire.upload(
`data.documents.${fileKey}`,
file,
() => {
success(fileKey)
},
error,
(progressEvent) => {
progress(true, progressEvent.detail.progress, 100)
},
)
},
})" wire:ignore="" class="fi-fo-file-upload flex flex-col gap-y-2 [&_.filepond--root]:font-sans items-start" id="data.documents">
<div class="h-full w-full">
<div class="filepond--root filepond--hopper" data-style-panel-layout="compact" data-style-button-remove-item-position="left" data-style-button-process-item-position="right" data-style-load-indicator-position="right"
data-style-progress-indicator-position="right" data-style-button-remove-item-align="false" data-style-image-edit-button-edit-item-position="bottom center" style="height: 76px;"><input class="filepond--browser" type="file"
id="filepond--browser-h8m0brj6h" name="filepond" aria-controls="filepond--assistant-h8m0brj6h" aria-labelledby="filepond--drop-label-h8m0brj6h" accept="application/pdf,image/*" multiple="">
<div class="filepond--drop-label" style="transform: translate3d(0px, 0px, 0px); opacity: 1;"><label for="filepond--browser-h8m0brj6h" id="filepond--drop-label-h8m0brj6h">Faites glisser vos fichiers ou <span
class="filepond--label-action" tabindex="0"> Parcourir </span></label></div>
<div class="filepond--list-scroller" style="transform: translate3d(0px, 76px, 0px);">
<ul class="filepond--list" role="list"></ul>
</div>
<div class="filepond--panel filepond--panel-root" data-scalable="true">
<div class="filepond--panel-top filepond--panel-root"></div>
<div class="filepond--panel-center filepond--panel-root" style="transform: translate3d(0px, 8px, 0px) scale3d(1, 0.6, 1);"></div>
<div class="filepond--panel-bottom filepond--panel-root" style="transform: translate3d(0px, 68px, 0px);"></div>
</div><span class="filepond--assistant" id="filepond--assistant-h8m0brj6h" role="status" aria-live="polite" aria-relevant="additions"></span>
<fieldset class="filepond--data"></fieldset>
<div class="filepond--drip"></div>
</div>
</div>
<div x-show="error" x-text="error" class="text-sm text-danger-600 dark:text-danger-400" style="display: none;"></div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="fi-fo-field-wrp-helper-text break-words text-sm text-gray-500"> Téléchargez vos documents (RCCM, IDNAT, Numéro d'impôt, Preuve de paiement des taxes) </div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div x-bind:tabindex="$el.querySelector('[autofocus]') ? '-1' : '0'" x-bind:class="{
'fi-active p-6': step === 'informations-personnelles',
'invisible absolute h-0 overflow-hidden p-0': step !== 'informations-personnelles',
}" x-on:expand="
if (! isStepAccessible('informations-personnelles')) {
return
}
step = 'informations-personnelles' " x-ref="step-informations-personnelles" class="fi-fo-wizard-step outline-none invisible absolute h-0 overflow-hidden p-0" aria-labelledby="informations-personnelles" id="informations-personnelles"
role="tabpanel" tabindex="0">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.first_name.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.first_name">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Prénom<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.first_name" type="text" wire:model="data.first_name">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.last_name.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.last_name">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Nom<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.last_name" type="text" wire:model="data.last_name">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.gender.Filament\Forms\Components\Select">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.gender">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Genre<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]-->
<div class="hidden" x-data="{
isDisabled: false,
init: function () {
const container = $el.nextElementSibling
container.dispatchEvent(
new CustomEvent('set-select-property', {
detail: { isDisabled: this.isDisabled },
}),
)
},
}" data-has-alpine-state="true"></div>
<div ax-load="" ax-load-src="https://pasea-entreprises.com/js/filament/forms/components/select.js?v=3.2.121.0" x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: false,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('data.gender')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('data.gender')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('data.gender')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('data.gender', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: false,
livewireId: 'LmLvqSX4zngEyKf8SiWQ',
hasDynamicOptions: false,
hasDynamicSearchResults: false,
loadingMessage: 'En chargement...',
maxItems: null,
maxItemsMessage: 'Uniquement peuvent \u00eatre s\u00e9lectionn\u00e9s.',
noSearchResultsMessage: 'Aucune option ne correspond \u00e0 votre recherche.',
options: JSON.parse('[{\u0022label\u0022:\u0022Masculin\u0022,\u0022value\u0022:\u0022M\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022F\\u00e9minin\u0022,\u0022value\u0022:\u0022F\u0022,\u0022disabled\u0022:false}]'),
optionsLimit: 50,
placeholder: 'S\u00e9lectionnez une option',
position: null,
searchDebounce: 1000,
searchingMessage: 'En recherche...',
searchPrompt: 'Commencez \u00e0 taper pour rechercher...',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('data.gender', false),
statePath: 'data.gender',
})" wire:ignore="" x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()" x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()" class="">
<div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true" aria-expanded="false">
<div class="choices__inner"><select x-ref="input" class="h-9 w-full rounded-lg border-none bg-transparent !bg-none choices__input" id="data.gender" hidden="" tabindex="-1" data-choice="active"></select>
<div class="choices__list choices__list--single">
<div class="choices__placeholder choices__item">Sélectionnez une option</div>
</div>
</div>
<div class="choices__list choices__list--dropdown" aria-expanded="false">
<div class="choices__list" role="listbox">
<div id="choices--datagender-item-choice-1" class="choices__item choices__item--choice choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="M" data-select-text=""
data-choice-selectable="" aria-selected="true">Masculin</div>
<div id="choices--datagender-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="F" data-select-text=""
data-choice-selectable="">Féminin</div>
</div>
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.age_range.Filament\Forms\Components\Select">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.age_range">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Tranche d'âge<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<!--[if BLOCK]><![endif]-->
<div class="hidden" x-data="{
isDisabled: false,
init: function () {
const container = $el.nextElementSibling
container.dispatchEvent(
new CustomEvent('set-select-property', {
detail: { isDisabled: this.isDisabled },
}),
)
},
}" data-has-alpine-state="true"></div>
<div ax-load="" ax-load-src="https://pasea-entreprises.com/js/filament/forms/components/select.js?v=3.2.121.0" x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: false,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('data.age_range')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('data.age_range')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('data.age_range')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('data.age_range', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: false,
livewireId: 'LmLvqSX4zngEyKf8SiWQ',
hasDynamicOptions: false,
hasDynamicSearchResults: false,
loadingMessage: 'En chargement...',
maxItems: null,
maxItemsMessage: 'Uniquement peuvent \u00eatre s\u00e9lectionn\u00e9s.',
noSearchResultsMessage: 'Aucune option ne correspond \u00e0 votre recherche.',
options: JSON.parse('[{\u0022label\u0022:\u0022De 20 ans \\u00e0 29 ans\u0022,\u0022value\u0022:\u002220-29\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022De 30 ans \\u00e0 39 ans\u0022,\u0022value\u0022:\u002230-39\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022De 40 ans \\u00e0 49 ans\u0022,\u0022value\u0022:\u002240-49\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022De 50 ans \\u00e0 59 ans\u0022,\u0022value\u0022:\u002250-59\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022De 60 ans et plus\u0022,\u0022value\u0022:\u002260+\u0022,\u0022disabled\u0022:false},{\u0022label\u0022:\u0022NON DEFINI\u0022,\u0022value\u0022:\u0022\u0022,\u0022disabled\u0022:false}]'),
optionsLimit: 50,
placeholder: 'S\u00e9lectionnez une option',
position: null,
searchDebounce: 1000,
searchingMessage: 'En recherche...',
searchPrompt: 'Commencez \u00e0 taper pour rechercher...',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('data.age_range', false),
statePath: 'data.age_range',
})" wire:ignore="" x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()" x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()" class="">
<div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true" aria-expanded="false">
<div class="choices__inner"><select x-ref="input" class="h-9 w-full rounded-lg border-none bg-transparent !bg-none choices__input" id="data.age_range" hidden="" tabindex="-1" data-choice="active"></select>
<div class="choices__list choices__list--single">
<div class="choices__placeholder choices__item">Sélectionnez une option</div>
</div>
</div>
<div class="choices__list choices__list--dropdown" aria-expanded="false">
<div class="choices__list" role="listbox">
<div id="choices--dataage_range-item-choice-1" class="choices__item choices__item--choice choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="20-29"
data-select-text="" data-choice-selectable="" aria-selected="true">De 20 ans à 29 ans</div>
<div id="choices--dataage_range-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="30-39" data-select-text=""
data-choice-selectable="">De 30 ans à 39 ans</div>
<div id="choices--dataage_range-item-choice-3" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="3" data-value="40-49" data-select-text=""
data-choice-selectable="">De 40 ans à 49 ans</div>
<div id="choices--dataage_range-item-choice-4" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="4" data-value="50-59" data-select-text=""
data-choice-selectable="">De 50 ans à 59 ans</div>
<div id="choices--dataage_range-item-choice-5" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="5" data-value="60+" data-select-text=""
data-choice-selectable="">De 60 ans et plus</div>
<div id="choices--dataage_range-item-choice-6" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="6" data-value="" data-select-text=""
data-choice-selectable="">NON DEFINI</div>
</div>
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.email.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.email">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Email<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.email" type="email" wire:model="data.email">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.personal_phone.Ysfkaya\FilamentPhoneInput\Forms\PhoneInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.personal_phone">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Téléphone<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-phone-input"
x-data="{
isDisabled: false,
init(){
$nextTick(() => {
$dispatch('phoneInput:isDisabled', { statePath: 'data.personal_phone', isDisabled: this.isDisabled });
});
}
}" x-load-css="['https:\/\/pasea-entreprises.com\/css\/ysfkaya\/filament-phone-input\/filament-phone-input.css?v=3.1.1.0']" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<div dusk="phone-input.data.personal_phone" class="inline-flex w-full" wire:ignore="">
<div class="w-full" ax-load="" ax-load-src="https://pasea-entreprises.com/js/ysfkaya/filament-phone-input/components/filament-phone-input.js?v=3.1.1.0" x-data="phoneInputFormComponent({
options: {
allowDropdown: true,
autoPlaceholder: 'polite',
containerClass: '',
countryOrder: null,
countrySearch: true,
customPlaceholder: null,
dropdownContainer: null,
excludeCountries: [],
fixDropdownWidth: true,
formatAsYouType: true,
formatOnDisplay: true,
performIpLookup: true,
i18n: [],
initialCountry: 'auto',
nationalMode: true,
onlyCountries: [],
placeholderNumberType: 'MOBILE',
showFlags: true,
separateDialCode: false,
strictMode: false,
useFullscreenPopup: false,
displayNumberFormat: 'NATIONAL',
inputNumberFormat: 'E164',
focusNumberFormat: false,
...[],
},
locale: 'fr',
intlTelInputSelectedCountryCookieName: 'intlTelInputSelectedCountry',
state: $wire.$entangle('data.personal_phone'),
statePath: 'data.personal_phone',
isLive: false,
isLiveDebounced: false,
isLiveOnBlur: false,
liveDebounce: null,
})">
<div class="iti iti--allow-dropdown iti--show-flags iti--inline-dropdown">
<div class="iti__country-container" style="left: 0px;"><button type="button" class="iti__selected-country" aria-expanded="false" aria-label="Pays sélectionné" aria-haspopup="true"
aria-controls="iti-1__dropdown-content" role="combobox" title="France: +33">
<div class="iti__selected-country-primary">
<div class="iti__flag iti__fr"><span class="iti__a11y-text">France +33</span></div>
<div class="iti__arrow" aria-hidden="true"></div>
</div>
</button>
<div id="iti-1__dropdown-content" class="iti__dropdown-content iti__hide "><input type="text" class="iti__search-input" placeholder="Recherche" role="combobox" aria-expanded="true" aria-label="Recherche"
aria-controls="iti-1__country-listbox" aria-autocomplete="list" autocomplete="off"><span class="iti__a11y-text">244 résultats trouvés</span>
<ul class="iti__country-list" id="iti-1__country-listbox" role="listbox" aria-label="Liste des pays">
<li id="iti-1__item-af" class="iti__country iti__highlight" tabindex="-1" role="option" data-dial-code="93" data-country-code="af" aria-selected="false">
<div class="iti__flag iti__af"></div><span class="iti__country-name">Afghanistan</span><span class="iti__dial-code">+93</span>
</li>
<li id="iti-1__item-za" class="iti__country " tabindex="-1" role="option" data-dial-code="27" data-country-code="za" aria-selected="false">
<div class="iti__flag iti__za"></div><span class="iti__country-name">Afrique du Sud</span><span class="iti__dial-code">+27</span>
</li>
<li id="iti-1__item-al" class="iti__country " tabindex="-1" role="option" data-dial-code="355" data-country-code="al" aria-selected="false">
<div class="iti__flag iti__al"></div><span class="iti__country-name">Albanie</span><span class="iti__dial-code">+355</span>
</li>
<li id="iti-1__item-dz" class="iti__country " tabindex="-1" role="option" data-dial-code="213" data-country-code="dz" aria-selected="false">
<div class="iti__flag iti__dz"></div><span class="iti__country-name">Algérie</span><span class="iti__dial-code">+213</span>
</li>
<li id="iti-1__item-de" class="iti__country " tabindex="-1" role="option" data-dial-code="49" data-country-code="de" aria-selected="false">
<div class="iti__flag iti__de"></div><span class="iti__country-name">Allemagne</span><span class="iti__dial-code">+49</span>
</li>
<li id="iti-1__item-ad" class="iti__country " tabindex="-1" role="option" data-dial-code="376" data-country-code="ad" aria-selected="false">
<div class="iti__flag iti__ad"></div><span class="iti__country-name">Andorre</span><span class="iti__dial-code">+376</span>
</li>
<li id="iti-1__item-ao" class="iti__country " tabindex="-1" role="option" data-dial-code="244" data-country-code="ao" aria-selected="false">
<div class="iti__flag iti__ao"></div><span class="iti__country-name">Angola</span><span class="iti__dial-code">+244</span>
</li>
<li id="iti-1__item-ai" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ai" aria-selected="false">
<div class="iti__flag iti__ai"></div><span class="iti__country-name">Anguilla</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-ag" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ag" aria-selected="false">
<div class="iti__flag iti__ag"></div><span class="iti__country-name">Antigua-et-Barbuda</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-sa" class="iti__country " tabindex="-1" role="option" data-dial-code="966" data-country-code="sa" aria-selected="false">
<div class="iti__flag iti__sa"></div><span class="iti__country-name">Arabie saoudite</span><span class="iti__dial-code">+966</span>
</li>
<li id="iti-1__item-ar" class="iti__country " tabindex="-1" role="option" data-dial-code="54" data-country-code="ar" aria-selected="false">
<div class="iti__flag iti__ar"></div><span class="iti__country-name">Argentine</span><span class="iti__dial-code">+54</span>
</li>
<li id="iti-1__item-am" class="iti__country " tabindex="-1" role="option" data-dial-code="374" data-country-code="am" aria-selected="false">
<div class="iti__flag iti__am"></div><span class="iti__country-name">Arménie</span><span class="iti__dial-code">+374</span>
</li>
<li id="iti-1__item-aw" class="iti__country " tabindex="-1" role="option" data-dial-code="297" data-country-code="aw" aria-selected="false">
<div class="iti__flag iti__aw"></div><span class="iti__country-name">Aruba</span><span class="iti__dial-code">+297</span>
</li>
<li id="iti-1__item-au" class="iti__country " tabindex="-1" role="option" data-dial-code="61" data-country-code="au" aria-selected="false">
<div class="iti__flag iti__au"></div><span class="iti__country-name">Australie</span><span class="iti__dial-code">+61</span>
</li>
<li id="iti-1__item-at" class="iti__country " tabindex="-1" role="option" data-dial-code="43" data-country-code="at" aria-selected="false">
<div class="iti__flag iti__at"></div><span class="iti__country-name">Autriche</span><span class="iti__dial-code">+43</span>
</li>
<li id="iti-1__item-az" class="iti__country " tabindex="-1" role="option" data-dial-code="994" data-country-code="az" aria-selected="false">
<div class="iti__flag iti__az"></div><span class="iti__country-name">Azerbaïdjan</span><span class="iti__dial-code">+994</span>
</li>
<li id="iti-1__item-bs" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="bs" aria-selected="false">
<div class="iti__flag iti__bs"></div><span class="iti__country-name">Bahamas</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-bh" class="iti__country " tabindex="-1" role="option" data-dial-code="973" data-country-code="bh" aria-selected="false">
<div class="iti__flag iti__bh"></div><span class="iti__country-name">Bahreïn</span><span class="iti__dial-code">+973</span>
</li>
<li id="iti-1__item-bd" class="iti__country " tabindex="-1" role="option" data-dial-code="880" data-country-code="bd" aria-selected="false">
<div class="iti__flag iti__bd"></div><span class="iti__country-name">Bangladesh</span><span class="iti__dial-code">+880</span>
</li>
<li id="iti-1__item-bb" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="bb" aria-selected="false">
<div class="iti__flag iti__bb"></div><span class="iti__country-name">Barbade</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-be" class="iti__country " tabindex="-1" role="option" data-dial-code="32" data-country-code="be" aria-selected="false">
<div class="iti__flag iti__be"></div><span class="iti__country-name">Belgique</span><span class="iti__dial-code">+32</span>
</li>
<li id="iti-1__item-bz" class="iti__country " tabindex="-1" role="option" data-dial-code="501" data-country-code="bz" aria-selected="false">
<div class="iti__flag iti__bz"></div><span class="iti__country-name">Belize</span><span class="iti__dial-code">+501</span>
</li>
<li id="iti-1__item-bj" class="iti__country " tabindex="-1" role="option" data-dial-code="229" data-country-code="bj" aria-selected="false">
<div class="iti__flag iti__bj"></div><span class="iti__country-name">Bénin</span><span class="iti__dial-code">+229</span>
</li>
<li id="iti-1__item-bm" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="bm" aria-selected="false">
<div class="iti__flag iti__bm"></div><span class="iti__country-name">Bermudes</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-bt" class="iti__country " tabindex="-1" role="option" data-dial-code="975" data-country-code="bt" aria-selected="false">
<div class="iti__flag iti__bt"></div><span class="iti__country-name">Bhoutan</span><span class="iti__dial-code">+975</span>
</li>
<li id="iti-1__item-by" class="iti__country " tabindex="-1" role="option" data-dial-code="375" data-country-code="by" aria-selected="false">
<div class="iti__flag iti__by"></div><span class="iti__country-name">Biélorussie</span><span class="iti__dial-code">+375</span>
</li>
<li id="iti-1__item-bo" class="iti__country " tabindex="-1" role="option" data-dial-code="591" data-country-code="bo" aria-selected="false">
<div class="iti__flag iti__bo"></div><span class="iti__country-name">Bolivie</span><span class="iti__dial-code">+591</span>
</li>
<li id="iti-1__item-ba" class="iti__country " tabindex="-1" role="option" data-dial-code="387" data-country-code="ba" aria-selected="false">
<div class="iti__flag iti__ba"></div><span class="iti__country-name">Bosnie-Herzégovine</span><span class="iti__dial-code">+387</span>
</li>
<li id="iti-1__item-bw" class="iti__country " tabindex="-1" role="option" data-dial-code="267" data-country-code="bw" aria-selected="false">
<div class="iti__flag iti__bw"></div><span class="iti__country-name">Botswana</span><span class="iti__dial-code">+267</span>
</li>
<li id="iti-1__item-br" class="iti__country " tabindex="-1" role="option" data-dial-code="55" data-country-code="br" aria-selected="false">
<div class="iti__flag iti__br"></div><span class="iti__country-name">Brésil</span><span class="iti__dial-code">+55</span>
</li>
<li id="iti-1__item-bn" class="iti__country " tabindex="-1" role="option" data-dial-code="673" data-country-code="bn" aria-selected="false">
<div class="iti__flag iti__bn"></div><span class="iti__country-name">Brunéi Darussalam</span><span class="iti__dial-code">+673</span>
</li>
<li id="iti-1__item-bg" class="iti__country " tabindex="-1" role="option" data-dial-code="359" data-country-code="bg" aria-selected="false">
<div class="iti__flag iti__bg"></div><span class="iti__country-name">Bulgarie</span><span class="iti__dial-code">+359</span>
</li>
<li id="iti-1__item-bf" class="iti__country " tabindex="-1" role="option" data-dial-code="226" data-country-code="bf" aria-selected="false">
<div class="iti__flag iti__bf"></div><span class="iti__country-name">Burkina Faso</span><span class="iti__dial-code">+226</span>
</li>
<li id="iti-1__item-bi" class="iti__country " tabindex="-1" role="option" data-dial-code="257" data-country-code="bi" aria-selected="false">
<div class="iti__flag iti__bi"></div><span class="iti__country-name">Burundi</span><span class="iti__dial-code">+257</span>
</li>
<li id="iti-1__item-kh" class="iti__country " tabindex="-1" role="option" data-dial-code="855" data-country-code="kh" aria-selected="false">
<div class="iti__flag iti__kh"></div><span class="iti__country-name">Cambodge</span><span class="iti__dial-code">+855</span>
</li>
<li id="iti-1__item-cm" class="iti__country " tabindex="-1" role="option" data-dial-code="237" data-country-code="cm" aria-selected="false">
<div class="iti__flag iti__cm"></div><span class="iti__country-name">Cameroun</span><span class="iti__dial-code">+237</span>
</li>
<li id="iti-1__item-ca" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ca" aria-selected="false">
<div class="iti__flag iti__ca"></div><span class="iti__country-name">Canada</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-cv" class="iti__country " tabindex="-1" role="option" data-dial-code="238" data-country-code="cv" aria-selected="false">
<div class="iti__flag iti__cv"></div><span class="iti__country-name">Cap-Vert</span><span class="iti__dial-code">+238</span>
</li>
<li id="iti-1__item-cl" class="iti__country " tabindex="-1" role="option" data-dial-code="56" data-country-code="cl" aria-selected="false">
<div class="iti__flag iti__cl"></div><span class="iti__country-name">Chili</span><span class="iti__dial-code">+56</span>
</li>
<li id="iti-1__item-cn" class="iti__country " tabindex="-1" role="option" data-dial-code="86" data-country-code="cn" aria-selected="false">
<div class="iti__flag iti__cn"></div><span class="iti__country-name">Chine</span><span class="iti__dial-code">+86</span>
</li>
<li id="iti-1__item-cy" class="iti__country " tabindex="-1" role="option" data-dial-code="357" data-country-code="cy" aria-selected="false">
<div class="iti__flag iti__cy"></div><span class="iti__country-name">Chypre</span><span class="iti__dial-code">+357</span>
</li>
<li id="iti-1__item-co" class="iti__country " tabindex="-1" role="option" data-dial-code="57" data-country-code="co" aria-selected="false">
<div class="iti__flag iti__co"></div><span class="iti__country-name">Colombie</span><span class="iti__dial-code">+57</span>
</li>
<li id="iti-1__item-km" class="iti__country " tabindex="-1" role="option" data-dial-code="269" data-country-code="km" aria-selected="false">
<div class="iti__flag iti__km"></div><span class="iti__country-name">Comores</span><span class="iti__dial-code">+269</span>
</li>
<li id="iti-1__item-cg" class="iti__country " tabindex="-1" role="option" data-dial-code="242" data-country-code="cg" aria-selected="false">
<div class="iti__flag iti__cg"></div><span class="iti__country-name">Congo-Brazzaville</span><span class="iti__dial-code">+242</span>
</li>
<li id="iti-1__item-cd" class="iti__country " tabindex="-1" role="option" data-dial-code="243" data-country-code="cd" aria-selected="false">
<div class="iti__flag iti__cd"></div><span class="iti__country-name">Congo-Kinshasa</span><span class="iti__dial-code">+243</span>
</li>
<li id="iti-1__item-kp" class="iti__country " tabindex="-1" role="option" data-dial-code="850" data-country-code="kp" aria-selected="false">
<div class="iti__flag iti__kp"></div><span class="iti__country-name">Corée du Nord</span><span class="iti__dial-code">+850</span>
</li>
<li id="iti-1__item-kr" class="iti__country " tabindex="-1" role="option" data-dial-code="82" data-country-code="kr" aria-selected="false">
<div class="iti__flag iti__kr"></div><span class="iti__country-name">Corée du Sud</span><span class="iti__dial-code">+82</span>
</li>
<li id="iti-1__item-cr" class="iti__country " tabindex="-1" role="option" data-dial-code="506" data-country-code="cr" aria-selected="false">
<div class="iti__flag iti__cr"></div><span class="iti__country-name">Costa Rica</span><span class="iti__dial-code">+506</span>
</li>
<li id="iti-1__item-ci" class="iti__country " tabindex="-1" role="option" data-dial-code="225" data-country-code="ci" aria-selected="false">
<div class="iti__flag iti__ci"></div><span class="iti__country-name">Côte d’Ivoire</span><span class="iti__dial-code">+225</span>
</li>
<li id="iti-1__item-hr" class="iti__country " tabindex="-1" role="option" data-dial-code="385" data-country-code="hr" aria-selected="false">
<div class="iti__flag iti__hr"></div><span class="iti__country-name">Croatie</span><span class="iti__dial-code">+385</span>
</li>
<li id="iti-1__item-cu" class="iti__country " tabindex="-1" role="option" data-dial-code="53" data-country-code="cu" aria-selected="false">
<div class="iti__flag iti__cu"></div><span class="iti__country-name">Cuba</span><span class="iti__dial-code">+53</span>
</li>
<li id="iti-1__item-cw" class="iti__country " tabindex="-1" role="option" data-dial-code="599" data-country-code="cw" aria-selected="false">
<div class="iti__flag iti__cw"></div><span class="iti__country-name">Curaçao</span><span class="iti__dial-code">+599</span>
</li>
<li id="iti-1__item-dk" class="iti__country " tabindex="-1" role="option" data-dial-code="45" data-country-code="dk" aria-selected="false">
<div class="iti__flag iti__dk"></div><span class="iti__country-name">Danemark</span><span class="iti__dial-code">+45</span>
</li>
<li id="iti-1__item-dj" class="iti__country " tabindex="-1" role="option" data-dial-code="253" data-country-code="dj" aria-selected="false">
<div class="iti__flag iti__dj"></div><span class="iti__country-name">Djibouti</span><span class="iti__dial-code">+253</span>
</li>
<li id="iti-1__item-dm" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="dm" aria-selected="false">
<div class="iti__flag iti__dm"></div><span class="iti__country-name">Dominique</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-eg" class="iti__country " tabindex="-1" role="option" data-dial-code="20" data-country-code="eg" aria-selected="false">
<div class="iti__flag iti__eg"></div><span class="iti__country-name">Égypte</span><span class="iti__dial-code">+20</span>
</li>
<li id="iti-1__item-ae" class="iti__country " tabindex="-1" role="option" data-dial-code="971" data-country-code="ae" aria-selected="false">
<div class="iti__flag iti__ae"></div><span class="iti__country-name">Émirats arabes unis</span><span class="iti__dial-code">+971</span>
</li>
<li id="iti-1__item-ec" class="iti__country " tabindex="-1" role="option" data-dial-code="593" data-country-code="ec" aria-selected="false">
<div class="iti__flag iti__ec"></div><span class="iti__country-name">Équateur</span><span class="iti__dial-code">+593</span>
</li>
<li id="iti-1__item-er" class="iti__country " tabindex="-1" role="option" data-dial-code="291" data-country-code="er" aria-selected="false">
<div class="iti__flag iti__er"></div><span class="iti__country-name">Érythrée</span><span class="iti__dial-code">+291</span>
</li>
<li id="iti-1__item-es" class="iti__country " tabindex="-1" role="option" data-dial-code="34" data-country-code="es" aria-selected="false">
<div class="iti__flag iti__es"></div><span class="iti__country-name">Espagne</span><span class="iti__dial-code">+34</span>
</li>
<li id="iti-1__item-ee" class="iti__country " tabindex="-1" role="option" data-dial-code="372" data-country-code="ee" aria-selected="false">
<div class="iti__flag iti__ee"></div><span class="iti__country-name">Estonie</span><span class="iti__dial-code">+372</span>
</li>
<li id="iti-1__item-sz" class="iti__country " tabindex="-1" role="option" data-dial-code="268" data-country-code="sz" aria-selected="false">
<div class="iti__flag iti__sz"></div><span class="iti__country-name">Eswatini</span><span class="iti__dial-code">+268</span>
</li>
<li id="iti-1__item-va" class="iti__country " tabindex="-1" role="option" data-dial-code="39" data-country-code="va" aria-selected="false">
<div class="iti__flag iti__va"></div><span class="iti__country-name">État de la Cité du Vatican</span><span class="iti__dial-code">+39</span>
</li>
<li id="iti-1__item-fm" class="iti__country " tabindex="-1" role="option" data-dial-code="691" data-country-code="fm" aria-selected="false">
<div class="iti__flag iti__fm"></div><span class="iti__country-name">États fédérés de Micronésie</span><span class="iti__dial-code">+691</span>
</li>
<li id="iti-1__item-us" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="us" aria-selected="false">
<div class="iti__flag iti__us"></div><span class="iti__country-name">États-Unis</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-et" class="iti__country " tabindex="-1" role="option" data-dial-code="251" data-country-code="et" aria-selected="false">
<div class="iti__flag iti__et"></div><span class="iti__country-name">Éthiopie</span><span class="iti__dial-code">+251</span>
</li>
<li id="iti-1__item-fj" class="iti__country " tabindex="-1" role="option" data-dial-code="679" data-country-code="fj" aria-selected="false">
<div class="iti__flag iti__fj"></div><span class="iti__country-name">Fidji</span><span class="iti__dial-code">+679</span>
</li>
<li id="iti-1__item-fi" class="iti__country " tabindex="-1" role="option" data-dial-code="358" data-country-code="fi" aria-selected="false">
<div class="iti__flag iti__fi"></div><span class="iti__country-name">Finlande</span><span class="iti__dial-code">+358</span>
</li>
<li id="iti-1__item-fr" class="iti__country " tabindex="-1" role="option" data-dial-code="33" data-country-code="fr" aria-selected="false">
<div class="iti__flag iti__fr"></div><span class="iti__country-name">France</span><span class="iti__dial-code">+33</span>
</li>
<li id="iti-1__item-ga" class="iti__country " tabindex="-1" role="option" data-dial-code="241" data-country-code="ga" aria-selected="false">
<div class="iti__flag iti__ga"></div><span class="iti__country-name">Gabon</span><span class="iti__dial-code">+241</span>
</li>
<li id="iti-1__item-gm" class="iti__country " tabindex="-1" role="option" data-dial-code="220" data-country-code="gm" aria-selected="false">
<div class="iti__flag iti__gm"></div><span class="iti__country-name">Gambie</span><span class="iti__dial-code">+220</span>
</li>
<li id="iti-1__item-ge" class="iti__country " tabindex="-1" role="option" data-dial-code="995" data-country-code="ge" aria-selected="false">
<div class="iti__flag iti__ge"></div><span class="iti__country-name">Géorgie</span><span class="iti__dial-code">+995</span>
</li>
<li id="iti-1__item-gh" class="iti__country " tabindex="-1" role="option" data-dial-code="233" data-country-code="gh" aria-selected="false">
<div class="iti__flag iti__gh"></div><span class="iti__country-name">Ghana</span><span class="iti__dial-code">+233</span>
</li>
<li id="iti-1__item-gi" class="iti__country " tabindex="-1" role="option" data-dial-code="350" data-country-code="gi" aria-selected="false">
<div class="iti__flag iti__gi"></div><span class="iti__country-name">Gibraltar</span><span class="iti__dial-code">+350</span>
</li>
<li id="iti-1__item-gr" class="iti__country " tabindex="-1" role="option" data-dial-code="30" data-country-code="gr" aria-selected="false">
<div class="iti__flag iti__gr"></div><span class="iti__country-name">Grèce</span><span class="iti__dial-code">+30</span>
</li>
<li id="iti-1__item-gd" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="gd" aria-selected="false">
<div class="iti__flag iti__gd"></div><span class="iti__country-name">Grenade</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-gl" class="iti__country " tabindex="-1" role="option" data-dial-code="299" data-country-code="gl" aria-selected="false">
<div class="iti__flag iti__gl"></div><span class="iti__country-name">Groenland</span><span class="iti__dial-code">+299</span>
</li>
<li id="iti-1__item-gp" class="iti__country " tabindex="-1" role="option" data-dial-code="590" data-country-code="gp" aria-selected="false">
<div class="iti__flag iti__gp"></div><span class="iti__country-name">Guadeloupe</span><span class="iti__dial-code">+590</span>
</li>
<li id="iti-1__item-gu" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="gu" aria-selected="false">
<div class="iti__flag iti__gu"></div><span class="iti__country-name">Guam</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-gt" class="iti__country " tabindex="-1" role="option" data-dial-code="502" data-country-code="gt" aria-selected="false">
<div class="iti__flag iti__gt"></div><span class="iti__country-name">Guatemala</span><span class="iti__dial-code">+502</span>
</li>
<li id="iti-1__item-gg" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="gg" aria-selected="false">
<div class="iti__flag iti__gg"></div><span class="iti__country-name">Guernesey</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-1__item-gn" class="iti__country " tabindex="-1" role="option" data-dial-code="224" data-country-code="gn" aria-selected="false">
<div class="iti__flag iti__gn"></div><span class="iti__country-name">Guinée</span><span class="iti__dial-code">+224</span>
</li>
<li id="iti-1__item-gq" class="iti__country " tabindex="-1" role="option" data-dial-code="240" data-country-code="gq" aria-selected="false">
<div class="iti__flag iti__gq"></div><span class="iti__country-name">Guinée équatoriale</span><span class="iti__dial-code">+240</span>
</li>
<li id="iti-1__item-gw" class="iti__country " tabindex="-1" role="option" data-dial-code="245" data-country-code="gw" aria-selected="false">
<div class="iti__flag iti__gw"></div><span class="iti__country-name">Guinée-Bissau</span><span class="iti__dial-code">+245</span>
</li>
<li id="iti-1__item-gy" class="iti__country " tabindex="-1" role="option" data-dial-code="592" data-country-code="gy" aria-selected="false">
<div class="iti__flag iti__gy"></div><span class="iti__country-name">Guyana</span><span class="iti__dial-code">+592</span>
</li>
<li id="iti-1__item-gf" class="iti__country " tabindex="-1" role="option" data-dial-code="594" data-country-code="gf" aria-selected="false">
<div class="iti__flag iti__gf"></div><span class="iti__country-name">Guyane française</span><span class="iti__dial-code">+594</span>
</li>
<li id="iti-1__item-ht" class="iti__country " tabindex="-1" role="option" data-dial-code="509" data-country-code="ht" aria-selected="false">
<div class="iti__flag iti__ht"></div><span class="iti__country-name">Haïti</span><span class="iti__dial-code">+509</span>
</li>
<li id="iti-1__item-hn" class="iti__country " tabindex="-1" role="option" data-dial-code="504" data-country-code="hn" aria-selected="false">
<div class="iti__flag iti__hn"></div><span class="iti__country-name">Honduras</span><span class="iti__dial-code">+504</span>
</li>
<li id="iti-1__item-hu" class="iti__country " tabindex="-1" role="option" data-dial-code="36" data-country-code="hu" aria-selected="false">
<div class="iti__flag iti__hu"></div><span class="iti__country-name">Hongrie</span><span class="iti__dial-code">+36</span>
</li>
<li id="iti-1__item-cx" class="iti__country " tabindex="-1" role="option" data-dial-code="61" data-country-code="cx" aria-selected="false">
<div class="iti__flag iti__cx"></div><span class="iti__country-name">Île Christmas</span><span class="iti__dial-code">+61</span>
</li>
<li id="iti-1__item-ac" class="iti__country " tabindex="-1" role="option" data-dial-code="247" data-country-code="ac" aria-selected="false">
<div class="iti__flag iti__ac"></div><span class="iti__country-name">Île de l'Ascension</span><span class="iti__dial-code">+247</span>
</li>
<li id="iti-1__item-im" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="im" aria-selected="false">
<div class="iti__flag iti__im"></div><span class="iti__country-name">Île de Man</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-1__item-nf" class="iti__country " tabindex="-1" role="option" data-dial-code="672" data-country-code="nf" aria-selected="false">
<div class="iti__flag iti__nf"></div><span class="iti__country-name">Île Norfolk</span><span class="iti__dial-code">+672</span>
</li>
<li id="iti-1__item-ax" class="iti__country " tabindex="-1" role="option" data-dial-code="358" data-country-code="ax" aria-selected="false">
<div class="iti__flag iti__ax"></div><span class="iti__country-name">Îles Åland</span><span class="iti__dial-code">+358</span>
</li>
<li id="iti-1__item-ky" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ky" aria-selected="false">
<div class="iti__flag iti__ky"></div><span class="iti__country-name">Îles Caïmans</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-cc" class="iti__country " tabindex="-1" role="option" data-dial-code="61" data-country-code="cc" aria-selected="false">
<div class="iti__flag iti__cc"></div><span class="iti__country-name">Îles Cocos</span><span class="iti__dial-code">+61</span>
</li>
<li id="iti-1__item-ck" class="iti__country " tabindex="-1" role="option" data-dial-code="682" data-country-code="ck" aria-selected="false">
<div class="iti__flag iti__ck"></div><span class="iti__country-name">Îles Cook</span><span class="iti__dial-code">+682</span>
</li>
<li id="iti-1__item-fo" class="iti__country " tabindex="-1" role="option" data-dial-code="298" data-country-code="fo" aria-selected="false">
<div class="iti__flag iti__fo"></div><span class="iti__country-name">Îles Féroé</span><span class="iti__dial-code">+298</span>
</li>
<li id="iti-1__item-fk" class="iti__country " tabindex="-1" role="option" data-dial-code="500" data-country-code="fk" aria-selected="false">
<div class="iti__flag iti__fk"></div><span class="iti__country-name">Îles Malouines</span><span class="iti__dial-code">+500</span>
</li>
<li id="iti-1__item-mp" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="mp" aria-selected="false">
<div class="iti__flag iti__mp"></div><span class="iti__country-name">Îles Mariannes du Nord</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-mh" class="iti__country " tabindex="-1" role="option" data-dial-code="692" data-country-code="mh" aria-selected="false">
<div class="iti__flag iti__mh"></div><span class="iti__country-name">Îles Marshall</span><span class="iti__dial-code">+692</span>
</li>
<li id="iti-1__item-sb" class="iti__country " tabindex="-1" role="option" data-dial-code="677" data-country-code="sb" aria-selected="false">
<div class="iti__flag iti__sb"></div><span class="iti__country-name">Îles Salomon</span><span class="iti__dial-code">+677</span>
</li>
<li id="iti-1__item-tc" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="tc" aria-selected="false">
<div class="iti__flag iti__tc"></div><span class="iti__country-name">Îles Turques-et-Caïques</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-vg" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="vg" aria-selected="false">
<div class="iti__flag iti__vg"></div><span class="iti__country-name">Îles Vierges britanniques</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-vi" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="vi" aria-selected="false">
<div class="iti__flag iti__vi"></div><span class="iti__country-name">Îles Vierges des États-Unis</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-in" class="iti__country " tabindex="-1" role="option" data-dial-code="91" data-country-code="in" aria-selected="false">
<div class="iti__flag iti__in"></div><span class="iti__country-name">Inde</span><span class="iti__dial-code">+91</span>
</li>
<li id="iti-1__item-id" class="iti__country " tabindex="-1" role="option" data-dial-code="62" data-country-code="id" aria-selected="false">
<div class="iti__flag iti__id"></div><span class="iti__country-name">Indonésie</span><span class="iti__dial-code">+62</span>
</li>
<li id="iti-1__item-iq" class="iti__country " tabindex="-1" role="option" data-dial-code="964" data-country-code="iq" aria-selected="false">
<div class="iti__flag iti__iq"></div><span class="iti__country-name">Irak</span><span class="iti__dial-code">+964</span>
</li>
<li id="iti-1__item-ir" class="iti__country " tabindex="-1" role="option" data-dial-code="98" data-country-code="ir" aria-selected="false">
<div class="iti__flag iti__ir"></div><span class="iti__country-name">Iran</span><span class="iti__dial-code">+98</span>
</li>
<li id="iti-1__item-ie" class="iti__country " tabindex="-1" role="option" data-dial-code="353" data-country-code="ie" aria-selected="false">
<div class="iti__flag iti__ie"></div><span class="iti__country-name">Irlande</span><span class="iti__dial-code">+353</span>
</li>
<li id="iti-1__item-is" class="iti__country " tabindex="-1" role="option" data-dial-code="354" data-country-code="is" aria-selected="false">
<div class="iti__flag iti__is"></div><span class="iti__country-name">Islande</span><span class="iti__dial-code">+354</span>
</li>
<li id="iti-1__item-il" class="iti__country " tabindex="-1" role="option" data-dial-code="972" data-country-code="il" aria-selected="false">
<div class="iti__flag iti__il"></div><span class="iti__country-name">Israël</span><span class="iti__dial-code">+972</span>
</li>
<li id="iti-1__item-it" class="iti__country " tabindex="-1" role="option" data-dial-code="39" data-country-code="it" aria-selected="false">
<div class="iti__flag iti__it"></div><span class="iti__country-name">Italie</span><span class="iti__dial-code">+39</span>
</li>
<li id="iti-1__item-jm" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="jm" aria-selected="false">
<div class="iti__flag iti__jm"></div><span class="iti__country-name">Jamaïque</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-jp" class="iti__country " tabindex="-1" role="option" data-dial-code="81" data-country-code="jp" aria-selected="false">
<div class="iti__flag iti__jp"></div><span class="iti__country-name">Japon</span><span class="iti__dial-code">+81</span>
</li>
<li id="iti-1__item-je" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="je" aria-selected="false">
<div class="iti__flag iti__je"></div><span class="iti__country-name">Jersey</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-1__item-jo" class="iti__country " tabindex="-1" role="option" data-dial-code="962" data-country-code="jo" aria-selected="false">
<div class="iti__flag iti__jo"></div><span class="iti__country-name">Jordanie</span><span class="iti__dial-code">+962</span>
</li>
<li id="iti-1__item-kz" class="iti__country " tabindex="-1" role="option" data-dial-code="7" data-country-code="kz" aria-selected="false">
<div class="iti__flag iti__kz"></div><span class="iti__country-name">Kazakhstan</span><span class="iti__dial-code">+7</span>
</li>
<li id="iti-1__item-ke" class="iti__country " tabindex="-1" role="option" data-dial-code="254" data-country-code="ke" aria-selected="false">
<div class="iti__flag iti__ke"></div><span class="iti__country-name">Kenya</span><span class="iti__dial-code">+254</span>
</li>
<li id="iti-1__item-kg" class="iti__country " tabindex="-1" role="option" data-dial-code="996" data-country-code="kg" aria-selected="false">
<div class="iti__flag iti__kg"></div><span class="iti__country-name">Kirghizistan</span><span class="iti__dial-code">+996</span>
</li>
<li id="iti-1__item-ki" class="iti__country " tabindex="-1" role="option" data-dial-code="686" data-country-code="ki" aria-selected="false">
<div class="iti__flag iti__ki"></div><span class="iti__country-name">Kiribati</span><span class="iti__dial-code">+686</span>
</li>
<li id="iti-1__item-xk" class="iti__country " tabindex="-1" role="option" data-dial-code="383" data-country-code="xk" aria-selected="false">
<div class="iti__flag iti__xk"></div><span class="iti__country-name">Kosovo</span><span class="iti__dial-code">+383</span>
</li>
<li id="iti-1__item-kw" class="iti__country " tabindex="-1" role="option" data-dial-code="965" data-country-code="kw" aria-selected="false">
<div class="iti__flag iti__kw"></div><span class="iti__country-name">Koweït</span><span class="iti__dial-code">+965</span>
</li>
<li id="iti-1__item-re" class="iti__country " tabindex="-1" role="option" data-dial-code="262" data-country-code="re" aria-selected="false">
<div class="iti__flag iti__re"></div><span class="iti__country-name">La Réunion</span><span class="iti__dial-code">+262</span>
</li>
<li id="iti-1__item-la" class="iti__country " tabindex="-1" role="option" data-dial-code="856" data-country-code="la" aria-selected="false">
<div class="iti__flag iti__la"></div><span class="iti__country-name">Laos</span><span class="iti__dial-code">+856</span>
</li>
<li id="iti-1__item-ls" class="iti__country " tabindex="-1" role="option" data-dial-code="266" data-country-code="ls" aria-selected="false">
<div class="iti__flag iti__ls"></div><span class="iti__country-name">Lesotho</span><span class="iti__dial-code">+266</span>
</li>
<li id="iti-1__item-lv" class="iti__country " tabindex="-1" role="option" data-dial-code="371" data-country-code="lv" aria-selected="false">
<div class="iti__flag iti__lv"></div><span class="iti__country-name">Lettonie</span><span class="iti__dial-code">+371</span>
</li>
<li id="iti-1__item-lb" class="iti__country " tabindex="-1" role="option" data-dial-code="961" data-country-code="lb" aria-selected="false">
<div class="iti__flag iti__lb"></div><span class="iti__country-name">Liban</span><span class="iti__dial-code">+961</span>
</li>
<li id="iti-1__item-lr" class="iti__country " tabindex="-1" role="option" data-dial-code="231" data-country-code="lr" aria-selected="false">
<div class="iti__flag iti__lr"></div><span class="iti__country-name">Libéria</span><span class="iti__dial-code">+231</span>
</li>
<li id="iti-1__item-ly" class="iti__country " tabindex="-1" role="option" data-dial-code="218" data-country-code="ly" aria-selected="false">
<div class="iti__flag iti__ly"></div><span class="iti__country-name">Libye</span><span class="iti__dial-code">+218</span>
</li>
<li id="iti-1__item-li" class="iti__country " tabindex="-1" role="option" data-dial-code="423" data-country-code="li" aria-selected="false">
<div class="iti__flag iti__li"></div><span class="iti__country-name">Liechtenstein</span><span class="iti__dial-code">+423</span>
</li>
<li id="iti-1__item-lt" class="iti__country " tabindex="-1" role="option" data-dial-code="370" data-country-code="lt" aria-selected="false">
<div class="iti__flag iti__lt"></div><span class="iti__country-name">Lituanie</span><span class="iti__dial-code">+370</span>
</li>
<li id="iti-1__item-lu" class="iti__country " tabindex="-1" role="option" data-dial-code="352" data-country-code="lu" aria-selected="false">
<div class="iti__flag iti__lu"></div><span class="iti__country-name">Luxembourg</span><span class="iti__dial-code">+352</span>
</li>
<li id="iti-1__item-mk" class="iti__country " tabindex="-1" role="option" data-dial-code="389" data-country-code="mk" aria-selected="false">
<div class="iti__flag iti__mk"></div><span class="iti__country-name">Macédoine du Nord</span><span class="iti__dial-code">+389</span>
</li>
<li id="iti-1__item-mg" class="iti__country " tabindex="-1" role="option" data-dial-code="261" data-country-code="mg" aria-selected="false">
<div class="iti__flag iti__mg"></div><span class="iti__country-name">Madagascar</span><span class="iti__dial-code">+261</span>
</li>
<li id="iti-1__item-my" class="iti__country " tabindex="-1" role="option" data-dial-code="60" data-country-code="my" aria-selected="false">
<div class="iti__flag iti__my"></div><span class="iti__country-name">Malaisie</span><span class="iti__dial-code">+60</span>
</li>
<li id="iti-1__item-mw" class="iti__country " tabindex="-1" role="option" data-dial-code="265" data-country-code="mw" aria-selected="false">
<div class="iti__flag iti__mw"></div><span class="iti__country-name">Malawi</span><span class="iti__dial-code">+265</span>
</li>
<li id="iti-1__item-mv" class="iti__country " tabindex="-1" role="option" data-dial-code="960" data-country-code="mv" aria-selected="false">
<div class="iti__flag iti__mv"></div><span class="iti__country-name">Maldives</span><span class="iti__dial-code">+960</span>
</li>
<li id="iti-1__item-ml" class="iti__country " tabindex="-1" role="option" data-dial-code="223" data-country-code="ml" aria-selected="false">
<div class="iti__flag iti__ml"></div><span class="iti__country-name">Mali</span><span class="iti__dial-code">+223</span>
</li>
<li id="iti-1__item-mt" class="iti__country " tabindex="-1" role="option" data-dial-code="356" data-country-code="mt" aria-selected="false">
<div class="iti__flag iti__mt"></div><span class="iti__country-name">Malte</span><span class="iti__dial-code">+356</span>
</li>
<li id="iti-1__item-ma" class="iti__country " tabindex="-1" role="option" data-dial-code="212" data-country-code="ma" aria-selected="false">
<div class="iti__flag iti__ma"></div><span class="iti__country-name">Maroc</span><span class="iti__dial-code">+212</span>
</li>
<li id="iti-1__item-mq" class="iti__country " tabindex="-1" role="option" data-dial-code="596" data-country-code="mq" aria-selected="false">
<div class="iti__flag iti__mq"></div><span class="iti__country-name">Martinique</span><span class="iti__dial-code">+596</span>
</li>
<li id="iti-1__item-mu" class="iti__country " tabindex="-1" role="option" data-dial-code="230" data-country-code="mu" aria-selected="false">
<div class="iti__flag iti__mu"></div><span class="iti__country-name">Maurice</span><span class="iti__dial-code">+230</span>
</li>
<li id="iti-1__item-mr" class="iti__country " tabindex="-1" role="option" data-dial-code="222" data-country-code="mr" aria-selected="false">
<div class="iti__flag iti__mr"></div><span class="iti__country-name">Mauritanie</span><span class="iti__dial-code">+222</span>
</li>
<li id="iti-1__item-yt" class="iti__country " tabindex="-1" role="option" data-dial-code="262" data-country-code="yt" aria-selected="false">
<div class="iti__flag iti__yt"></div><span class="iti__country-name">Mayotte</span><span class="iti__dial-code">+262</span>
</li>
<li id="iti-1__item-mx" class="iti__country " tabindex="-1" role="option" data-dial-code="52" data-country-code="mx" aria-selected="false">
<div class="iti__flag iti__mx"></div><span class="iti__country-name">Mexique</span><span class="iti__dial-code">+52</span>
</li>
<li id="iti-1__item-md" class="iti__country " tabindex="-1" role="option" data-dial-code="373" data-country-code="md" aria-selected="false">
<div class="iti__flag iti__md"></div><span class="iti__country-name">Moldavie</span><span class="iti__dial-code">+373</span>
</li>
<li id="iti-1__item-mc" class="iti__country " tabindex="-1" role="option" data-dial-code="377" data-country-code="mc" aria-selected="false">
<div class="iti__flag iti__mc"></div><span class="iti__country-name">Monaco</span><span class="iti__dial-code">+377</span>
</li>
<li id="iti-1__item-mn" class="iti__country " tabindex="-1" role="option" data-dial-code="976" data-country-code="mn" aria-selected="false">
<div class="iti__flag iti__mn"></div><span class="iti__country-name">Mongolie</span><span class="iti__dial-code">+976</span>
</li>
<li id="iti-1__item-me" class="iti__country " tabindex="-1" role="option" data-dial-code="382" data-country-code="me" aria-selected="false">
<div class="iti__flag iti__me"></div><span class="iti__country-name">Monténégro</span><span class="iti__dial-code">+382</span>
</li>
<li id="iti-1__item-ms" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="ms" aria-selected="false">
<div class="iti__flag iti__ms"></div><span class="iti__country-name">Montserrat</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-mz" class="iti__country " tabindex="-1" role="option" data-dial-code="258" data-country-code="mz" aria-selected="false">
<div class="iti__flag iti__mz"></div><span class="iti__country-name">Mozambique</span><span class="iti__dial-code">+258</span>
</li>
<li id="iti-1__item-mm" class="iti__country " tabindex="-1" role="option" data-dial-code="95" data-country-code="mm" aria-selected="false">
<div class="iti__flag iti__mm"></div><span class="iti__country-name">Myanmar (Birmanie)</span><span class="iti__dial-code">+95</span>
</li>
<li id="iti-1__item-na" class="iti__country " tabindex="-1" role="option" data-dial-code="264" data-country-code="na" aria-selected="false">
<div class="iti__flag iti__na"></div><span class="iti__country-name">Namibie</span><span class="iti__dial-code">+264</span>
</li>
<li id="iti-1__item-nr" class="iti__country " tabindex="-1" role="option" data-dial-code="674" data-country-code="nr" aria-selected="false">
<div class="iti__flag iti__nr"></div><span class="iti__country-name">Nauru</span><span class="iti__dial-code">+674</span>
</li>
<li id="iti-1__item-np" class="iti__country " tabindex="-1" role="option" data-dial-code="977" data-country-code="np" aria-selected="false">
<div class="iti__flag iti__np"></div><span class="iti__country-name">Népal</span><span class="iti__dial-code">+977</span>
</li>
<li id="iti-1__item-ni" class="iti__country " tabindex="-1" role="option" data-dial-code="505" data-country-code="ni" aria-selected="false">
<div class="iti__flag iti__ni"></div><span class="iti__country-name">Nicaragua</span><span class="iti__dial-code">+505</span>
</li>
<li id="iti-1__item-ne" class="iti__country " tabindex="-1" role="option" data-dial-code="227" data-country-code="ne" aria-selected="false">
<div class="iti__flag iti__ne"></div><span class="iti__country-name">Niger</span><span class="iti__dial-code">+227</span>
</li>
<li id="iti-1__item-ng" class="iti__country " tabindex="-1" role="option" data-dial-code="234" data-country-code="ng" aria-selected="false">
<div class="iti__flag iti__ng"></div><span class="iti__country-name">Nigéria</span><span class="iti__dial-code">+234</span>
</li>
<li id="iti-1__item-nu" class="iti__country " tabindex="-1" role="option" data-dial-code="683" data-country-code="nu" aria-selected="false">
<div class="iti__flag iti__nu"></div><span class="iti__country-name">Niue</span><span class="iti__dial-code">+683</span>
</li>
<li id="iti-1__item-no" class="iti__country " tabindex="-1" role="option" data-dial-code="47" data-country-code="no" aria-selected="false">
<div class="iti__flag iti__no"></div><span class="iti__country-name">Norvège</span><span class="iti__dial-code">+47</span>
</li>
<li id="iti-1__item-nc" class="iti__country " tabindex="-1" role="option" data-dial-code="687" data-country-code="nc" aria-selected="false">
<div class="iti__flag iti__nc"></div><span class="iti__country-name">Nouvelle-Calédonie</span><span class="iti__dial-code">+687</span>
</li>
<li id="iti-1__item-nz" class="iti__country " tabindex="-1" role="option" data-dial-code="64" data-country-code="nz" aria-selected="false">
<div class="iti__flag iti__nz"></div><span class="iti__country-name">Nouvelle-Zélande</span><span class="iti__dial-code">+64</span>
</li>
<li id="iti-1__item-om" class="iti__country " tabindex="-1" role="option" data-dial-code="968" data-country-code="om" aria-selected="false">
<div class="iti__flag iti__om"></div><span class="iti__country-name">Oman</span><span class="iti__dial-code">+968</span>
</li>
<li id="iti-1__item-ug" class="iti__country " tabindex="-1" role="option" data-dial-code="256" data-country-code="ug" aria-selected="false">
<div class="iti__flag iti__ug"></div><span class="iti__country-name">Ouganda</span><span class="iti__dial-code">+256</span>
</li>
<li id="iti-1__item-uz" class="iti__country " tabindex="-1" role="option" data-dial-code="998" data-country-code="uz" aria-selected="false">
<div class="iti__flag iti__uz"></div><span class="iti__country-name">Ouzbékistan</span><span class="iti__dial-code">+998</span>
</li>
<li id="iti-1__item-pk" class="iti__country " tabindex="-1" role="option" data-dial-code="92" data-country-code="pk" aria-selected="false">
<div class="iti__flag iti__pk"></div><span class="iti__country-name">Pakistan</span><span class="iti__dial-code">+92</span>
</li>
<li id="iti-1__item-pw" class="iti__country " tabindex="-1" role="option" data-dial-code="680" data-country-code="pw" aria-selected="false">
<div class="iti__flag iti__pw"></div><span class="iti__country-name">Palaos</span><span class="iti__dial-code">+680</span>
</li>
<li id="iti-1__item-pa" class="iti__country " tabindex="-1" role="option" data-dial-code="507" data-country-code="pa" aria-selected="false">
<div class="iti__flag iti__pa"></div><span class="iti__country-name">Panama</span><span class="iti__dial-code">+507</span>
</li>
<li id="iti-1__item-pg" class="iti__country " tabindex="-1" role="option" data-dial-code="675" data-country-code="pg" aria-selected="false">
<div class="iti__flag iti__pg"></div><span class="iti__country-name">Papouasie-Nouvelle-Guinée</span><span class="iti__dial-code">+675</span>
</li>
<li id="iti-1__item-py" class="iti__country " tabindex="-1" role="option" data-dial-code="595" data-country-code="py" aria-selected="false">
<div class="iti__flag iti__py"></div><span class="iti__country-name">Paraguay</span><span class="iti__dial-code">+595</span>
</li>
<li id="iti-1__item-nl" class="iti__country " tabindex="-1" role="option" data-dial-code="31" data-country-code="nl" aria-selected="false">
<div class="iti__flag iti__nl"></div><span class="iti__country-name">Pays-Bas</span><span class="iti__dial-code">+31</span>
</li>
<li id="iti-1__item-bq" class="iti__country " tabindex="-1" role="option" data-dial-code="599" data-country-code="bq" aria-selected="false">
<div class="iti__flag iti__bq"></div><span class="iti__country-name">Pays-Bas caribéens</span><span class="iti__dial-code">+599</span>
</li>
<li id="iti-1__item-pe" class="iti__country " tabindex="-1" role="option" data-dial-code="51" data-country-code="pe" aria-selected="false">
<div class="iti__flag iti__pe"></div><span class="iti__country-name">Pérou</span><span class="iti__dial-code">+51</span>
</li>
<li id="iti-1__item-ph" class="iti__country " tabindex="-1" role="option" data-dial-code="63" data-country-code="ph" aria-selected="false">
<div class="iti__flag iti__ph"></div><span class="iti__country-name">Philippines</span><span class="iti__dial-code">+63</span>
</li>
<li id="iti-1__item-pl" class="iti__country " tabindex="-1" role="option" data-dial-code="48" data-country-code="pl" aria-selected="false">
<div class="iti__flag iti__pl"></div><span class="iti__country-name">Pologne</span><span class="iti__dial-code">+48</span>
</li>
<li id="iti-1__item-pf" class="iti__country " tabindex="-1" role="option" data-dial-code="689" data-country-code="pf" aria-selected="false">
<div class="iti__flag iti__pf"></div><span class="iti__country-name">Polynésie française</span><span class="iti__dial-code">+689</span>
</li>
<li id="iti-1__item-pr" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="pr" aria-selected="false">
<div class="iti__flag iti__pr"></div><span class="iti__country-name">Porto Rico</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-pt" class="iti__country " tabindex="-1" role="option" data-dial-code="351" data-country-code="pt" aria-selected="false">
<div class="iti__flag iti__pt"></div><span class="iti__country-name">Portugal</span><span class="iti__dial-code">+351</span>
</li>
<li id="iti-1__item-qa" class="iti__country " tabindex="-1" role="option" data-dial-code="974" data-country-code="qa" aria-selected="false">
<div class="iti__flag iti__qa"></div><span class="iti__country-name">Qatar</span><span class="iti__dial-code">+974</span>
</li>
<li id="iti-1__item-hk" class="iti__country " tabindex="-1" role="option" data-dial-code="852" data-country-code="hk" aria-selected="false">
<div class="iti__flag iti__hk"></div><span class="iti__country-name">R.A.S. chinoise de Hong Kong</span><span class="iti__dial-code">+852</span>
</li>
<li id="iti-1__item-mo" class="iti__country " tabindex="-1" role="option" data-dial-code="853" data-country-code="mo" aria-selected="false">
<div class="iti__flag iti__mo"></div><span class="iti__country-name">R.A.S. chinoise de Macao</span><span class="iti__dial-code">+853</span>
</li>
<li id="iti-1__item-cf" class="iti__country " tabindex="-1" role="option" data-dial-code="236" data-country-code="cf" aria-selected="false">
<div class="iti__flag iti__cf"></div><span class="iti__country-name">République centrafricaine</span><span class="iti__dial-code">+236</span>
</li>
<li id="iti-1__item-do" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="do" aria-selected="false">
<div class="iti__flag iti__do"></div><span class="iti__country-name">République dominicaine</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-ro" class="iti__country " tabindex="-1" role="option" data-dial-code="40" data-country-code="ro" aria-selected="false">
<div class="iti__flag iti__ro"></div><span class="iti__country-name">Roumanie</span><span class="iti__dial-code">+40</span>
</li>
<li id="iti-1__item-gb" class="iti__country " tabindex="-1" role="option" data-dial-code="44" data-country-code="gb" aria-selected="false">
<div class="iti__flag iti__gb"></div><span class="iti__country-name">Royaume-Uni</span><span class="iti__dial-code">+44</span>
</li>
<li id="iti-1__item-ru" class="iti__country " tabindex="-1" role="option" data-dial-code="7" data-country-code="ru" aria-selected="false">
<div class="iti__flag iti__ru"></div><span class="iti__country-name">Russie</span><span class="iti__dial-code">+7</span>
</li>
<li id="iti-1__item-rw" class="iti__country " tabindex="-1" role="option" data-dial-code="250" data-country-code="rw" aria-selected="false">
<div class="iti__flag iti__rw"></div><span class="iti__country-name">Rwanda</span><span class="iti__dial-code">+250</span>
</li>
<li id="iti-1__item-eh" class="iti__country " tabindex="-1" role="option" data-dial-code="212" data-country-code="eh" aria-selected="false">
<div class="iti__flag iti__eh"></div><span class="iti__country-name">Sahara occidental</span><span class="iti__dial-code">+212</span>
</li>
<li id="iti-1__item-bl" class="iti__country " tabindex="-1" role="option" data-dial-code="590" data-country-code="bl" aria-selected="false">
<div class="iti__flag iti__bl"></div><span class="iti__country-name">Saint-Barthélemy</span><span class="iti__dial-code">+590</span>
</li>
<li id="iti-1__item-kn" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="kn" aria-selected="false">
<div class="iti__flag iti__kn"></div><span class="iti__country-name">Saint-Christophe-et-Niévès</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-sm" class="iti__country " tabindex="-1" role="option" data-dial-code="378" data-country-code="sm" aria-selected="false">
<div class="iti__flag iti__sm"></div><span class="iti__country-name">Saint-Marin</span><span class="iti__dial-code">+378</span>
</li>
<li id="iti-1__item-mf" class="iti__country " tabindex="-1" role="option" data-dial-code="590" data-country-code="mf" aria-selected="false">
<div class="iti__flag iti__mf"></div><span class="iti__country-name">Saint-Martin</span><span class="iti__dial-code">+590</span>
</li>
<li id="iti-1__item-sx" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="sx" aria-selected="false">
<div class="iti__flag iti__sx"></div><span class="iti__country-name">Saint-Martin (partie néerlandaise)</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-pm" class="iti__country " tabindex="-1" role="option" data-dial-code="508" data-country-code="pm" aria-selected="false">
<div class="iti__flag iti__pm"></div><span class="iti__country-name">Saint-Pierre-et-Miquelon</span><span class="iti__dial-code">+508</span>
</li>
<li id="iti-1__item-vc" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="vc" aria-selected="false">
<div class="iti__flag iti__vc"></div><span class="iti__country-name">Saint-Vincent-et-les-Grenadines</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-sh" class="iti__country " tabindex="-1" role="option" data-dial-code="290" data-country-code="sh" aria-selected="false">
<div class="iti__flag iti__sh"></div><span class="iti__country-name">Sainte-Hélène</span><span class="iti__dial-code">+290</span>
</li>
<li id="iti-1__item-lc" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="lc" aria-selected="false">
<div class="iti__flag iti__lc"></div><span class="iti__country-name">Sainte-Lucie</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-sv" class="iti__country " tabindex="-1" role="option" data-dial-code="503" data-country-code="sv" aria-selected="false">
<div class="iti__flag iti__sv"></div><span class="iti__country-name">Salvador</span><span class="iti__dial-code">+503</span>
</li>
<li id="iti-1__item-ws" class="iti__country " tabindex="-1" role="option" data-dial-code="685" data-country-code="ws" aria-selected="false">
<div class="iti__flag iti__ws"></div><span class="iti__country-name">Samoa</span><span class="iti__dial-code">+685</span>
</li>
<li id="iti-1__item-as" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="as" aria-selected="false">
<div class="iti__flag iti__as"></div><span class="iti__country-name">Samoa américaines</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-st" class="iti__country " tabindex="-1" role="option" data-dial-code="239" data-country-code="st" aria-selected="false">
<div class="iti__flag iti__st"></div><span class="iti__country-name">Sao Tomé-et-Principe</span><span class="iti__dial-code">+239</span>
</li>
<li id="iti-1__item-sn" class="iti__country " tabindex="-1" role="option" data-dial-code="221" data-country-code="sn" aria-selected="false">
<div class="iti__flag iti__sn"></div><span class="iti__country-name">Sénégal</span><span class="iti__dial-code">+221</span>
</li>
<li id="iti-1__item-rs" class="iti__country " tabindex="-1" role="option" data-dial-code="381" data-country-code="rs" aria-selected="false">
<div class="iti__flag iti__rs"></div><span class="iti__country-name">Serbie</span><span class="iti__dial-code">+381</span>
</li>
<li id="iti-1__item-sc" class="iti__country " tabindex="-1" role="option" data-dial-code="248" data-country-code="sc" aria-selected="false">
<div class="iti__flag iti__sc"></div><span class="iti__country-name">Seychelles</span><span class="iti__dial-code">+248</span>
</li>
<li id="iti-1__item-sl" class="iti__country " tabindex="-1" role="option" data-dial-code="232" data-country-code="sl" aria-selected="false">
<div class="iti__flag iti__sl"></div><span class="iti__country-name">Sierra Leone</span><span class="iti__dial-code">+232</span>
</li>
<li id="iti-1__item-sg" class="iti__country " tabindex="-1" role="option" data-dial-code="65" data-country-code="sg" aria-selected="false">
<div class="iti__flag iti__sg"></div><span class="iti__country-name">Singapour</span><span class="iti__dial-code">+65</span>
</li>
<li id="iti-1__item-sk" class="iti__country " tabindex="-1" role="option" data-dial-code="421" data-country-code="sk" aria-selected="false">
<div class="iti__flag iti__sk"></div><span class="iti__country-name">Slovaquie</span><span class="iti__dial-code">+421</span>
</li>
<li id="iti-1__item-si" class="iti__country " tabindex="-1" role="option" data-dial-code="386" data-country-code="si" aria-selected="false">
<div class="iti__flag iti__si"></div><span class="iti__country-name">Slovénie</span><span class="iti__dial-code">+386</span>
</li>
<li id="iti-1__item-so" class="iti__country " tabindex="-1" role="option" data-dial-code="252" data-country-code="so" aria-selected="false">
<div class="iti__flag iti__so"></div><span class="iti__country-name">Somalie</span><span class="iti__dial-code">+252</span>
</li>
<li id="iti-1__item-sd" class="iti__country " tabindex="-1" role="option" data-dial-code="249" data-country-code="sd" aria-selected="false">
<div class="iti__flag iti__sd"></div><span class="iti__country-name">Soudan</span><span class="iti__dial-code">+249</span>
</li>
<li id="iti-1__item-ss" class="iti__country " tabindex="-1" role="option" data-dial-code="211" data-country-code="ss" aria-selected="false">
<div class="iti__flag iti__ss"></div><span class="iti__country-name">Soudan du Sud</span><span class="iti__dial-code">+211</span>
</li>
<li id="iti-1__item-lk" class="iti__country " tabindex="-1" role="option" data-dial-code="94" data-country-code="lk" aria-selected="false">
<div class="iti__flag iti__lk"></div><span class="iti__country-name">Sri Lanka</span><span class="iti__dial-code">+94</span>
</li>
<li id="iti-1__item-se" class="iti__country " tabindex="-1" role="option" data-dial-code="46" data-country-code="se" aria-selected="false">
<div class="iti__flag iti__se"></div><span class="iti__country-name">Suède</span><span class="iti__dial-code">+46</span>
</li>
<li id="iti-1__item-ch" class="iti__country " tabindex="-1" role="option" data-dial-code="41" data-country-code="ch" aria-selected="false">
<div class="iti__flag iti__ch"></div><span class="iti__country-name">Suisse</span><span class="iti__dial-code">+41</span>
</li>
<li id="iti-1__item-sr" class="iti__country " tabindex="-1" role="option" data-dial-code="597" data-country-code="sr" aria-selected="false">
<div class="iti__flag iti__sr"></div><span class="iti__country-name">Suriname</span><span class="iti__dial-code">+597</span>
</li>
<li id="iti-1__item-sj" class="iti__country " tabindex="-1" role="option" data-dial-code="47" data-country-code="sj" aria-selected="false">
<div class="iti__flag iti__sj"></div><span class="iti__country-name">Svalbard et Jan Mayen</span><span class="iti__dial-code">+47</span>
</li>
<li id="iti-1__item-sy" class="iti__country " tabindex="-1" role="option" data-dial-code="963" data-country-code="sy" aria-selected="false">
<div class="iti__flag iti__sy"></div><span class="iti__country-name">Syrie</span><span class="iti__dial-code">+963</span>
</li>
<li id="iti-1__item-tj" class="iti__country " tabindex="-1" role="option" data-dial-code="992" data-country-code="tj" aria-selected="false">
<div class="iti__flag iti__tj"></div><span class="iti__country-name">Tadjikistan</span><span class="iti__dial-code">+992</span>
</li>
<li id="iti-1__item-tw" class="iti__country " tabindex="-1" role="option" data-dial-code="886" data-country-code="tw" aria-selected="false">
<div class="iti__flag iti__tw"></div><span class="iti__country-name">Taïwan</span><span class="iti__dial-code">+886</span>
</li>
<li id="iti-1__item-tz" class="iti__country " tabindex="-1" role="option" data-dial-code="255" data-country-code="tz" aria-selected="false">
<div class="iti__flag iti__tz"></div><span class="iti__country-name">Tanzanie</span><span class="iti__dial-code">+255</span>
</li>
<li id="iti-1__item-td" class="iti__country " tabindex="-1" role="option" data-dial-code="235" data-country-code="td" aria-selected="false">
<div class="iti__flag iti__td"></div><span class="iti__country-name">Tchad</span><span class="iti__dial-code">+235</span>
</li>
<li id="iti-1__item-cz" class="iti__country " tabindex="-1" role="option" data-dial-code="420" data-country-code="cz" aria-selected="false">
<div class="iti__flag iti__cz"></div><span class="iti__country-name">Tchéquie</span><span class="iti__dial-code">+420</span>
</li>
<li id="iti-1__item-io" class="iti__country " tabindex="-1" role="option" data-dial-code="246" data-country-code="io" aria-selected="false">
<div class="iti__flag iti__io"></div><span class="iti__country-name">Territoire britannique de l’océan Indien</span><span class="iti__dial-code">+246</span>
</li>
<li id="iti-1__item-ps" class="iti__country " tabindex="-1" role="option" data-dial-code="970" data-country-code="ps" aria-selected="false">
<div class="iti__flag iti__ps"></div><span class="iti__country-name">Territoires palestiniens</span><span class="iti__dial-code">+970</span>
</li>
<li id="iti-1__item-th" class="iti__country " tabindex="-1" role="option" data-dial-code="66" data-country-code="th" aria-selected="false">
<div class="iti__flag iti__th"></div><span class="iti__country-name">Thaïlande</span><span class="iti__dial-code">+66</span>
</li>
<li id="iti-1__item-tl" class="iti__country " tabindex="-1" role="option" data-dial-code="670" data-country-code="tl" aria-selected="false">
<div class="iti__flag iti__tl"></div><span class="iti__country-name">Timor oriental</span><span class="iti__dial-code">+670</span>
</li>
<li id="iti-1__item-tg" class="iti__country " tabindex="-1" role="option" data-dial-code="228" data-country-code="tg" aria-selected="false">
<div class="iti__flag iti__tg"></div><span class="iti__country-name">Togo</span><span class="iti__dial-code">+228</span>
</li>
<li id="iti-1__item-tk" class="iti__country " tabindex="-1" role="option" data-dial-code="690" data-country-code="tk" aria-selected="false">
<div class="iti__flag iti__tk"></div><span class="iti__country-name">Tokelau</span><span class="iti__dial-code">+690</span>
</li>
<li id="iti-1__item-to" class="iti__country " tabindex="-1" role="option" data-dial-code="676" data-country-code="to" aria-selected="false">
<div class="iti__flag iti__to"></div><span class="iti__country-name">Tonga</span><span class="iti__dial-code">+676</span>
</li>
<li id="iti-1__item-tt" class="iti__country " tabindex="-1" role="option" data-dial-code="1" data-country-code="tt" aria-selected="false">
<div class="iti__flag iti__tt"></div><span class="iti__country-name">Trinité-et-Tobago</span><span class="iti__dial-code">+1</span>
</li>
<li id="iti-1__item-tn" class="iti__country " tabindex="-1" role="option" data-dial-code="216" data-country-code="tn" aria-selected="false">
<div class="iti__flag iti__tn"></div><span class="iti__country-name">Tunisie</span><span class="iti__dial-code">+216</span>
</li>
<li id="iti-1__item-tm" class="iti__country " tabindex="-1" role="option" data-dial-code="993" data-country-code="tm" aria-selected="false">
<div class="iti__flag iti__tm"></div><span class="iti__country-name">Turkménistan</span><span class="iti__dial-code">+993</span>
</li>
<li id="iti-1__item-tr" class="iti__country " tabindex="-1" role="option" data-dial-code="90" data-country-code="tr" aria-selected="false">
<div class="iti__flag iti__tr"></div><span class="iti__country-name">Turquie</span><span class="iti__dial-code">+90</span>
</li>
<li id="iti-1__item-tv" class="iti__country " tabindex="-1" role="option" data-dial-code="688" data-country-code="tv" aria-selected="false">
<div class="iti__flag iti__tv"></div><span class="iti__country-name">Tuvalu</span><span class="iti__dial-code">+688</span>
</li>
<li id="iti-1__item-ua" class="iti__country " tabindex="-1" role="option" data-dial-code="380" data-country-code="ua" aria-selected="false">
<div class="iti__flag iti__ua"></div><span class="iti__country-name">Ukraine</span><span class="iti__dial-code">+380</span>
</li>
<li id="iti-1__item-uy" class="iti__country " tabindex="-1" role="option" data-dial-code="598" data-country-code="uy" aria-selected="false">
<div class="iti__flag iti__uy"></div><span class="iti__country-name">Uruguay</span><span class="iti__dial-code">+598</span>
</li>
<li id="iti-1__item-vu" class="iti__country " tabindex="-1" role="option" data-dial-code="678" data-country-code="vu" aria-selected="false">
<div class="iti__flag iti__vu"></div><span class="iti__country-name">Vanuatu</span><span class="iti__dial-code">+678</span>
</li>
<li id="iti-1__item-ve" class="iti__country " tabindex="-1" role="option" data-dial-code="58" data-country-code="ve" aria-selected="false">
<div class="iti__flag iti__ve"></div><span class="iti__country-name">Venezuela</span><span class="iti__dial-code">+58</span>
</li>
<li id="iti-1__item-vn" class="iti__country " tabindex="-1" role="option" data-dial-code="84" data-country-code="vn" aria-selected="false">
<div class="iti__flag iti__vn"></div><span class="iti__country-name">Vietnam</span><span class="iti__dial-code">+84</span>
</li>
<li id="iti-1__item-wf" class="iti__country " tabindex="-1" role="option" data-dial-code="681" data-country-code="wf" aria-selected="false">
<div class="iti__flag iti__wf"></div><span class="iti__country-name">Wallis-et-Futuna</span><span class="iti__dial-code">+681</span>
</li>
<li id="iti-1__item-ye" class="iti__country " tabindex="-1" role="option" data-dial-code="967" data-country-code="ye" aria-selected="false">
<div class="iti__flag iti__ye"></div><span class="iti__country-name">Yémen</span><span class="iti__dial-code">+967</span>
</li>
<li id="iti-1__item-zm" class="iti__country " tabindex="-1" role="option" data-dial-code="260" data-country-code="zm" aria-selected="false">
<div class="iti__flag iti__zm"></div><span class="iti__country-name">Zambie</span><span class="iti__dial-code">+260</span>
</li>
<li id="iti-1__item-zw" class="iti__country " tabindex="-1" role="option" data-dial-code="263" data-country-code="zw" aria-selected="false">
<div class="iti__flag iti__zw"></div><span class="iti__country-name">Zimbabwe</span><span class="iti__dial-code">+263</span>
</li>
</ul>
</div>
</div><input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3 iti__tel-input"
x-ref="input" id="data.personal_phone" type="tel" autocomplete="off" data-intl-tel-input-id="1" style="padding-left: 48px;" placeholder="06 12 34 56 78">
</div>
</div>
</div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.residence_city.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.residence_city">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Ville de Résidence<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.residence_city" type="text" wire:model="data.residence_city">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<div x-bind:tabindex="$el.querySelector('[autofocus]') ? '-1' : '0'" x-bind:class="{
'fi-active p-6': step === 'interets-et-objectifs',
'invisible absolute h-0 overflow-hidden p-0': step !== 'interets-et-objectifs',
}" x-on:expand="
if (! isStepAccessible('interets-et-objectifs')) {
return
}
step = 'interets-et-objectifs' " x-ref="step-interets-et-objectifs" class="fi-fo-wizard-step outline-none invisible absolute h-0 overflow-hidden p-0" aria-labelledby="interets-et-objectifs" id="interets-et-objectifs" role="tabpanel"
tabindex="0">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<div>
<div style="--cols-default: repeat(1, minmax(0, 1fr)); --cols-lg: repeat(2, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] lg:grid-cols-[--cols-lg] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.prior_participation.Filament\Forms\Components\Toggle">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.prior_participation">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Avez-vous déjà participé à des salons ou conférences similaires
?<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<!--[if BLOCK]><![endif]-->
<button x-data="{
state: $wire.$entangle('data.prior_participation', true),
}" x-bind:aria-checked="state?.toString()" x-on:click="state = ! state" x-bind:class="
state
? 'fi-color-custom bg-custom-600 fi-color-primary'
: 'bg-gray-200 dark:bg-gray-700 fi-color-gray'
" x-bind:style="
state
? '--c-600:var(--primary-600)'
: '--c-600:var(--gray-600)'
" class="fi-fo-toggle relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent outline-none transition-colors duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-70 bg-gray-200 dark:bg-gray-700 fi-color-gray"
aria-checked="false" id="data.prior_participation" role="switch" type="button" wire:loading.attr="disabled" wire:target="data.prior_participation" style="--c-600:var(--gray-600)" data-has-alpine-state="true">
<span class="pointer-events-none relative inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out translate-x-0" x-bind:class="{
'translate-x-5 rtl:-translate-x-5': state,
'translate-x-0': ! state,
}">
<span class="absolute inset-0 flex h-full w-full items-center justify-center transition-opacity opacity-100 ease-in duration-200" aria-hidden="true" x-bind:class="{
'opacity-0 ease-out duration-100': state,
'opacity-100 ease-in duration-200': ! state,
}">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
<span class="absolute inset-0 flex h-full w-full items-center justify-center transition-opacity opacity-0 ease-out duration-100" aria-hidden="true" x-bind:class="{
'opacity-100 ease-in duration-200': state,
'opacity-0 ease-out duration-100': ! state,
}">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</span>
</button>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="hidden" wire:key="LmLvqSX4zngEyKf8SiWQ.data.prior_participation_details.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<section x-data="{
isCollapsed: false ,
}" class="fi-section rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="fi-section-content-ctn">
<div class="fi-section-content p-6">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_objectives.Filament\Forms\Components\CheckboxList">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.participation_objectives">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Objectifs de participation<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div x-data="{
areAllCheckboxesChecked: false,
checkboxListOptions: Array.from(
$root.querySelectorAll('.fi-fo-checkbox-list-option-label'),
),
search: '',
visibleCheckboxListOptions: [],
checkIfAllCheckboxesAreChecked: function () {
this.areAllCheckboxesChecked =
this.visibleCheckboxListOptions.length ===
this.visibleCheckboxListOptions.filter((checkboxLabel) =>
checkboxLabel.querySelector('input[type=checkbox]:checked'),
).length
},
toggleAllCheckboxes: function () {
state = ! this.areAllCheckboxesChecked
this.visibleCheckboxListOptions.forEach((checkboxLabel) => {
checkbox = checkboxLabel.querySelector('input[type=checkbox]')
if (checkbox.disabled) {
return
}
checkbox.checked = state
checkbox.dispatchEvent(new Event('change'))
})
this.areAllCheckboxesChecked = state
},
updateVisibleCheckboxListOptions: function () {
this.visibleCheckboxListOptions = this.checkboxListOptions.filter(
(checkboxListItem) => {
if (
checkboxListItem
.querySelector('.fi-fo-checkbox-list-option-label')
?.innerText.toLowerCase()
.includes(this.search.toLowerCase())
) {
return true
}
return checkboxListItem
.querySelector('.fi-fo-checkbox-list-option-description')
?.innerText.toLowerCase()
.includes(this.search.toLowerCase())
},
)
},
}" x-init="
updateVisibleCheckboxListOptions()
$nextTick(() => {
checkIfAllCheckboxesAreChecked()
})
Livewire.hook('commit', ({ component, commit, succeed, fail, respond }) => {
succeed(({ snapshot, effect }) => {
$nextTick(() => {
if (component.id !== 'LmLvqSX4zngEyKf8SiWQ') {
return
}
checkboxListOptions = Array.from(
$root.querySelectorAll('.fi-fo-checkbox-list-option-label'),
)
updateVisibleCheckboxListOptions()
checkIfAllCheckboxesAreChecked()
})
})
})
$watch('search', () => {
updateVisibleCheckboxListOptions()
checkIfAllCheckboxesAreChecked()
})
" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<div style="--cols-default: 1; --cols-lg: 2;" class="columns-[--cols-default] lg:columns-[--cols-lg] fi-fo-checkbox-list gap-4 -mt-4">
<!--[if BLOCK]><![endif]-->
<div wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_objectives.Filament\Forms\Components\CheckboxList.options.networking" class="break-inside-avoid pt-4">
<label class="fi-fo-checkbox-list-option-label flex gap-x-3">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10 mt-1"
value="networking" wire:loading.attr="disabled" wire:model="data.participation_objectives">
<div class="grid text-sm leading-6">
<span class="fi-fo-checkbox-list-option-label overflow-hidden break-words font-medium text-gray-950 dark:text-white"> Réseautage </span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</label>
</div>
<div wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_objectives.Filament\Forms\Components\CheckboxList.options.business_opportunities" class="break-inside-avoid pt-4">
<label class="fi-fo-checkbox-list-option-label flex gap-x-3">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10 mt-1"
value="business_opportunities" wire:loading.attr="disabled" wire:model="data.participation_objectives">
<div class="grid text-sm leading-6">
<span class="fi-fo-checkbox-list-option-label overflow-hidden break-words font-medium text-gray-950 dark:text-white"> Opportunités d'affaires </span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</label>
</div>
<div wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_objectives.Filament\Forms\Components\CheckboxList.options.partnerships" class="break-inside-avoid pt-4">
<label class="fi-fo-checkbox-list-option-label flex gap-x-3">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10 mt-1"
value="partnerships" wire:loading.attr="disabled" wire:model="data.participation_objectives">
<div class="grid text-sm leading-6">
<span class="fi-fo-checkbox-list-option-label overflow-hidden break-words font-medium text-gray-950 dark:text-white"> Partenariats </span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</label>
</div>
<div wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_objectives.Filament\Forms\Components\CheckboxList.options.knowledge" class="break-inside-avoid pt-4">
<label class="fi-fo-checkbox-list-option-label flex gap-x-3">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10 mt-1"
value="knowledge" wire:loading.attr="disabled" wire:model="data.participation_objectives">
<div class="grid text-sm leading-6">
<span class="fi-fo-checkbox-list-option-label overflow-hidden break-words font-medium text-gray-950 dark:text-white"> Acquisition de connaissances </span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</label>
</div>
<div wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_objectives.Filament\Forms\Components\CheckboxList.options.other" class="break-inside-avoid pt-4">
<label class="fi-fo-checkbox-list-option-label flex gap-x-3">
<input type="checkbox"
class="fi-checkbox-input rounded border-none bg-white shadow-sm ring-1 transition duration-75 checked:ring-0 focus:ring-2 focus:ring-offset-0 disabled:pointer-events-none disabled:bg-gray-50 disabled:text-gray-50 disabled:checked:bg-current disabled:checked:text-gray-400 dark:bg-white/5 dark:disabled:bg-transparent dark:disabled:checked:bg-gray-600 text-primary-600 ring-gray-950/10 focus:ring-primary-600 checked:focus:ring-primary-500/50 dark:text-primary-500 dark:ring-white/20 dark:checked:bg-primary-500 dark:focus:ring-primary-500 dark:checked:focus:ring-primary-400/50 dark:disabled:ring-white/10 mt-1"
value="other" wire:loading.attr="disabled" wire:model="data.participation_objectives">
<div class="grid text-sm leading-6">
<span class="fi-fo-checkbox-list-option-label overflow-hidden break-words font-medium text-gray-950 dark:text-white"> Autre </span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</label>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</section>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.participation_reason.Filament\Forms\Components\Textarea">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.participation_reason">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Raisons de participation<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-textarea overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<div wire:ignore.self="" style="">
<textarea ax-load="" ax-load-src="https://pasea-entreprises.com/js/filament/forms/components/textarea.js?v=3.2.121.0" x-data="textareaFormComponent({
initialHeight: 6.75,
shouldAutosize: false,
state: $wire.$entangle('data.participation_reason'),
})" x-model="state"
class="block h-full w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6"
id="data.participation_reason" placeholder="Expliquez en détail vos motivations pour participer à cet événement" rows="4" wire:model="data.participation_reason" data-has-alpine-state="true" x-ignore=""></textarea>
</div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: 1 / -1;" class="col-[--col-span-default]">
<!--[if BLOCK]><![endif]-->
<section x-data="{
isCollapsed: false ,
}" class="fi-section rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="fi-section-content-ctn">
<div class="fi-section-content p-6">
<div style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6">
<!--[if BLOCK]><![endif]-->
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.consent_to_share.Filament\Forms\Components\Toggle">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.consent_to_share">
<button x-data="{
state: $wire.$entangle('data.consent_to_share', false),
}" x-bind:aria-checked="state?.toString()" x-on:click="state = ! state" x-bind:class="
state
? 'fi-color-custom bg-custom-600 fi-color-primary'
: 'bg-gray-200 dark:bg-gray-700 fi-color-gray'
" x-bind:style="
state
? '--c-600:var(--primary-600)'
: '--c-600:var(--gray-600)'
" class="fi-fo-toggle relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent outline-none transition-colors duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-70 bg-gray-200 dark:bg-gray-700 fi-color-gray"
aria-checked="false" id="data.consent_to_share" role="switch" type="button" wire:loading.attr="disabled" wire:target="data.consent_to_share" style="--c-600:var(--gray-600)" data-has-alpine-state="true">
<span class="pointer-events-none relative inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out translate-x-0" x-bind:class="{
'translate-x-5 rtl:-translate-x-5': state,
'translate-x-0': ! state,
}">
<span class="absolute inset-0 flex h-full w-full items-center justify-center transition-opacity opacity-100 ease-in duration-200" aria-hidden="true" x-bind:class="{
'opacity-0 ease-out duration-100': state,
'opacity-100 ease-in duration-200': ! state,
}">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
<span class="absolute inset-0 flex h-full w-full items-center justify-center transition-opacity opacity-0 ease-out duration-100" aria-hidden="true" x-bind:class="{
'opacity-100 ease-in duration-200': state,
'opacity-0 ease-out duration-100': ! state,
}">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</span>
</button>
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Je consens au partage de mes informations<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="LmLvqSX4zngEyKf8SiWQ.data.signature.Filament\Forms\Components\TextInput">
<!--[if BLOCK]><![endif]-->
<div data-field-wrapper="" class="fi-fo-field-wrp">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="grid gap-y-2">
<!--[if BLOCK]><![endif]-->
<div class="flex items-center gap-x-3 justify-between ">
<!--[if BLOCK]><![endif]--> <label class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="data.signature">
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white"> Signature (Nom complet)<!--[if BLOCK]><![endif]--><sup class="text-danger-600 dark:text-danger-400 font-medium">*</sup>
<!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="grid auto-cols-fr gap-y-2">
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div class="min-w-0 flex-1">
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3"
id="data.signature" placeholder="Votre nom complet comme signature" type="text" wire:model.live="data.signature">
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]-->
<div class="fi-fo-field-wrp-helper-text break-words text-sm text-gray-500"> Veuillez saisir votre nom complet exactement comme indiqué au début du formulaire </div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</section>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
<div class="flex items-center justify-between gap-x-3 px-6 pb-6">
<span x-on:click="previousStep" x-show="! isFirstStep()" style="display: none;">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<button style=";"
class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-btn-color-gray fi-color-gray fi-size-md fi-btn-size-md gap-1.5 px-3 py-2 text-sm inline-grid shadow-sm bg-white text-gray-950 hover:bg-gray-50 dark:bg-white/5 dark:text-white dark:hover:bg-white/10 ring-1 ring-gray-950/10 dark:ring-white/20 [input:checked+&]:bg-gray-400 [input:checked+&]:text-white [input:checked+&]:ring-0 [input:checked+&]:hover:bg-gray-300 dark:[input:checked+&]:bg-gray-600 dark:[input:checked+&]:hover:bg-gray-500 fi-ac-action fi-ac-btn-action"
type="button" wire:loading.attr="disabled">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<span class="fi-btn-label"> Précédent </span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</button>
</span>
<span x-show="isFirstStep()">
</span>
<span x-on:click="
$wire.dispatchFormEvent(
'wizard::nextStep',
'data',
getStepIndex(step),
)
" x-show="! isLastStep()">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<button style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);"
class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-md fi-btn-size-md gap-1.5 px-3 py-2 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 fi-ac-action fi-ac-btn-action"
type="button" wire:loading.attr="disabled" wire:target="dispatchFormEvent">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<span class="fi-btn-label"> Suivant </span>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" wire:loading.delay.default=""
wire:target="dispatchFormEvent">
<path clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd" fill="currentColor" opacity="0.2"></path>
<path d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z" fill="currentColor"></path>
</svg>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</button>
</span>
<span x-show="isLastStep()" style="display: none;">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<button x-data="{
form: null,
isProcessing: false,
processingMessage: null,
}" x-init="
form = $el.closest('form')
form?.addEventListener('form-processing-started', (event) => {
isProcessing = true
processingMessage = event.detail.message
})
form?.addEventListener('form-processing-finished', () => {
isProcessing = false
})
" x-bind:class="{ 'enabled:opacity-70 enabled:cursor-wait': isProcessing }" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);"
class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-md fi-btn-size-md gap-1.5 px-3 py-2 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full"
type="submit" wire:loading.attr="disabled" wire:target="submit" x-bind:disabled="isProcessing" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" wire:loading.delay.default="" wire:target="submit">
<path clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd" fill="currentColor" opacity="0.2"></path>
<path d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z" fill="currentColor"></path>
</svg>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" x-show="isProcessing" style="display: none;">
<path clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd" fill="currentColor" opacity="0.2"></path>
<path d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z" fill="currentColor"></path>
</svg>
<!--[if ENDBLOCK]><![endif]-->
<!--[if ENDBLOCK]><![endif]-->
<span x-show="! isProcessing" class="fi-btn-label"> Soumettre ma candidature </span>
<!--[if BLOCK]><![endif]--> <span x-show="isProcessing" x-text="processingMessage" class="fi-btn-label" style="display: none;"></span>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</button>
</span>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</form><form wire:submit.prevent="callMountedAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'LmLvqSX4zngEyKf8SiWQ-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'LmLvqSX4zngEyKf8SiWQ-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ-action') close()" x-on:open-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ-action') open()" x-trap.noscroll="isOpen" x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-show="isOpen" style="display: none;">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'LmLvqSX4zngEyKf8SiWQ-action' })
" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ') && $wire.mountedActions.length) open()" x-on:modal-closed.stop="const mountedActionShouldOpenModal = false
if (! mountedActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountAction(false, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'LmLvqSX4zngEyKf8SiWQ-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300" x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" style="display: none;"
data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form><form wire:submit.prevent="callMountedInfolistAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'LmLvqSX4zngEyKf8SiWQ-infolist-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'LmLvqSX4zngEyKf8SiWQ-infolist-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ-infolist-action') close()" x-on:open-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ-infolist-action') open()" x-trap.noscroll="isOpen" x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-show="isOpen" style="display: none;">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'LmLvqSX4zngEyKf8SiWQ-infolist-action' })
" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
x-on:closed-form-component-action-modal.window="if (($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ') && $wire.mountedInfolistActions.length) open()" x-on:modal-closed.stop="const mountedInfolistActionShouldOpenModal = false
if (! mountedInfolistActionShouldOpenModal) {
return
}
if ($wire.mountedFormComponentActions.length) {
return
}
$wire.unmountInfolistAction(false, false)" x-on:opened-form-component-action-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ') close()">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'LmLvqSX4zngEyKf8SiWQ-infolist-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" style="display: none;"
data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form><form wire:submit.prevent="callMountedFormComponentAction">
<div aria-modal="true" role="dialog" x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { id: 'LmLvqSX4zngEyKf8SiWQ-form-component-action' }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { id: 'LmLvqSX4zngEyKf8SiWQ-form-component-action' }),
)
})
},
}" x-on:close-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ-form-component-action') close()" x-on:open-modal.window="if ($event.detail.id === 'LmLvqSX4zngEyKf8SiWQ-form-component-action') open()" x-trap.noscroll="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}" class="fi-modal block" data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div x-show="isOpen" style="display: none;">
<div aria-hidden="true" x-show="isOpen" x-transition.duration.300ms.opacity="" class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75" style="display: none;"></div>
<div class="fixed inset-0 z-40 overflow-y-auto cursor-pointer">
<div x-ref="modalContainer" x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'LmLvqSX4zngEyKf8SiWQ-form-component-action' })
" class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4" x-on:modal-closed.stop="const mountedFormComponentActionShouldOpenModal = false
if (mountedFormComponentActionShouldOpenModal) {
$wire.unmountFormComponentAction(false, false)
}">
<div x-data="{ isShown: false }" x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
" x-on:keydown.window.escape="$dispatch('close-modal', { id: 'LmLvqSX4zngEyKf8SiWQ-form-component-action' })" x-show="isShown" x-transition:enter="duration-300" x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0" x-transition:enter-end="scale-100 opacity-100" x-transition:leave-start="scale-100 opacity-100" x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl hidden max-w-sm" style="display: none;"
data-has-alpine-state="true">
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
</div>
</div>
</form>Text Content
FORMULAIRE D'INSCRIPTION AU SALON
1. Type de profil Sélectionnez votre type d'organisation
2. Informations professionnelles Vos informations professionnelles
3. Informations personnelles Vos informations personnelles
4. Intérêts et objectifs Vos objectifs et motivations
Type d'organisation*
Sélectionnez votre type d'organisation
PME
Bureau d'études
Grande Entreprise
Votre Poste*
Nom de l'organisation*
Numéro RCCM*
ID.NAT*
Numéro d'impôt*
Adresse de l'organisation*
Ville*
Numéro de Téléphone*
France +33
244 résultats trouvés
*
Afghanistan+93
*
Afrique du Sud+27
*
Albanie+355
*
Algérie+213
*
Allemagne+49
*
Andorre+376
*
Angola+244
*
Anguilla+1
*
Antigua-et-Barbuda+1
*
Arabie saoudite+966
*
Argentine+54
*
Arménie+374
*
Aruba+297
*
Australie+61
*
Autriche+43
*
Azerbaïdjan+994
*
Bahamas+1
*
Bahreïn+973
*
Bangladesh+880
*
Barbade+1
*
Belgique+32
*
Belize+501
*
Bénin+229
*
Bermudes+1
*
Bhoutan+975
*
Biélorussie+375
*
Bolivie+591
*
Bosnie-Herzégovine+387
*
Botswana+267
*
Brésil+55
*
Brunéi Darussalam+673
*
Bulgarie+359
*
Burkina Faso+226
*
Burundi+257
*
Cambodge+855
*
Cameroun+237
*
Canada+1
*
Cap-Vert+238
*
Chili+56
*
Chine+86
*
Chypre+357
*
Colombie+57
*
Comores+269
*
Congo-Brazzaville+242
*
Congo-Kinshasa+243
*
Corée du Nord+850
*
Corée du Sud+82
*
Costa Rica+506
*
Côte d’Ivoire+225
*
Croatie+385
*
Cuba+53
*
Curaçao+599
*
Danemark+45
*
Djibouti+253
*
Dominique+1
*
Égypte+20
*
Émirats arabes unis+971
*
Équateur+593
*
Érythrée+291
*
Espagne+34
*
Estonie+372
*
Eswatini+268
*
État de la Cité du Vatican+39
*
États fédérés de Micronésie+691
*
États-Unis+1
*
Éthiopie+251
*
Fidji+679
*
Finlande+358
*
France+33
*
Gabon+241
*
Gambie+220
*
Géorgie+995
*
Ghana+233
*
Gibraltar+350
*
Grèce+30
*
Grenade+1
*
Groenland+299
*
Guadeloupe+590
*
Guam+1
*
Guatemala+502
*
Guernesey+44
*
Guinée+224
*
Guinée équatoriale+240
*
Guinée-Bissau+245
*
Guyana+592
*
Guyane française+594
*
Haïti+509
*
Honduras+504
*
Hongrie+36
*
Île Christmas+61
*
Île de l'Ascension+247
*
Île de Man+44
*
Île Norfolk+672
*
Îles Åland+358
*
Îles Caïmans+1
*
Îles Cocos+61
*
Îles Cook+682
*
Îles Féroé+298
*
Îles Malouines+500
*
Îles Mariannes du Nord+1
*
Îles Marshall+692
*
Îles Salomon+677
*
Îles Turques-et-Caïques+1
*
Îles Vierges britanniques+1
*
Îles Vierges des États-Unis+1
*
Inde+91
*
Indonésie+62
*
Irak+964
*
Iran+98
*
Irlande+353
*
Islande+354
*
Israël+972
*
Italie+39
*
Jamaïque+1
*
Japon+81
*
Jersey+44
*
Jordanie+962
*
Kazakhstan+7
*
Kenya+254
*
Kirghizistan+996
*
Kiribati+686
*
Kosovo+383
*
Koweït+965
*
La Réunion+262
*
Laos+856
*
Lesotho+266
*
Lettonie+371
*
Liban+961
*
Libéria+231
*
Libye+218
*
Liechtenstein+423
*
Lituanie+370
*
Luxembourg+352
*
Macédoine du Nord+389
*
Madagascar+261
*
Malaisie+60
*
Malawi+265
*
Maldives+960
*
Mali+223
*
Malte+356
*
Maroc+212
*
Martinique+596
*
Maurice+230
*
Mauritanie+222
*
Mayotte+262
*
Mexique+52
*
Moldavie+373
*
Monaco+377
*
Mongolie+976
*
Monténégro+382
*
Montserrat+1
*
Mozambique+258
*
Myanmar (Birmanie)+95
*
Namibie+264
*
Nauru+674
*
Népal+977
*
Nicaragua+505
*
Niger+227
*
Nigéria+234
*
Niue+683
*
Norvège+47
*
Nouvelle-Calédonie+687
*
Nouvelle-Zélande+64
*
Oman+968
*
Ouganda+256
*
Ouzbékistan+998
*
Pakistan+92
*
Palaos+680
*
Panama+507
*
Papouasie-Nouvelle-Guinée+675
*
Paraguay+595
*
Pays-Bas+31
*
Pays-Bas caribéens+599
*
Pérou+51
*
Philippines+63
*
Pologne+48
*
Polynésie française+689
*
Porto Rico+1
*
Portugal+351
*
Qatar+974
*
R.A.S. chinoise de Hong Kong+852
*
R.A.S. chinoise de Macao+853
*
République centrafricaine+236
*
République dominicaine+1
*
Roumanie+40
*
Royaume-Uni+44
*
Russie+7
*
Rwanda+250
*
Sahara occidental+212
*
Saint-Barthélemy+590
*
Saint-Christophe-et-Niévès+1
*
Saint-Marin+378
*
Saint-Martin+590
*
Saint-Martin (partie néerlandaise)+1
*
Saint-Pierre-et-Miquelon+508
*
Saint-Vincent-et-les-Grenadines+1
*
Sainte-Hélène+290
*
Sainte-Lucie+1
*
Salvador+503
*
Samoa+685
*
Samoa américaines+1
*
Sao Tomé-et-Principe+239
*
Sénégal+221
*
Serbie+381
*
Seychelles+248
*
Sierra Leone+232
*
Singapour+65
*
Slovaquie+421
*
Slovénie+386
*
Somalie+252
*
Soudan+249
*
Soudan du Sud+211
*
Sri Lanka+94
*
Suède+46
*
Suisse+41
*
Suriname+597
*
Svalbard et Jan Mayen+47
*
Syrie+963
*
Tadjikistan+992
*
Taïwan+886
*
Tanzanie+255
*
Tchad+235
*
Tchéquie+420
*
Territoire britannique de l’océan Indien+246
*
Territoires palestiniens+970
*
Thaïlande+66
*
Timor oriental+670
*
Togo+228
*
Tokelau+690
*
Tonga+676
*
Trinité-et-Tobago+1
*
Tunisie+216
*
Turkménistan+993
*
Turquie+90
*
Tuvalu+688
*
Ukraine+380
*
Uruguay+598
*
Vanuatu+678
*
Venezuela+58
*
Vietnam+84
*
Wallis-et-Futuna+681
*
Yémen+967
*
Zambie+260
*
Zimbabwe+263
E-mail de la structure
Secteur d'activités*
Sélectionnez une option
Hydraulique
Assainissement
Étude du secteur de l'eau et/ou assainissement
Fourniture d'eau et d'assainissement
Autres
Années d'expérience*
Votre chiffre d'affaires*
$
Mode de participation*
Sélectionnez une option
Présentiel
En ligne
Documents de l'organisation*
Faites glisser vos fichiers ou Parcourir
Téléchargez vos documents (RCCM, IDNAT, Numéro d'impôt, Preuve de paiement des
taxes)
Prénom*
Nom*
Genre*
Sélectionnez une option
Masculin
Féminin
Tranche d'âge*
Sélectionnez une option
De 20 ans à 29 ans
De 30 ans à 39 ans
De 40 ans à 49 ans
De 50 ans à 59 ans
De 60 ans et plus
NON DEFINI
Email*
Téléphone*
France +33
244 résultats trouvés
*
Afghanistan+93
*
Afrique du Sud+27
*
Albanie+355
*
Algérie+213
*
Allemagne+49
*
Andorre+376
*
Angola+244
*
Anguilla+1
*
Antigua-et-Barbuda+1
*
Arabie saoudite+966
*
Argentine+54
*
Arménie+374
*
Aruba+297
*
Australie+61
*
Autriche+43
*
Azerbaïdjan+994
*
Bahamas+1
*
Bahreïn+973
*
Bangladesh+880
*
Barbade+1
*
Belgique+32
*
Belize+501
*
Bénin+229
*
Bermudes+1
*
Bhoutan+975
*
Biélorussie+375
*
Bolivie+591
*
Bosnie-Herzégovine+387
*
Botswana+267
*
Brésil+55
*
Brunéi Darussalam+673
*
Bulgarie+359
*
Burkina Faso+226
*
Burundi+257
*
Cambodge+855
*
Cameroun+237
*
Canada+1
*
Cap-Vert+238
*
Chili+56
*
Chine+86
*
Chypre+357
*
Colombie+57
*
Comores+269
*
Congo-Brazzaville+242
*
Congo-Kinshasa+243
*
Corée du Nord+850
*
Corée du Sud+82
*
Costa Rica+506
*
Côte d’Ivoire+225
*
Croatie+385
*
Cuba+53
*
Curaçao+599
*
Danemark+45
*
Djibouti+253
*
Dominique+1
*
Égypte+20
*
Émirats arabes unis+971
*
Équateur+593
*
Érythrée+291
*
Espagne+34
*
Estonie+372
*
Eswatini+268
*
État de la Cité du Vatican+39
*
États fédérés de Micronésie+691
*
États-Unis+1
*
Éthiopie+251
*
Fidji+679
*
Finlande+358
*
France+33
*
Gabon+241
*
Gambie+220
*
Géorgie+995
*
Ghana+233
*
Gibraltar+350
*
Grèce+30
*
Grenade+1
*
Groenland+299
*
Guadeloupe+590
*
Guam+1
*
Guatemala+502
*
Guernesey+44
*
Guinée+224
*
Guinée équatoriale+240
*
Guinée-Bissau+245
*
Guyana+592
*
Guyane française+594
*
Haïti+509
*
Honduras+504
*
Hongrie+36
*
Île Christmas+61
*
Île de l'Ascension+247
*
Île de Man+44
*
Île Norfolk+672
*
Îles Åland+358
*
Îles Caïmans+1
*
Îles Cocos+61
*
Îles Cook+682
*
Îles Féroé+298
*
Îles Malouines+500
*
Îles Mariannes du Nord+1
*
Îles Marshall+692
*
Îles Salomon+677
*
Îles Turques-et-Caïques+1
*
Îles Vierges britanniques+1
*
Îles Vierges des États-Unis+1
*
Inde+91
*
Indonésie+62
*
Irak+964
*
Iran+98
*
Irlande+353
*
Islande+354
*
Israël+972
*
Italie+39
*
Jamaïque+1
*
Japon+81
*
Jersey+44
*
Jordanie+962
*
Kazakhstan+7
*
Kenya+254
*
Kirghizistan+996
*
Kiribati+686
*
Kosovo+383
*
Koweït+965
*
La Réunion+262
*
Laos+856
*
Lesotho+266
*
Lettonie+371
*
Liban+961
*
Libéria+231
*
Libye+218
*
Liechtenstein+423
*
Lituanie+370
*
Luxembourg+352
*
Macédoine du Nord+389
*
Madagascar+261
*
Malaisie+60
*
Malawi+265
*
Maldives+960
*
Mali+223
*
Malte+356
*
Maroc+212
*
Martinique+596
*
Maurice+230
*
Mauritanie+222
*
Mayotte+262
*
Mexique+52
*
Moldavie+373
*
Monaco+377
*
Mongolie+976
*
Monténégro+382
*
Montserrat+1
*
Mozambique+258
*
Myanmar (Birmanie)+95
*
Namibie+264
*
Nauru+674
*
Népal+977
*
Nicaragua+505
*
Niger+227
*
Nigéria+234
*
Niue+683
*
Norvège+47
*
Nouvelle-Calédonie+687
*
Nouvelle-Zélande+64
*
Oman+968
*
Ouganda+256
*
Ouzbékistan+998
*
Pakistan+92
*
Palaos+680
*
Panama+507
*
Papouasie-Nouvelle-Guinée+675
*
Paraguay+595
*
Pays-Bas+31
*
Pays-Bas caribéens+599
*
Pérou+51
*
Philippines+63
*
Pologne+48
*
Polynésie française+689
*
Porto Rico+1
*
Portugal+351
*
Qatar+974
*
R.A.S. chinoise de Hong Kong+852
*
R.A.S. chinoise de Macao+853
*
République centrafricaine+236
*
République dominicaine+1
*
Roumanie+40
*
Royaume-Uni+44
*
Russie+7
*
Rwanda+250
*
Sahara occidental+212
*
Saint-Barthélemy+590
*
Saint-Christophe-et-Niévès+1
*
Saint-Marin+378
*
Saint-Martin+590
*
Saint-Martin (partie néerlandaise)+1
*
Saint-Pierre-et-Miquelon+508
*
Saint-Vincent-et-les-Grenadines+1
*
Sainte-Hélène+290
*
Sainte-Lucie+1
*
Salvador+503
*
Samoa+685
*
Samoa américaines+1
*
Sao Tomé-et-Principe+239
*
Sénégal+221
*
Serbie+381
*
Seychelles+248
*
Sierra Leone+232
*
Singapour+65
*
Slovaquie+421
*
Slovénie+386
*
Somalie+252
*
Soudan+249
*
Soudan du Sud+211
*
Sri Lanka+94
*
Suède+46
*
Suisse+41
*
Suriname+597
*
Svalbard et Jan Mayen+47
*
Syrie+963
*
Tadjikistan+992
*
Taïwan+886
*
Tanzanie+255
*
Tchad+235
*
Tchéquie+420
*
Territoire britannique de l’océan Indien+246
*
Territoires palestiniens+970
*
Thaïlande+66
*
Timor oriental+670
*
Togo+228
*
Tokelau+690
*
Tonga+676
*
Trinité-et-Tobago+1
*
Tunisie+216
*
Turkménistan+993
*
Turquie+90
*
Tuvalu+688
*
Ukraine+380
*
Uruguay+598
*
Vanuatu+678
*
Venezuela+58
*
Vietnam+84
*
Wallis-et-Futuna+681
*
Yémen+967
*
Zambie+260
*
Zimbabwe+263
Ville de Résidence*
Avez-vous déjà participé à des salons ou conférences similaires ?*
Objectifs de participation*
Réseautage
Opportunités d'affaires
Partenariats
Acquisition de connaissances
Autre
Raisons de participation*
Je consens au partage de mes informations*
Signature (Nom complet)*
Veuillez saisir votre nom complet exactement comme indiqué au début du
formulaire
Précédent Suivant Soumettre ma candidature