body
{
    background-image: url(../Images/background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover ;
    
}
p
{
    color: white;
    margin-left: 10px;
}
h1
{
    color: white;
    font-size: 110px;
    font-family: StarWarsFONT;
}
h2
{
    font-size: 20px ;
    color: white;
    font-family: StarWarsFONT;
}
article
{

    color: white;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 50px;
    background-image: url(../Images/background.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover ;
}
.Image9
{
    width: 400px;
    height: 600px;
    margin-top: 50px;
    margin-left: 5%;
    margin-right: 200px;
    
}
.ImageTournage
{
    margin-top: 50px;
    margin-right: 200px;
    margin-left: 5%;
    width: 600px;
    height: 400px;
    
}
.Lucas
{
    width: 450px;
    height: 550px;
    margin-top: 50px;
    margin-left: 5%;
    margin-right: 200px;
}
.texte1
{
    display: flex;
    text-align: justify;
    align-items: center;
    margin-right: 200px;
    font-size: 40px;
    font-family: arial;
}
.texte2
{
    display: flex;
    text-align: justify;
    align-items: center;
    margin-left: 5%;
    font-size: 40px;
    font-family: arial;


}
.texte3
{
    display: flex;
    text-align: justify;
    align-items: center;
    margin-left: 5%;
    font-size: 40px;
    font-family: arial;
}
/*Plus d'infromations sur la FONT dans menu.css*/
a
{
    font-family: StarWarsFONT;
}
@media screen and (max-width:  1024px)
{
    .texte1, .texte2, .texte3
    {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-right: 0;
    }
    .Lucas, .ImageTournage, .Image9
    {
        margin: auto;
    }
    .ImageTournage
    {
        width: calc(100% - 20px);
    }

}