///////////////////////////////////////////////////////////////
// Device: Desktop
///////////////////////////////////////////////////////////////

.jeu-tournois
{
  @include outer-container;

  margin-bottom: 40px;
  margin-top:    40px;
}
.jeu-tournois-container
{
  @include span-columns(10);
  @include shift(1);
  
  position: relative;
}
.jeu-tournois-background
{
  display:   block;
  overflow:  hidden;
  position:  absolute;
    bottom:  0;
    left:    0;
    right:   0;
    top:     0;
    z-index: -1;
}
.jeu-tournois-background-image
{
  @include cover;
}
.jeu-tournois-content
{
  height:   154px;
  position: relative;
}
.jeu-tournois-content-img
{
  display:   block;
  height:    50%;
  position:  absolute;
    left:    40px;
    top:     50%;
  transform: translateY(-50%);
}
.jeu-tournois-content-btn
{
  display:   block;
  position:  absolute;
    right:   40px;
    top:     50%;
  transform: translateY(-50%);
}

///////////////////////////////////////////////////////////////
// Device: Tablet
///////////////////////////////////////////////////////////////

@include tablet-landscape-and-below
{
  .jeu-tournois-content-img
  {
    height: auto;
    width:  25%;
  }
}

///////////////////////////////////////////////////////////////
// Device: Mobile
///////////////////////////////////////////////////////////////

@include mobile-landscape-and-below
{
  .jeu-tournois-container
  {
    margin: 0;
    width:  100%;
  }
  .jeu-tournois-content
  {
    height:  auto;
    padding: 40px;
  }
  .jeu-tournois-content-img
  {
    margin-bottom: 40px;
    position:      static;
    transform:     none;
    width:         100%;
  }
  .jeu-tournois-content-btn
  {
    padding:   20px;
    position:  static;
    transform: none;
    width:     100%;
  }
}