/* ## BASE Publi ##################### */
  /* ## Base TYPO & VARIABLES ## */
  :root{
    /* DS variables : BASICS */
    --ds-colors-granny:#4F8203;
    --ds-colors-espelette:#D4180E;
    --ds-colors-pumpkin:#F16621;
    --ds-colors-brand-primitive-1:#F5B027;
    --ds-colors-brand-primitive-2:#232323;
    --ds-colors-brand-primitive-3:#FFFFFF;
    --ds-colors-brand-accent-5:#2F1CB0;
    --ds-colors-neutral-darkest:#141414;
    --ds-colors-neutral-900:#232323;
    --ds-colors-neutral-800:#323232;
    --ds-colors-neutral-700:#555555;
    --ds-colors-neutral-600:#5F5F5F;
    --ds-colors-neutral-500:#696969;
    --ds-colors-neutral-400:#878A8E;
    --ds-colors-neutral-300:#C2C2C2;
    --ds-colors-neutral-200:#D8D8D8;
    --ds-colors-neutral-100:#F2F2F2;
    --ds-colors-neutral-clearest:#FFFFFF;
    --ds-colors-neutral-transparent:rgba(255,255,255,0);
    --ds-colors-complementary-secondevie:#067255;

    /* DS variables : USAGE */
    --ds-actionstates-links-hyperlink-default:var(--ds-colors-brand-accent-5);
    --ds-actionstates-links-hyperlink-hovered:#26168D;
    --ds-actionstates-links-hyperlink-pressed:#1C116A;
    --ds-actionstates-links-simplelinks-onlight-1-default:var(--ds-colors-neutral-900);
    --ds-actionstates-links-simplelinks-onlight-1-hovered:var(--ds-colors-neutral-800);
    --ds-actionstates-links-simplelinks-onlight-1-pressed:var(--ds-colors-neutral-700);
    --ds-actionstates-links-simplelinks-ondark-1-default:var(--ds-colors-neutral-clearest);
    --ds-actionstates-links-simplelinks-ondark-1-hovered:var(--ds-colors-neutral-200);
    --ds-actionstates-links-simplelinks-ondark-1-pressed:#ADADAD;

    --ds-box-shadow-1: 0 2px 4px 0 rgba(35, 35, 35, 0.08), 0 0 2px 0  rgba(35, 35, 35, 0.14);
    --ds-box-shadow-2: 0 2px 6px 1px rgba(35, 35, 35, 0.16), 0 0 2px 0 rgba(35, 35, 35, 0.14);
    --ds-box-shadow-3: 0 4px 8px 2px rgba(35, 35, 35, 0.16), 0 0 2px 0 rgba(35, 35, 35, 0.14);

    /* PB Variables  */
    --pb-color-vert:var(--ds-colors-granny);
    --pb-color-rouge:var(--ds-colors-espelette);
    --pb-color-orange:var(--ds-colors-pumpkin);
    --pb-color-fnac:var(--ds-colors-brand-primitive-1);
    --pb-color-fnac-hovered:#F7C052;
    --pb-color-fnac-pressed:#F9D07D;
    --pb-color-service:#3EA3DC;
    --pb-color-durable:var(--ds-colors-complementary-secondevie);
    --pb-color-price:#D4180E;
    --pb-surface-dark:var(--ds-colors-neutral-darkest);
    --pb-surface-900:var(--ds-colors-neutral-900);
    --pb-surface-800:var(--ds-colors-neutral-800);
    --pb-surface-disabled:var(--ds-colors-neutral-200) ;
    --pb-surface-low-key:var(--ds-colors-neutral-100);

    --pb-text-color-a:var(--ds-colors-neutral-darkest);
    --pb-text-color-b:var(--ds-colors-neutral-500);

    --pb-border-color-a:var(--ds-colors-neutral-200);

    --pb-base-font-size:16px;         /* = 16px = DS Body Text */ 

    --pb-font-size-title-l:2em;       /* = 32px = DS Title L */
    --pb-font-size-title-m:1.5em;     /* = 24px = DS Title M */
    --pb-font-size-title-s:1.25em;    /* = 20px = PB Title S (hors DS) */
    --pb-font-size-title-xs:1.125em;  /* = 18px = PB Title XS (hors DS) */
    --pb-font-size-text-l:1.25em;     /* = 20px = DS Subtitle */             
    --pb-font-size-text:1em;          /* = 16px = DS Body Text */ 
    --pb-font-size-text-s:0.875em;    /* = 14px = DS Small Body Text*/
    --pb-font-size-text-xs:0.75em;    /* = 12px = DS Legal Text*/

    --pb-ratio-text-sm-to-text:calc( 14 / 16);

    --pb-line-height:1.5;
    --pb-line-height-sm:1.3;
    --pb-line-height-title:1.2;
    --pb-line-height-text:calc((24/16) * 1em); /* to use for short inline elements like flags or tags */
    --pb-line-height-text-s:calc((20/14) * 1em); /* idem */
    --pb-line-height-text-xs:calc((16/12) * 1em); /* idem */

    --pb-base-spacing:1em;                                       /* = 1em   = 16px */ 
    --pb-section-spacing:calc(var(--pb-base-spacing) * 3);       /* = 3em   = 48px */ 
    --pb-subsection-spacing:calc(var(--pb-base-spacing) * 2.5);  /* = 2.5em = 40px */
    --pb-subsection-spacing-sm:calc(var(--pb-base-spacing) * 2); /* = 2em   = 32px */ 
    --pb-block-spacing:calc(var(--pb-base-spacing) * 1.5);       /* = 1.5em = 24px */ 
    --pb-block-padding:calc(var(--pb-base-spacing) * 1.5);       /* = 1.5em = 24px */ 

    --pb-radius-s:4px;
    --pb-radius-m:8px;
    --pb-radius-full:1000px;

    --pb-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.15);
  }
  .pb {
    font-size: var(--pb-base-font-size);
    line-height: var(--pb-line-height);
  }
  @media screen and (max-width: 1220px) {
    .pb {
      --pb-calculated-font-size:calc(12px + (16 - 12) * ((100vw - 480px) / (1220 - 480))); /*fluid typography*/ 
      font-size: var(--pb-calculated-font-size);   
      /* evols à tester /!\ compatibilité : */ 
      /* font-size: round(nearest, var(--pb-calculated-font-size), 1px) ; */
    }
  }
  @media screen and (max-width: 480px) {
    :root{
      --pb-base-font-size:14px;      /* = 14px = DS Body Text */ 

      --pb-font-size-title-l:24px;   /* = 24px = DS/PB Title L (dérogation) */
      --pb-font-size-title-m:20px;   /* = 20px = DS Title M */
      --pb-font-size-title-s:18px;   /* = 18px = PB Title S (hors DS) */
      --pb-font-size-title-xs:16px;  /* = 16px = PB Title XS (hors DS) */
      --pb-font-size-text-l:16px;    /* = 16px = DS Subtitle */             
      --pb-font-size-text:14px;      /* = 14px = DS Body Text */ 
      --pb-font-size-text-s:12px;    /* = 12px = DS Small Body Text*/
      --pb-font-size-text-xs:10px;   /* = 10px = DS Legal Text*/

      --pb-line-height:1.3;
      --pb-line-height-text:20px;
      --pb-line-height-text-s:16px;
      --pb-line-height-text-xs:12px;

      --pb-base-spacing:12px; 
      /* 
                      --pb-section-spacing:36px;
                      --pb-subsection-spacing:30px;
                      --pb-subsection-spacing-sm:24px;
                      --pb-block-spacing:18px;
                      --pb-block-padding:18px;     
      */                
    }
    .pb {
      font-size: var(--pb-base-font-size);
    }
  }
  /*@media screen and (max-width: 359px) {
    :root{
      --pb-base-font-size:16px;
    }
  }   */        
/* ## STRUCTURE  ## */
  .pb--last,  
  .pb#ml{
    padding-bottom:var(--pb-subsection-spacing);
  }
    .pb-limits {
      max-width: 1200px;
      margin: 0 auto;
    }
      .pb-inner{
        width: calc(100% - (var(--pb-block-padding) * 2));
        max-width: 1100px;
        margin-left: auto;
        margin-right: auto;
      }
/* ## .pb Layout variations  ## */
  .pb{
    background-color:var(--ds-colors-neutral-clearest);
    color:var(--pb-text-color-a);
  }
  .pb--grey{
    background-color: var(--pb-surface-low-key);
  }
  .pb--dark{
    background-color:var(--pb-surface-900);
    color:var(--ds-colors-neutral-clearest);
  }
/* ## HELPERS ## */
  .pb-color-fnac{
    color:var(--pb-color-fnac);
  }
  .pb-color-service{
    color:var(--pb-color-service);
  }
  .pb-color-durable{
    color:var(--pb-color-durable);
  }
  .pb-radius{
    border-radius: var(--pb-radius-m);
  }
  .pb-noPdgB{
    padding-bottom: 0;
  }
  .imgFluid{
    display:block;
    max-width: 100%;
    margin:0 auto;
  }
  i.br:after{
    display: inline-block;
    content: "\00000A";
    width:1px;
    height:1px;
  }
  /* content exclusif desk ou mob */
    @media (min-width: 481px) {
      .pb-deskOnly{
        display: inline-block;
      }
      .pb-mobOnly{
        display: none;
      }
    }  
    @media (max-width: 480px) {
      .pb-deskOnly{
        display: none;
      }
      .pb-mobOnly{
        display: inline-block;
      }
    }  
/* ## ELEMENTS RECCURENTS ## */
  /* ** header ** */
    .pb-headerColor_dark {
      background-color:var(--pb-surface-dark);        
      color: white;
    }
    .pb-headerColor_durable {
      background-color:var(--pb-color-durable); 
      color: white;
    }
    .pb-headerColor_service {
      background-color:var(--pb-color-service);        
      color: white;
    }    
      .pb-header {
        /* variables à ajuster sur la feuille de style de chaque page 
            les valeurs renseignées ci dessous le sont à titre d'exemple */
        --pb-header-bg-img-width:300;/*px*/
        --pb-header-left-margin:100;/*px*/ 
        --pb-header-inner-width:640;/*px*/ 
        --pb-header-title-width:500;/*px*/ 
        --pb-header-title-height:67;/*px*/
        --pb-header-main-width:32em;

        /* variables calculées */          
        --pb-header-bg-size: calc( (var(--pb-header-bg-img-width)/1200) * 100% );
        --pb-header-margin-left-size:calc( (var(--pb-header-left-margin)/1200) * 100%);
        --pb-header-content-width:calc(1200 - var(--pb-header-left-margin));/* = largeur utile */
        --pb-header-inner-width-percent:calc((var(--pb-header-inner-width)/var(--pb-header-content-width)) * 100%);
        --pb-header-title-width-percent:calc( ( var(--pb-header-title-width) / var(--pb-header-inner-width) ) * 100% );
        --pb-header-title-ratio-percent:calc( ( var(--pb-header-title-height) / var(--pb-header-title-width) ) * 100% );

        display: flex;
        align-items: center;
        
        /*background-image:  url('https://static.fnac-static.com/multimedia/fnacdirect/publi/guides/__.png');*/
        background-repeat: no-repeat;
        /*background-position: bottom right 12% ;*/
        background-size:var(--pb-header-bg-size);
        color: white;
        padding: 2em 0 2em var(--pb-header-margin-left-size) ; 
        position: relative;
      }
        .pb-header-inner {
          width:var(--pb-header-inner-width-percent);
          margin:0;
        }
          .pb-header-title {
              font-size: 1em;
              display: block;
              overflow: hidden;
              width: var(--pb-header-title-width-percent);
              position: relative;
              margin:0;
          }
            .pb-header-title-label {
              display: block;
              font-size: 1em;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
            }
            .pb-header-title:after {
              display: block;
              content: '';
              width: 100%;
              height: 0;
              padding-top: var(--pb-header-title-ratio-percent);
              position: relative;
              background-repeat: no-repeat;
              background-position: 0 0;
              background-size: 100%;
              /*background-image: ;*/
            }
          .pb-header-main{
              max-width:var(--pb-header-main-width);
              margin:var(--pb-base-spacing) 0 0 0;
          }
            .pb-header-subtitle {
              font-size: var(--pb-font-size-text-l);
              font-weight:normal;
              line-height: var(--pb-line-height-sm);
              margin:0 ;
            }
            .pb-header-link {
              margin-top: 1em;
            }
      @media (min-width: 980px) {
        .pb-header{
          min-height: 260px;
        }
      }      
      @media (max-width: 768px) {
        .pb-header {
          background-image:none;
          padding: var(--pb-subsection-spacing-sm) ; 
        }
          .pb-header-inner {
            width:100% ;
            margin-left: auto;
            margin-right: auto;
          }
      }
      @media (max-width: 480px) {
        .pb-header {
          background-image:none;
          padding: var(--pb-subsection-spacing-sm) var(--pb-block-padding); 
        }
          .pb-header-inner {
            width:100% ;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
          }
            .pb-header-title{
              width:100%;
              max-width:320px;
              margin-left:auto;
              margin-right: auto;
            }    
            .pb-header-title:after {
              padding-top: var(--pb-header-title-ratio-percent);
            }
      }

  /* ** sections ** */
    .pb-section{
      padding-top:var(--pb-section-spacing);
    }
    .pb-header + .pb-section{
      padding-top:calc( var(--pb-section-spacing) * 0.75);
    }    
    .pb-header + nav.pb-section{
      padding-top:calc( var(--pb-section-spacing) * 0.5);
    }   
    nav.pb-section + .pb-section{
      padding-top:calc( var(--pb-section-spacing) * 0.625);
    }
    .pb-section.pb-section--wBg{
      padding-top:calc( var(--pb-section-spacing) * 0.5);
      padding-bottom:calc( var(--pb-section-spacing) * 0.5);
    }
  /* ** ancre ** */
    [id] {
      scroll-margin-top: 60px;
      scroll-behavior: smooth;
    }        
  /* ** Titres & Texte ** */
    .sectionTitle {
      color: inherit;
      text-align: center;
      text-wrap: balance;
      font-size: var(--pb-font-size-title-l);
      font-weight: 700;
      line-height: var(--pb-line-height-title);
      padding: 0;
      margin-top:0;
      margin-right:auto;
      margin-bottom:0.75em;
      margin-left:auto;
    }      
    .sectionTitle--pdgArrows{
      padding-left:72px;
      padding-right:72px;
    }
    @media (max-width: 480px) { 
      .sectionTitle {          
        text-align: left;
      }
      .sectionTitle--pdgArrows{
        padding-left: 0;
      }
      .sectionTitle--pdgR{
        padding-right:72px;
      }

    }
    .sectionTitle:not(:first-child) {
      margin-top:1.5em; /* = 48px */
    }
    .sectionTitle.pre{
      white-space: pre;
    }
    .sectionSubtitle {
      text-align: center;
      text-wrap: balance;
      font-size: var(--pb-font-size-text);
      font-weight: 400;
      margin: -0.5em auto 1em auto;
    }
    @media (max-width: 480px) { 
      .sectionSubtitle {          
        text-align: left;
      }
    }      
    /**/
    .subsectionTitle{
      text-align: left;
      font-size: var(--pb-font-size-title-m);
      font-weight: 700;
      line-height: var(--pb-line-height-title);
      margin-top: calc((32 / 24) * 1em);
      margin-right:auto;
      margin-bottom: calc((16 / 24) * 1em);
      margin-left:auto;
    }
    .subsectionTitle:first-child{
        margin-top: 0;
    }
    /**/
    :where(.pb) p,
    :where(.pb) li,
    :where(.pb) dt,
    :where(.pb) dd,
    :where(.pb) th,
    :where(.pb) td{
      font-size: var(--pb-font-size-text);
    }
    p{
      margin-bottom: 8px;
    }
    p:last-child{
      margin-bottom: 0;
    }
  /* ** Separations ** */
    .pb-hr{
      border: 1px solid var(--pb-surface-disabled);
      border-width: 1px 0 0 0;
      margin:var(--pb-block-spacing) 0;
    }
  /* ** Liens, CTA, Tags,  ** */   
    :root .pb :focus-visible {
      outline: 2px dashed var(--ds-colors-brand-accent-5) !important;
      outline-offset: 2px !important;
    } 
    /* * zoneLink * */
      .zoneLinkGroup:hover > .zoneLink{
        opacity:0.7
      }
        .zoneLink {
          position: relative;
        }
        .zoneLinkGroup > .zoneLink:hover{
          opacity:1
        }
        .zoneLink a::before {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background-color: rgba(0, 0, 0, 0);
          cursor: pointer;
          z-index: 2;  
        }
    /* * Liens * */
      :where(.pb) a {
        color: inherit;
        text-decoration: none;
      }
      :where(.pb) a:hover,
      :where(.pb) a:focus {
        color: inherit;
        text-decoration: underline;
      }
      :where(.pb) a:active{     
        color: inherit;
        text-decoration: underline;
      }
      /**/
    
      .pb-lk {
        color: inherit;
        text-decoration: underline;
      }
      .pb-lk:hover,
      .pb-lk:focus,
      .pb-lk:active {
        color: inherit;
        text-decoration: none;
      }
    /* * CTA * */
      .pb .ff-button{
        font-size: 14px;
        min-height: 40px;
        line-height:1;
        padding:0.7em 1.5em;
      }
      @media (max-width: 480px) { 
        .pb .ff-button{
          display: flex;
        }
      }
    /* * Tags * */ 
      .pb-tagsList{    
        display: flex;
        flex-wrap: wrap;
        font-size: 1em;
        margin: var(--pb-base-spacing) auto calc( var(--pb-base-spacing) - 8px) auto;
      }
        .pb-tag{
          --border-color:var(--ds-colors-neutral-900);
          --bg-color:var(--ds-colors-neutral-transparent);
          --color:var(--ds-colors-neutral-900);
          display: inline-flex;  
          align-items: center;
          width:fit-content;
          border-radius: 9999px;
          border-width:1px;
          border-style: solid;
          border-color: var(--border-color);
          background-color: var(--bg-color);
          color:var(--color);
          padding:2px 8px;
          font-size:var(--pb-font-size-text-s) ;/* 14px Desk ; 12px Mob */
          font-weight: 400;
          line-height:var(--pb-line-height-text-s);/* 20px desk ; 16px Mob*/
          text-decoration: none;
          white-space: nowrap;
          margin:0 8px 8px 0;
        } 
        .pb-tag:last-child{
          margin-right: 0;
        }
        .pb-tag--large{
          padding-block: 6px;
        }
        .pb-tag:hover{
          --border-color:var(--ds-colors-neutral-200);
          --bg-color:var(--ds-colors-neutral-200);
          --color:var(--ds-colors-neutral-900);
          color:var(--color);
          text-decoration: none;
          
        } 
        .pb-tag:focus{
          --border-color:var(--ds-colors-neutral-300);
          --bg-color:var(--ds-colors-neutral-300);
          --color:var(--ds-colors-neutral-900);
          color:var(--color);
          text-decoration: none;
        } 
        .pb-tag:active{
          --border-color:var(--ds-colors-neutral-900);
          --bg-color:var(--ds-colors-neutral-900);
          --color:var(--ds-colors-neutral-clearest);
          color:var(--color);
          text-decoration: none;
        } 

    /* * global Links (= zone de liens) * */
      .pb-globalLink{
        text-align: center;
        margin: var(--pb-base-spacing) auto 0 auto;
      }
        .pb-globalLink .ff-button {
          min-width: fit-content;
          margin: var(--pb-base-spacing)  var(--pb-base-spacing) 0  var(--pb-base-spacing) ;
        }  

  /* ** Flags (elements NON cliquables) ** */
    .pb-flag{
      --bg-color:var(--ds-colors-neutral-clearest);
      --color:var(--ds-colors-neutral-900);
      display: inline-flex;      
      align-items: center;
      width:fit-content;
      border-radius: 9999px;
      border-width:1px;
      background-color: var(--bg-color);
      color:var(--color);
      padding:4px 8px;
      font-size:var(--pb-font-size-text-s) ;/* desk: 14px , mob: 12px */
      font-weight: 700;
      /*line-height:var(--pb-line-height-text-s);*/
      text-decoration: none;
      white-space: nowrap;
    } 
    .pb-flag--fnac{
      --bg-color:var(--pb-color-fnac);
      --color:var(--pb-text-color-a);
    }
      .pb-flag-icon{
        font-size:1em;
        width: 1em;
        height:1em;
      }
      .pb-flag-icon:last-child{
        margin-left:4px;
      }.pb-flag-icon:first-child{
        margin-right:4px;
      }

  
  /* ** Listes et Blocs ** */


    /* * éléments de Bloc Basique : .pb-blk-___{} * */  
      .pb-blk{
        --brd-w:1px;
        --brd-s:solid;
        --brd-c:var(--pb-border-color-a);
        --brd-r:var(--pb-radius-m);   
        --bg-c:#FFF;             
        --pdg:var(--pb-block-padding);
        display: block;
        border:var(--brd-w) var(--brd-s) var(--brd-c);
        border-radius:var(--brd-r);
        background-color:var(--bg-c) ;
        padding:var(--pdg);
      }
        .pb-blk-title{
          font-size: var(--pb-font-size-title-xs);
          font-weight: 700;
          line-height: var(--pb-line-height-title);
          text-wrap: balance;
          margin-top:calc( (16 / 24) * 1em);
          margin-right:auto;
          margin-bottom: 0.5em;
          margin-left:auto;
        }
        .pb-blk-title:first-child{
          margin-top:0;
        }    
        .pb-blk-icon{
          display: block;
          width:2em;
          height:2em;
          margin:0 auto var(--pb-base-spacing) auto;
        }
        .pb-blk p:not([class]),
        .pb-blk dt:not([class]),
        .pb-blk dd:not([class]),
        .pb-blk li{
          font-size: var(--pb-font-size-text);
          line-height: var(--pb-line-height-sm);
        }
      /* Avec Footer absolute Bottom*/
      .pb-blk--wFooter{
        position: relative;
        padding-bottom:calc( var(--pb-block-padding) * 3.25 );
      }
        .pb-blk--wFooter .pb-blk-footer{
          position: absolute;
          left:0;
          bottom:0;
          right:0;
          padding:var(--pb-block-padding);
        }
    /* * declinaisons du Bloc Basique .pb-blk--xxx{} * */
      /* Shadow */
      .pb-blk--wShadow{
        box-shadow: var(--pb-box-shadow);
      }
      /* Reassurance (version 'complexe' blocs séparés ) ou avantages */
      .pb-blk--reassur .pb-blk-title{
        text-align: center;
        margin-bottom: var(--pb-block-spacing);
      }
      .pb-blk--reassur .pb-blk-icon{
        width:3em;
        height:3em;
      }
      /* pseudo "full width" en Mobile " */
      @media screen and (max-width: 480px) {
        .pb-blk--fullOnMob{
          --brd-w:0;
          --brd-r:0;   
          width: calc(100% + (2 * var(--pb-block-spacing)));
          transform: translateX(calc( var(--pb-block-spacing) * -1 ));
          box-shadow: none;
        }
      }

    /* * Liste Grille .pb-gridList{} * */  
      .pb-gridList{
        --gap-r:var(--pb-block-spacing);
        --gap-c:var(--pb-block-spacing);
        --block-min-w:120px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(var(--block-min-w), 1fr));
        gap:var(--gap-r) var(--gap-c);
        padding:0;
        list-style-type: none;
        margin-left:auto;
        margin-right:auto;
      }

    /* * Liste de blocs : .pb-blkList{}, .pb-blkList-item{} *  */
      /* note :
         Les "pb-blkList" qui ne comportent pas aussi de class "pb-blkList--lineOf*"
         restent sur une ligne...
         On doit leur attribuer une class "pb-scrollSlider" pourqu'ils passent 
         en overflow auto (pseudo slider) en mobile.
         Les "pb-blkList--lineOf*" ont la propriété wrap, les blocs peuvent donc
         passer à la ligne selon que le media query le precise.
         */
         .pb-blkList{
          display: flex;
          align-items: stretch;
          justify-content: center;
          list-style-type:none;
          padding:0;  
          margin: calc(var(--pb-block-spacing) * -1) 0 0 calc(var(--pb-block-spacing) * -1);    
        }
        .pb-scrollSlider.pb-blkList{
          margin-top:var(--pb-subsection-spacing-sm);
        }
        .sectionTitle + .pb-scrollSlider.pb-blkList{
          margin-top: 0;
        }
        .pb-blkList--lineOf2,
        .pb-blkList--lineOf3,
        .pb-blkList--lineOf4{
          flex-wrap: wrap;
        }
          .pb-blkList-item{
            margin:var(--pb-block-spacing) 0 0 var(--pb-block-spacing);
            flex-basis: calc( 100% / 3 );
          }
          .pb-scrollSlider .pb-blkList-item{
            margin-top:0;
          }
          .pb-blkList--lineOf2 .pb-blkList-item{
            flex-basis: calc( (100% - ( 2 * var(--pb-block-spacing) )) / 2 );
          }
          .pb-blkList--lineOf3 .pb-blkList-item{
            flex-basis: calc( (100% - ( 3 * var(--pb-block-spacing) )) / 3 );
          }
          .pb-blkList--lineOf4 .pb-blkList-item{
            flex-basis: calc( (100% - ( 4 * var(--pb-block-spacing) )) / 4 );
          }
            .pb-blkList-item p,
            .pb-blkList-item dt,
            .pb-blkList-item dd,
            .pb-blkList-item li{
              font-size: var(--pb-font-size-text);
              line-height: var(--pb-line-height-sm);
            }
          @media screen and (max-width: 480px) {
            .pb-blkList--lineOf2 .pb-blkList-item,
            .pb-blkList--lineOf3 .pb-blkList-item,
            .pb-blkList--lineOf4 .pb-blkList-item{
              flex-basis: calc( (100% - ( 1 * var(--pb-block-spacing) )) / 1 );
            }
          }
    /* * Liste Reassurance - version light (simple ou multibloc) * */
      .pb-reassurance{
        display:flex;
        flex-direction: row;
        justify-content:center;
        list-style-type:none;
        padding:0;
        margin:calc(var(--pb-base-spacing) * -1 )  calc((var(--pb-base-spacing) / 2) * -1 ) 0 calc((var(--pb-base-spacing) / 2) * -1 )  ;
      }
      .pb-reassurance--multiblocks{
        align-items: stretch;
        margin: calc(var(--pb-base-spacing) * -1) 0 0 calc(var(--pb-base-spacing) * -1);
      }
      .pb-reassurance--wrap{
        flex-wrap: wrap;
      }
        .pb-reassurance-item{
          flex-basis: 50%;
          line-height:var(--line-height-sm) ;
          padding:0 calc(var(--pb-base-spacing) / 2 );
          margin:var(--pb-base-spacing) 0 0 0 ;
        }  
        .pb-reassurance-item--block{
          flex-basis: calc((100% - (var(--pb-base-spacing) * 3)) / 3); /* lignes de 3 blocks */
          border-radius: var(--pb-radius-m);
          padding: var(--pb-base-spacing);
          margin: var(--pb-base-spacing) 0 0 var(--pb-base-spacing);
          /*box-shadow: var(--pb-box-shadow);*/
        }        
        .modulo2 .pb-reassurance-item--block:nth-last-child(-n+2){ /* derniere ligne de 2 blocks */
          flex-basis: calc((100% - (var(--pb-base-spacing) * 2)) / 2); 
        }  
          .pb-reassurance-item-title{
            display: flex;
            align-items: center;
            font-size: 1em;
            margin:0 0 0.4em 0;
          }
          .pb-reassurance--durable .pb-reassurance-item-title{
            color:var(--pb-color-durable);
          }
          .pb-reassurance--service .pb-reassurance-item-title{
            color:var(--pb-color-service);
          }
            .pb-reassurance-item-title-icon{
              display: block;
              width: 2em;
              height: 2em;
              margin-right:1em;
            }
            .pb-reassurance-item-title-label{
              font-size: var(--pb-font-size-title-xs);
              line-height: var(--pb-line-height-title);
              font-weight: 700;
            }
          .pb-reassurance-item-desc{
            font-size: var(--pb-font-size-text-s);
            line-height: var(--pb-line-height-sm);
            margin:0;
          }  
      @media screen and (max-width: 768px){
        .pb-reassurance{
          flex-wrap: wrap;
        }
      }
      @media screen and (max-width: 480px){
        .pb-reassurance{
          display: block;
        } 
        .pb-reassurance-item:not(:last-child){
          margin-bottom: var(--pb-block-spacing);
        }
      }
    /* * Liste Steps * */
      .pb-steps{
        --disc-color:var(--pb-surface-dark);
        --color:#FFF;
        display:flex;
        flex-direction: row;
        justify-content:center;
        list-style-type:none;
        padding:0;
        margin:0  calc((var(--pb-block-spacing) / 2) * -1 ) ;
      }
      .pb-blk.pb-steps{
        padding: var(--pb-block-padding) 0;
        margin:0;
      }
      .pb-steps--service{
        --disc-color:var(--pb-color-service);
        --color:#FFF;        
      }
      .pb-steps--durable{
        --disc-color:var(--pb-color-durable);
        --color:#FFF;
      }
      .pb-steps--fnac{
        --disc-color:var(--pb-color-fnac);
        --color:var(--pb-text-color-a);
      }
        .pb-steps-item{
          flex-basis: 50%;
          padding:0 calc(var(--pb-block-spacing) / 2 );
          margin:0 0 0 0;
          position: relative;
        }  
        .pb-steps-item:not(:first-child):before{
          display:block;
          content:"";
          height:0;
          width:100%;
          border-top:2px dashed var(--disc-color);
          transform:translateX(-50%);
          position:absolute;
        }
        .pb-steps-item:has(.pb-steps-item-icon):not(:first-child):before{
          top:1.75em;
        }
        .pb-steps-item:has(.pb-steps-item-num):not(:first-child):before{
          top:1.5em;
        }
          .pb-steps-item-icon,
          .pb-steps-item-num{
            text-align: center;
            background-color: var(--disc-color);
            color:#FFF;
            border-radius: 50%;
            margin:0 auto var(--pb-base-spacing) auto;
            position: relative;
            overflow: hidden;            
            z-index: 2;
          }
          .pb-steps-item-icon{
            display: flex;
            align-items: center;
            justify-content: center;
            width:3.5em; 
            height:3.5em;
          }
            .pb-steps-item-icon svg{
              width:2em;
              height:2em;
            }
          .pb-steps-item-num{
            display: block;
            width:3em; 
            height:3em;
            text-indent: -10em;
          }
            .pb-steps-item .pb-steps-item-num:after{
              display: block;
              content: '';
              position: absolute;
              top: 0;
              right:0;
              bottom:0;
              left:0;
              background-color:var(--color);
              -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
              -webkit-mask-position: center;
              mask-position: center;
              -webkit-mask-size: auto 1.375em ;
              mask-size: auto 1.375em ;
            }
            .pb-steps-item:nth-child(1) .pb-steps-item-num:after{
              -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M12.9 5.02q-.45 1.17-.77 2.88-.32 1.7-.52 3.62-.18 1.88-.23 3.81-.05 1.91.08 3.47.05.82-.22 1.17t-.75.35q-.44 0-.99-.33t-1.04-.81q-.47-.53-.82-1.2-.32-.66-.35-1.36-.1-1.9-.05-3.86.08-1.99.25-3.67-.5-.15-1.01-.5t-.9-.82-.5-1.01q-.12-.57.2-1.14l.6-1q.37-.6.82-1.16.47-.6.97-1.06.5-.5.96-.67.6-.23 1.4.07.8.3 1.5.87.7.54 1.12 1.21.42.65.25 1.14z'/%3E%3C/svg%3E");
              mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M12.9 5.02q-.45 1.17-.77 2.88-.32 1.7-.52 3.62-.18 1.88-.23 3.81-.05 1.91.08 3.47.05.82-.22 1.17t-.75.35q-.44 0-.99-.33t-1.04-.81q-.47-.53-.82-1.2-.32-.66-.35-1.36-.1-1.9-.05-3.86.08-1.99.25-3.67-.5-.15-1.01-.5t-.9-.82-.5-1.01q-.12-.57.2-1.14l.6-1q.37-.6.82-1.16.47-.6.97-1.06.5-.5.96-.67.6-.23 1.4.07.8.3 1.5.87.7.54 1.12 1.21.42.65.25 1.14z'/%3E%3C/svg%3E");
            }
            .pb-steps-item:nth-child(2) .pb-steps-item-num:after{
              -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M15.31 17.57q-1.04.23-2.35.6-1.31.34-2.68.72-1.34.37-2.62.69t-2.26.5q-.37.07-.84-.18t-.97-.67q-.47-.42-.92-.96-.42-.55-.72-1.12t-.42-1.09q-.1-.52.1-.9.55-1.08 1.39-2.12Q3.89 12 4.88 11q1-.99 2-1.9L8.85 7.3q.35-.32.62-.6l.55-.51q-1.12-.2-2.2.27-1.07.44-1.82 1.24-.5.57-.99.57-.47 0-1.11-.42-1.02-.67-1.46-1.27-.45-.62-.5-1.16t.2-1q.27-.47.67-.81.4-.37.86-.62t.82-.37q.5-.18 1.22-.38t1.58-.3q.87-.12 1.81-.1.97.03 1.91.3.52.15 1.1.6.56.42 1.06 1.02.52.57.89 1.26.4.7.57 1.36.17.67.07 1.27-.07.6-.54.99-1.04.9-2.08 1.86t-1.96 1.68q-.77.57-1.46 1.24T7.3 14.8l1.58-.25q.85-.15 1.67-.27.84-.13 1.63-.2.8-.1 1.46-.15.95-.05 1.66.44.72.48 1.02 1.12t.07 1.26q-.2.62-1.09.82z'/%3E%3C/svg%3E");
              mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M15.31 17.57q-1.04.23-2.35.6-1.31.34-2.68.72-1.34.37-2.62.69t-2.26.5q-.37.07-.84-.18t-.97-.67q-.47-.42-.92-.96-.42-.55-.72-1.12t-.42-1.09q-.1-.52.1-.9.55-1.08 1.39-2.12Q3.89 12 4.88 11q1-.99 2-1.9L8.85 7.3q.35-.32.62-.6l.55-.51q-1.12-.2-2.2.27-1.07.44-1.82 1.24-.5.57-.99.57-.47 0-1.11-.42-1.02-.67-1.46-1.27-.45-.62-.5-1.16t.2-1q.27-.47.67-.81.4-.37.86-.62t.82-.37q.5-.18 1.22-.38t1.58-.3q.87-.12 1.81-.1.97.03 1.91.3.52.15 1.1.6.56.42 1.06 1.02.52.57.89 1.26.4.7.57 1.36.17.67.07 1.27-.07.6-.54.99-1.04.9-2.08 1.86t-1.96 1.68q-.77.57-1.46 1.24T7.3 14.8l1.58-.25q.85-.15 1.67-.27.84-.13 1.63-.2.8-.1 1.46-.15.95-.05 1.66.44.72.48 1.02 1.12t.07 1.26q-.2.62-1.09.82z'/%3E%3C/svg%3E");
            }
            .pb-steps-item:nth-child(3) .pb-steps-item-num:after{
              -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M15.82 5.01q.15.3-.12.8-.27.47-.8 1.06-.5.57-1.14 1.2-.64.59-1.26 1.1 1.2.48 1.93 1.32.75.82 1.22 1.94.5 1.19.12 2.38T14.53 17q-.84 1.02-1.98 1.81-1.14.77-2.16 1.14-.69.25-1.53.35t-1.81-.18q-.5-.12-1.1-.52t-1.18-.94q-.6-.57-1.14-1.19-.52-.64-.9-1.26-.34-.57-.54-1.17t-.07-1.01q.14-.47.5-.52.34-.08.78.12t.95.57q.52.35.99.7l.87.64q.4.27.61.3.4.05 1.15-.25.76-.3 1.53-.8.8-.5 1.41-1.11.65-.62.8-1.19.02-.1-.08-.1-.07-.02-.22.03l-.37.07q-.2.02-.42.02-.67-.02-1.34.05t-.97.15q-.54.13-1.14-.05-.57-.2-1.06-.54t-.87-.82q-.35-.5-.45-.97-.07-.47.13-.89.22-.44.86-.7l.4-.12q.22-.07.42-.17.97-.55 1.96-1.07 1-.54 1.8-1.28-.8.05-1.68.27-.84.2-1.48.42-.45.15-1.07.2-.6.05-1.24-.13-.62-.17-1.19-.57-.57-.42-.92-1.19-.44-.96-.12-1.56.35-.6 1.29-.86.77-.2 1.8-.4 1.05-.22 2.19-.37 1.14-.18 2.28-.25 1.17-.1 2.13-.03.67.05 1.17.35.52.27.91.74.43.45.75 1.05T15.82 5z'/%3E%3C/svg%3E");
              mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M15.82 5.01q.15.3-.12.8-.27.47-.8 1.06-.5.57-1.14 1.2-.64.59-1.26 1.1 1.2.48 1.93 1.32.75.82 1.22 1.94.5 1.19.12 2.38T14.53 17q-.84 1.02-1.98 1.81-1.14.77-2.16 1.14-.69.25-1.53.35t-1.81-.18q-.5-.12-1.1-.52t-1.18-.94q-.6-.57-1.14-1.19-.52-.64-.9-1.26-.34-.57-.54-1.17t-.07-1.01q.14-.47.5-.52.34-.08.78.12t.95.57q.52.35.99.7l.87.64q.4.27.61.3.4.05 1.15-.25.76-.3 1.53-.8.8-.5 1.41-1.11.65-.62.8-1.19.02-.1-.08-.1-.07-.02-.22.03l-.37.07q-.2.02-.42.02-.67-.02-1.34.05t-.97.15q-.54.13-1.14-.05-.57-.2-1.06-.54t-.87-.82q-.35-.5-.45-.97-.07-.47.13-.89.22-.44.86-.7l.4-.12q.22-.07.42-.17.97-.55 1.96-1.07 1-.54 1.8-1.28-.8.05-1.68.27-.84.2-1.48.42-.45.15-1.07.2-.6.05-1.24-.13-.62-.17-1.19-.57-.57-.42-.92-1.19-.44-.96-.12-1.56.35-.6 1.29-.86.77-.2 1.8-.4 1.05-.22 2.19-.37 1.14-.18 2.28-.25 1.17-.1 2.13-.03.67.05 1.17.35.52.27.91.74.43.45.75 1.05T15.82 5z'/%3E%3C/svg%3E");
            }
            .pb-steps-item:nth-child(4) .pb-steps-item-num:after{
              -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M16.16 12.25q.15.28.22.62.1.35.05.7-.05.32-.3.57t-.8.32h-.39q-.32 0-.6.02-.14 1.44-.17 2.58-.02 1.12.25 2.33.15.74-.07 1.12-.2.37-.62.42-.42.07-1-.15-.56-.2-1.1-.6-.53-.4-.95-.94-.4-.57-.55-1.21-.17-.8-.27-1.54-.07-.74-.1-1.61-.92.17-1.98.27-1.04.1-1.88.45-.5.22-1.02.05-.52-.2-1.02-.6-.47-.42-.91-.99-.43-.6-.75-1.19-.32-.62-.5-1.14-.17-.54-.14-.87.02-.42.37-1.11.37-.72.97-1.56.6-.87 1.38-1.81.8-.97 1.66-1.89.9-.94 1.81-1.78.92-.87 1.79-1.51.42-.3 1.09-.15.67.12 1.39.57.74.45 1.43 1.14.72.67 1.2 1.44.49.74.66 1.53.18.77-.17 1.4-.37.71-.52 1.7l-.27 1.79q.57.22 1.04.7.5.44.77.93zM10.2 7.2q-.94.89-1.86 1.86-.92.94-1.56 1.68.77-.07 1.56-.12l1.54-.1.14-1.66q.08-.87.18-1.66z'/%3E%3C/svg%3E");
              mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='22' viewBox='0 0 18 22'%3E%3Cpath fill='%23000000' d='M16.16 12.25q.15.28.22.62.1.35.05.7-.05.32-.3.57t-.8.32h-.39q-.32 0-.6.02-.14 1.44-.17 2.58-.02 1.12.25 2.33.15.74-.07 1.12-.2.37-.62.42-.42.07-1-.15-.56-.2-1.1-.6-.53-.4-.95-.94-.4-.57-.55-1.21-.17-.8-.27-1.54-.07-.74-.1-1.61-.92.17-1.98.27-1.04.1-1.88.45-.5.22-1.02.05-.52-.2-1.02-.6-.47-.42-.91-.99-.43-.6-.75-1.19-.32-.62-.5-1.14-.17-.54-.14-.87.02-.42.37-1.11.37-.72.97-1.56.6-.87 1.38-1.81.8-.97 1.66-1.89.9-.94 1.81-1.78.92-.87 1.79-1.51.42-.3 1.09-.15.67.12 1.39.57.74.45 1.43 1.14.72.67 1.2 1.44.49.74.66 1.53.18.77-.17 1.4-.37.71-.52 1.7l-.27 1.79q.57.22 1.04.7.5.44.77.93zM10.2 7.2q-.94.89-1.86 1.86-.92.94-1.56 1.68.77-.07 1.56-.12l1.54-.1.14-1.66q.08-.87.18-1.66z'/%3E%3C/svg%3E");
            }
          .pb-steps-item-main{
            display: block;
            line-height:var(--line-height-sm) ;
            margin: 0 auto;
            max-width: 300px;
          }
          .pb-steps-item-main.center{
            text-align: center;
          }
            .pb-steps-item-title{
              display: block;
              text-align: center;
              font-size: var(--pb-font-size-title-xs);
              line-height: var(--pb-line-height-title);
              font-weight: 700;
              margin:0 0 0.835em 0;
            }
            .pb-steps-item-desc{
              display: block;
              font-size: var(--pb-font-size-text);
              line-height: var(--pb-line-height-sm);
              margin:0;
              }  
              .pb-steps-item-desc em{
                display: block;
                color:var(--pb-text-color-b);
                font-size: calc(var(--pb-ratio-text-sm-to-text) * 1em );
                font-style: normal;
                margin-top:8px;
              }
      @media (max-width: 480px) { 
        .pb-steps{
          justify-content:flex-start;
          overflow-x: auto;
          scroll-behavior: smooth;
          scroll-padding: 0 ;
          scroll-snap-type: x mandatory;
          padding-bottom:7px;
          margin:0  calc(var(--pb-block-spacing) * -1 ) ;
        }
        .pb-blk--fullOnMob .pb-steps-item:first-child{
          margin-left:var(--pb-block-spacing);
        }
        .pb-blk--fullOnMob .pb-steps-item:last-child{
          margin-right:var(--pb-block-spacing);
        }
          .pb-steps-item{
            flex-basis: 56% !important;
            min-width: 230px;
          }
      }

    /* * checkList * */
      .pb-checkList {
        list-style-type: none;
        text-align: left;
        padding: 0;
        margin: 0;
      }
        .pb-checkList-item {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%234F8203' d='M7.34 12 2 7.26l.97-.87 4.27 3.8L12.94 4l1.06.77L7.34 12Z'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: left top 0.1em;
          background-size:1.15em;
          position: relative;
          padding: 0 0 0 1.7em;
          margin: 0;
        }
        .pb-checkList-item:not(:first-child) {
          margin-top: 0.5em;
        }
          .pb-checkList-item em{
            font-size: calc(var(--pb-ratio-text-sm-to-text) * 1em );
            font-style: normal;
          }

    /* * Bloc Highlight * */  
      .pb-highlight{
        border-radius: var(--pb-radius-m);
        background-color: #FFF;
        padding: var(--pb-block-padding) ;
        box-shadow: var(--pb-box-shadow);
      }
      .pb-highlight:not(:first-child){
        margin-top:var(--pb-subsection-spacing);
      }
        .pb-highlight-title{
          display: flex;
          align-items: center;
          font-size: 1em;
          margin:0 0 0.5em 0;
        }
          .pb-highlight-title-icon{
            display: block;
            width: 2.5em;
            height: 2.5em;
            margin-right:1em;
          }
          .pb-highlight-title-label{
            padding-top: 0.3em;
            font-size: var(--pb-font-size-title-xs);
            line-height: var(--pb-line-height-title);
            font-weight: 700;
          }
        .pb-highlight-item-desc{
          font-size: var(--pb-font-size-text);
          margin:0;
        }  
        .pb-highlight-item-desc + .ff-button{
          margin-top:var(--pb-base-spacing);
        }
      @media screen and (max-width: 480px){
        .pb-highlight{
          padding: var(--pb-base-spacing) var(--pb-block-spacing);
        }
          .pb-highlight-title{
            display: block;
          }
            .pb-highlight-title-icon{
              margin:0 auto var(--pb-base-spacing) auto;
            }
            .pb-highlight-title-label{
              padding-top: 0;
            }
      }  
    /* * Bloc Precision * */
      .pb-precision{
        border:1px solid #FFF;
        border-radius: var(--pb-radius-m);
        background-color: #fff;
        padding: var(--pb-block-padding) ;
        margin-top:var(--pb-subsection-spacing-sm);
      }
      .pb-blk .pb-precision{
        border-color:var(--pb-surface-disabled) ;
      }
        .pb-precision-title{
          display: flex;
          align-items: flex-start;
          font-size: 1em;
          line-height: var(--pb-line-height-title);
          margin:0 0 var(--pb-base-spacing) 0;
        }
          .pb-precision-title-icon{
            display: block;
            width: 2em;
            height: 2em;
            margin-right:var(--pb-base-spacing);
          }
          .pb-precision-title-label{
            padding-top: 0.3em;
            font-size: var(--pb-font-size-title-xs);
            font-weight: 700;
          }
        .pb-precision-desc{
          font-size: var(--pb-font-size-text);
          margin:0;
        }  
          .pb-precision-desc em{
            color:var(--pb-text-color-b);
            font-size: calc(var(--pb-ratio-text-sm-to-text) * 1em );
            font-style: normal;
          }  
        .pb-precision-desc p:not(class){
          font-size: 1em;
        }  
      .pb-precision--wBtn {
        display: flex;
        align-items: center;
      }          
        .pb-precision--wBtn .ff-button {
          white-space: nowrap;
          margin-left: 2em;
        }
      @media screen and (max-width: 480px){
        .pb-precision{
          padding: var(--pb-base-spacing) var(--pb-block-spacing);
        }
          .pb-precision-desc{
            margin-left:0;
          }  
        .pb-precision--wBtn {
          display: block;
        }  
          .pb-precision--wBtn .ff-button {
            display: block;
            margin: var(--pb-base-spacing) 0 0 0;
          }
      }    
    /* * Bloc card (=push) = mini bloc information  * */    
      .pb-push,
      .pb-card{
        display: flex;
        align-items: center;
        border-radius: var(--pb-radius-s);
        background-color: #fff;
        border-left:4px solid var(--pb-text-color-a) ;
        padding: var(--pb-block-padding) var(--pb-base-spacing) ;
        margin-top:var(--pb-subsection-spacing-sm);
        /*box-shadow:var(--pb-box-shadow);*/
      }
      .pb-card--fnac{
        border-color: var(--pb-color-fnac);
      }
        .pb-push-icon,
        .pb-card-icon{
          display: block;
          width: 2.5em;
          height: 2.5em;
          margin-right:1em;
        }
        .pb-push-label,
        .pb-card-label{
          display: block;
          padding-top: 0.2em;
          font-size: var(--pb-font-size-text);
          font-weight: 400;
        }
        @media screen and (max-width: 480px) {
          .pb-push--wBtn,
          .pb-card--wBtn{
            flex-wrap: wrap;
            align-items: flex-start;
          }    
            .pb-push--wBtn .pb-push-label,  
            .pb-card--wBtn .pb-card-label{
              flex-basis: calc(100% - 3.5em);
            }
            .pb-push--wBtn .ff-button,
            .pb-card--wBtn .ff-button{
              margin-right:0;
              margin-left:auto;
            }
        }

    /* * bandeaux * */
      .pb-banner {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: var(--pb-subsection-spacing-sm);
      }
      .sectionTitle + .pb-banner {
        margin-top:0;
      }
      .pb-banners {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin:calc(var(--pb-block-spacing) * -1) 0 0 calc(var(--pb-block-spacing) * -1) ;
        overflow: hidden;
      }
        .pb-banners > a {
          display: block;
          margin: var(--pb-block-spacing) 0 0 var(--pb-block-spacing);
        }
        img.pb-banner,
        .pb-banner img,
        .pb-banners img {
          display: block;
          max-width: 100%;
        }
        @media screen and (max-width: 480px) {
          .pb-banners {
            display: block;
          }
        }

    /* * mentions legales * */      
      /* mention de block*/    
      .pb-nb,
      .pb-blk .pb-nb{
        color:var(--pb-text-color-b);
        font-size: var(--pb-font-size-text-xs);
        margin:var(--pb-base-spacing) auto 0 auto;
      }
      /* mention de page*/    
      .pb-ml{
        margin-top:var(--pb-section-spacing);
      }
      .pb > .pb-ml:first-child{
        margin-top: 0;
        padding-top:var(--pb-section-spacing);
      }
        .pb-ml .pb-inner{
          border-radius: var(--pb-radius-m);
          background-color: var(--pb-surface-low-key);
          color:var(--pb-text-color-b);
          padding-left:var(--pb-block-padding);
          padding-right:var(--pb-block-padding);
        }
        .pb--grey .pb-ml .pb-inner{
          background-color: #FFF;
          color:var(--pb-text-color-b);
        }
          .pb-ml summary{
            width:100%;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            background-color: transparent;
            color:inherit;
            border:none;
            list-style: none;
            padding:calc( (24/13) * 1em) 0;
            font-family: inherit;
            font-size: var(--pb-font-size-text-xs);
            font-weight: 700;
            line-height:var(--pb-line-height);
            margin:0;
            cursor: pointer;
          }
          .pb-ml details[open] summary{
            padding-bottom: 1em;
          }
          .pb-ml summary::-webkit-details-marker {/* Safari reset */
            display: none;
          }
          .pb-ml summary:hover{
            color:var(--pb-text-color-b);
            text-decoration: underline;
          }
          .pb-ml summary::after {
            content: '';
            width:1em;
            height:1em;
            transform: rotate(90deg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23757575' d='M9.13 5.47 3.94.29a.77.77 0 0 0-1.07 0 .75.75 0 0 0 0 1.06L7.53 6l-4.66 4.66a.75.75 0 0 0 0 1.06c.3.28.77.28 1.07 0l5.18-5.2c.3-.3.3-.76.01-1.05z'/%3E%3C/svg%3E");
            margin-left: .75em;
            transition: 0.2s;
          }
          .pb-ml details[open] > summary::after {
            transform: rotate(-90deg);
          }
            .pb-ml-main{
              font-size: var(--pb-font-size-text-xs);
              padding-bottom: 1em;
            }
              .pb-ml p{
                font-size:1em;
              }  
              .pb-ml p + p{
                margin-top:0.4em;
              }
              .pb-ml a{
                color:inherit;
                text-decoration: underline;
              }  
              .pb-ml a:hover{
                color:var(--pb-text-color-a);
                text-decoration: none;
              }  
  /* ** scroll Slider ** */ 
    @media (max-width: 480px) { 
      .pb-scrollSlider{
        display: flex;
        flex-wrap: nowrap;
        align-items:stretch ;
        justify-content: flex-start;
        overflow-x: auto;
        scroll-behavior: smooth;
        scroll-padding: 0 var(--pb-base-spacing);
        scroll-snap-type: x mandatory;
        padding-bottom:7px;
        margin-top:var(--pb-base-spacing);
      }
        .pb-scrollSlider > li,
        .pb-scrollSlider > div{
          flex-basis: 56% !important;
          min-width: 240px;
          margin:0 0 0 var(--pb-block-spacing)!important;
        }
    }
/* ## Mini FAQ SmartContext ## */   
  .hide-title .question-list-title ,
  .hide-questionLink .open.question-list-item .question-item-link ,
  .hide-gotToFaqLink .go-to-faq-link-wrapper{
    display: none !important;
    min-height: unset !important;
    min-width: unset !important;
  } 
  div[id^=st-faq-context].hide-questionLink .html-response-content{
    padding-bottom:16px;
  }
/* ## POPINS ## */
  /* - /!\ se place en dehors de l'element .pb /!\ - */
  .pb-popin{
    max-width: 1100px;
    margin-left:auto;
    margin-right:auto;
    background-color: #FFF;
    border-radius: var(--pb-radius-m);
    padding:calc(var(--pb-base-spacing) * 2);
    position: relative;
  }
    .pb-popin-title{
      text-align: center;
      font-size: var(--pb-font-size-title-s);
      font-weight: 700;
      line-height: var(--pb-line-height-title);
      margin:0 auto 1.5em auto;
    }
    .pb-popin dl{
      margin:0.4em 0 0 0;
    } 
    .pb-popin ul{
      padding-left:0.4em;
      margin-top:0.4em;
    }  
      .pb-popin li{
        margin-left:1em;
      }
    .pb-popin p,
    .pb-popin dt,
    .pb-popin dd,
    .pb-popin li{
      font-size: var(--pb-font-size-text-s);
      line-height: var(--pb-line-height-sm);
      margin-top:0.4em;
    }
      .pb-popin dd li,
      .pb-popin dd p{
        font-size: 1em;
      }
      .pb-popin dt{
        font-weight: 700;
      }        
      .pb-popin dd + dt{
        margin-top:0.4em;
      }
      .pb-popin dd{
        margin-left:0;
      }
      .pb-popin .globalLink{
        margin-top:0;
      }