/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 juil. 2020, 14:04:46
    Author     : Seb
*/

.films{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.film{
    background-repeat: no-repeat !important; 
    background-position: center !important;
    background-size: 100% !important;
    height:270px;
    margin: 10px;
}

.film:after {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow:hidden;
    background-color: rgb(0, 0, 0, 0.3);
    color: #fff;
    padding:0 8px;
    content:attr(data-text);
    transition:0.7s;
    text-align: center;
    font-size: 1.3em;
}

.film:hover:after
{
    top:120px;
    padding:8px;
    background-color: rgba(0, 0, 0, 0.8);
}