.scrollTxtFixed{
  --H_header:107px;
}
.scrollTxtFixed{width: 100%; max-width: 100% !important; position: relative; padding: 0;}
.scrollTxtFixed>.bg_choice{position: initial !important;height: calc(120vh - var(--H_header));padding:3rem; display: flex; flex-wrap:wrap}

.scrollTxtFixed>.bg_choice >.bloc {width: 100%; padding: 5%; margin: auto}
.scrollTxtFixed>.bg_choice >.bloc>.bloc2.bg_choice{width: 60%; padding: 0;padding-top:40% }
.scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart{will-change: top,opacity;width: 33%; z-index: 2; transform: translateY(-50%); font-size: 0.5vw}
.scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart>h2,
.scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart>h3,
.scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart>h4{width: 100%}

.scrollTxtFixed>.bg_choice >.bloc>.bloc2:not(.txtPart):first-of-type{ margin-left:40% !important}
.scrollTxtFixed>.bg_choice >.bloc>.bloc2:not(.bg_choice){left: 5%; top:50%; position: absolute; opacity: 0}
.scrollTxtFixed>.bg_choice >.bloc>.bloc2:not(.bg_choice):first-of-type{left: auto;right: 5%;}


.scrollTxtFixed>.bg_choice.animDone>.bloc>.bloc2:not(.bg_choice){position:fixed !important;}

.scrollTxtFixed>.bg_choice>.BgColorOverImg{z-index: -1;}
.scrollTxtFixed>.bg_choice>.BgColorOverImg{opacity: 0;will-change: top,opacity}


.scrollTxtFixed>.bg_choice.animDone,
.scrollTxtFixed>.bg_choice.animDone + .help4sort + .bg_choice,
.scrollTxtFixed>.bg_choice.animDone + .bg_choice{/*position: initial !important;*/}

.scrollTxtFixed>.bg_choice>.bloc{z-index: 2;}

.scrollTxtFixed>.bg_choice.animDone.even >.bloc>.bloc2.txtPart{ animation: Up0To50To0_even 1s linear infinite; animation-play-state: paused; animation-delay: calc(var(--scrollfullHEven) * -1s) ; animation-iteration-count: 1; animation-fill-mode: forwards;}
.scrollTxtFixed>.bg_choice.animDone.odd >.bloc>.bloc2.txtPart{ animation: Up0To50To0_even 1s linear infinite; animation-play-state: paused; animation-delay: calc(var(--scrollfullHOdd) * -1s) ; animation-iteration-count: 1; animation-fill-mode: forwards;}

@keyframes Up0To50To0_even {
   0% {opacity: 0; top: 40%}
   25% {opacity: 0; top: 40%}
   35% {opacity: 1; top:50%}
   60% {opacity: 1; top:50%}
   70% {opacity: 0; top: 60%}
   100% {opacity: 0; top:60%}
}
@keyframes Up0To50To0_Odd {
   0% {opacity: 0; top: 40%}
   35% {opacity: 0; top: 40%}
   45% {opacity: 1; top:50%}
   80% {opacity: 1; top:50%}
   90% {opacity: 0; top: 60%}
   100% {opacity: 0; top:60%}
 }

.scrollTxtFixed>.bg_choice.animDone.even>.BgColorOverImg{animation: opaAnim 1s linear infinite; animation-play-state: paused; animation-delay: calc(var(--scrollfullHEven) * -1s) ; animation-iteration-count: 1; animation-fill-mode: forwards;}
.scrollTxtFixed>.bg_choice.animDone.odd>.BgColorOverImg{animation: opaAnim 1s linear infinite; animation-play-state: paused; animation-delay: calc(var(--scrollfullHOdd) * -1s) ; animation-iteration-count: 1; animation-fill-mode: forwards;}

@keyframes opaAnim{
  0%{opacity: 0 ;z-index: -1;}
  1%{opacity: 0 ; z-index: 1;}
  30%{opacity: 1 ;}
  70%{opacity: 1 ;}
  99%{opacity: 0 ;z-index: 1;}
  100%{opacity: 0 ;z-index: -1;}
}
.editableZone .scrollTxtFixed > .bg_choice.currentItem{position: relative !important;}

@media screen and (max-width: 11350px) {
  .scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart{will-change: top,opacity;width: 33%; z-index: 2; transform: translateY(-50%); font-size: 0.7vw}
}




@media screen and (max-width: 1150px) {
  .scrollTxtFixed > .bg_choice{min-height: 100vh; display: block}
  .scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart, .scrollTxtFixed>.bg_choice >.bloc>.bloc2.bg_choice,
  .scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart>h2,
  .scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart>h3,
  .scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart>h4{width: 100%}
  
  .scrollTxtFixed>.bg_choice >.bloc>.bloc2.txtPart{font-size: inherit;left:auto; right: auto; top:auto !important; transform: none}
  .scrollTxtFixed>.bg_choice.animDone>.bloc>.bloc2:not(.bg_choice){position:relative !important;}
  .scrollTxtFixed>.bg_choice >.bloc>.bloc2:not(.txtPart):first-of-type{ margin-left:0% !important}

  .scrollTxtFixed > .bg_choice > .bloc > .bloc2.bg_choice{padding-top: 67%}
}

