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

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

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


.bloc3_focushover.shapeChange[data-shape="1"] .bloc3{ width: 33.333%; margin-left: 0; margin-right: 0;margin-top: 0; margin-bottom: 0}
.bloc3_focushover.shapeChange[data-shape="1"]{margin-top: 0 ; margin-bottom: 0;}

.bloc3_focushover.shapeChange[data-shape="2"] .bloc3,
.bloc3_focushover.shapeChange[data-shape="3"] .bloc3{margin-right: 2.5%;margin-left: 2.5%;}

.bloc3_focushover.shapeChange[data-shape="3"] .bloc3{border-radius: 15px;overflow: hidden;}

.bloc3_focushover.shapeChange[data-shape="4"] .bloc3{border-radius: 15px;overflow: hidden;}


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

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



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

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

@media screen and (max-width:600px) {
  .bloc3_focushover{in-height: auto;flex-direction: column;}
  .bloc3_focushover>.help4sort{display: none;}
  .bloc3_focushover>.bloc3, .bloc3_focushover.shapeChange[data-shape="1"]>.bloc3{width:100%; margin-right: 0 !important; margin-left: 0 !important;}
  
  
}