/*  Ticket Teaser, 
* Utiliser uniquement pour l'affichage des concerts dans la rubrique Billeterie. 
* /!\ à ne pas confondre avec les DCE utiliser sur la homePage et sur les pages infopratique, bonus, résidence, 
*/


/*********** Billeterie ***********/

#billeterie div.ticketteaser div.ticketteaserimage {  background-size:cover;height:520px;}

 #billeterie div.ticketteaser {
      position: relative; 
      text-align: center;
      margin-bottom: 15px;
}

  #billeterie  div.ticketteaser div.bigtitle { height: 40%;margin-bottom: 0;}
  #billeterie  div.ticketteaser div.title { height: 60%;overflow: hidden;}
  #billeterie  div.ticketteaser div.title a {
    margin-top: 15px; 
    color: black;
    font-weight: 400;
    font-style: normal;
  }

#billeterie a.coveringlink {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  #billeterie a:hover.coveringlink {
    background-color: red;
    opacity: 0.2;
  }

#billeterie div.blocSaumon {
  margin-bottom: 0;
}


/* Gestion responsive */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {  
  #billeterie div.ticketteaser {
      height: 220px;
  }
  #billeterie div.ticketteasertext { 
    height: 100%; 
  }
  #billeterie  div.ticketteaser > div { height: 100%; }
  #billeterie  div.ticketteaser div.ticketteaserimage {height: 100%; }

  


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992p) {  }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }