.bloc2_faq-media{
  --f2Size:25px;
  --f2RondBGcolor:currentColor;
  --f2RondTxtcolor:currentColor;
  text-align: left;
}
.bloc2_faq-media{min-height: 0;max-height:100vh;transition-duration: 0.3s; transition-property: max-height, min-height;}
.bloc2_faq-media>.col2{position: relative; width: 48.75%; margin:1.25%: margin-left:0; margin-top: 0;margin-bottom: 0;}
.bloc2_faq-media>.col2 ~ .col2{position: relative; width: 48.75%; margin-left:1.25%; margin-right: 0}

.bloc2_faq-media .col2>.bg_choice{position: absolute; top: 0;left: 0;right: 0;bottom: 0; display: none;}
.bloc2_faq-media .col2>.bg_choice.showing{display: block;}
.bloc2_faq-media .bfm_question_reponse{position: relative; padding-top:var(--f2Size); padding-bottom:var(--f2Size); cursor: pointer; padding-right: calc(var(--f2Size) * 2); }

.bloc2_faq-media .bfm_question_reponse::before,
.bloc2_faq-media .bfm_question_reponse::after, .bloc2_faq-media .bfm_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;
}

      .bloc2_faq-media .bfm_question_reponse .plusMoins::after, .bloc2_faq-media .bfm_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%);}
.bloc2_faq-media .bfm_question_reponse.afficheRep .plusMoins::before,
.bloc2_faq-media .bfm_question_reponse .plusMoins::before{ transition-duration:0.2s; transition-property:transform;transform:translate(-50%, -50%) rotate(-90deg) }
.bloc2_faq-media .bfm_question_reponse.afficheRep .plusMoins::before{ transform:translate(-50%, -50%) rotate(0deg) }


      .bloc2_faq-media .bfm_question_reponse::before{ border-radius:calc(var(--f2Size) * 1.2); background: var(--f2RondBGcolor); opacity: 0.2}
.bloc2_faq-media .bfm_question_reponse.afficheRep::before{opacity: 0.7}

.bloc2_faq-media .bfm_question_reponse .reponse{width: calc(100% + var(--f2Size) * 2);min-height: 0; margin-top:0;max-height: 0; overflow: hidden; transition-duration: 0.2s; transition-property: max-height, margin-top}
.bloc2_faq-media .bfm_question_reponse.afficheRep .reponse{transition-duration: 0.8s; max-height: 600px; margin-top:1em;}
.bloc2_faq-media .bfm_question_reponse::after{content:""; position: absolute; top: 0;left:-2rem;width: calc(100% + 4rem); height: 100%; border-radius: 2rem; background: transparent;opacity: 0.05; transition-duration: 0.2s; transition-property: background}
.bloc2_faq-media .bfm_question_reponse.afficheRep::after{content:"";background: currentColor; }
.bloc2_faq-media h3{margin-bottom: 0;}
.bloc2_faq-media .bfm_question_reponse.afficheRep::before,
.bloc2_faq-media .bfm_question_reponse.afficheRep .plusMoins::after, .bloc2_faq-media .bfm_question_reponse.afficheRep .plusMoins::before{display: none;}

.bloc2_faq-media .bfm_question_reponse.shapeChange[data-shape="1"]::before{display: none;}
.bloc2_faq-media .bfm_question_reponse.shapeChange[data-shape="2"]::before{border-radius: 0}


.editableZone .bloc2_faq-media .bfm_question_reponse.hover{
  outline-style: solid ;
  outline-color: rgb(0, 174, 255) ;
  outline-width: 2px;
}

@media screen and (max-width:600px) {
  .bloc2_faq-media{max-height: 200vh;}
  .bloc2_faq-media .col2{width: 100%; min-height:25vh}
  .bloc2_faq-media .bfm_question_reponse{order:2}
  .bloc2_faq-media .bfm_question_reponse~*:not(.bfm_question_reponse){order:3}
  .bloc2_faq-media .bfm_question_reponse.afficheRep{order:1}
  .bloc2_faq-media .col2.bloc2{display: flex; flex-direction: column;}
}