.faq2{
  --f2Size:25px;
  --f2RondBGcolor:currentColor;
  --f2RondTxtColor:#FFF;
  text-align: left;
}
.faq2 .question_reponse{position: relative; padding-top:var(--f2Size); padding-bottom:var(--f2Size); cursor: pointer; padding-right: calc(var(--f2Size) * 2); border-bottom: 1px solid currentColor;}

.faq2 .question_reponse::before,
.faq2 .question_reponse::after, .faq2 .question_reponse .plusMoins{
  content:"";
  position: absolute; display: block; right: 0; top:var(--f2Size); width:calc(var(--f2Size) * 1.2); height: calc(var(--f2Size) * 1.2);
  text-align: center; font-size: var(--f2Size); left:auto;
}

      .faq2 .question_reponse .plusMoins::after, .faq2 .question_reponse .plusMoins::before{content:"";position: absolute; display: block;  width:calc(var(--f2Size) * 0.6); height: 3px; border-radius:3px; background: var(--f2RondTxtColor); top:50%; left: 50%; transform: translate(-50%, -50%);}
.faq2 .question_reponse.afficheRep .plusMoins::before,
.faq2 .question_reponse .plusMoins::before{ transition-duration:0.2s; transition-property:transform;transform:translate(-50%, -50%) rotate(-90deg) }
.faq2 .question_reponse.afficheRep .plusMoins::before{ transform:translate(-50%, -50%) rotate(0deg) }


      .faq2 .question_reponse::before{ border-radius:calc(var(--f2Size) * 1.2); background: var(--f2RondBGcolor); opacity: 1}
.faq2 .question_reponse.afficheRep::before{opacity: 0.5}

.faq2 .question_reponse .reponse{min-height: 0; margin-top:0;max-height: 0; overflow: hidden; transition-duration: 0.2s; transition-property: max-height, margin-top}
.faq2 .question_reponse.afficheRep .reponse{transition-duration: 0.8s; max-height: 600px; margin-top:1em;}
.faq2 h3{margin-bottom: 0;}

.editableZone .faq2 .question_reponse.hover{
  outline-style: solid ;
  outline-color: rgb(0, 174, 255) ;
  outline-width: 2px;
}
.bg_choice[style*="color"] .faq2{--f2RondTxtColor:var(--color1)}