.bloc2_focushover{display: flex; min-height: 70vh}
.bloc2_focushover .bloc2{padding: 30px 15px; }

.bloc2_focushover .bg_choice.bloc2.premier,
.bloc2_focushover.shapeChange[data-shape="2"] .bg_choice.bloc2.premier,
.bloc2_focushover.shapeChange[data-shape="3"] .bg_choice.bloc2.premier{margin-left: 0;}

.bloc2_focushover .bg_choice.bloc2.dernier,
.bloc2_focushover.shapeChange[data-shape="2"] .bg_choice.bloc2.dernier,
.bloc2_focushover.shapeChange[data-shape="3"] .bg_choice.bloc2.dernier{margin-right: 0;}

.bloc2_focushover.shapeChange[data-shape="1"] > .bg_choice.bloc2{ width: 50%; margin-left: 0; margin-right: 0;margin-top: 0; margin-bottom: 0}
.bloc2_focushover.shapeChange[data-shape="1"]{margin-top: 0 ; margin-bottom: 0;}

.bloc2_focushover.shapeChange[data-shape="2"] > .bg_choice.bloc2,
.bloc2_focushover.shapeChange[data-shape="3"] > .bg_choice.bloc2{width: 47.5%;margin-left: 2.5%;margin-right: 2.5%;}


.bloc2_focushover.shapeChange[data-shape="3"] > .bg_choice.bloc2{border-radius: 15px;overflow: hidden;}


.bloc2_focushover.shapeChange[data-shape="4"] > .bg_choice.bloc2{border-radius: 15px;overflow: hidden;}

.bloc2_focushover .bloc2{display: flex; flex-direction: column; justify-content: flex-end;  transition-duration:0.25s;transition-property:width;  will-change: width, width; overflow: hidden}
.bloc2_focushover .bloc2>.bloc1{min-height:0;transition-property: opacity, max-height, width; transition-duration:0.3s; will-change: opacity, max-height, width}

.editableZone .bloc2_focushover>.bloc2:hover>.bloc1{outline: 1px solid rgb(255,64,233)}

@media screen and (min-width:600px) {

  .bloc2_focushover .bloc2:hover{width: 70%}
  .bloc2_focushover .bloc2>.bloc1{max-height: 0px; opacity: 0; overflow: hidden; width: 118.8%}
  .bloc2_focushover .bloc2>.BgColorOverImg{filter: opacity(0.6); transition: filter; will-change: filter; transition-duration:0.2s;}
  .bloc2_focushover .bloc2:hover>.BgColorOverImg{filter: opacity(1);}
  .bloc2_focushover .bloc2:hover>.bloc1{max-height: 25vh; opacity: 1; width: 100%}
}



@media screen and (max-width:600px) {
  .bloc2_focushover{min-height: auto;flex-direction: column;}
  .bloc2_focushover>.help4sort{display: none;}
  .bloc2_focushover > .bg_choice.bloc2{width:100% !important; margin-right: 0 !important; margin-left: 0 !important;order: 2;padding-bottom: 10%;}
  .bloc2_focushover > .bg_choice.bloc2[style*="background"]{order: 1;min-height: 30vh;padding-top: 0;padding-bottom: 0;}
  .bloc2_focushover>.bloc2, .bloc2_bgcolor.shapeChange[data-shape="1"]>.bloc2{width:100%; margin-right: 0 !important; margin-left: 0 !important;}
}