@mixin croix_or {
  &:after{
    height: 10px;
    margin-top: 0.5rem;
    content: " ";
    display: block;
    background: url($croix_or);
    background-repeat: repeat-x;
    background-size: auto auto;
  }
}

@mixin croix_or_B {
  &:before{
    width: 100px;
    height: 10px;
    margin-top: 0.5rem;
    content: " ";
    display: block;
    background: url($croix_or);
    background-repeat: repeat-x;
    background-size: auto auto;
  }
}


@mixin shadow{
  box-shadow: none;
  transition: 0.3s transform ease, 0.3s box-shadow ease;
  &:hover{
    transform: scale(1.05);
    box-shadow: 0px 0px 13px 0px $color2;
    transition: 0.3s transform ease, 0.3s box-shadow ease;
  }
}

@mixin shadow_participants{
  figure img{
    box-shadow: none;
    transition: 0.3s transform ease, 0.3s box-shadow ease;
  }
  figure{
    &:hover{
      & > div img{
        transform: scale(1.05);
        transition: 0.3s all ease;
        box-shadow: 0px 0px 13px 0px $color2;
      }
    }
  }
}

@mixin shadow_side_note{
   img{
    box-shadow: none;
    transition: 0.3s transform ease, 0.3s box-shadow ease;
  }
    &:hover{
      & > div img{
        transform: scale(1.05);
        transition: 0.3s all ease;
        box-shadow: 0px 0px 13px 0px $color2;
      }
    }

}

@mixin labelOnline{
  content:  url('data:image/png;base64,[encoded data, 72636 characters]');
 }
 