/* ENDREGION
----------------------------------------------------------------*/

/* GALLERY
/* REGION 
----------------------------------------------------------------*/




#block-views-liste-genre-theme-block, .pane-liste-genre-theme {
	margin : 50px 0;
}

.slick-arrow::before {
	color: #f70a0a;
	}
	
	

.image-default {
	opacity : 0.6;

}


.showcase-gallery.default .content {
    border-color: transparent;
    background: rgba(0, 0, 0, 0.4);
	}

.showcase-gallery .slick-slide {
  padding: 0 0.625rem;
}

.showcase-gallery .slide {
  position: relative;
}

.showcase-gallery .content :hover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;  
  height: 100%;
  padding: 1.25rem;
  border-width: 5px;
  border-style: solid;
  transition: all .5s;
  
}

.showcase-gallery a.link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;  
  height: 100%;
  z-index: 2;  
}

.showcase-gallery.default h3.title {
  position: absolute;
  bottom: 0.5rem;
  left: 1.25rem;
  right: 1.25rem; 
  font-size: 1.25rem;
  font-weight: 135;
  text-transform: uppercase;
  margin: 0;
	font-family: 'Roboto', sans-serif;
	max-width: 400px;
}

.showcase-gallery.genre h3.title {
  position: absolute;
  bottom: 0.5rem;
  left: 1.25rem;
  right: 1.25rem; 
  font-size: 1rem;
  font-weight: 250;
  text-transform: uppercase;
  margin: 0;
	font-family: 'Roboto', sans-serif;
	max-width: 400px;
}

.showcase-gallery .meta {
  position: absolute;
  bottom: 0;
  left: 1.25rem;  
  line-height: 1.75rem;
  width: 100%;
  padding: 0 1.25rem;
  margin: 0 -1.25rem;  
  z-index: 5;
}

.affiche-car {
    position: absolute;
    bottom: 0.5rem;
    left: 21.25rem;
    right: 1.25rem;
    font-size: 1.25rem;
    font-weight: 135;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Roboto',sans-serif;
    max-width: 250px;
}

.note-car {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 50px;
    height: 50px;
    float: left;
    display: table;
    background-color: #af0f0f;
    position: absolute;
    top: 50px;
    left: 50px;
}	
	.note-car span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;

}