<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Formulaire</name><api_version>1.0</api_version><size height='400' width='400' /><server>local://FormCptServer</server><blog en='675' /><gdpr enabled='true' /></metadata><includes><script href='/assets/precompile/date_time_picker.js?clearcache=2' mode='viewer' /><stylesheet href='/assets/precompile/date_time_picker.css?clearcache=2' mode='viewer' /></includes><view><content>&lt;div class=&quot;uicf_form&quot;&gt;&lt;form method=&apos;post&apos; action=&apos;#&apos;&gt;
	&lt;h3 class=&quot;font_title_2 uicf_title&quot;&gt;&lt;/h3&gt;
	&lt;div class=&quot;form_content&quot;&gt;
	  &lt;div class=&quot;items_container&quot;&gt;&lt;/div&gt;
	  &lt;div class=&quot;submit_form&quot;&gt;
		  &lt;div class=&apos;item_div uicf_captcha_div&apos; uitype=&apos;captcha&apos;&gt;&lt;/div&gt;
		  &lt;div class=&quot;component_gdpr_container uicf_gdpr&quot;&gt;&lt;/div&gt;
		  &lt;div style=&quot;text-align: center;&quot;&gt;
		    &lt;span&gt;
		      &lt;button class=&quot;submit-btn site_button cta&quot; type=&quot;submit&quot; /&gt;
		    &lt;/span&gt;
			  &lt;span&gt;
			    &lt;button class=&quot;reset-btn site_button&quot; type=&quot;reset&quot; /&gt;
			  &lt;/span&gt;
		  &lt;/div&gt;
	  &lt;/div&gt;
	&lt;/div&gt;
&lt;/form&gt;&lt;/div&gt;
&lt;div class=&quot;uicf_alert&quot;&gt;
	&lt;div&gt;
		&lt;p class=&quot;uicf_img_ctn&quot;&gt;
			&lt;span class=&apos;fonticon&apos;&gt;&lt;/span&gt;
		&lt;/p&gt;
		&lt;div class=&quot;uicf_textcontainer&quot;&gt;
			&lt;p class=&quot;uicf_ptxt&quot; uitype=&quot;editor&quot; uiname=&quot;alert_html&quot; data-editor_params=&apos;{&quot;disable_align_insertion&quot;: true}&apos;&gt;&lt;/p&gt;
		&lt;/div&gt;
		&lt;div style=&quot;text-align: center; padding: 5px;&quot;&gt;
			&lt;input type=&quot;button&quot; class=&quot;uicf_close_alert site_button&quot; value=&quot;Fermer&quot;/&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
</content><properties><inputText default='"Titre principal du formulaire"' name='main_title' title='Titre' /><trigger_view class='example_button_trigger' help='Ouvre un panneau qui vous permet de voir et utiliser différents exemples (en chargeant leur configuration).' icon='ui_menu' method='init_examples' text='Charger un modèle' url='/cpt/box_examples' /><!-- Options--><options name='options' sortable='true' title='Gestion des champs'><!-- Input  --><option icon='rename' name='input' title='Champ texte'><inputText default='"Ceci est le texte par défaut de l&apos;étiquette."' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un texte sera requis' name='required' value='Requis' /><select class='uicf_prop_mask' default='"text"' display='Texte simple|Email|URL|Numéro de téléphone|Nombre' help='Choix de l&apos;orientation du menu' name='mask' title='Type' values='text|email|url|tel|number' /><select class='uicf_prop_autocomplete' default='"text"' display='Juste du texte|Nom|Prénom|Rue|Adresse 1|Adresse 2|Adresse 3|Localité|Ville|Etat|Province|Région|Code postal|Nom du pays|Email|Tél|Adresse|Langue|Date d&apos;anniversaire' help='Sélectionnez le &lt;b&gt;type d&apos;autocomplétion&lt;/b&gt; sur ce champ : si le visiteur a certaines &lt;b&gt;informations enregistrées dans son navigateur&lt;/b&gt;, elles seront pré-remplies automatiquement, ce qui permet d&apos;améliorer l&apos;expérience utilisateur et de répondre plus rapidement à votre formulaire.' name='autocomplete' title='Auto-complétion' values='text|name|given-name|street-address|address-line1|address-line2|address-line3|locality|city|state|province|region|postal-code|country-name|email|tel|url|language|bday' /></option><!-- Label  --><option icon='label' name='label' title='Étiquette'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /></option><!-- Separator  --><option icon='separator' name='separator' title='Séparateur' /><!-- Textarea  --><option icon='textarea' name='textarea' title='Zone de texte'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un texte sera requis' name='required' value='Requis' /></option><!-- Upload  --><option icon='upload' name='file' title='Envoi de fichiers'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un fichier sera requis' name='required' value='Requis' /><select default='"All"' display='Tous les types|Texte|Image|Vidéo|Audio|Pdf' help='Choisissez le type de champ de date ' name='position' values='All|Text|Image|Video|Audio|Pdf' /></option><!-- Multichoice  --><option icon='radio_button_checked' name='choice' title='Choix multiples'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un choix sera requis' name='required' value='Requis' /><select default='"select"' display='&#9660; Menu déroulant|  &#9675; Choix unique|&#9633; Choix multiples' help='Sélectionnez comment seront affichées les différentes possibilités :&lt;br&gt; &lt;b&gt;Liste déroulante :&lt;/b&gt; Affiche un choix multiple de façon condensée&lt;br&gt; &lt;b&gt;Choix unique :&lt;/b&gt; Permet de choisir 1 seul choix dans une liste&lt;br&gt; &lt;b&gt;Choix multiple :&lt;/b&gt; Le visiteur peut choisir plusieurs options' name='display' title='Style d&apos;affichage' values='select|radio|checkbox' /><trigger_view help='Ouvre un panneau qui vous permet de voir et utiliser différents exemples (en chargeant leur configuration).' icon='arrow-right' method='display_panel_option' text='Gérer les options' url='/cpt/box_examples' /></option><!-- Address  --><option icon='home' name='address' title='Adresse'><checkbox default='true' help='Si coché, une date sera requise' name='required' value='Requis' /></option><!-- Sliders --><option icon='sliders' name='slider' title='Nombre'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, une date sera requise' name='required' value='Requis' /><numbers default='[0,100,10]' name='slider_opt' titles='minimum|maximum|pas' /></option><!-- Datepickes  --><option icon='calendar2' name='date' title='Date, Heure'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, une date sera requise' name='required' value='Requis' /><checkbox default='false' help='Choisissez si un champ simple est affiché ou un calendrier' name='style' value='Affichage d&apos;un calendrier' /><select default='"date"' display='Date|Heure|Date et heure' help='Choisissez le type de champ de date&lt;br&gt; &lt;b&gt;Date&lt;/b&gt; Affiche un champ date (au format DD/MM/YYYY)&lt;br&gt; &lt;b&gt;Heure&lt;/b&gt; Affiche un champ heure (au format HH:MM)&lt;br&gt; &lt;b&gt;Date et heure&lt;/b&gt; Permet de sélectionner la date et l&apos;heure (au format DD/MM/YYYY, HH:MM)' name='mask' title='Date et/ou Heure' values='date|time|both' /></option></options><inputText default='"Envoyer l&apos;email"' name='submit_text' title='Boutons du formulaire' /><inputText default='"Réinitialiser le formulaire"' name='reset_text' /><trigger help='Modifier le message affiché lorsque le formulaire a été envoyé' icon='apply' method='toggle_view' text='Message de validation' trigger='modify' /><server_manage help='Ouvre une page vous permettant d&apos;ajouter des adresses emails à votre compte SiteW et de les configurer en tant que destination de ce module une fois que votre site est publié.' icon='art_track' text='Adresses de destination' url='/account/manage_emails' /><textarea default='' help='Si vous utilisez un service de publicité (Google Ads, Facebook Ads...), vous pouvez ajouter ici un code HTML de suivi de conversion pour que le nombre de personnes qui ont répondues au formulaire soit comptabilisé dans le système de publicité' name='tracking_code' text='Code de suivi de conversion' /></properties><design_properties><tabs display='Module|Éléments'><tab><listType background='transparent' class='list_types' default='"block"' name='label_position' title='Position de l&apos;étiquette' type='form' /><align default='"left"' name='label_alignement' title='Alignement de l&apos;étiquette' with_justify='false' /></tab><tab><trigger_preset class='gtbackdrop_prop_custom' gt_type='backdrop' help='Sélectionnez un style prédéfini de fond' icon='palette' mode='select' name='backdrop_preset' text='Style de fond' /><trigger_preset class='gttextbox_prop_custom' gt_type='textbox' help='Sélectionnez un style prédéfini pour les champs texte du formulaire' icon='palette' mode='select' name='textboxes_preset' text='Style des champs texte' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Sélectionnez un style prédéfini pour le bouton de soumission du formulaire' icon='palette' mode='select' name='send_button_preset' text='Style du bouton d&apos;envoi' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Sélectionnez un style prédéfini pour le bouton d&apos;annulation du formulaire' icon='palette' mode='select' name='cancel_button_preset' text='Style du bouton d&apos;annulation' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Sélectionnez un style prédéfini pour le bouton de fermeture du formulaire' icon='palette' mode='select' name='close_button_preset' text='Style du bouton de fermeture' /></tab></tabs></design_properties></view><script>UI_List.UI_Form={initialize:function(e){this.cpt=e
;e.setOptions([&quot;locked&quot;,&quot;footer&quot;]);this.node=e.node
;this.examples=[[{type:&quot;type&quot;,
text:&quot;Formulaire de d\xe9monstration&quot;,
description:&quot;Formulaire avec tous les champs disponibles&quot;},{
type:&quot;label&quot;,required:!1,
text:&quot;Ceci est un exemple de description&quot;},{type:&quot;label&quot;,
required:!1,
text:&quot;Vous pouvez mettre tout ce que vous souhaitez...&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Nom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Email&quot;,mask:&quot;email&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Num\xe9ro de t\xe9l\xe9phone&quot;,mask:&quot;tel&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;L&apos;URL de votre site&quot;,mask:&quot;url&quot;
},{type:&quot;address&quot;,required:!0},{type:&quot;date&quot;,required:!0,
label:&quot;Date de naissance&quot;,mask:&quot;date&quot;,style:!0},{type:&quot;input&quot;,
required:!0,label:&quot;Exemple de nombres&quot;,mask:&quot;number&quot;},{
type:&quot;file&quot;,required:!0,label:&quot;Envoyer un fichier&quot;,mask:&quot;all&quot;},{
type:&quot;slider&quot;,required:!0,label:&quot;Exemple de nombres&quot;,
slider_opt:[0,10,1]},{type:&quot;choice&quot;,required:!0,
display:&quot;select&quot;,label:&quot;Type de probl\xe8me&quot;,
options:[&quot;Crash&quot;,&quot;Erreur&quot;,&quot;Perte&quot;]},{type:&quot;choice&quot;,required:!1,
display:&quot;checkbox&quot;,label:&quot;Suggestion \xe0 soumettre&quot;,
options:[&quot;Conseil&quot;,&quot;Nouveaut\xe9s&quot;,&quot;Am\xe9lioration&quot;]},{
type:&quot;choice&quot;,required:!1,display:&quot;radio&quot;,
label:&quot;Type de probl\xe8me&quot;,options:[&quot;Crash&quot;,&quot;Erreur&quot;,&quot;Perte&quot;]
},{type:&quot;textarea&quot;,required:!1,label:&quot;Votre message&quot;,rows:10,
cols:50},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt; &lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;40,2 40,14 52,14 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;52,30 52,14 40,2 4,2 4,62 52,62 52,48 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polygon data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 43,49 37,50 38,44 56,26 61,31 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polygon&gt; &lt;/g&gt; &lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Formulaire de contact simple&quot;,
description:&quot;Formulaire sommaire demandant au visiteur son nom, pr\xe9nom, email et un message&quot;
},{type:&quot;input&quot;,required:!0,label:&quot;Nom&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!1,label:&quot;Pr\xe9nom&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Mail&quot;,mask:&quot;email&quot;},{
type:&quot;textarea&quot;,required:!1,label:&quot;Votre message&quot;,rows:10,
cols:50},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt; &lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 38,16 62,16 62,58 2,58 2,16 26,16 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M38,20H26V8 c0-3.3,2.7-6,6-6h0c3.3,0,6,2.7,6,6V20z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M20,38L20,38 c-2.2,0-4-1.8-4-4v-2c0-2.2,1.8-4,4-4h0c2.2,0,4,1.8,4,4v2C24,36.2,22.2,38,20,38z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;38&quot; y1=&quot;36&quot; x2=&quot;54&quot; y2=&quot;36&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;38&quot; y1=&quot;44&quot; x2=&quot;48&quot; y2=&quot;44&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M30,48H10v0 c0-3.3,2.7-6,6-6h8C27.3,42,30,44.7,30,48L30,48z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;32&quot; y1=&quot;12&quot; x2=&quot;32&quot; y2=&quot;10&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;/g&gt; &lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Formulaire de contact avanc\xe9&quot;,
description:&quot;Formulaire de contact complet permettant de recueillir plus d&apos;informations sur un client (num\xe9ro de t\xe9l\xe9phone, date de naissance, type de message)&quot;
},{type:&quot;input&quot;,required:!0,label:&quot;Nom&quot;,mask:&quot;text&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;input&quot;,required:!0,label:&quot;Pr\xe9nom&quot;,
mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Num\xe9ro de t\xe9l\xe9phone&quot;,mask:&quot;tel&quot;},{type:&quot;date&quot;,
required:!0,label:&quot;Date de naissance&quot;,mask:&quot;date&quot;,style:!0},{
type:&quot;choice&quot;,required:!0,display:&quot;select&quot;,
label:&quot;Type de message&quot;,
options:[&quot;Am\xe9lioration&quot;,&quot;Bug&quot;,&quot;F\xe9licitations&quot;]},{
type:&quot;textarea&quot;,required:!0,label:&quot;Votre message&quot;,rows:4,cols:50
},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;40&quot; y1=&quot;14&quot; x2=&quot;62&quot; y2=&quot;14&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;40&quot; y1=&quot;26&quot; x2=&quot;62&quot; y2=&quot;26&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;50&quot; y1=&quot;38&quot; x2=&quot;62&quot; y2=&quot;38&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;50&quot; y1=&quot;50&quot; x2=&quot;62&quot; y2=&quot;50&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M38,55H2v-9.483 c0-3.55,2.328-6.669,5.733-7.677C10.92,36.896,15.208,36,20,36c4.713,0,9.027,0.911,12.25,1.864c3.411,1.008,5.75,4.125,5.75,7.682 V55z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M10,18 c0-5.523,4.477-10,10-10s10,4.477,10,10s-4.477,12-10,12S10,23.523,10,18z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Questionnaire de satisfaction&quot;,
description:&quot;Ce formulaire collecte des avis sur un produit.&quot;},{
type:&quot;label&quot;,required:!1,
text:&quot;Voici un exemple d&apos;enqu\xeate de satisfaction&quot;},{
type:&quot;textarea&quot;,required:!0,
label:&quot;Qu&apos;aimez-vous le plus \xe0 propos de notre produit?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;Quel changement, d&apos;apr\xe8s vous, serait le plus int\xe9ressant afin d&apos;am\xe9liorer notre produit ?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;Que pr\xe9f\xe9rez-vous par rapport aux produits concurrents ?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;Qu&apos;est-ce qui vous rendrait plus susceptible d&apos;utiliser notre nouveau produit?&quot;,
rows:4,cols:35},{type:&quot;choice&quot;,required:!0,display:&quot;radio&quot;,
label:&quot;Si notre nouveau produit \xe9tait disponible aujourd&apos;hui, avec quelle probabilit\xe9 le recommanderiez-vous \xe0 d&apos;autres personnes ?&quot;,
options:[&quot;Tr\xe8s probablement&quot;,&quot;Probablement&quot;,&quot;Peut-\xeatre&quot;,&quot;Peu probablement&quot;,&quot;Pas du tout&quot;]
},{type:&quot;choice&quot;,required:!0,display:&quot;checkbox&quot;,
label:&quot;Pensez-vous que ce produit soit une bonne id\xe9e ?&quot;,
options:[&quot;Oui vraiment !&quot;,&quot;Oui&quot;,&quot;Mod\xe9r\xe9ment&quot;,&quot;Non&quot;,&quot;Absolument pas&quot;]
},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M14,16 c0-7.732,6.268-14,14-14s14,6.268,14,14s-6.268,16-14,16S14,23.732,14,16z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M40.001,41.006 C36.641,40.405,32.65,40,28,40c-11.14,0-18.494,2.331-22.453,4.087C3.379,45.048,2,47.196,2,49.567V60h26&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;polygon data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 43,60 37,61 38,55 55,38 60,43 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polygon&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Estimation immobili\xe8re&quot;,
description:&quot;Ce formulaire permet \xe0 vos visiteurs de vous envoyer des d\xe9tails sur leur bien immobilier&quot;
},{type:&quot;label&quot;,required:!1,text:&quot;Comment est votre logement ?&quot;
},{type:&quot;choice&quot;,display:&quot;radio&quot;,required:!0,
label:&quot;Choisissez un type de logement&quot;,
options:[&quot;Maison&quot;,&quot;Plain-pied&quot;,&quot;Appartement&quot;,&quot;Villa&quot;]},{
type:&quot;slider&quot;,required:!0,label:&quot;Choisissez un prix&quot;,
slider_opt:[0,100,10]},{type:&quot;label&quot;,required:!1,
text:&quot;(Prix entre 10 000 et 1 000 000 euros)&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;file&quot;,required:!0,
label:&quot;Envoyez des photos de votre bien (images seulement)&quot;,
mask:&quot;image&quot;},{type:&quot;file&quot;,required:!1,
label:&quot;Envoyez vos derni\xe8res factures&quot;,mask:&quot;audio&quot;},{
type:&quot;file&quot;,required:!0,label:&quot;Envoyer d&apos;autres fichiers&quot;,
mask:&quot;text&quot;},{type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,
align:&quot;center&quot;,height:&quot;1&quot;},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;10,23.966 10,60 26.001,60 26.001,45 38.001,45 38.001,60 54,60 54,23.966 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polyline data-cap=&quot;butt&quot; data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;12,22.241 12,8 18,8 18,17.069 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;rect data-color=&quot;color-2&quot; x=&quot;26.001&quot; y=&quot;26&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; width=&quot;12&quot; height=&quot;10&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/rect&gt; &lt;polyline fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot;61,30 32,5 3,30 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Formulaire de r\xe9servation&quot;,
description:&quot;Ce formulaire vous permet d&apos;obtenir des informations sur vos clients et aussi des d\xe9tails sur les vacances qu&apos;ils souhaitent (dates, logement, nombre de personnes...)&quot;
},{type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;label&quot;,required:!1,
text:&quot;Vos coordonn\xe9es de contact&quot;},{type:&quot;separator&quot;,
width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,height:&quot;1&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Nom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Pr\xe9nom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Adresse&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Code postal&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Ville&quot;,mask:&quot;text&quot;},{type:&quot;choice&quot;,
display:&quot;select&quot;,required:!0,label:&quot;Pays&quot;,
options:[&quot;France&quot;,&quot;Belgique&quot;,&quot;\xc9tats-Unis&quot;]},{type:&quot;input&quot;,
required:!0,label:&quot;Email&quot;,mask:&quot;email&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Num\xe9ro de t\xe9l\xe9phone&quot;,mask:&quot;tel&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;label&quot;,required:!1,
text:&quot;Demande de r\xe9servation&quot;},{type:&quot;separator&quot;,width:&quot;50%&quot;,
shade:&quot;noshade&quot;,align:&quot;center&quot;,height:&quot;1&quot;},{type:&quot;date&quot;,
required:!0,label:&quot;Date de d\xe9but de s\xe9jour&quot;,mask:&quot;date&quot;,
style:!1},{type:&quot;date&quot;,required:!0,label:&quot;Heure d&apos;arriv\xe9e&quot;,
mask:&quot;time&quot;,style:!0},{type:&quot;date&quot;,required:!0,
label:&quot;Date de fin de s\xe9jour&quot;,mask:&quot;date&quot;,style:!1},{
type:&quot;date&quot;,required:!0,label:&quot;Heure de d\xe9part&quot;,mask:&quot;time&quot;,
style:!0},{type:&quot;choice&quot;,display:&quot;select&quot;,required:!0,
label:&quot;Type de logement&quot;,
options:[&quot;G\xeete&quot;,&quot;Appartement&quot;,&quot;Maison de ville&quot;]},{
type:&quot;input&quot;,required:!0,label:&quot;Nombre de personnes&quot;,
mask:&quot;number&quot;},{type:&quot;textarea&quot;,required:!0,label:&quot;Notes&quot;,
rows:4,cols:45},{type:&quot;choice&quot;,display:&quot;checkbox&quot;,required:!0,
label:&quot;&quot;,
options:[&quot;J&apos;accepte les conditions g\xe9n\xe9rales de vente&quot;]},{
type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;circle fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; cx=&quot;50&quot; cy=&quot;36&quot; r=&quot;6&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/circle&gt; &lt;circle fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; cx=&quot;14&quot; cy=&quot;36&quot; r=&quot;6&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/circle&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M26,60v-5.965 c0-1.42-0.745-2.726-1.967-3.449C22.088,49.435,18.716,48,14,48c-4.777,0-8.127,1.426-10.052,2.575C2.736,51.299,2,52.601,2,54.013 V60H26z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M62,60v-5.965 c0-1.42-0.745-2.726-1.967-3.449C58.088,49.435,54.716,48,50,48c-4.777,0-8.127,1.426-10.052,2.575 C38.736,51.299,38,52.601,38,54.013V60H62z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;polyline data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 22,14 28,20 42,6 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}]];this.old_size=400;this.recaptcha_original_size=350
;this.convert_type={image:&quot;image/*&quot;,all:&quot;*.*&quot;,audio:&quot;audio/*&quot;,
pdf:&quot;application/pdf&quot;,text:&quot;text/plain&quot;,video:&quot;video/*&quot;}},
add_helper:function(e,t,i,a,o){
var r=$(&apos;&lt;label class=&quot;&apos;+(o?&quot;label_form_nr&quot;:&quot;label_form&quot;)+&apos;&quot;&gt;&apos;).append($(&quot;&lt;span&gt;&quot;).text(t)).appendTo(e)
;$(&quot;&lt;input&gt;&quot;).attr({name:&quot;input&quot;+i,&quot;class&quot;:&quot; uicf_col_md_4&quot;,
type:&quot;text&quot;,autocomplete:a}).appendTo(r);return e},
createForm:function(){var e=this;this.one_required=!1
;var t=this.cpt.data.options
;this.cpt.data.options_order=this.cpt.data.options_order.filter(function(e){
return t[e]!=undefined})
;var i=$.map(this.cpt.data.options_order,function(e){return t[e]
})
;this.updated_container?this.updated_container.empty():this.updated_container=$(&quot;.items_container&quot;,this.cpt.node)
;this.submit_button=$(&quot;.submit-btn&quot;,this.footer)
;this.reset_button=$(&quot;.reset-btn&quot;,this.footer)
;var a=[],o=function(e){
return $(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;).append(e)},r=function(e,t){
var i=$(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;),a=i
;e.label&amp;&amp;(a=$(&quot;&lt;label class=&apos;label_form&apos;&gt;&quot;).append($(&quot;&lt;span&gt;&quot;).text(e.label)).appendTo(i))
;a.append(t)
;e.required&amp;&amp;i.find(&quot;.label_form &gt; span&quot;).append(&quot;&lt;p class=&apos;label_form_important&apos;&gt;*&lt;/p&gt;&quot;)
;return i};$.each(i,function(t,i){
i.required&amp;&amp;(e.one_required=!0);switch(i.type){case&quot;input&quot;:
var n=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;);n.attr({
name:&quot;input&quot;+a.length,type:i.mask});switch(i.mask){case&quot;tel&quot;:
n.attr(&quot;autocomplete&quot;,&quot;tel&quot;);break;case&quot;email&quot;:
n.attr(&quot;autocomplete&quot;,&quot;email&quot;);break;case&quot;url&quot;:
n.attr(&quot;autocomplete&quot;,&quot;url&quot;)}i.require&amp;&amp;n.attr(&quot;required&quot;,&quot;&quot;)
;e.updated_container.append(r(i,n));break;case&quot;address&quot;:
var s=$(&quot;&lt;div class=&apos;adress_container&apos;&gt;&quot;)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_street&apos;&gt;&quot;),&quot;Rue&quot;,a.length+&quot;.0&quot;,&quot;address-line1&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_second_line&apos;&gt;&quot;),&quot;Compl\xe9ment&quot;,a.length+&quot;.1&quot;,&quot;address-line2&quot;,!0).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_zip&apos;&gt;&quot;),&quot;Code postal&quot;,a.length+&quot;.4&quot;,&quot;postal-code&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_city&apos;&gt;&quot;),&quot;Ville&quot;,a.length+&quot;.2&quot;,&quot;locality&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_state&apos;&gt;&quot;),&quot;Etat / Province / R\xe9gion&quot;,a.length+&quot;.3&quot;,&quot;administrative-area&quot;,!0).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_country&apos;&gt;&quot;),&quot;Pays&quot;,a.length+&quot;.5&quot;,&quot;country-name&quot;).appendTo(s)
;a.push([&quot;Rue&quot;,&quot;Adresse 2&quot;,&quot;Ville&quot;,&quot;Etat / Province / R\xe9gion&quot;,&quot;Code postal&quot;,&quot;Pays&quot;])
;e.updated_container.append(r(i,s))
;e.updated_container.find(&quot;.adress_fields input&quot;).addClass(&quot;site_textbox&quot;)
;break;case&quot;date&quot;:var l=$(&quot;&lt;div&gt;&quot;)
;e.updated_container.append(r(i,l))
;var p,d={},c=&quot;DD/MM/YYYY&quot;,u=&quot;HH:mm&quot;;switch(i.mask){case&quot;date&quot;:
d.format=c;d.extraFormats=[c,c.replace(&quot;YYYY&quot;,&quot;YY&quot;)];break
;case&quot;time&quot;:d.format=u;break;case&quot;both&quot;:d.format=c+&quot; &quot;+u
;d.extraFormats=[c+&quot; &quot;+u,c.replace(&quot;YYYY&quot;,&quot;YY&quot;)+&quot; &quot;+u]
;d.sideBySide=!0}if(i.style)d.inline=i.style;else{
l.append($(&quot;&lt;input type=&apos;text&apos; class=&apos;site_textbox&apos; style=&apos;padding-left:35px;width:90%&apos;/&gt;&quot;))
;l.append($(&quot;&lt;span class=&apos;input-group-addon&apos;&gt;&quot;).append($(&quot;&lt;span class=&apos;fonticon&apos;&gt;&quot;).html($.fn.fonticon(&quot;calendar&quot;))))
;l.addClass(&quot;input-group date&quot;)}
p=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;).attr({type:&quot;hidden&quot;,
name:&quot;input&quot;+a.length,value:l.data(&quot;date&quot;)}).appendTo(l)
;l.datetimepicker(d).on(&quot;dp.change&quot;,function(e){
p.val(e.date.format())});break;case&quot;file&quot;:
var h=$(&quot;&lt;span&gt;&quot;).addClass(&quot;fonticon&quot;),m=$(&quot;&lt;div class=&apos;upload_link&apos;&gt;&quot;).append(h)
;m.append($(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).text(&quot;Ajouter un fichier&quot;))
;var f=$(&quot;&lt;div&gt;&quot;).addClass(&quot;file_container&quot;);m.attr({
name:&quot;input&quot;+a.length,href:&quot;&quot;}).appendTo(f)
;h.html($.fn.fonticon(&quot;add&quot;));f.data(&quot;attachments&quot;,[])
;m.click(function(){start_upload=function(){
$.each(this.files,function(t,i){
var a=$(&quot;&lt;div class=&apos;show_file open&apos;&gt;&quot;).appendTo($(f))
;$(&quot;&lt;span class=&apos;fonticon delete_file&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(){
var e=f.data(&quot;attachments&quot;);e.slice().each(function(t){
if(t[1]==i){e.remove(t);t[0].abort();a.remove()}})}).appendTo(a)
;$(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).addClass(i.name).text(i.name+&quot; (&quot;+Math.round(i.size/1024/1024*10)/10+&quot;M)&quot;).appendTo(a)
;var o=$(&quot;&lt;span class=percent&gt; 0%&lt;/span&gt;&quot;).appendTo(a),r=new FormData
;r.append(&quot;attachment&quot;,i);f.data(&quot;attachments&quot;).push([$.ajax({
url:&quot;/cpt_contact/upload&quot;,type:&quot;POST&quot;,dataType:&quot;json&quot;,cache:!1,
data:r,timeout:0,processData:!1,contentType:!1,autoretry:!1,
noretry:!0,filename:i.name,progressUpload:function(e){
o.text(&quot; &quot;+Math.max(Math.round(e.loaded/e.total*99)-1,0)+&quot;%&quot;)},
success:function(t){o.text(&quot;100%&quot;);setTimeout(function(){
o.html(&quot; &quot;)},1e3);e.updateCptSize();if(t.error){
alert(sprintf(&quot;Virus trouv\xe9 dans %1$s. Ce fichier ne sera pas envoy\xe9.&quot;,i.name))
;var r=f.data(&quot;attachments&quot;);r.slice().each(function(e){
if(e[1]==i){r.remove(e);e[0].abort();a.remove()}})}},
error:function(){}}),i])});$(&quot;.comma:last&quot;,f).remove()
;e.updateCptSize()}
;$(&quot;&lt;input type=file style=&apos;display:none&apos; name=&apos;attachments[]&apos; multiple=1 accept=&apos;&quot;+(e.convert_type[i.position.toLowerCase()||&quot;all&quot;]||&quot;*.*&quot;)+&quot;&apos; onchange=&apos;start_upload.call(this)&apos;&gt;&quot;).appendTo(e.updated_container)[0].click()
;return!1});e.updated_container.append(r(i,f));break
;case&quot;textarea&quot;:
var _=$(&quot;&lt;textarea autocomplete=&apos;&apos; class=&apos;site_textbox&apos;&gt;&quot;)
;_.attr({name:&quot;input&quot;+a.length,rows:i.rows,cols:i.cols})
;e.updated_container.append(r(i,_));break;case&quot;label&quot;:
e.updated_container.append($(&quot;&lt;div class=&apos;item_div label_div&apos;&gt;&quot;).append($(&quot;&lt;label class=&apos;label_div&apos;&gt;&quot;).text(i.label)))
;break;case&quot;choice&quot;:i.display=i.display||&quot;select&quot;
;switch(i.display){case&quot;select&quot;:var b=$(&quot;&lt;select&gt;&quot;);b.attr({
name:&quot;input&quot;+a.length})
;e.updated_container.append(r(i,$(&apos;&lt;div class=&quot;select_style&quot;&gt;&apos;).append(b)))
;$.each(i.options,function(e,t){var i=$(&quot;&lt;option&gt;&quot;);i.attr({
value:t}).text(t);b.append(i)});break;case&quot;checkbox&quot;:
case&quot;radio&quot;:var k=$(&quot;&lt;div&gt;&quot;),y=$.fn.genId(&quot;__&quot;+i.display)
;e.updated_container.append(r(i,k))
;$.each(i.options,function(e,t){
var o=$(&quot;&lt;div&gt;&quot;),r=$(&quot;&lt;input&gt;&quot;),n=$(&quot;&lt;label&gt;&quot;);r.attr({id:y,
name:&quot;input&quot;+a.length,type:i.display,value:t})
;n.text(t).prepend(r);o.append(n);k.append(o)})}break
;case&quot;slider&quot;:
var g=$(&quot;&lt;input&gt;&quot;),x=$(&quot;&lt;input type=&apos;number&apos; class=&apos;lab_slider site_textbox&apos;/&gt;&quot;)
;g.attr({name:&quot;input&quot;+a.length,type:&quot;range&quot;})
;i.slider_opt&amp;&amp;[g,x].each(function(e){e.attr({
max:i.slider_opt[1],min:i.slider_opt[0],step:i.slider_opt[2],
value:(i.slider_opt[0]+i.slider_opt[1])/2})})
;g.change(function(){x.val($(this).val())}).change()
;x.change(function(){g.val($(this).val());$(this).val(g.val())})
;e.updated_container.append(r(i,g));x.insertAfter(g);break
;case&quot;separator&quot;:var v=$(&quot;&lt;hr&gt;&quot;);v.attr({size:i.height,
align:i.align,width:&quot;100%&quot;});i.require&amp;&amp;v.attr(&quot;noshade&quot;,&quot;&quot;)
;e.updated_container.append(o(v))}
&quot;address&quot;!=i.type&amp;&amp;a.push(i.label==undefined?null:i.label)})
;this.setResponsive()
;this.changeAlignement(this.cpt.data.label_alignement)
;this.setStyle(this.cpt.data.label_position)
;this.title.text(this.cpt.data.main_title)
;this.one_required&amp;&amp;this.updated_container.append($(&quot;&lt;span class=&apos;span_form_important&apos;&gt;*: Champs obligatoires.&lt;/span&gt;&quot;))
;this.labels=a;this.updateCptSize()},setResponsive:function(){
if(this.captcha_div.width()&lt;300){
this.formbox.addClass(&quot;uicf_resp&quot;)
;this.captcha_div.css(&quot;min-height&quot;,138)}else{
this.formbox.removeClass(&quot;uicf_resp&quot;)
;this.captcha_div.css(&quot;min-height&quot;,78)}this.updateCptSize()},
show_errors:function(e){var t=this
;t.node.find(&quot;.captcha_error, .other_error&quot;).remove()
;$.each(e,function(e,i){
if(&quot;g-recaptcha-response&quot;==e||&quot;captcha&quot;==e){
$(&quot;&lt;p class=&apos;captcha_error&apos;&gt;&quot;).text(i.value).prependTo(t.footer).css(&quot;color&quot;,&quot;red&quot;)
;&quot;captcha&quot;==e&amp;&amp;t.formbox.find(&quot;.captcha_field&quot;).addClass(&quot;has_error&quot;).one(&quot;click&quot;,function(){
$(this).removeClass(&quot;has_error&quot;)});t._setRecaptcha()
;t.updateCptSize()}else if(&quot;other&quot;==e){
$(&quot;&lt;p class=&apos;other_error&apos;&gt;&quot;).insertBefore(t.submit_button).css(&quot;color&quot;,&quot;red&quot;).text(i.value)
;t.updateCptSize()}else{
var a=t.formbox.find(&quot;[name=&apos;&quot;+e+&quot;&apos;]&quot;),o=a.prev()
;switch(i.type){case&quot;date&quot;:
a.prev().prev().addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;click&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();o.css(&quot;color&quot;,&quot;grey&quot;)
});o.css(&quot;color&quot;,&quot;red&quot;);break;case&quot;input&quot;:
a.addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;keydown&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();o.css(&quot;color&quot;,&quot;grey&quot;)
});case&quot;checkbox&quot;:
a.closest(&quot;label&quot;).parent().closest(&quot;label&quot;).css(&quot;color&quot;,&quot;red&quot;).addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;mousedown&quot;,function(){
$(this).css(&quot;color&quot;,&quot;grey&quot;).removeClass(&quot;has_error&quot;).tooltip()})
;case&quot;required&quot;:
a.addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;focus&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();o.css(&quot;color&quot;,&quot;grey&quot;)
});break;default:statusController.message(i,&quot;warning&quot;)}}})},
onDisplay:function(e){var t=this;this.n={
gdpr:e.find(&quot;.component_gdpr_container&quot;)}
;this.title=e.find(&quot;h3&quot;)
;this.formbox=$(&quot;.uicf_form&quot;,this.cpt.node)
;this.form=this.formbox.find(&quot;form&quot;).attr(&quot;name&quot;,$.fn.genId(&quot;__form&quot;))
;this.updated_container=$(&quot;.items_container&quot;,this.form)
;this.footer=$(&quot;.submit_form&quot;,this.form)
;this.captcha_div=this.footer.find(&quot;.uicf_recaptcha_div&quot;)
;this.captcha_div.css(&quot;min-height&quot;,78);this._setRecaptcha()
;this.submit_button=$(&quot;.submit-btn&quot;,this.footer).text(this.cpt.data.submit_text)
;this.reset_button=$(&quot;.reset-btn&quot;,this.footer).text(this.cpt.data.reset_text)
;this.alertbox=$(&quot;.uicf_alert&quot;,this.cpt.node)
;this.alertbox.on(&quot;click&quot;,&quot;.uicf_close_alert&quot;,function(){
editorController.deselect();t.toggleView();t.updateCptSize()})
;this.uicf_ptxt=$(&quot;.uicf_ptxt&quot;,this.node)
;this.fonticon=$(&quot;.uicf_img_ctn .fonticon&quot;,this.node).html($.fn.fonticon(&quot;apply&quot;))
;this.cpt.data.options_order||this.setFormSamples(this.examples[1])
;this.createForm(this.cpt.data.form)
;this.cpt.data.alert_html=this.cpt.data.alert_html||&quot;Votre message a \xe9t\xe9 envoy\xe9 avec succ\xe8s. Merci.&quot;
;this.uicf_ptxt.append(this.cpt.data.alert_html)
;this.cpt.use_graphical_preset(&quot;button&quot;,[&quot;send_button_preset&quot;,&quot;cancel_button_preset&quot;,&quot;close_button_preset&quot;])
;this.cpt.use_graphical_preset(&quot;textbox&quot;,[&quot;textboxes_preset&quot;])
;this.cpt.use_graphical_preset(&quot;backdrop&quot;,[&quot;backdrop_preset&quot;])
;this.applyPreset();$.extend(this,componentGdpr);this.initGdpr()
;if(&quot;editor&quot;==v.mode){
this.cpt.setData(&quot;label_position&quot;,this.cpt.data.label_position?this.cpt.data.label_position:&quot;block&quot;)
;this.alertbox.on(&quot;click&quot;,function(e){
editorController.resumed&amp;&amp;e.target!=editorController.current_node&amp;&amp;editorController.deselect()
})}setTimeout(function(){
t.form=$(&quot;.uicf_form&quot;,t.cpt.node).find(&quot;form&quot;)
;t.form.on(&quot;submit&quot;,function(e){if(t.testFormGdpr(t.form)){
e.preventDefault();if(t.processing_submit)return!1
;t.processing_submit=!0
;var i=$.Deferred().resolve(),a=$($(this)[0].elements).not(&quot;[name=gdpr_checkbox]&quot;).serializeArray(),o=[]
;$(&quot;.file_container&quot;,t.cpt.node).each(function(e){var t=[]
;(e=$(this)).data(&quot;attachments&quot;).each(function(e){
i=i.then(function(){return e[0]},function(){return e[0]
}).then(function(i){i.error||t.push([e[1].name,e[1].size,i.url])
},function(e,t){
o.push(&quot;Erreur lors de l&apos;envoi d&apos;une pi\xe8ce jointe&quot;+this.filename+&quot; (&quot;+t+&quot;)&quot;)
;return o})});a.push({name:e.find(&quot;.upload_link&quot;).attr(&quot;name&quot;),
value:t})});i.then(function(){t.cpt.ask(a.reduce(function(e,t){
if(e[t.name]){$.isArray(e[t.name])||(e[t.name]=[e[t.name]])
;e[t.name].push(t.value)}else e[t.name]=t.value;return e},{
request:&quot;send_mail&quot;,url:location.href,
timezone:window.Intl?Intl.DateTimeFormat().resolvedOptions().timeZone:null,
gdpr:t.getGdpr(t.n.gdpr),labels:t.labels,
options:t.cpt.data.options,
options_order:t.cpt.data.options_order}),function(){
t.createForm();t.toggleView();t.alertbox.scrollIntoView()
;t.processing_submit=!1
;sigCtl.emit(&quot;UI_Form.sent&quot;,t.cpt.data.main_title)
;if(&quot;viewer&quot;==v.mode&amp;&amp;t.cpt.data.tracking_code&amp;&amp;&quot;&quot;!=t.cpt.data.tracking_code)try{
$(&quot;#body&quot;).append(t.cpt.data.tracking_code)}catch(e){
dbg.error(&quot;[UI_Form] Tracking code error&quot;,e.message)}
},function(e){t.show_errors(e)
;sigCtl.emit(&quot;UI_Form.failed&quot;,t.cpt.data.main_title)
;t.processing_submit=!1})});return!1}return!1})},500)},
onPropertyChanged:function(e){
e.include(&quot;submit_text&quot;)&amp;&amp;$(&quot;.submit-btn&quot;,this.cpt.node).text(this.cpt.data.submit_text)
;e.include(&quot;reset_text&quot;)&amp;&amp;$(&quot;.reset-btn&quot;,this.cpt.node).text(this.cpt.data.reset_text)
;if(e.include(&quot;modify&quot;)){editorController.deselect()
;this.toggleView();if(this.alertbox.is(&quot;:visible&quot;)){
editorController.select(this.cpt,$(&quot;[uitype=editor]&quot;,this.alertbox))
;statusController.message(&quot;Modifier le message affich\xe9 lorsque le formulaire a \xe9t\xe9 envoy\xe9&quot;)
}}
e.include(&quot;label_position&quot;)&amp;&amp;this.setStyle(this.cpt.data.label_position)
;e.include(&quot;display_examples&quot;)&amp;&amp;this.init_examples()
;(e.include(&quot;form&quot;)||e.include(&quot;options_order&quot;))&amp;&amp;this.createForm()
;var t=e.find_all(function(e){return e&amp;&amp;e.match(/#mask$/)})
;if(t.length){var i=this;$.each(t,function(e,t){
var a=t.replace(/^[^#]+#(.+?)#mask$/,&quot;$1&quot;),o=$(&quot;#&quot;+a)
;i._loadProperties(o,a)})}
e.include(&quot;label_alignement&quot;)&amp;&amp;this.changeAlignement(this.cpt.data.label_alignement)
;e.include(&quot;main_title&quot;)&amp;&amp;this.title.text(this.cpt.data.main_title)
;(e.include(&quot;send_button_preset&quot;)||e.include(&quot;cancel_button_preset&quot;)||e.include(&quot;close_button_preset&quot;)||e.include(&quot;textboxes_preset&quot;)||e.include(&quot;backdrop_preset&quot;))&amp;&amp;this.applyPreset()
;this.updateCptSize();this._showProp()},_showProp:function(){
var e=$(this.component.propertyNode).add(this.component.propertyDesignNode)
;$(&quot;.gtbutton_prop_custom, .gttextbox_prop_custom, .gtbackdrop_prop_custom&quot;,e).toggle(GraphicalType.available)
},changeAlignement:function(e){
this.cpt.getGTPreset(&quot;backdrop&quot;,&quot;backdrop_preset&quot;)||this.formbox.css(&quot;text-align&quot;,e)
;this.formbox.find(&quot;input, textarea&quot;).css(&quot;text-align&quot;,e)},
_loadProperties:function(e,t){
var i=$(&quot;span.uicf_prop_autocomplete&quot;,e);i=i.add(i.prev())
;&quot;text&quot;==this.cpt.data.options[t].mask?i.show():i.hide()},
setStyle:function(e){
this.formbox.removeClassMatch(/uicf_style_/).addClass(&quot;uicf_style_&quot;+e)
;var t=$(&quot;.label_form, .label_form_nr&quot;,this.cpt.node),i=t.find(&quot;&gt; input[type!=&apos;range&apos;]:not(.lab_slider), &gt; textarea&quot;,this.cpt.node)
;t.find(&quot;&gt;span&quot;).removeAttr(&quot;style&quot;)
;&quot;inner&quot;==e&amp;&amp;i.each(function(){
var e=$(this),t=e.parent().find(&quot;&gt;span:first&quot;)
;e.attr(&quot;placeholder&quot;,t.hide().text())})
;&quot;inline&quot;!=e&amp;&amp;&quot;block&quot;!=e||i.each(function(){
$(this).attr(&quot;placeholder&quot;,&quot;&quot;)})
;&quot;inline&quot;==e&amp;&amp;this.updated_container&amp;&amp;this.updated_container.find(&quot;.label_form &gt; span, .label_form_nr &gt; span&quot;).each(function(){
$(this).width($(this).textWidth())})},updateCptSize:function(){
var e=this;e.cpt.setSize({h:1e4});var t=[]
;$(&quot;*&quot;,$(&quot;.UI_Form&quot;)).each(function(){
t.push([this.offsetTop,this.offsetHeight,this.tagName,this.id,this.className])
});e.cpt.setSize({
h:(e.formbox.is(&quot;:visible&quot;)?e.formbox:e.alertbox).outerHeight(!0)
})},onShow:function(){this.updateCptSize()},onSelect:function(){
this.updateGdpr();this._showProp()},onResize:function(){
this.setStyle(this.cpt.node.width()&lt;300&amp;&amp;&quot;inline&quot;==this.cpt.data.label_position?&quot;block&quot;:this.cpt.data.label_position)
},onResizeStop:function(){
this.captcha_div.trigger(&quot;recaptacha:resize&quot;)
;this.updateCptSize();this.setResponsive()},
onFontFamilyUpdate:function(){this.updateCptSize()},
toggleView:function(){this.formbox.toggle()
;this.alertbox.toggle()},updateArray:function(){
array=$.map($(&quot;#list_examples li:not(.removing) input&quot;),function(e){
return $(e).val()})
;this.cpt.setData(&quot;options#&quot;+this.choice_managing+&quot;#options&quot;,array)
;return array},display_panel_option:function(e){
var t,i=e.closest(&quot;.items_container&quot;).attr(&quot;id&quot;)
;$(document).off(&quot;click.uicf_panel_option&quot;).on(&quot;click.uicf_panel_option&quot;,function(e){
if(!($(e.target).hasClass(&quot;sort_btn_choices&quot;)||$(e.target).hasClass(&quot;add_choice_option&quot;)||$(e.target).hasClass(&quot;#design_blocks_wrapper&quot;)||0!=$(e.target).closest(&quot;#design_blocks_wrapper&quot;).length)){
$(&quot;#design_blocks_wrapper&quot;).desactivate()
;$(document).off(&quot;click.uicf_panel_option&quot;)}})
;t=this.cpt.data.options[i].options||[&quot;Premi\xe8re option&quot;,&quot;Deuxi\xe8me option&quot;,&quot;Troisi\xe8me option&quot;]
;this.init_choice_manager(t,i)},
init_choice_manager:function(e,t){this.choice_managing=t
;var i=$(&quot;#list_examples&quot;).addClass(&quot;list_form_choices&quot;)
;0!=i.children.length&amp;&amp;i.empty()
;var a=this,o=$(&quot;&lt;ul id=&apos;sortable_choices&apos;&gt;&lt;/ul&gt;&quot;).sortable({
axis:&quot;y&quot;,handle:&quot;.icon_drag&quot;,containment:&quot;parent&quot;,
placeholder:&quot;list_uiform_placeholder&quot;,stop:function(){
e=a.updateArray()}
}),r=$(&quot;&lt;button class=&apos;add_choice_option&apos;&gt;&quot;).append($(&quot;&lt;span class=&apos;fonticon add_choice_btn_icon&apos;&gt;&quot;).html($.fn.fonticon(&quot;add&quot;))).click(function(){
a.addOption(o,&quot;Nouveau choix&quot;,!0);e=a.updateArray()
}),n=$(&quot;&lt;a href=&apos;#&apos; class=&apos;sort_btn_choices&apos;&gt;&quot;).text(&quot;A-Z&quot;).click(function(){
var i=e.sort(function(e,t){
var i=String(e).toUpperCase(),a=String(t).toUpperCase()
;return i&gt;a?1:i&lt;a?-1:0});a.init_choice_manager(i,t)
;a.updateArray()});$.each(e,function(e,t){a.addOption(o,t)})
;0==$(&quot;#sortable_choices&quot;).length&amp;&amp;i.append(o);i.append(r)
;i.append(n)},addOption:function(e,t,i){
var a=this,o=$(&quot;&lt;li class=&apos;option_state_default&apos;&gt;&quot;),r=$(&quot;&lt;span class=&apos;icon_drag&apos;&gt;&quot;),n=$(&quot;&lt;input class=&apos;option_state_default_input&apos;&gt;&quot;).val(t).change(function(){
a.updateArray()});n.on(&quot;blur&quot;,function(){
if(0==$(this).val().length){$(this).val(&quot;Nouveau choix&quot;)
;$(this).trigger(&quot;change&quot;)}});n.focus(function(){
o.addClass(&quot;option_input_focused&quot;);$(this).select()
}).focusout(function(){o.removeClass(&quot;option_input_focused&quot;)})
;var s=$(&quot;&lt;button class=&apos;fonticon delete&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(){
var e=$(this).parent();e.addClass(&quot;removing&quot;)
;setTimeout(function(){e.remove()},500);a.updateArray()})
;o.append(r);o.append(n);o.append(s);e.append(o);i&amp;&amp;n.focus()},
init_examples:function(e){
var t=this.examples,i=$(&quot;&lt;ul id=&apos;ulexamples&apos;&gt;&lt;/ul&gt;&quot;),a=this
;0==i.find(&quot;li&quot;).length&amp;&amp;$.each(t,function(e,t){
var o=$(&quot;&lt;li class=&apos;container_form_example&apos;&gt;&quot;)
;&quot;icon&quot;==t[t.length-1].type&amp;&amp;o.append(&quot;&lt;div class=&apos;example_form_icon&apos;&gt;&quot;+t[t.length-1].val+&quot;&lt;/div&gt;&quot;)
;var r=$(&quot;&lt;div class=&apos;form_example&apos;&gt;&quot;).append($(&quot;&lt;h3&gt;&quot;).html(t[0].text))
;r.append($(&quot;&lt;label&gt;&quot;).html(t[0].description));o.append(r)
;i.append(o);o.on(&quot;click&quot;,function(){
$(&quot;#design_blocks_wrapper&quot;).desactivate();a.setFormSamples(t)
;a.cpt.recreatePropertyNode()})})
;$(document).off(&quot;click.uicf_init_examples&quot;).on(&quot;click.uicf_init_examples&quot;,function(t){
if(!$(t.target).is(e)&amp;&amp;0==$(t.target).closest(&quot;#design_blocks_wrapper&quot;).length){
$(&quot;#design_blocks_wrapper&quot;).desactivate()
;$(document).off(&quot;click.uicf_init_examples&quot;)}})
;0==$(&quot;#ulexamples&quot;).length&amp;&amp;$(&quot;#list_examples&quot;).addClass(&quot;list_examples_form&quot;).prepend(i)
},setFormSamples:function(e){var t=this,i={},a=[]
;$.each(e,function(e,t){if(&quot;type&quot;!=t.type&amp;&amp;&quot;icon&quot;!=t.type){
opt_uid=&quot;opt_&quot;+e;i[opt_uid]=t;a.push(opt_uid)}})
;historyController.offRecords(function(){
t.cpt.setData(&quot;options&quot;,i)})
;historyController.offRecords(function(){
t.cpt.setData(&quot;options_order&quot;,a)})},_setRecaptcha:function(){},
customSetDataCb:function(e,t){(null==e||t)&amp;&amp;this.createForm()},
applyPreset:function(){if(GraphicalType.available){
for(var e=GraphicalType.graphical_types.button.preset_data.prefix,t=[[&quot;send_button_preset&quot;,this.submit_button.parent()],[&quot;cancel_button_preset&quot;,this.reset_button.parent()],[&quot;close_button_preset&quot;,this.uicf_ptxt.parents(&quot;.uicf_alert&quot;).find(&quot;.uicf_close_alert&quot;).parent()]],i=0;i&lt;t.length;i++){
t[i][1].removeClassMatch(new RegExp(e))
;(o=this.cpt.getGTPreset(&quot;button&quot;,t[i][0]))&amp;&amp;t[i][1].addClass(&quot;gtbutton_preset &quot;+e+&quot;_&quot;+o)
}e=GraphicalType.graphical_types.textbox.preset_data.prefix
;var a=this.node.find(&quot;.uicf_form&quot;),o=this.cpt.getGTPreset(&quot;textbox&quot;,&quot;textboxes_preset&quot;)
;a.removeClassMatch(new RegExp(e));o&amp;&amp;a.addClass(e+&quot; &quot;+e+&quot;_&quot;+o)
;e=GraphicalType.graphical_types.backdrop.preset_data.prefix,
o=this.cpt.getGTPreset(&quot;backdrop&quot;,&quot;backdrop_preset&quot;)
;this.form.add(this.cpt.componentBody.find(&quot;.uicf_alert&quot;)).removeClassMatch(new RegExp(e))
;if(o){this.title.addClass(&quot;gt_backdrop_title&quot;)
;this.node.find(&quot;.form_content, .uicf_alert &gt; div&quot;).addClass(&quot;gt_backdrop_content&quot;)
;this.form.add(this.cpt.componentBody.find(&quot;.uicf_alert&quot;)).addClass(e+&quot; &quot;+e+&quot;_&quot;+o)
;this.formbox.css(&quot;padding&quot;,&quot;0&quot;)}else{
this.title.removeClass(&quot;gt_backdrop_title&quot;)
;this.cpt.componentBody.find(&quot;.form_content, .uicf_alert &gt; div&quot;).removeClass(&quot;gt_backdrop_content&quot;)
;this.formbox.css(&quot;padding&quot;,&quot;&quot;)}}}};</script><style>#body .component .uicf_form:not(.gttextbox_preset) .site_textbox.has_error,#body .component .uicf_form:not(.gttextbox_preset) textarea.has_error{background-color:#ffe8e6;color:#db2828;box-shadow:0 0 0 1px #f7a0a0 inset,0 0 0 0 transparent;border:none}#body .component .uicf_form.gttextbox_preset .site_textbox.has_error,#body .component .uicf_form.gttextbox_preset textarea.has_error{border-color:#db2828;box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent}.file_container{padding:5px}.file_container&gt;div{margin:5px 0}.UI_Form form:not(.gtbackdrop_preset) h3{text-align:center}.upload_link{background-color:#fff;border-radius:50px;color:#2572EB;cursor:pointer;display:inline-block;padding:5px;position:relative;-webkit-transition:background-color 0.25s ease,color 0.25s ease;transition:background-color 0.25s ease,color 0.25s ease}.upload_link .fonticon{cursor:pointer;display:inline-block;padding:5px}.upload_link .fonticon .delete_file{color:red}.upload_link .ul_tb{display:inline-block;max-width:0;overflow:hidden;padding:0;position:relative;top:3px;-webkit-transition:max-width 0.25s linear 0s,padding 0.2s linear 0s;transition:max-width 0.25s linear 0s,padding 0.2s linear 0s;white-space:nowrap}.upload_link:hover .ul_tb,.upload_link.open .ul_tb{max-width:200px;padding:0 5px}.show_file{border-radius:50px;cursor:pointer;display:block;max-width:200px;padding:5px;position:relative;-webkit-transition:background-color 0.25s ease 0s,color 0.25s ease 0s;transition:background-color 0.25s ease 0s,color 0.25s ease 0s}.show_file .fonticon{cursor:pointer;display:inline-block;padding:5px}.show_file .fonticon .delete_file{color:red}.show_file .ul_tb{display:inline-block;max-width:0;overflow:hidden;padding:0;position:relative;top:3px;-webkit-transition:max-width 0.25s linear 0s,padding 0.2s linear 0s;transition:max-width 0.25s linear 0s,padding 0.2s linear 0s;white-space:nowrap;text-overflow:ellipsis}.show_file:hover .ul_tb,.show_file.open .ul_tb{max-width:135px;padding:0 5px}.percent{display:inline-block;top:-1px;position:relative}.uicf_alert{-webkit-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);display:none}.uicf_ptxt{padding:5px}.uicf_ptxt.ct_invisible{opacity:0}.uicf_img_ctn .fonticon{font-size:100px;color:green}.item_div{padding:5px;overflow-y:visible;overflow-x:visible}.item_div&gt;div{position:relative}.item_div&gt;div&gt;div{padding:5px 0}.item_div&gt;select{background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#565656;font-size:14px;padding:4px;-webkit-transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s}.item_div hr{display:inline-block}.item_div [type=&quot;checkbox&quot;],.item_div [type=&quot;radio&quot;]{margin:2px}.uicf_form{padding:6px;box-sizing:border-box}.label_form_important{color:red;display:inline}.span_form_important,.uicf_form .require_info{color:red}.item_div&gt;select{background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#565656;font-size:14px;padding:4px;-webkit-transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s}.uicf_form input:not([type=&quot;checkbox&quot;]):not([type=&quot;radio&quot;]):not([type=&quot;range&quot;]):not(.lab_slider),.uicf_form textarea,.uicf_form .fonticon&gt;span{width:100%;box-sizing:border-box}.uicf_form select{width:100%}.uicf_style_inline .item_div:not(hr){width:calc(100% - 10px)}.uicf_style_inline label:not(.label_div),.uicf_style_inline div.adress_fields{display:table;width:100%}.uicf_style_inline label:not(.label_div) span,.uicf_style_inline label:not(.label_div) input,.uicf_style_inline div.adress_fields span,.uicf_style_inline div.adress_fields input{display:table-cell;word-wrap:break-word;vertical-align:top}.uicf_style_inline .file_container{float:right;margin-top:-18px}.uicf_style_inline label:not(.label_div) span{padding:0 5px;vertical-align:middle}.uicf_img_ctn{text-align:center}.uicf_textcontainer{text-align:center}.uicf_ttltxt{text-align:center}.uicf_ptxt{text-align:center}.uicf_img_alt{width:128px;height:128px}.component .UI_Form .uicf_form .item_div div&gt;.form-control{padding-left:30px}.item_div [type=&quot;checkbox&quot;],[type=&quot;radio&quot;]{margin:2px;vertical-align:middle}.uicf_form .item_div div.adr_zip{float:left;width:32%}.uicf_form .item_div div.adr_city{float:right;width:65%}.uicf_form .item_div div.adr_state{clear:both;float:left;width:47%}.uicf_form .item_div div.adr_country{float:right;width:50%}.uicf_form .item_div .date .input-group-addon{height:24px;padding:3px 7px}.sitew_editor .uicf_ptxt{cursor:pointer}.sitew_editor .uicf_ptxt:hover{background-color:rgba(0,0,0,0.1)}.uicf_form .item_div input[type=&quot;range&quot;]{display:inline-block;width:calc(100% - 70px)}.uicf_form .item_div .lab_slider{display:inline-block;width:65px;height:25px;vertical-align:top;background-color:#fff;text-align:center;padding-top:3px;box-sizing:border-box;border:1px solid #a7a7a7;margin-left:5px}.UI_Form .uicf_captcha_div{display:-webkit-box;display:flex}.UI_Form .uicf_captcha_div .captcha_img{margin-right:10px}.UI_Form .submit_form .site_button:empty{display:none}.UI_Form .bootstrap-datetimepicker-widget{max-width:250px}.uicf_form .item_div .site_textbox{outline:none}.uicf_form select option{color:#000}
</style></uidget>