HTML
            


            
PUG
            
include ../../../mixins/tarif.pug

script.
  function toggleCta(elem) {
    const tab = elem.closest('.tableau-comparatif-formules');
    if (tab) {
      tab.querySelectorAll('.button-switch').forEach(
        function(element){
          const classesToRemove = [ '-primary' ];
          element.classList.remove(...classesToRemove);
          element.classList.add('-secondary');
          element.innerHTML = "Sélectionner une formule (legende) Choisir";
          element.setAttribute('aria-describedby', element.getAttribute('aria-describedby').replace('my-error',''));
          }
        );
      const classesToAdd = [ '-primary' ];
      elem.classList.add(...classesToAdd);
      elem.classList.remove('-secondary');
      elem.innerHTML = "Sélectionner une formule (legende) Sélectionné";
      tab.querySelector('input[type="hidden"]').value=elem.dataset.value;
      tab.classList.remove('has-error');
      const helpblock = tab.querySelector('.help-block')
      if(helpblock) {
        helpblock.remove()
      }
    }
  }

.form-group-version2.tableau-comparatif-formules
  .mod.mod-swipe
    .grid-swipe
      .g-col-lg-4
        .formule.selected
          .formule-header(data-mh="formule-header-lghqzm")
            .picto
              img(src="https://dummyimage.com/64x64/" alt="" width="64" height="64")
            .titre-proposition#titre-proposition-wclwmt
              .titre 
                h2 Profil 
                  br
                  | Sécurisé
              .tag 
                p
                  span.sr-only Inclus
                  i.maificon.maificon-form-check(aria-hidden="true")
                  | Option “Biens nomades”
            .highlight
              p notre conseil
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif défiscalisation estimée : 250 €/an
            button.button.-primary.-full-width
              span.sr-only Avant de valider votre choix, voir les options ci-dessous
              | Choisir
          .formule-content
            .garantie
              .title
                h3
                  span Répartition de l’épargne
              .content(data-mh="formule-header-lghqzm1")
                ul.check-list
                  li 
                    strong 100 % de votre épargne est placée sur le fonds en euros.
                    |  Votre épargne est donc intégralement garantie, et les intérêts produits permettent une progression sûre de votre capital.
            .garantie 
              .title
                h3 
                  span Performances passées
                  sup.ref-link-version2#return-id-1bis
                    a(href="#id-1bis" title="Aller à la note n°1 en bas de page" aria-label="Aller à la note n°1 en bas de page") 1
              .content
                dl.definition-list.-bullet.-space
                  .item
                    dt 2022
                    dd #[strong +2,10 %]
                  .item
                    dt 2021
                    dd #[strong +1,30 %]
                  .item
                    dt 2020
                    dd #[strong +1,30 %]

                p 
                  strong +37,45 % 
                  |  depuis la création du contrat (13/11/2009).  
            .garantie 
              .title 
                h3
                  span Nos unités de compte
                  button.action-modal(type='button' data-toggle='modal' data-target='#modal-unite')
                    i.maificon.maificon-information-cercle(aria-hidden='true')
                    span.sr-only Voir plus
              .content
                p Cette formule ne comporte pas de supports en unités de comptes. 

            .garantie.-collapse
              h3
                button.collapse-handler(type='button' data-toggle='collapse' data-target='.multi-collapse' aria-expanded='true' aria-controls='multi-collapse-garantie')
                  span En cas de décès ou de perte totale et irréversible d’autonomie (PTIA)
              .collapse.multi-collapse.show
                dl.collapse-content
                  dt.titre Capital de base garanti :
                  dd.details
                    p.prix 108 000 €
                    p.legende versé en rente mensuelle
                  dt.titre Capital garantie en cas de décès ou PTIA accidentels :
                  dd.details
                    p.prix 216 000 €
                    p.legende versé en rente mensuelle
                  dt.titre Maintien du niveau de vie de votre famille en cas de décès :
                  dd.details
                    p.prix 1 350 €/trimestre
                  dt.titre Nom de la garantie :
                  dd.details
                    p.legende Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sapien erat, egestas sed ante nec, aliquet mollis urna. 
                  dt.titre Nom de la garantie :
                  dd.details
                    .pictotexte
                      i.maificon.maificon-check.vert(aria-hidden="true")
                      | Inclus
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".multi-collapse3" aria-expanded="true" aria-controls="multi-collapse-garantie")
                  span En cas de maladie redoutée
              .collapse.multi-collapse3.show
                dl.collapse-content
                  dt.titre Capital garanti :
                  dd.details
                    p.prix 20 000 €
            .formule-footer
              p.titre Protection proposée
              p.tarif 33,15 €/mois
              button.button.-primary.-full-width Choisir
      .g-col-lg-4
        .formule
          .formule-header(data-mh="formule-header-lghqzm")
            .picto
              i.maificon.maificon-buste-ordi-mug-travailleur-independant(aria-hidden="true")
            .titre-proposition#titre-proposition-vhrrup
              .titre
                h2 Profil 
                  br
                  | Prudent
              .tag
                p Formule Gestion libre sécurisée
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif défiscalisation estimée : 250 €/an
            button.button.-secondary.-full-width
              span.sr-only Avant de valider votre choix, voir les options ci-dessous
              | Choisir
          .formule-content
            .garantie
              .title 
                h3
                  span Répartition de l’épargne
              .content(data-mh="formule-header-lghqzm1")
                ul.check-list
                  li 
                    strong 100 % de votre épargne est placée sur le fonds en euros.
                    |  Votre épargne est donc intégralement garantie, et les intérêts produits permettent une progression sûre de votre capital.
                  li 
                    strong 100 % de votre épargne est placée sur le fonds en euros.
                    |  Votre épargne est donc intégralement garantie, et les intérêts produits permettent une progression sûre de votre capital.
            .garantie
              .title 
                h3
                  span Performances passées
                  sup.ref-link-version2#return-id-1bis
                    a(href="#id-1bis" title="Aller à la note n°1 en bas de page" aria-label="Aller à la note n°1 en bas de page") 1
              .content
                dl.definition-list.-bullet.-space
                  .item
                    dt 2022
                    dd #[strong +2,10 %]
                  .item
                    dt 2021
                    dd #[strong +1,30 %]
                  .item
                    dt 2020
                    dd #[strong +1,30 %]

                p 
                  strong +37,45 % 
                  |  depuis la création du contrat (13/11/2009).  
            .garantie
              .title 
                h3
                  span Nos unités de compte
                  button.action-modal(type='button' data-toggle='modal' data-target='#modal-unite')
                    i.maificon.maificon-information-cercle(aria-hidden='true')
                    span.sr-only Voir plus
              .content
                p Cette formule ne comporte pas de supports en unités de comptes. 

            .garantie.-collapse
              h3
                button.collapse-handler(type='button' data-toggle='collapse' data-target='.multi-collapse' aria-expanded='true' aria-controls='multi-collapse-garantie')
                  span En cas de décès ou de perte totale et irréversible d’autonomie (PTIA)
              .collapse.multi-collapse.show
                dl.collapse-content
                  dt.titre Capital de base garanti :
                  dd.details
                    p.prix 88 000 €
                    p.legende versé en rente mensuelle
                  dt.titre Capital garantie en cas de décès ou PTIA accidentels :
                  dd.details
                    p.prix 186 000 €
                    p.legende versé en rente mensuelle
                  dt.titre Maintien du niveau de vie de votre famille en cas de décès :
                  dd.details
                    p.prix 1 150 €/trimestre
                  dt.titre Nom de la garantie :
                  dd.details
                    p.legende Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sapien erat, egestas sed ante nec, aliquet mollis urna. 
                  dt.titre Nom de la garantie :
                  dd.details
                    .pictotexte
                      i.maificon.maificon-cross.rouge(aria-hidden="true")
                      | Non inclus
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".multi-collapse3" aria-expanded="true" aria-controls="multi-collapse-garantie")
                  span En cas de maladie redoutée
              .collapse.multi-collapse3.show
                dl.collapse-content
                  dt.titre Capital garanti :
                  dd.details
                    p.prix 20 000 €
            .formule-footer
              p.titre Protection libre
              p.tarif 22,61 €/mois
              button.button.-secondary.-full-width Choisir
      .g-col-lg-4
        .formule
          .formule-header(data-mh="formule-header-lghqzm")
            .picto
              i.maificon.maificon-buste-ordi-mug-travailleur-independant(aria-hidden="true")
            .titre-proposition#titre-proposition-yfevts
              .titre
                h2 Profil 
                  br
                  | Équilibré
              .tag
                p Formule Gestion libre sécurisée
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif défiscalisation estimée : 250 €/an
            button.button.-secondary.-full-width
              span.sr-only Avant de valider votre choix, voir les options ci-dessous
              | Choisir
          .formule-content
            .garantie
              .title 
                h3
                  span Répartition de l’épargne
              .content(data-mh="formule-header-lghqzm1")
                ul.check-list
                  li 
                    strong 100 % de votre épargne est placée sur le fonds en euros.
                    |  Votre épargne est donc intégralement garantie, et les intérêts produits permettent une progression sûre de votre capital.
                  li 
                    strong 100 % de votre épargne est placée sur le fonds en euros.
                    |  Votre épargne est donc intégralement garantie, et les intérêts produits permettent une progression sûre de votre capital.
            .garantie
              .title 
                h3
                  span Performances passées
                  sup.ref-link-version2#return-id-1bis
                    a(href="#id-1bis" title="Aller à la note n°1 en bas de page" aria-label="Aller à la note n°1 en bas de page") 1
              .content
                dl.definition-list.-bullet.-space
                  .item
                    dt 2022
                    dd #[strong +2,10 %]
                  .item
                    dt 2021
                    dd #[strong +1,30 %]
                  .item
                    dt 2020
                    dd #[strong +1,30 %]

                p 
                  strong +37,45 % 
                  |  depuis la création du contrat (13/11/2009).  
            .garantie
              .title 
                h3
                  span Nos unités de compte
                  button.action-modal(type='button' data-toggle='modal' data-target='#modal-unite')
                    i.maificon.maificon-information-cercle(aria-hidden='true')
                    span.sr-only Voir plus
              .content
                p Cette formule ne comporte pas de supports en unités de comptes. 

            .garantie.-collapse
              h3
                button.collapse-handler(type='button' data-toggle='collapse' data-target='.multi-collapse' aria-expanded='true' aria-controls='multi-collapse-garantie')
                  | En cas de décès ou de perte totale et irréversible d’autonomie (PTIA)
              .collapse.multi-collapse.show
                dl.collapse-content
                  dt.titre Capital de base garanti :
                  dd.details
                    p.prix 88 000 €
                    p.legende versé en rente mensuelle
                  dt.titre Capital garantie en cas de décès ou PTIA accidentels :
                  dd.details
                    p.prix 186 000 €
                    p.legende versé en rente mensuelle
                  dt.titre Maintien du niveau de vie de votre famille en cas de décès :
                  dd.details
                    p.prix 1 150 €/trimestre
                  dt.titre Nom de la garantie :
                  dd.details
                    p.legende Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sapien erat, egestas sed ante nec, aliquet mollis urna. 
                  dt.titre Nom de la garantie :
                  dd.details
                    .pictotexte
                      i.maificon.maificon-cross.rouge(aria-hidden="true")
                      | Non inclus
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".multi-collapse3" aria-expanded="true" aria-controls="multi-collapse-garantie")
                  span En cas de maladie redoutée
              .collapse.multi-collapse3.show
                dl.collapse-content
                  dt.titre Capital garanti :
                  dd.details
                    p.prix 20 000 €
            .formule-footer
              p.titre Protection libre
              p.tarif 22,61 €/mois
              button.button.-secondary.-full-width Choisir

.form-group-version2.tableau-comparatif-formules
  input(type="hidden" name='formule-selected' value='')
  .mod.mod-swipe
    .grid-swipe
      .g-col-lg-6
        .formule
          .formule-header(data-mh="formule-header-vookjg")
            .picto
              img(src="https://dummyimage.com/64x64/" alt="" width="64" height="64")
            .titre-proposition#titre-proposition-lfshcq
              .titre
                h2 Assurance Habitation Résidence Principale
            .highlight.highlight-secondary  
              p Devis en cours
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif
              | défiscalisation estimée : 250 €
              span.sr-only par an
              span(aria-hidden="true") /an
            .wrapper-input
              button.button-switch.button.-primary.-full-width(type="button" aria-describedby="titre-proposition-lfshcq" data-value="tableau-comparatif-formule-0" onclick='toggleCta(this)')
                span.sr-only Sélectionner une formule (legende)
                i.maificon.maificon-form-check
                | Sélectionné
          .formule-content
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-ptia" aria-expanded="false" aria-controls="multi-collapse-garantie")
                  span En cas de décès ou de perte totale et irréversible d‘autonomie (PTIA)
                    i.maificon.maificon-exclamation-cercle(aria-hidden="true")
                    span.sr-only Un message nécessite votre attention dans le contenu dépliable suivant
              .collapse.garantie-ptia
                dl.collapse-content
                  dt.titre Capital garantie toutes causes :
                  dd.details
                    p.prix 108 000 €
                    p.legende versé en rente mensuelle*
                    p.alert Vous ne pouvez pas souscrire à deux formules différentes sur un même risque
                  dt.titre Capital garantie en cas d‘accident :
                  dd.details
                    p.prix 216 000 €
                    p.legende versé en rente mensuelle*
                  dt.titre Rente temporaire versée à votre conjoint (en cas de décès seulement) :
                  dd.details
                    p.prix
                      | 1 350 €
                      span.sr-only par
                      span(aria-hidden="true") /trimestre
                  dt.titre Capital garantie toutes causes :
                  dd.details
                    p.prix 108 000 €
                    p.legende versé en rente mensuelle*
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-itt" aria-expanded="false" aria-controls="multi-collapse-garantie")
                  span En cas d‘arrêt de travail ou d‘invalidité
              .collapse.garantie-itt#garantie-itt
                dl.collapse-content
                  dt.titre Début de l’indemnisation :
                  dd.details
                    p.legende A partir du 31ème jour en cas de maladie, 4ème jour en cas d’accident ou d’hospitalisation.
                  dt.titre Indemnités journalières en cas d’incapacité totale temporaire de travail :
                  dd.details
                    p.prix
                      | 98 €
                      span.sr-only par
                      span(aria-hidden="true") /jour
                    p.legende versé en rente mensuelle*
                  dt.titre Rente en cas d‘invalidité ::
                  dd.details
                    p.prix
                      | 3 000 €
                      span.sr-only par
                      span(aria-hidden="true") /mois
                  dt.titre Remboursement de vos frais généraux permanents :
                  dd.details
                    p.prix
                      | 27 €
                      span.sr-only par
                      span(aria-hidden="true") /jour
                  dt.titre Protection renforcée en cas de problème de dos ou problème psychique :
                  dd.details
                    p.pictotexte tatt
                  dt.titre Taux d’invalidité basé uniquement sur votre incapacité professionnelle :
                  dd.details
                    p.prix 33%
                    p.legende d’invalidité professionnelle déclenche le versement des indemnités
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-maladie-redoutee" aria-expanded="false" aria-controls="multi-collapse-garantie")
                  span En cas de maladie redoutée
              .collapse.garantie-maladie-redoutee#garantie-maladie-redoutee
                dl.collapse-content
                  dt.titre Capital garanti :
                  dd.details
                    p.prix 20 000 €
      .g-col-lg-6
        .formule
          .formule-header(data-mh="formule-header-vookjg")
            .picto
              i.maificon.maificon-buste-ordi-mug-travailleur-independant(aria-hidden="true")
            .titre-proposition#titre-proposition-rmlsgo
              .titre
                h2 Assurance Habitation Résidence Principale
            .highlight.highlight-secondary
              p Dans mon panier
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif
              | défiscalisation estimée : 250 €
              span.sr-only par an
              span(aria-hidden="true") /an
            .wrapper-input
              button.button-switch.button.-secondary.-full-width(type="button" aria-describedby="titre-proposition-rmlsgo" data-value="tableau-comparatif-formule-1" onclick='toggleCta(this)')
                span.sr-only Sélectionner une formule (legende)
                | Choisir
          .formule-content
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-ptia" aria-expanded="false" aria-controls="multi-collapse-garantie")
                  span En cas de décès ou de perte totale et irréversible d‘autonomie (PTIA)
              .collapse.garantie-ptia#garantie-ptia
                dl.collapse-content
                  dt.titre Capital garantie toutes causes :
                  dd.details
                    p.prix 108 000 €
                    p.legende versé en rente mensuelle*
                  dt.titre Capital garantie en cas d‘accident :
                  dd.details
                    p.prix 216 000 €
                    p.legende versé en rente mensuelle*
                  dt.titre Rente temporaire versée à votre conjoint (en cas de décès seulement) :
                  dd.details
                    p.prix
                      | 1 350 €
                      span.sr-only par
                      span(aria-hidden="true") /trimestre
                  dt.titre Capital garantie toutes causes :
                  dd.details
                    p.prix 108 000 €
                    p.legende versé en rente mensuelle*
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-itt" aria-expanded="false" aria-controls="multi-collapse-garantie")
                  span En cas d‘arrêt de travail ou d‘invalidité
              .collapse.garantie-itt#garantie-itt
                dl.collapse-content
                  dt.titre Début de l’indemnisation :
                  dd.details
                    p.legende A partir du 31ème jour en cas de maladie, 4ème jour en cas d’accident ou d’hospitalisation.
                  dt.titre Indemnités journalières en cas d’incapacité totale temporaire de travail :
                  dd.details
                    p.prix
                      | 98 €
                      span.sr-only par
                      span(aria-hidden="true") /jour
                    p.legende versé en rente mensuelle*
                  dt.titre Rente en cas d‘invalidité ::
                  dd.details
                    p.prix
                      | 3 000 €
                      span.sr-only par
                      span(aria-hidden="true") /mois
                  dt.titre Remboursement de vos frais généraux permanents :
                  dd.details
                    p.prix
                      | 27 €
                      span.sr-only par
                      span(aria-hidden="true") /jour
                  dt.titre Protection renforcée en cas de problème de dos ou problème psychique :
                  dd.details
                    p.pictotexte tatt
                  dt.titre Taux d’invalidité basé uniquement sur votre incapacité professionnelle :
                  dd.details
                    p.prix 33%
                    p.legende d’invalidité professionnelle déclenche le versement des indemnités
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-maladie-redoutee" aria-expanded="false" aria-controls="multi-collapse-garantie")
                  span En cas de maladie redoutée
              .collapse.garantie-maladie-redoutee#garantie-maladie-redoutee
                dl.collapse-content
                  dt.titre Capital garanti :
                  dd.details
                    p.prix 20 000 €

p.field-label Avec récapitulatif
.form-group-version2.tableau-comparatif-formules
  input(type="hidden" name='formule-selected' value='')
  .mod.mod-swipe
    .grid-swipe
      .g-col-lg-6
        .formule
          .formule-header(data-mh="formule-header-nivkja")
            .picto
              img(src="https://dummyimage.com/64x64/" alt="" width="64" height="64")
            .titre-proposition#titre-proposition-eqerln
              .titre
                h2 Assurance Habitation Résidence Principale
              .tag 
                p
                  span.sr-only Inclus
                  i.maificon.maificon-form-check(aria-hidden="true")
                  | Option “Biens nomades”
            .highlight.highlight-secondary
              p Devis en cours
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif
              | défiscalisation estimée : 250 €
              span.sr-only par an
              span(aria-hidden="true") /an
            .wrapper-input
              button.button-switch.button.-primary.-full-width(type="button" aria-describedby="titre-proposition-eqerln" data-value="tableau-comparatif-formule-0" onclick='toggleCta(this)')
                span.sr-only Sélectionner une formule (legende)
                | Choisir 
            .formule-header-more
              .form-group-version2
                .field-item.-acceptance-checkbox
                  input(type='checkbox' name='tcb-check-1', checked)#tcb-check-1
                  label(for="tcb-check-1") Je déclare avoir pris connaissance des 
                    a(href="#") conditions générales (PDF)
                    | , de la 
                    a(href="#") fiche d’information sur la responsabilité civile (PDF)
                    |, de la 
                    a(href="#") notice juridique sur l’assurance à distance (PDF)
                    |  et en accepter toutes les clauses.
              .wrapper-actions
                button.button.-primary(type="button") Souscrire en ligne
                a.button.-secondary(href="#") Télécharger le devis (PDF)
                button.button.-secondary(type="button") Recevoir le devis par email

          .formule-content
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-hajcor" aria-expanded="false" aria-controls="garantie-uzfeor garantie-jitcrk")
                  span En cas de décès ou de perte totale et irréversible d‘autonomie (PTIA)
              .collapse.garantie-hajcor#garantie-uzfeor
                .collapse-contents
                  .recapitulatif
                    .lowlight
                      p.subtitle
                        strong Protection de vos biens (avec gras)
                      .line
                        i.maificon.maificon-franchise(aria-hidden='true')
                        .description
                          .label Lorem ipsum dolor 
                          .option XXX,XX €
                      .line
                        i.maificon.maificon-canape(aria-hidden='true')
                        .description
                          .label Lorem ipsum 
                          .option Jusqu'à XX XXX €
                      p.subtitle Protection de vos biens (sans gras)
                      .line
                        i.maificon.maificon-bague-eclat(aria-hidden='true')
                        .description
                          .label Lorem ipsum dolor sit 
                          .option Jusqu'à XXX XXX €
                      .line
                        .description
                          .label Propriétaire : 
                          .option prénom et nom
                      .line
                        .description
                          .label Tél. : 
                          .option 00 00 00 00 00
                      .line
                        .description
                          .label E-mail : 
                          .option prenom.nom@email.com
                      .line.tarif
                        i.maificon.maificon-tv(aria-hidden='true')
                        .description
                          .label
                            strong Lorem ipsum dolor
                            .more 
                              | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
                              a(aria-expanded="false" data-toggle="collapse" href="#collapseExample") 
                              span.collapse#collapseExample Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                a.close(aria-expanded="false" data-toggle="collapse" href="#collapseExample")
                        button.chip.-icon.-icon-with-text-md(type='button' data-toggle='modal' data-target='#modal-inline-1')
                          i.maificon.maificon-crayon-edit(aria-hidden="true")
                          span Modifier
                      .collapse-container.line.tarif
                        button(type="button" data-target="#collapse-tbf-234" data-toggle="collapse" aria-controls="collapse-tbf-234")
                          i.maificon.maificon-aem(aria-hidden='true')
                          .description
                            .label
                              strong Lorem ipsum dolor
                              p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                        .collapse#collapse-tbf-234
                          .lowlight
                            .line
                              i.maificon.maificon-rc-local-pro(aria-hidden='true')
                              .description.reverse
                                .label Lorem ipsum dolor 
                                .option
                                  button.collapse-handler(data-toggle='modal' data-target='#modal-inline-1')
                                    span.sr-only Ouvrir la fenêtre modale Lorem ipsum dolor
                            .line
                              i.maificon.maificon-rc-local-pro(aria-hidden='true')
                              .description.reverse
                                .label Lorem ipsum dolor
                                  p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                                .option
                                  button.collapse-handler(data-toggle='modal' data-target='#modal-inline-1')
                                    span.sr-only Ouvrir la fenêtre modale Lorem ipsum dolor
                            .line.tarif
                              i.maificon.maificon-rc-local-pro(aria-hidden='true')
                              .description
                                .label Lorem ipsum dolor
                                  p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                      .line.tarif
                        i.maificon.maificon-rc-local-pro(aria-hidden='true')
                        .description
                          .label
                            strong Lorem ipsum dolor
                            p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
                      .line.reverse
                        .description.reverse
                          .label 
                            strong Lorem ipsum dolor sit amet, 
                              span.price (X,xx/mois)
                          .option
                            button.collapse-handler(data-toggle="collapse" data-target="#tbf-collapse-1" aria-expanded="false" aria-controls="tbf-collapse-1")
                        .recap-collapse#tbf-collapse-1.collapse.in
                          .collapse-content
                            p Lorem ipsum dolor sit amet
                    .highlight
                      .line
                        .description
                          .label 
                            | Lorem ipsum dolor 
                            br/ 
                            .anotation (Lorem ipsum dolor sit amet, consectetur adipiscing)
                          .option Oui
                      .line
                        .description
                          .label Lorem ipsum dolor 
                          .option Oui
                      .line.reverse
                        .description.reverse
                          .label 
                            strong Lorem ipsum dolor sit amet, 
                              span.price (X,xx/mois)
                          .option  
                            button.collapse-handler(data-toggle="collapse" data-target="#collapse-c4eucj" aria-expanded="false" aria-controls="collapse-c4eucj")
                        .recap-collapse#collapse-c4eucj.collapse.in
                          .collapse-content
                            p Lorem ipsum dolor sit amet
                    .highlight
                      button(ype='button' data-target='#collapse-yh953d' data-toggle='collapse' aria-controls='collapse-yh953d').title
                        strong Autres garanties incluses
                      .collapse.collapse-container#collapse-yh953d
                        .collapse-content
                          .line
                            i.maificon.maificon-bague-eclat(aria-hidden='true')
                            .description
                              .label Lorem ipsum dolor sit 
                              .option Jusqu'à XXX XXX €
                          .line
                            .description
                              .label Propriétaire : 
                              .option prénom et nom
                          .line
                            .description
                              .label Tél. : 
                              .option
                                strong 00 00 00 00 00
                          .line
                            .description
                              .label E-mail : 
                              .option prenom.nomemail.com
                          .line.tarif
                            i.maificon.maificon-tv(aria-hidden='true')
                            .description
                              .label 
                                strong Lorem ipsum dolor 18px
                                p Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco  
                                  | laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                          .line
                            .description
                              .label 
                                | Lorem ipsum dolor 
                                br/ 
                                .anotation (Lorem ipsum dolor sit amet, consectetur adipiscing)
                              .option Oui
                          .line
                            .description
                              .label Lorem ipsum dolor 
                              .option Oui
                          .line
                            .description
                              .label Lorem ipsum dolor 
                              .option Non
                          .line
                            .description
                              .label Lorem ipsum dolor 
                              .option Oui
      .g-col-lg-6
        .formule
          .formule-header(data-mh="formule-header-nivkja")
            .picto
              i.maificon.maificon-buste-ordi-mug-travailleur-independant(aria-hidden="true")
            .titre-proposition#titre-proposition-ugnbyc
              .titre
                h2 Assurance Habitation Résidence Principale
            .highlight.highlight-secondary
              p Dans mon panier
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif
              | défiscalisation estimée : 250 €
              span.sr-only par an
              span(aria-hidden="true") /an
            .wrapper-input
              button.button-switch.button.-secondary.-full-width(type="button" aria-describedby="titre-proposition-ugnbyc" data-value="tableau-comparatif-formule-1" onclick='toggleCta(this)')
                span.sr-only Sélectionner une formule (legende)
                | Choisir
          .formule-content
            .garantie.-collapse
              h3
                button.collapse-handler(type="button" data-toggle="collapse" data-target=".garantie-hajcor" aria-expanded="false" aria-controls="garantie-uzfeor garantie-jitcrk")
                  span En cas de décès ou de perte totale et irréversible d‘autonomie (PTIA)
              .collapse.garantie-hajcor#garantie-jitcrk
                .collapse-content
                  ul.flex-list
                    li.item
                      i.maificon.maificon-aem(aria-hidden='true')
                      .item-content
                        .item-title 
                          h4 Franchise
                        p 100 €
                    li.item
                      i.maificon.maificon-aem(aria-hidden='true')
                      .item-content
                        .item-title 
                          h4 Plafond d’indemnisation
                        ul
                          li Valeur déclarée
                          li Pour les biens mobiliers contenus dans les caves et dépendances : 1 000 €
                          li Pour les montres et bijoux : 500 €
                    li.item
                      i.maificon.maificon-aem(aria-hidden='true')
                      .item-content
                        .item-title 
                          h4 Biens couverts
                        p Vos biens mobiliers (exemple : meuble, électroménager, informatique, multimédia, matériel de sport, montres, bijoux) et les biens nécessaires à la vie des personnes handicapées.
                    li.item
                      i.maificon.maificon-check-cercle(aria-hidden='true')
                      .item-content
                        .item-title 
                          h4 Quand la garantie s’applique-t-elle ?
                        p Nous couvrons les dommages matériels qui affectent vos biens mobiliers assurés, lorsqu’ils sont causés directement par :
                        ul
                          li l’incendie proprement dit, c’est-à-dire l’action du feu causant des dommages hors de son foyer normal et la
                          li fumée consécutive, y compris lorsqu’il est causé par un court-circuit ou une surtension électrique,
                          li la combustion,
                          li l’explosion ou l’implosion, c’est-à-dire l’action subite et violente de la pression ou de la dépression de gaz
                          li ou de vapeur,
                        p ainsi que les dommages occasionnés par les secours pour combattre le sinistre et le coût des recharges des extincteurs utilisés pour lutter contre un incendie.
                    li.item
                      i.maificon.maificon-cross-cercle(aria-hidden='true')
                      .item-content
                        .item-title 
                          h4 Quand la garantie ne s’applique-t-elle pas ?
                        ul
                          li Les dommages occasionnés par brûlure ou échauffement (par exemple les brûlures provoquées par les fumeurs, les appareils de repassage, de chauffage, d’éclairage),
                            ul
                              li Les dommages occasionnés par brûlure ou échauffement (par exemple les brûlures provoquées par les fumeurs, les appareils de repassage, de chauffage, d’éclairage),
                              li les dommages électriques notamment les courts-circuits et surtensions,
                              li les dommages consécutifs à la détention d’explosifs par l’assuré.
                          li les dommages électriques notamment les courts-circuits et surtensions,
                          li les dommages consécutifs à la détention d’explosifs par l’assuré.

p.field-label Composant en erreur (mise en erreur + placement de focus à prévoir sur le 1er cta)
.form-group-version2.tableau-comparatif-formules.has-error
  input(type="hidden" name='formule-selected' value='')
  .mod.mod-swipe
    .grid-swipe
      .g-col-lg-6
        .formule
          .formule-header(data-mh="formule-header-nivkja")
            .picto
              img(src="https://dummyimage.com/64x64/" alt="" width="64" height="64")
            .titre-proposition#titre-proposition-eqerlnn
              .titre
                h2 Assurance Habitation Résidence Principale
              .tag 
                p
                  span.sr-only Inclus
                  i.maificon.maificon-form-check(aria-hidden="true")
                  | Option “Biens nomades”
            .highlight.highlight-secondary
              p Devis en cours
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif
              | défiscalisation estimée : 250 €
              span.sr-only par an
              span(aria-hidden="true") /an
            .wrapper-input
              button.button-switch.button.-secondary.-full-width(type="button" data-value="tableau-comparatif-formule-0" aria-describedby="titre-proposition-eqerlnn my-error" onclick='toggleCta(this)')
                span.sr-only Sélectionner une formule (legende)
                | Choisir
      .g-col-lg-6
        .formule
          .formule-header(data-mh="formule-header-nivkja")
            .picto
              i.maificon.maificon-buste-ordi-mug-travailleur-independant(aria-hidden="true")
            .titre-proposition#titre-proposition-ugnbyc
              .titre
                h2 Assurance Habitation Résidence Principale
            .highlight.highlight-secondary
              p Dans mon panier
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif
              | défiscalisation estimée : 250 €
              span.sr-only par an
              span(aria-hidden="true") /an
            .wrapper-input
              button.button-switch.button.-secondary.-full-width(type="button" data-value="tableau-comparatif-formule-1" aria-describedby="titre-proposition-eqerlnn my-error" onclick='toggleCta(this)')
                span.sr-only Sélectionner une formule (legende)
                | Choisir
    .help-block
      p#my-error Vous devez choisir le capital souhaité pour nous permettre de vous délivrer un devis.

p.field-label Avec separateurTarif
.form-group-version2.tableau-comparatif-formules.-separateur-tarif
  input(type="hidden" name='formule-selected-rmbxd' value='')
  .mod.mod-swipe
    .grid-swipe
      .g-col-lg-6
        .formule.selected
          .highlight
            p notre conseil
          .formule-header(data-mh="formule-header-lghqzm")
            .picto
              img(src="https://dummyimage.com/64x64/" alt="" width="64" height="64")
            .titre-proposition#titre-proposition-wclwmt
              .titre 
                h2 Profil 
                  br
                  | Sécurisé
              .tag 
                p
                  span.sr-only Inclus
                  i.maificon.maificon-form-check(aria-hidden="true")
                  | Option “Biens nomades”
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif défiscalisation estimée : 250 €/an
            button.button-switch.button.-primary.-full-width(type="button" aria-describedby="titre-proposition-wclwmt" data-value="tableau-comparatif-formule-0" onclick='toggleCta(this)')
              span.sr-only Avant de valider votre choix, voir les options ci-dessous
              | Sélectionné
      .g-col-lg-6
        .formule
          .formule-header(data-mh="formule-header-lghqzm")
            .picto
              i.maificon.maificon-buste-ordi-mug-travailleur-independant(aria-hidden="true")
            .titre-proposition#titre-proposition-vhrrup
              .titre
                h2 Profil 
                  br
                  | Prudent
              .tag
                p Formule Gestion libre sécurisée
            +tarif('p', 33.93, '€', 'mois', '', '', '-text-align-center -size-large')
            p.label-sub-tarif défiscalisation estimée : 250 €/an
            button.button-switch.button.-secondary.-full-width(type="button" aria-describedby="titre-proposition-wclwmt" data-value="tableau-comparatif-formule-0" onclick='toggleCta(this)')
              span.sr-only Avant de valider votre choix, voir les options ci-dessous
              | Choisir