#facetune-quote-zone{

  width:100%;
  min-width:0;

  height:82px;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:visible;

  padding:0 8px;

  opacity:0;

  transition:opacity .7s ease;

  color:#ffffff;

  font-family:
    Optima,
    "Optima Nova",
    Georgia,
    serif;

  font-style:italic;
  font-weight:700;

}


/* Citation visible */

#facetune-quote-zone.fq-visible{
  opacity:1;
}


/* Bloc contenant les 1 ou 2 lignes */

#facetune-quote-zone .fq-content{

  width:100%;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  gap:3px;

  text-align:center;

}


/*
IMPORTANT :
une ligne FACETUNE ne peut PLUS
être coupée par le navigateur
*/

#facetune-quote-zone .fq-line{

  display:block;

  white-space:nowrap;

  font-size:clamp(14px,1.05vw,20px);

  line-height:1.18;

}


/* Vert FACETUNE */

#facetune-quote-zone .fq-green{

  color:#00f0c8;

  font-weight:700;

}


/* Ecrans plus petits */

@media(max-width:1150px){

  #facetune-quote-zone .fq-line{
    font-size:13px;
  }

}


/* Mobile */

@media(max-width:900px){

  #facetune-quote-zone{

    height:58px;

    justify-content:flex-end;

  }

  #facetune-quote-zone .fq-content{

    align-items:flex-end;

    text-align:right;

  }

  #facetune-quote-zone .fq-line{

    font-size:10px;

  }

}