/*index*/
#index{
    background-image: url(../UPLOAD/cine.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#moteur2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height : 772px;
}
.title{
    text-align: center;
    color: white;
}


ul {
    float: left;
    list-style: none;
    padding: 0px;
    margin-top: 0px;
    }

input{
    text-align: center;
    border-radius: 10px;
    color: black;
    font-size: 25px;
    }

input, ul {
    width: 450px;
    height: 50px;
    }

li:hover {
    color: silver;
    background: grey;
    }

a{
    text-decoration: none;
    font-size: 25px;
    text-align: center;
    color: white;
            }

 /*RECHERCHE*/ 
#recherche{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    

} 
header{
 
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    


}

/*element*/

    #bodyE{
        background-size: cover;
        background-image: url("https://image.shutterstock.com/image-vector/old-cinema-background-vector-illustration-260nw-770497021.jpg");
    }

    #headerelement{
        background-color: red;
        min-height: 125px;
    }

    .H1element{
        text-align: center;
        font-family: serif;
        font-size: 60px;
        color:#b1b1ff;

    }

    #totalE{
    background-color: #c2ceff6b;
    height: 450px;
    width: 450px;
    text-align: center;
    margin-left: 40%;
    border: solid 10px #1d7196;
    }

    .pE{
        font-size: 55px;
        color: #b1b1ff;

    }