.content_switching {
  font-size:1em
}
.buttons {
  display:flex;
  width:100%;
  margin-bottom:0
}
.buttons>* {
  flex-grow:1;
  opacity:1;
  white-space:normal
}
.buttons .bloc3,
.buttons .bloc4 {
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  padding-bottom:0
}
.buttons .bloc3 p,
.buttons .bloc4 p {
  margin-left:10px;
  margin-left:10px
}
.buttons .bloc3 > p:first-child,
.buttons .bloc4 > p:first-child,
.buttons .bloc3 > .img:first-child + p:nth-child(2),
.buttons .bloc4 > .img:first-child + p:nth-child(2) {
  position:relative;
  font-weight:bold;
  margin-left:0;
  margin-right:0;
  margin-bottom:10px;
  padding-bottom:5px
}
.buttons >* > p:first-child::after{
  content:"";
  display:block;
  position:absolute;
  background-color:#CCC;
  height:1px;
  width:100%;
  bottom:0;
  left:0;
  transition-property:height,background-color;
  transition-duration:0.5s;
  z-index:-1
}
.buttons >* > .img {
  margin-bottom:10px
}
.switch.bloc {
  border-top-width:3px;
  border-top-style:solid;
  border-color:transparent;
  padding:10px
}
.buttons >*.selected>p, .buttons >*.selected>p *{color:#FFF !important; --myC:#FFF !important}
.buttons >*.selected > p::after {
  height:110%;
  background-color:var(--CS_bgCol);
}
.buttons>.bloc3 > .img:first-child,
.buttons>.bloc4 > .img:first-child {
  transform:scale(0.8);
  transform-origin:50% 50%;
  transition-property:transform;
  transition-duration:0.2s
}
.buttons >*.selected > .img:first-child,
.buttons>.bloc3:hover > .img:first-child,
.buttons>.bloc4:hover > .img:first-child {
  transform:scale(1)
}