HTML
            


  

    

      

        
Title
      
      
subtitle optional
    
    

      

        
        

          
Swap Component
          
Remplacez-le par un composant existant ou celui que vous avez créé en utilisant le “swap instance” qui se trouve dans les propriétés du composant.
        
      
    
    

      

        
        

          
Swap Component
          
Remplacez-le par un composant existant ou celui que vous avez créé en utilisant le “swap instance” qui se trouve dans les propriétés du composant.
        
      
      

    
  
  

    

      

        

          
Title
        
        
subtitle optional
      
      
12 345.93 € par mois 12 345,93 €/mois Soit 12 345,93 € par an Soit 12 345,93 € /an
      
    
    
Description optionnelle style paragraphe OU
    
Description optionnelle style mention.
  



  
 Exemple avec les zones libres remplies utilisant les variants -light & -small du definition List, les variants -neutral & -highlight du Tarif small ainsi que le style .text-legend.


  

    

      

        
Détail du prix
      
    
    

      

        

          
Cotisation annuelle 2025
          
128,39 €
        
        

          
A régler maintenant
          
 
            
128.39 € 128,39 €
            
          
          
dont frais d'adhésion 
            
          
        
        

          
A régler ultérieurement
          

            
128.39 € 128,39 €
            
          
          
en fonction de votre prélèvement 128,76 € 
            
          
        
        

          
Droits d'adhésion
          

            
1 € 1 €
            
          
          
A payer uniquement lors du premier réglement.
        
      
      

      

        

          
A régler maintenant
          
 
            
128.39 € 128,39 €
            
          
        
        

          
dont frais d'adhésion 
            
          
          
5,00 €
        
        

          
dont frais d'adhésion à payer ultérieurement
          
2,00 €
        
      
    
    
 
      
 Inclus une réduction enfant de sociétaire d'une valeur de 20,00 €
      

    
  
  

    

      

        

          
Total de vos cotisations 2025
        
      
      
198.13 € 198,13 €
      
    
  
-->


            
PUG
            
include ../../../mixins/tarif.pug
include ../../../mixins/swap-component.pug

// Total details
.total.-vertical.-text-align-left
  .wrapper-complementary
    .wrapper-title
      .title
        h2 Title
      p.subtitle subtitle optional
    .zone-libre
      +swap-component
    .zone-libre
      +swap-component
      .separator
  .wrapper-principal
    .wrapper-total
      .wrapper-title
        .title
          h2 Title
        p.subtitle subtitle optional
      +tarif('p', 12345.93, '€', 'mois', '', '', '-text-align-left -size-medium', true)
    p.description Description optionnelle style paragraphe OU
    p.description.mention Description optionnelle style mention.

// Total details Exemple
.title-exemple
  h4  Exemple avec les zones libres remplies utilisant les variants -light & -small du definition List, les variants -neutral & -highlight du Tarif small ainsi que le style .text-legend.
.total.-horizontal
  .wrapper-complementary
    .wrapper-title
      .title
        h2 Détail du prix
    .zone-libre
      dl.definition-list-version2.-column.-column-definition-text-align-right.-column-definition-width-6.-separator
        .item
          dt Cotisation annuelle 2025
          dd 128,39 €
        .item
          dt
            strong A régler maintenant
          dd 
            +tarif('p', 128.39, '€', '', '', '', '-text-align-right -size-small -highlight')
          dd dont frais d'adhésion 
            button.action-modal(data-toggle="modal", data-target="#")
              i.maificon.maificon-information-cercle(aria-hidden="true")
        .item.-light
          dt A régler ultérieurement
          dd
            +tarif('p', 128.39, '€', '', '', '', '-text-align-right -size-small -neutral')
          dd
            span.text-legend.-small en fonction de votre prélèvement 128,76 € 
            button.action-modal(data-toggle="modal", data-target="#")
              i.maificon.maificon-information-cercle(aria-hidden="true")
        .item
          dt Droits d'adhésion
          dd
            +tarif('p', 1.00, '€', '', '', '', '-text-align-left -size-small -neutral', false)
          dd
            span.text-legend A payer uniquement lors du premier réglement.
      .separator
      dl.definition-list-version2.-column.-column-definition-text-align-right.-column-definition-width-6
        .item
          dt
            strong A régler maintenant
          dd 
            +tarif('p', 128.39, '€', '', '', '', '-text-align-right -size-small -neutral')
        .item.-light.-small
          dt dont frais d'adhésion 
            button.action-modal(data-toggle="modal", data-target="#")
              i.maificon.maificon-information-cercle(aria-hidden="true")
          dd 5,00 €
        .item.-small
          dt dont frais d'adhésion à payer ultérieurement
          dd 2,00 €
    .zone-libre 
      p 
        strong Inclus une réduction enfant de sociétaire d'une valeur de 20,00 €
      .separator
  .wrapper-principal
    .wrapper-total
      .wrapper-title
        .title
          h2 Total de vos cotisations 2025
      +tarif('p', 198.13, '€', '', '', '', '-text-align-left -size-medium', false)