/* Gestion du DCE de la home page. 
*  Petit DCE qui permet d'afficher une actu sur la home. 
*/

/* InfoPratique, Bonus, Résidence ... */

div.tx-dce-pi1 div.ticketteaser {
    height: 650px;   
    position: relative; 
    text-align: center;
    margin-bottom: 15px;
    font-weight: 300;
}
div.tx-dce-pi1 div.ticketteasertext { 
	height: 100%; 
}
div.tx-dce-pi1 div.ticketteaser > div { height: 130px; }

div.tx-dce-pi1 div.ticketteaser div.ticketteaserimage {
 background-size:cover;
 height: 520px;
}
div.tx-dce-pi1 div.ticketteaser div.bigtitle { height: 40%;margin-bottom: 0;}
div.tx-dce-pi1 div.ticketteaser div.title { height: 60%;overflow: hidden;}
div.tx-dce-pi1 div.ticketteaser div.title a {
  margin-top: 15px; 
  color: black;
  font-weight: 400;
  font-style: normal;
}

div.tx-dce-pi1 a.coveringlink {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

div.tx-dce-pi1 a:hover.coveringlink {
  background-color: red;
  opacity: 0.2;
}


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

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

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