/************************ Spécifique   ********************************/
:root {
  --banner-width: 728px;
  --banner-height: 90px;

  --font-size-s1: 8px; /* Voir conditions */
  --font-size-s2: 8px; /* Pour les trajets courts.... */
  --font-size-s3: 10px; /* A partir / LOA 37 mois.... */
  --font-size-s4:16px; /* /mois */
  --font-size-s5: 20px; /* Textes   */
  --font-size-s6: 22px; /* Toyota / Portes ouvertes */
  --font-size-s7: 26px; /* €  */
  --font-size-s8: 48px; /* Prix  */

  --pos-text:50%;
  --pos-text-e1:50%;
  --pos-bottom:0px;

  --red-border-height:48px;
  --red-border-width:4px;
  --red-border-gap:16px;

  --text-max-width:330px;

  /* vitesse globale des anims (1 = normal (4 écrans de 5s), >1 = plus lent, <1 = plus rapide) */
  --speed: 0.75;
}

.visible .text-block
{
  transform:translateY(-50%);
}

.visible.e4 .text-block
{
  font-size:28px;
 top:50%!important;
}

.banner-bottom {
 position:absolute;
top:0!important;
  left:45%!important;
 

  width:55%!important;
  height:100%!important;
 
 
}

.ec .mention {
  position:absolute;
  bottom:var(--pos-bottom);
  width:100%;
  line-height:1.1;
}

.mention p {
  text-align:right!important;
  
  padding-right:40px!important;
 
}

.logo {
  
  top:-8px!important;
 
}

.text-block .text-content {
 word-spacing:0.1rem;
 letter-spacing:0.05rem!important;
 line-height:0.9;

}

.banner-bottom .col-right {
  display:flex;
  flex-direction:column;
  gap:0;
  padding-right:0!important;
  
  align-items:flex-end!important;
 
  
  padding-right:66px!important;

}
.banner-bottom .col-left {
 padding-left:24px!important;
 
 justify-content:flex-end!important;
 padding-bottom:4px!important;

}
.banner-bottom .cf
{
  position:absolute;
  
  text-align:left!important;
  bottom:20px;
  right:22px;
  

}
.sufix
{
  margin-left:18px;
}

.block-price, .prefix {
  padding-left:64px!important;
}


.cta-container {
 
  top:50%!important;
  right:-64px;
  transform:translateY(-50%);
}