espaceclients.eaudemarseille-metropole.fr Open in urlscan Pro
85.31.220.139  Public Scan

Submitted URL: https://espaceclients.eaudemarseille-metropole.fr/#/paiements/1205362Y40210800017491
Effective URL: https://espaceclients.eaudemarseille-metropole.fr/
Submission: On September 13 via manual from DE — Scanned from DE

Form analysis 2 forms found in the DOM

Name: demarchesForm

<form id="demarchesForm" name="demarchesForm"
  class="form-horizontal mt20 ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-email ng-valid-match ng-valid-mask ng-valid-parse ng-pristine ng-invalid-recaptcha" role="form"
  ng-submit="formCtl.submitForm()" novalidate="" style="">
  <!-- ngRepeat: indexField in stepInfo[formCtl.page].field track by $index -->
  <div ng-show="!formCtl.waiting" ng-repeat="indexField in stepInfo[formCtl.page].field track by $index" class="row ng-scope" style="">
    <!-- ngIf: !fields[indexField].isHidden -->
    <div class="col-md-9 col-md-offset-1 ng-scope" ng-if="!fields[indexField].isHidden">
      <!-- ngIf: fields[indexField].isEnteteVisible -->
      <div class="form-group has-feedback"
        ng-class="{'has-warning' : demarchesForm[fields[indexField].id][fields[indexField].id].$invalid  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$dirty, 'has-success' : demarchesForm[fields[indexField].id][fields[indexField].id].$dirty &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$valid }">
        <!-- ngIf: !fields[indexField].isFullLine --><label ng-if="!fields[indexField].isFullLine" class="col-xs-12 col-md-4 col-md-offset-1 control-label ng-scope">
          <!-- ngIf: fields[indexField].modalInfo -->
          <span ng-hide="fields[indexField].hideLabel" class="ng-binding">Nom</span>
          <!-- ngIf: fields[indexField].isRequired --><span class="text-danger ml5 ng-scope" ng-if="fields[indexField].isRequired">*</span><!-- end ngIf: fields[indexField].isRequired -->
        </label><!-- end ngIf: !fields[indexField].isFullLine -->
        <ng-form name="info_nom" class="ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength">
          <div ng-class="fields[indexField].isFullLine?'col-xs-12 col-md-12 col-lg-12':'col-xs-12 col-md-7'" class="input-form-new-ael col-xs-12 col-md-7">
            <div ng-switch="" on="fields[indexField].type">
              <!-- checkbox -->
              <!-- ngSwitchWhen: checkbox -->
              <!-- multipleSelect -->
              <!-- ngSwitchWhen: multipleSelect -->
              <!-- radio -->
              <!-- ngSwitchWhen: radio -->
              <!-- radioCustom -->
              <!-- ngSwitchWhen: radioCustom -->
              <!-- message -->
              <!-- ngSwitchWhen: message -->
              <!-- customText -->
              <!-- ngSwitchWhen: customText -->
              <!-- dynamicText -->
              <!-- ngSwitchWhen: dynamicText -->
              <!-- helpMessage -->
              <!-- ngSwitchWhen: helpMessage -->
              <!-- textarea -->
              <!-- ngSwitchWhen: textarea -->
              <!-- textarea_ckeditor -->
              <!-- ngSwitchWhen: textarea_ckeditor -->
              <!-- textareaCustom -->
              <!-- ngSwitchWhen: textareaCustom -->
              <!-- selectImage -->
              <!-- ngSwitchWhen: selectImage -->
              <!-- select -->
              <!-- ngSwitchWhen: select -->
              <!-- selectGeneric -->
              <!-- ngSwitchWhen: selectGeneric -->
              <!-- date -->
              <!-- ngSwitchWhen: date -->
              <!-- upload -->
              <!-- ngSwitchWhen: upload -->
              <!-- cadran -->
              <!-- ngSwitchWhen: cadran -->
              <!-- password -->
              <!-- ngSwitchWhen: password -->
              <!-- tel -->
              <!-- ngSwitchWhen: tel -->
              <!-- siret -->
              <!-- ngSwitchWhen: siret -->
              <!-- naf -->
              <!-- ngSwitchWhen: naf -->
              <!-- iban -->
              <!-- ngSwitchWhen: iban -->
              <!-- ibanFr -->
              <!-- ngSwitchWhen: ibanFr -->
              <!-- civilites -->
              <!-- ngSwitchWhen: civilites -->
              <!-- autoCountry -->
              <!-- ngSwitchWhen: autoCountry -->
              <!-- typesTelephone -->
              <!-- ngSwitchWhen: typesTelephone -->
              <!-- signature_document -->
              <!-- ngSwitchWhen: signature_document -->
              <!-- signature_contrat -->
              <!-- ngSwitchWhen: signature_contrat -->
              <!-- adresse -->
              <!-- ngSwitchWhen: adresse -->
              <!-- attachement_contrat -->
              <!-- ngSwitchWhen: attachement_contrat -->
              <!-- *.mask -->
              <!-- ngSwitchDefault: -->
              <div ng-switch-default="" class="ng-scope">
                <!-- ngIf: fields[indexField].mask -->
                <!--  *.mask/contrat -->
                <!-- ngIf: !fields[indexField].mask -->
                <div ng-if="!fields[indexField].mask" class="ng-scope">
                  <!-- ngIf: fields[indexField].type == 'contrat' -->
                  <!-- ngIf: fields[indexField].type !== 'contrat' -->
                  <div ng-if="fields[indexField].type !== 'contrat'" class="ng-scope">
                    <input popover-placement="top" uib-popover="Saisir votre nom" popover-trigger="'mouseenter'" placeholder="" type="text"
                      class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength" ng-attr-id="{{fields[indexField].id}}" name="info_nom"
                      ng-model="fields[indexField].value" ng-required="fields[indexField].isRequired" ng-pattern="[^<>$%]{1,30}" ng-disabled="fields[indexField].isReadOnly" style="" data-form-name="demarchesForm"
                      data-validate-against="fields[indexField].against" ng-blur="fields[indexField].validateJs($value)" min="" ng-style=" (fields[indexField].type === 'BIC' ) &amp;&amp; {'text-transform':'uppercase'};" id="info_nom"
                      required="required">
                  </div><!-- end ngIf: fields[indexField].type !== 'contrat' -->
                </div><!-- end ngIf: !fields[indexField].mask -->
              </div><!-- end ngSwitchWhen: -->
            </div>
            <p class="alert alert-danger ng-hide"
              ng-show="!demarchesForm[fields[indexField].id][fields[indexField].id].$error.required &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine &amp;&amp; fields[indexField].type === 'date' &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$invalid">
              Veuillez saisir une date <!-- ngIf: fields[indexField].isMaxdateByTodayActive && fields[indexField].min --> et au format dd/mm/yyyy. </p>
            <p class="alert alert-danger ng-hide" ng-class="{'n_mt5' : fields[indexField].type==='textarea'}"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine">
              Champ obligatoire </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.email  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Format email incorrect </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> caractères minimun
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Le nombre maximum de caractères
              est dépassè. </p>
            <!--p class="alert alert-danger"
						ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required && demarchesForm[fields[indexField].id][fields[indexField].id].$touched">
						 champs requis</p-->
            <p class="alert alert-danger ng-hide"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.pattern &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              Format incorrect </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.match  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              <!-- ngIf: fields[indexField].type=='password' -->
              <!-- ngIf: fields[indexField].type=='email' -->
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.date &amp;&amp; demarchesform[fields[indexField].id][fields[indexField].id].$touched "> Date incorrecte </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.max  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              inférieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.min  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              supérieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxSize &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Dépassement de la
              taille maximale autorisée : 2MB </p>
            <!-- Affichage des messages d'erreur customs -->
            <p class="alert alert-danger ng-binding ng-hide" ng-show="fields[indexField].hasCustomError">
            </p>
          </div>
        </ng-form>
      </div>
    </div><!-- end ngIf: !fields[indexField].isHidden -->
  </div><!-- end ngRepeat: indexField in stepInfo[formCtl.page].field track by $index -->
  <div ng-show="!formCtl.waiting" ng-repeat="indexField in stepInfo[formCtl.page].field track by $index" class="row ng-scope">
    <!-- ngIf: !fields[indexField].isHidden -->
    <div class="col-md-9 col-md-offset-1 ng-scope" ng-if="!fields[indexField].isHidden">
      <!-- ngIf: fields[indexField].isEnteteVisible -->
      <div class="form-group has-feedback"
        ng-class="{'has-warning' : demarchesForm[fields[indexField].id][fields[indexField].id].$invalid  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$dirty, 'has-success' : demarchesForm[fields[indexField].id][fields[indexField].id].$dirty &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$valid }"
        style="">
        <!-- ngIf: !fields[indexField].isFullLine --><label ng-if="!fields[indexField].isFullLine" class="col-xs-12 col-md-4 col-md-offset-1 control-label ng-scope">
          <!-- ngIf: fields[indexField].modalInfo --><span ng-if="fields[indexField].modalInfo" class="ng-scope">
            <span modal-info-directive="modal_info_facture" data-default-visuel="images/modalinfo/facture.jpg" class="ng-isolate-scope"><a class="cp mr5" ng-click="openModal();"><i class="glyphicon glyphicon-info-sign  "></i></a></span>
          </span><!-- end ngIf: fields[indexField].modalInfo -->
          <span ng-hide="fields[indexField].hideLabel" class="ng-binding">Numéro facture</span>
          <!-- ngIf: fields[indexField].isRequired --><span class="text-danger ml5 ng-scope" ng-if="fields[indexField].isRequired">*</span><!-- end ngIf: fields[indexField].isRequired -->
        </label><!-- end ngIf: !fields[indexField].isFullLine -->
        <ng-form name="info_numeroFacture" class="ng-valid ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-mask ng-valid-parse ng-pristine" style="">
          <div ng-class="fields[indexField].isFullLine?'col-xs-12 col-md-12 col-lg-12':'col-xs-12 col-md-7'" class="input-form-new-ael col-xs-12 col-md-7">
            <div ng-switch="" on="fields[indexField].type">
              <!-- checkbox -->
              <!-- ngSwitchWhen: checkbox -->
              <!-- multipleSelect -->
              <!-- ngSwitchWhen: multipleSelect -->
              <!-- radio -->
              <!-- ngSwitchWhen: radio -->
              <!-- radioCustom -->
              <!-- ngSwitchWhen: radioCustom -->
              <!-- message -->
              <!-- ngSwitchWhen: message -->
              <!-- customText -->
              <!-- ngSwitchWhen: customText -->
              <!-- dynamicText -->
              <!-- ngSwitchWhen: dynamicText -->
              <!-- helpMessage -->
              <!-- ngSwitchWhen: helpMessage -->
              <!-- textarea -->
              <!-- ngSwitchWhen: textarea -->
              <!-- textarea_ckeditor -->
              <!-- ngSwitchWhen: textarea_ckeditor -->
              <!-- textareaCustom -->
              <!-- ngSwitchWhen: textareaCustom -->
              <!-- selectImage -->
              <!-- ngSwitchWhen: selectImage -->
              <!-- select -->
              <!-- ngSwitchWhen: select -->
              <!-- selectGeneric -->
              <!-- ngSwitchWhen: selectGeneric -->
              <!-- date -->
              <!-- ngSwitchWhen: date -->
              <!-- upload -->
              <!-- ngSwitchWhen: upload -->
              <!-- cadran -->
              <!-- ngSwitchWhen: cadran -->
              <!-- password -->
              <!-- ngSwitchWhen: password -->
              <!-- tel -->
              <!-- ngSwitchWhen: tel -->
              <!-- siret -->
              <!-- ngSwitchWhen: siret -->
              <!-- naf -->
              <!-- ngSwitchWhen: naf -->
              <!-- iban -->
              <!-- ngSwitchWhen: iban -->
              <!-- ibanFr -->
              <!-- ngSwitchWhen: ibanFr -->
              <!-- civilites -->
              <!-- ngSwitchWhen: civilites -->
              <!-- autoCountry -->
              <!-- ngSwitchWhen: autoCountry -->
              <!-- typesTelephone -->
              <!-- ngSwitchWhen: typesTelephone -->
              <!-- signature_document -->
              <!-- ngSwitchWhen: signature_document -->
              <!-- signature_contrat -->
              <!-- ngSwitchWhen: signature_contrat -->
              <!-- adresse -->
              <!-- ngSwitchWhen: adresse -->
              <!-- attachement_contrat -->
              <!-- ngSwitchWhen: attachement_contrat -->
              <!-- *.mask -->
              <!-- ngSwitchDefault: -->
              <div ng-switch-default="" class="ng-scope">
                <!-- ngIf: fields[indexField].mask -->
                <div ng-if="fields[indexField].mask" class="ng-scope">
                  <input popover-placement="top" uib-popover="Numéro de la facture au format  XXXXXXX X XXXXXXXXXXXXXX" popover-trigger="'mouseenter'" type="text"
                    class="form-control ng-untouched ng-valid ng-not-empty ng-valid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-mask ng-valid-parse ng-pristine" ng-attr-id="{{fields[indexField].id}}"
                    mask="9999999 @ 99999999999999" mask-validate="true" mask-clean="true" name="info_numeroFacture" ng-model="fields[indexField].value" ng-paste="" ng-required="fields[indexField].isRequired" style=""
                    ng-disabled="fields[indexField].isReadOnly" data-form-name="demarchesForm" data-validate-against="fields[indexField].against" ng-blur="fields[indexField].validateJs($value)" min="" max="" ui-validate="" id="info_numeroFacture"
                    required="required">
                </div><!-- end ngIf: fields[indexField].mask -->
                <!--  *.mask/contrat -->
                <!-- ngIf: !fields[indexField].mask -->
              </div><!-- end ngSwitchWhen: -->
            </div>
            <p class="alert alert-danger ng-hide"
              ng-show="!demarchesForm[fields[indexField].id][fields[indexField].id].$error.required &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine &amp;&amp; fields[indexField].type === 'date' &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$invalid">
              Veuillez saisir une date <!-- ngIf: fields[indexField].isMaxdateByTodayActive && fields[indexField].min --> et au format dd/mm/yyyy. </p>
            <p class="alert alert-danger ng-hide" ng-class="{'n_mt5' : fields[indexField].type==='textarea'}"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine">
              Champ obligatoire </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.email  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Format email incorrect </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> caractères minimun
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Le nombre maximum de caractères
              est dépassè. </p>
            <!--p class="alert alert-danger"
						ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required && demarchesForm[fields[indexField].id][fields[indexField].id].$touched">
						 champs requis</p-->
            <p class="alert alert-danger ng-hide"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.pattern &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              Format incorrect </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.match  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              <!-- ngIf: fields[indexField].type=='password' -->
              <!-- ngIf: fields[indexField].type=='email' -->
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.date &amp;&amp; demarchesform[fields[indexField].id][fields[indexField].id].$touched "> Date incorrecte </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.max  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              inférieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.min  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              supérieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxSize &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Dépassement de la
              taille maximale autorisée : 2MB </p>
            <!-- Affichage des messages d'erreur customs -->
            <p class="alert alert-danger ng-binding ng-hide" ng-show="fields[indexField].hasCustomError">
            </p>
          </div>
        </ng-form>
      </div>
    </div><!-- end ngIf: !fields[indexField].isHidden -->
  </div><!-- end ngRepeat: indexField in stepInfo[formCtl.page].field track by $index -->
  <div ng-show="!formCtl.waiting" ng-repeat="indexField in stepInfo[formCtl.page].field track by $index" class="row ng-scope">
    <!-- ngIf: !fields[indexField].isHidden -->
    <div class="col-md-9 col-md-offset-1 ng-scope" ng-if="!fields[indexField].isHidden">
      <!-- ngIf: fields[indexField].isEnteteVisible -->
      <div class="form-group has-feedback"
        ng-class="{'has-warning' : demarchesForm[fields[indexField].id][fields[indexField].id].$invalid  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$dirty, 'has-success' : demarchesForm[fields[indexField].id][fields[indexField].id].$dirty &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$valid }">
        <!-- ngIf: !fields[indexField].isFullLine --><label ng-if="!fields[indexField].isFullLine" class="col-xs-12 col-md-4 col-md-offset-1 control-label ng-scope">
          <!-- ngIf: fields[indexField].modalInfo -->
          <span ng-hide="fields[indexField].hideLabel" class="ng-binding">E-mail</span>
          <!-- ngIf: fields[indexField].isRequired --><span class="text-danger ml5 ng-scope" ng-if="fields[indexField].isRequired">*</span><!-- end ngIf: fields[indexField].isRequired -->
        </label><!-- end ngIf: !fields[indexField].isFullLine -->
        <ng-form name="info_email" class="ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-email">
          <div ng-class="fields[indexField].isFullLine?'col-xs-12 col-md-12 col-lg-12':'col-xs-12 col-md-7'" class="input-form-new-ael col-xs-12 col-md-7">
            <div ng-switch="" on="fields[indexField].type">
              <!-- checkbox -->
              <!-- ngSwitchWhen: checkbox -->
              <!-- multipleSelect -->
              <!-- ngSwitchWhen: multipleSelect -->
              <!-- radio -->
              <!-- ngSwitchWhen: radio -->
              <!-- radioCustom -->
              <!-- ngSwitchWhen: radioCustom -->
              <!-- message -->
              <!-- ngSwitchWhen: message -->
              <!-- customText -->
              <!-- ngSwitchWhen: customText -->
              <!-- dynamicText -->
              <!-- ngSwitchWhen: dynamicText -->
              <!-- helpMessage -->
              <!-- ngSwitchWhen: helpMessage -->
              <!-- textarea -->
              <!-- ngSwitchWhen: textarea -->
              <!-- textarea_ckeditor -->
              <!-- ngSwitchWhen: textarea_ckeditor -->
              <!-- textareaCustom -->
              <!-- ngSwitchWhen: textareaCustom -->
              <!-- selectImage -->
              <!-- ngSwitchWhen: selectImage -->
              <!-- select -->
              <!-- ngSwitchWhen: select -->
              <!-- selectGeneric -->
              <!-- ngSwitchWhen: selectGeneric -->
              <!-- date -->
              <!-- ngSwitchWhen: date -->
              <!-- upload -->
              <!-- ngSwitchWhen: upload -->
              <!-- cadran -->
              <!-- ngSwitchWhen: cadran -->
              <!-- password -->
              <!-- ngSwitchWhen: password -->
              <!-- tel -->
              <!-- ngSwitchWhen: tel -->
              <!-- siret -->
              <!-- ngSwitchWhen: siret -->
              <!-- naf -->
              <!-- ngSwitchWhen: naf -->
              <!-- iban -->
              <!-- ngSwitchWhen: iban -->
              <!-- ibanFr -->
              <!-- ngSwitchWhen: ibanFr -->
              <!-- civilites -->
              <!-- ngSwitchWhen: civilites -->
              <!-- autoCountry -->
              <!-- ngSwitchWhen: autoCountry -->
              <!-- typesTelephone -->
              <!-- ngSwitchWhen: typesTelephone -->
              <!-- signature_document -->
              <!-- ngSwitchWhen: signature_document -->
              <!-- signature_contrat -->
              <!-- ngSwitchWhen: signature_contrat -->
              <!-- adresse -->
              <!-- ngSwitchWhen: adresse -->
              <!-- attachement_contrat -->
              <!-- ngSwitchWhen: attachement_contrat -->
              <!-- *.mask -->
              <!-- ngSwitchDefault: -->
              <div ng-switch-default="" class="ng-scope">
                <!-- ngIf: fields[indexField].mask -->
                <!--  *.mask/contrat -->
                <!-- ngIf: !fields[indexField].mask -->
                <div ng-if="!fields[indexField].mask" class="ng-scope">
                  <!-- ngIf: fields[indexField].type == 'contrat' -->
                  <!-- ngIf: fields[indexField].type !== 'contrat' -->
                  <div ng-if="fields[indexField].type !== 'contrat'" class="ng-scope">
                    <input popover-placement="top" uib-popover="Saisir une adresse e-mail de contact valide" popover-trigger="'mouseenter'" placeholder="" type="email"
                      class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-email" ng-attr-id="{{fields[indexField].id}}" name="info_email"
                      ng-model="fields[indexField].value" ng-required="fields[indexField].isRequired" ng-disabled="fields[indexField].isReadOnly" style="" data-form-name="demarchesForm" data-validate-against="fields[indexField].against"
                      ng-blur="fields[indexField].validateJs($value)" min="" ng-style=" (fields[indexField].type === 'BIC' ) &amp;&amp; {'text-transform':'uppercase'};" id="info_email" required="required">
                  </div><!-- end ngIf: fields[indexField].type !== 'contrat' -->
                </div><!-- end ngIf: !fields[indexField].mask -->
              </div><!-- end ngSwitchWhen: -->
            </div>
            <p class="alert alert-danger ng-hide"
              ng-show="!demarchesForm[fields[indexField].id][fields[indexField].id].$error.required &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine &amp;&amp; fields[indexField].type === 'date' &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$invalid">
              Veuillez saisir une date <!-- ngIf: fields[indexField].isMaxdateByTodayActive && fields[indexField].min --> et au format dd/mm/yyyy. </p>
            <p class="alert alert-danger ng-hide" ng-class="{'n_mt5' : fields[indexField].type==='textarea'}"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine">
              Champ obligatoire </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.email  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Format email incorrect </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> caractères minimun
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Le nombre maximum de caractères
              est dépassè. </p>
            <!--p class="alert alert-danger"
						ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required && demarchesForm[fields[indexField].id][fields[indexField].id].$touched">
						 champs requis</p-->
            <p class="alert alert-danger ng-hide"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.pattern &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              Format incorrect </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.match  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              <!-- ngIf: fields[indexField].type=='password' -->
              <!-- ngIf: fields[indexField].type=='email' --><span ng-if="fields[indexField].type=='email'" class="ng-scope"> Les E-mails ne correspondent pas </span><!-- end ngIf: fields[indexField].type=='email' -->
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.date &amp;&amp; demarchesform[fields[indexField].id][fields[indexField].id].$touched "> Date incorrecte </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.max  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              inférieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.min  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              supérieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxSize &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Dépassement de la
              taille maximale autorisée : 2MB </p>
            <!-- Affichage des messages d'erreur customs -->
            <p class="alert alert-danger ng-binding ng-hide" ng-show="fields[indexField].hasCustomError">
            </p>
          </div>
        </ng-form>
      </div>
    </div><!-- end ngIf: !fields[indexField].isHidden -->
  </div><!-- end ngRepeat: indexField in stepInfo[formCtl.page].field track by $index -->
  <div ng-show="!formCtl.waiting" ng-repeat="indexField in stepInfo[formCtl.page].field track by $index" class="row ng-scope">
    <!-- ngIf: !fields[indexField].isHidden -->
    <div class="col-md-9 col-md-offset-1 ng-scope" ng-if="!fields[indexField].isHidden">
      <!-- ngIf: fields[indexField].isEnteteVisible -->
      <div class="form-group has-feedback"
        ng-class="{'has-warning' : demarchesForm[fields[indexField].id][fields[indexField].id].$invalid  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$dirty, 'has-success' : demarchesForm[fields[indexField].id][fields[indexField].id].$dirty &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$valid }">
        <!-- ngIf: !fields[indexField].isFullLine --><label ng-if="!fields[indexField].isFullLine" class="col-xs-12 col-md-4 col-md-offset-1 control-label ng-scope">
          <!-- ngIf: fields[indexField].modalInfo -->
          <span ng-hide="fields[indexField].hideLabel" class="ng-binding">Confirmation E-mail</span>
          <!-- ngIf: fields[indexField].isRequired --><span class="text-danger ml5 ng-scope" ng-if="fields[indexField].isRequired">*</span><!-- end ngIf: fields[indexField].isRequired -->
        </label><!-- end ngIf: !fields[indexField].isFullLine -->
        <ng-form name="info_emailConfirmation" class="ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-match ng-valid-email">
          <div ng-class="fields[indexField].isFullLine?'col-xs-12 col-md-12 col-lg-12':'col-xs-12 col-md-7'" class="input-form-new-ael col-xs-12 col-md-7">
            <div ng-switch="" on="fields[indexField].type">
              <!-- checkbox -->
              <!-- ngSwitchWhen: checkbox -->
              <!-- multipleSelect -->
              <!-- ngSwitchWhen: multipleSelect -->
              <!-- radio -->
              <!-- ngSwitchWhen: radio -->
              <!-- radioCustom -->
              <!-- ngSwitchWhen: radioCustom -->
              <!-- message -->
              <!-- ngSwitchWhen: message -->
              <!-- customText -->
              <!-- ngSwitchWhen: customText -->
              <!-- dynamicText -->
              <!-- ngSwitchWhen: dynamicText -->
              <!-- helpMessage -->
              <!-- ngSwitchWhen: helpMessage -->
              <!-- textarea -->
              <!-- ngSwitchWhen: textarea -->
              <!-- textarea_ckeditor -->
              <!-- ngSwitchWhen: textarea_ckeditor -->
              <!-- textareaCustom -->
              <!-- ngSwitchWhen: textareaCustom -->
              <!-- selectImage -->
              <!-- ngSwitchWhen: selectImage -->
              <!-- select -->
              <!-- ngSwitchWhen: select -->
              <!-- selectGeneric -->
              <!-- ngSwitchWhen: selectGeneric -->
              <!-- date -->
              <!-- ngSwitchWhen: date -->
              <!-- upload -->
              <!-- ngSwitchWhen: upload -->
              <!-- cadran -->
              <!-- ngSwitchWhen: cadran -->
              <!-- password -->
              <!-- ngSwitchWhen: password -->
              <!-- tel -->
              <!-- ngSwitchWhen: tel -->
              <!-- siret -->
              <!-- ngSwitchWhen: siret -->
              <!-- naf -->
              <!-- ngSwitchWhen: naf -->
              <!-- iban -->
              <!-- ngSwitchWhen: iban -->
              <!-- ibanFr -->
              <!-- ngSwitchWhen: ibanFr -->
              <!-- civilites -->
              <!-- ngSwitchWhen: civilites -->
              <!-- autoCountry -->
              <!-- ngSwitchWhen: autoCountry -->
              <!-- typesTelephone -->
              <!-- ngSwitchWhen: typesTelephone -->
              <!-- signature_document -->
              <!-- ngSwitchWhen: signature_document -->
              <!-- signature_contrat -->
              <!-- ngSwitchWhen: signature_contrat -->
              <!-- adresse -->
              <!-- ngSwitchWhen: adresse -->
              <!-- attachement_contrat -->
              <!-- ngSwitchWhen: attachement_contrat -->
              <!-- *.mask -->
              <!-- ngSwitchDefault: -->
              <div ng-switch-default="" class="ng-scope">
                <!-- ngIf: fields[indexField].mask -->
                <!--  *.mask/contrat -->
                <!-- ngIf: !fields[indexField].mask -->
                <div ng-if="!fields[indexField].mask" class="ng-scope">
                  <!-- ngIf: fields[indexField].type == 'contrat' -->
                  <!-- ngIf: fields[indexField].type !== 'contrat' -->
                  <div ng-if="fields[indexField].type !== 'contrat'" class="ng-scope">
                    <input popover-placement="top" uib-popover="Confirmer la saisie de l'adresse e-mail de contact" popover-trigger="'mouseenter'" placeholder="" type="email"
                      class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-maxlength ng-valid-match ng-valid-email" ng-attr-id="{{fields[indexField].id}}"
                      name="info_emailConfirmation" ng-model="fields[indexField].value" ng-required="fields[indexField].isRequired" ng-disabled="fields[indexField].isReadOnly" style="" data-form-name="demarchesForm"
                      data-validate-against="fields[indexField].against" ng-blur="fields[indexField].validateJs($value)" min="" ng-style=" (fields[indexField].type === 'BIC' ) &amp;&amp; {'text-transform':'uppercase'};" id="info_emailConfirmation"
                      required="required">
                  </div><!-- end ngIf: fields[indexField].type !== 'contrat' -->
                </div><!-- end ngIf: !fields[indexField].mask -->
              </div><!-- end ngSwitchWhen: -->
            </div>
            <p class="alert alert-danger ng-hide"
              ng-show="!demarchesForm[fields[indexField].id][fields[indexField].id].$error.required &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine &amp;&amp; fields[indexField].type === 'date' &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$invalid">
              Veuillez saisir une date <!-- ngIf: fields[indexField].isMaxdateByTodayActive && fields[indexField].min --> et au format dd/mm/yyyy. </p>
            <p class="alert alert-danger ng-hide" ng-class="{'n_mt5' : fields[indexField].type==='textarea'}"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine">
              Champ obligatoire </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.email  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Format email incorrect </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> caractères minimun
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Le nombre maximum de caractères
              est dépassè. </p>
            <!--p class="alert alert-danger"
						ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required && demarchesForm[fields[indexField].id][fields[indexField].id].$touched">
						 champs requis</p-->
            <p class="alert alert-danger ng-hide"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.pattern &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              Format incorrect </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.match  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              <!-- ngIf: fields[indexField].type=='password' -->
              <!-- ngIf: fields[indexField].type=='email' --><span ng-if="fields[indexField].type=='email'" class="ng-scope"> Les E-mails ne correspondent pas </span><!-- end ngIf: fields[indexField].type=='email' -->
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.date &amp;&amp; demarchesform[fields[indexField].id][fields[indexField].id].$touched "> Date incorrecte </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.max  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              inférieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.min  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              supérieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxSize &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Dépassement de la
              taille maximale autorisée : 2MB </p>
            <!-- Affichage des messages d'erreur customs -->
            <p class="alert alert-danger ng-binding ng-hide" ng-show="fields[indexField].hasCustomError">
            </p>
          </div>
        </ng-form>
      </div>
    </div><!-- end ngIf: !fields[indexField].isHidden -->
  </div><!-- end ngRepeat: indexField in stepInfo[formCtl.page].field track by $index -->
  <div ng-show="!formCtl.waiting" ng-repeat="indexField in stepInfo[formCtl.page].field track by $index" class="row ng-scope">
    <!-- ngIf: !fields[indexField].isHidden -->
    <div class="col-md-9 col-md-offset-1 ng-scope" ng-if="!fields[indexField].isHidden">
      <!-- ngIf: fields[indexField].isEnteteVisible -->
      <div class="form-group has-feedback"
        ng-class="{'has-warning' : demarchesForm[fields[indexField].id][fields[indexField].id].$invalid  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$dirty, 'has-success' : demarchesForm[fields[indexField].id][fields[indexField].id].$dirty &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$valid }">
        <!-- ngIf: !fields[indexField].isFullLine --><label ng-if="!fields[indexField].isFullLine" class="col-xs-12 col-md-4 col-md-offset-1 control-label ng-scope">
          <!-- ngIf: fields[indexField].modalInfo -->
          <span ng-hide="fields[indexField].hideLabel" class="ng-binding">Signature</span>
          <!-- ngIf: fields[indexField].isRequired --><span class="text-danger ml5 ng-scope" ng-if="fields[indexField].isRequired">*</span><!-- end ngIf: fields[indexField].isRequired -->
        </label><!-- end ngIf: !fields[indexField].isFullLine -->
        <ng-form name="info_signature" class="ng-pristine ng-invalid ng-invalid-required">
          <div ng-class="fields[indexField].isFullLine?'col-xs-12 col-md-12 col-lg-12':'col-xs-12 col-md-7'" class="input-form-new-ael col-xs-12 col-md-7">
            <div ng-switch="" on="fields[indexField].type">
              <!-- checkbox -->
              <!-- ngSwitchWhen: checkbox -->
              <div class="checkbox ng-scope" ng-switch-when="checkbox">
                <label>
                  <input name="info_signature" ng-click="fields[indexField].change()" ng-model="fields[indexField].value" ng-checked="fields[indexField].value" type="checkbox" ng-required="fields[indexField].isRequired"
                    class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" required="required"><ng-bind-html ng-bind-html="fields[indexField].info" class="ng-binding">J’ai lu et j’accepte
                    <a target="_blank" href="index.html#/cgu"><u>les conditions générales d’utilisation</u></a> notamment la mention relative à la protection des données personnelles </ng-bind-html>
                </label>
              </div><!-- end ngSwitchWhen: -->
              <!-- multipleSelect -->
              <!-- ngSwitchWhen: multipleSelect -->
              <!-- radio -->
              <!-- ngSwitchWhen: radio -->
              <!-- radioCustom -->
              <!-- ngSwitchWhen: radioCustom -->
              <!-- message -->
              <!-- ngSwitchWhen: message -->
              <!-- customText -->
              <!-- ngSwitchWhen: customText -->
              <!-- dynamicText -->
              <!-- ngSwitchWhen: dynamicText -->
              <!-- helpMessage -->
              <!-- ngSwitchWhen: helpMessage -->
              <!-- textarea -->
              <!-- ngSwitchWhen: textarea -->
              <!-- textarea_ckeditor -->
              <!-- ngSwitchWhen: textarea_ckeditor -->
              <!-- textareaCustom -->
              <!-- ngSwitchWhen: textareaCustom -->
              <!-- selectImage -->
              <!-- ngSwitchWhen: selectImage -->
              <!-- select -->
              <!-- ngSwitchWhen: select -->
              <!-- selectGeneric -->
              <!-- ngSwitchWhen: selectGeneric -->
              <!-- date -->
              <!-- ngSwitchWhen: date -->
              <!-- upload -->
              <!-- ngSwitchWhen: upload -->
              <!-- cadran -->
              <!-- ngSwitchWhen: cadran -->
              <!-- password -->
              <!-- ngSwitchWhen: password -->
              <!-- tel -->
              <!-- ngSwitchWhen: tel -->
              <!-- siret -->
              <!-- ngSwitchWhen: siret -->
              <!-- naf -->
              <!-- ngSwitchWhen: naf -->
              <!-- iban -->
              <!-- ngSwitchWhen: iban -->
              <!-- ibanFr -->
              <!-- ngSwitchWhen: ibanFr -->
              <!-- civilites -->
              <!-- ngSwitchWhen: civilites -->
              <!-- autoCountry -->
              <!-- ngSwitchWhen: autoCountry -->
              <!-- typesTelephone -->
              <!-- ngSwitchWhen: typesTelephone -->
              <!-- signature_document -->
              <!-- ngSwitchWhen: signature_document -->
              <!-- signature_contrat -->
              <!-- ngSwitchWhen: signature_contrat -->
              <!-- adresse -->
              <!-- ngSwitchWhen: adresse -->
              <!-- attachement_contrat -->
              <!-- ngSwitchWhen: attachement_contrat -->
              <!-- *.mask -->
              <!-- ngSwitchDefault: -->
            </div>
            <p class="alert alert-danger ng-hide"
              ng-show="!demarchesForm[fields[indexField].id][fields[indexField].id].$error.required &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine &amp;&amp; fields[indexField].type === 'date' &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$invalid">
              Veuillez saisir une date <!-- ngIf: fields[indexField].isMaxdateByTodayActive && fields[indexField].min --> et au format dd/mm/yyyy. </p>
            <p class="alert alert-danger ng-hide" ng-class="{'n_mt5' : fields[indexField].type==='textarea'}"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$pristine">
              Champ obligatoire </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.email  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Format email incorrect </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> caractères minimun
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Le nombre maximum de caractères
              est dépassè. </p>
            <!--p class="alert alert-danger"
						ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.required && demarchesForm[fields[indexField].id][fields[indexField].id].$touched">
						 champs requis</p-->
            <p class="alert alert-danger ng-hide"
              ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.pattern &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.minlength &amp;&amp; !demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxlength  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              Format incorrect </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.match  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched ">
              <!-- ngIf: fields[indexField].type=='password' -->
              <!-- ngIf: fields[indexField].type=='email' -->
            </p>
            <p class="alert alert-danger ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.date &amp;&amp; demarchesform[fields[indexField].id][fields[indexField].id].$touched "> Date incorrecte </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.max  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              inférieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.min  &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> La valeur doit être
              supérieure à </p>
            <p class="alert alert-danger ng-binding ng-hide" ng-show="demarchesForm[fields[indexField].id][fields[indexField].id].$error.maxSize &amp;&amp; demarchesForm[fields[indexField].id][fields[indexField].id].$touched "> Dépassement de la
              taille maximale autorisée : 2MB </p>
            <!-- Affichage des messages d'erreur customs -->
            <p class="alert alert-danger ng-binding ng-hide" ng-show="fields[indexField].hasCustomError">
            </p>
          </div>
        </ng-form>
      </div>
    </div><!-- end ngIf: !fields[indexField].isHidden -->
  </div><!-- end ngRepeat: indexField in stepInfo[formCtl.page].field track by $index -->
  <!-- ngIf: infoTemplate -->
  <div class="row">
    <!-- ngIf: formCtl.captcha_enabled && (stepInfo.length - 1 === formCtl.page)  -->
    <div class="col-md-9 col-md-offset-1 ng-scope" ng-if="formCtl.captcha_enabled &amp;&amp; (stepInfo.length - 1 === formCtl.page) " style="">
      <div class="col-md-offset-2 mt20">
        <h7><i class="glyphicon glyphicon-lock mr5"></i>SÉCURITÉ</h7>
        <hr class="mt0">
      </div>
      <label class="col-md-4 col-md-offset-1 control-label">
        <i popover-placement="top" uib-popover="Veuillez cocher la case ci-contre pour nous prouver que vous n'êtes pas un robot. " class="glyphicon glyphicon-question-sign mr5"></i>Captcha<span class="text-danger ml5">*</span>
      </label>
      <div class="col-xs-12 col-md-6 ng-isolate-scope" vc-recaptcha="" theme="'light'" key="formCtl.captcha.key" on-create="formCtl.setWidgetId(widgetId)" on-success="formCtl.setResponse(response)" on-expire="formCtl.cbExpiration()">
        <div style="width: 304px; height: 78px;">
          <div><iframe title="reCAPTCHA"
              src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LfSr24aAAAAAMmPMbUKG2YwyqvpB5ZVHtEQkHbZ&amp;co=aHR0cHM6Ly9lc3BhY2VjbGllbnRzLmVhdWRlbWFyc2VpbGxlLW1ldHJvcG9sZS5mcjo0NDM.&amp;hl=de&amp;v=wxAi4AKLXL2kBAvXqI4XLSWS&amp;theme=light&amp;size=normal&amp;cb=iwthctr5di4z"
              width="304" height="78" role="presentation" name="a-h659omo6gd0c" frameborder="0" scrolling="no"
              sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response"
            class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
        </div><iframe style="display: none;"></iframe>
      </div>
    </div><!-- end ngIf: formCtl.captcha_enabled && (stepInfo.length - 1 === formCtl.page)  -->
    <div class="col-xs-12 col-md-12 mt30 text-right">
      <a class="btn btn-default mr20" ng-click="formCtl.cancelForm();">
						Annuler
					</a>
      <a ng-show="stepInfo.length > 1 &amp;&amp; formCtl.page !== 0" class="btn btn-default ng-hide" ng-click="formCtl.previous()" style="">
						Précédent
					</a>
      <a ng-show="stepInfo.length > 1 &amp;&amp; formCtl.page !== stepInfo.length - 1" class="btn btn-success ng-hide" ng-click="formCtl.next();" style="">
						Suivant
					</a>
      <a ng-click="formCtl.submitForm()" ng-show="formCtl.page == stepInfo.length - 1" class="btn btn-success" ng-disabled=" formCtl.isLoading">

						<span ng-hide="formCtl.isLoading"> <span class="ng-binding">Soumettre</span> </span>
						<span ng-show="formCtl.isLoading || demarchesForm.$pending " class="ng-hide" style="">Envoi... <i style="font-size:1.4em" class="glyphicon glyphicon-refresh glyphicon-spin mr5"></i> </span>
					</a>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12">
      <!-- ngIf: demarchesForm.$invalid && formCtl.actionSubmit && !formCtl.errorMessage -->
      <p class="alert alert-danger text-left mt5 ng-binding ng-hide" ng-bind-html="formCtl.errorMessage" role="alert" ng-show="!formCtl.result &amp;&amp; formCtl.errorMessage" style=""></p>
      <p class="alert alert-warning text-left mt5 ng-binding ng-hide" ng-bind-html="formCtl.warningMessage" role="alert" ng-show="!formCtl.result &amp;&amp; formCtl.warningMessage" style=""></p>
      <p class="alert alert-info text-left mt5 ng-binding ng-hide" ng-bind-html="formCtl.infoMessage" role="alert" ng-show="!formCtl.result &amp;&amp; formCtl.infoMessage" style=""></p>
    </div>
  </div>
</form>

Name: partialForm

<form class="mt20 ng-pristine ng-binding ng-valid-min ng-valid-max ng-invalid ng-invalid-required ng-hide" ng-show="facturesCtl.isPaiementPartielActive" name="partialForm" novalidate=""> Le solde est de <small class="unity">€</small> . Vous pouvez si
  vous le souhaitez faire un paiement partiel en saisissant un montant compris entre <small class="unity">€</small> et <small class="unity">€</small>
  <div class="mt10"></div>
  <div class="form-group has-feedback" ng-class="{'has-warning' : partialForm.soldAmount.$invalid  &amp;&amp; partialForm.soldAmount.$touched, 'has-success' : partialForm.soldAmount.$touched &amp;&amp; partialForm.soldAmount.$valid }">
    <div class="input-group">
      <div class="input-group-addon"><i class="glyphicon glyphicon-euro"></i></div>
      <input type="number" name="soldAmount" class="form-control ng-pristine ng-untouched ng-empty ng-valid-min ng-valid-max ng-invalid ng-invalid-required" ng-model="soldAmount" placeholder="Montant" required="">
    </div>
    <span class="form-control-feedback glyphicon  ng-hide glyphicon-remove text-danger" ng-hide="partialForm.soldAmount.$pristine"
      ng-class="{'glyphicon-remove text-danger' : partialForm.soldAmount.$invalid , 'glyphicon-ok text-success' : partialForm.soldAmount.$valid}"></span>
    <p class="alert alert-danger ng-hide" ng-show="partialForm.soldAmount.$error.pattern  &amp;&amp; partialForm.soldAmount.$touched"> Format incorrect</p>
    <p class="alert alert-danger ng-hide" ng-show="partialForm.soldAmount.$error.required  &amp;&amp; partialForm.soldAmount.$touched"> Champ obligatoire</p>
    <p class="alert alert-danger ng-binding ng-hide" ng-show="partialForm.soldAmount.$error.min &amp;&amp; partialForm.soldAmount.$touched ">
      <small class="unity">€</small> minimun
    </p>
    <p class="alert alert-danger ng-binding ng-hide" ng-show="partialForm.soldAmount.$error.max &amp;&amp; partialForm.soldAmount.$touched ">
      <small class="unity">€</small> maximum
    </p>
  </div>
  <div class="mt10">
    <div class="form-group">
      <div class="col-xs-12 text-right">
        <a class="btn btn-default" ng-click="facturesCtl.back()">Annuler <i class="glyphicon glyphicon-remove-circle glyph-no"></i></a>
        <a class="btn btn-primary" ng-disabled="!partialForm.$valid" ng-click="facturesCtl.payFacture(soldAmount)" role="button" disabled="disabled">Payer <!-- ngIf: partialForm.$valid --></a>
      </div>
    </div>
  </div>
</form>

Text Content

Toggle navigation
   
 * 
   
   
 * 
   
   
 * 
   
 *   
   * Mentions légales
     
   * Dispositions légales
     
   * 
     
   * 
     

REGLEMENT DE MES FACTURES




PAIEMENT DE VOTRE FACTURE

Veuillez saisir les informations suivantes. Les champs précédés d'un * sont
obligatoires.


Nom *

Veuillez saisir une date et au format dd/mm/yyyy.

Champ obligatoire

Format email incorrect

caractères minimun

Le nombre maximum de caractères est dépassè.

Format incorrect



Date incorrecte

La valeur doit être inférieure à

La valeur doit être supérieure à

Dépassement de la taille maximale autorisée : 2MB



Numéro facture *

Veuillez saisir une date et au format dd/mm/yyyy.

Champ obligatoire

Format email incorrect

caractères minimun

Le nombre maximum de caractères est dépassè.

Format incorrect



Date incorrecte

La valeur doit être inférieure à

La valeur doit être supérieure à

Dépassement de la taille maximale autorisée : 2MB



E-mail *

Veuillez saisir une date et au format dd/mm/yyyy.

Champ obligatoire

Format email incorrect

caractères minimun

Le nombre maximum de caractères est dépassè.

Format incorrect

Les E-mails ne correspondent pas

Date incorrecte

La valeur doit être inférieure à

La valeur doit être supérieure à

Dépassement de la taille maximale autorisée : 2MB



Confirmation E-mail *

Veuillez saisir une date et au format dd/mm/yyyy.

Champ obligatoire

Format email incorrect

caractères minimun

Le nombre maximum de caractères est dépassè.

Format incorrect

Les E-mails ne correspondent pas

Date incorrecte

La valeur doit être inférieure à

La valeur doit être supérieure à

Dépassement de la taille maximale autorisée : 2MB



Signature *
J’ai lu et j’accepte les conditions générales d’utilisation notamment la mention
relative à la protection des données personnelles

Veuillez saisir une date et au format dd/mm/yyyy.

Champ obligatoire

Format email incorrect

caractères minimun

Le nombre maximum de caractères est dépassè.

Format incorrect



Date incorrecte

La valeur doit être inférieure à

La valeur doit être supérieure à

Dépassement de la taille maximale autorisée : 2MB



SÉCURITÉ

--------------------------------------------------------------------------------

Captcha*

Annuler Précédent Suivant Soumettre Envoi...









Les informations recueillies font l'objet d'un traitement
informatique. Conformément à la loi européenne du 25 Mai 2018 sur la protection
des données (RGPD), vous bénéficiez d'un droit d'accès et de rectification de
ces données personnelles. Pour exercer ces droits, vous pouvez remplir le
formulaire accessible dans les Mentions légales.






PAIEMENT PAR CARTE BANCAIRE



 

Les cartes bancaires acceptées sont les Cartes Bleue Visa et Eurocard
Mastercard.

Le montant maximum autorisé est limité à 3 000 € / paiement.

Votre numéro de carte et sa date d'expiration vous seront demandés.

La confidentialité de ces informations est assurée par la sécurisation de nos
système de traitement.

Les transactions de paiement, ne peuvent être effectuées qu'une fois par jour.
Dans le cas d'une transaction de paiement refusée (date de validité de la carte
périmée, erreur de frappe lors de la saisie du numéro de carte, ...), veuillez
vérifier la validité de votre carte bancaire et réitérer votre paiement le
lendemain.



Le montant de votre facture est de € et nous proposons de vous acquitter du
solde de votre contrat qui est de : €.
Annuler Payer € Vous souhaitez modifier le montant de € ?
Le solde est de € . Vous pouvez si vous le souhaitez faire un paiement partiel
en saisissant un montant compris entre € et €


Format incorrect

Champ obligatoire

€ minimun

€ maximum

Annuler Payer