*{
    padding: 0;
    margin: 0;
}

.textCenter{    text-align: center;}

.armata-regular {
    font-family: "Armata", serif;
    font-weight: 400;
    font-style: normal;
  }

.anton-regular {
    font-family: "Anton", serif;
    font-weight: 400;
    font-style: normal;
  }



#image-carousel{
    width: 40vw;
    margin: 0 auto;
}

.splide__slide img {
    width: 40vw;
    visibility: visible;
  }
.splide__desc{
    text-align: center;
    background-color: #FFF;
}



.myfilmList .movie{
    flex-direction: column;
    align-items: center;
    margin: 50px auto;
    display: flex;
    width: 40vw;
    min-width: 210px;
    cursor:pointer;
}

.myfilmList .movie img{
    width: 40vw;
    min-width: 210px;
}

.myfilmList .movie .supprButton{
    width: 40px;
    min-width: 40px;
    cursor:pointer;
}



.filmDetail{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.filmDetail img{
    width: 40vw;
    max-width: 600px;
    min-height: 300px;
    min-width: 200px;
}

.filmDetail .ContenantTitreHeart{
    background-color:#33B0CD;
    color: black;
    display: flex;
    align-items: center;
    min-height: 64px;
    justify-content: space-between;
    padding: 0 20px ;
    width: 90vw;

}

.filmDetail p{
    padding: 0 20px ;
    width: 90vw;
}

.ContenantTitreHeart .Heart img{
    min-height: 40px;
    max-width: 40px;
    min-width: 40px;
    cursor:pointer;
}

.movie{
    background-color:#33B0CD;
    color: black;
}
.casting{
    background-color:#EB4CAE;
    color: black;
}
.note{
    color: black;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    padding: 0 20px ;
}

button{
    margin: 20px;
    cursor:pointer;
    width: 50px;
    height: 25px;
    border-radius: 5px;
}

.contenantBouton{
    display: flex;
    justify-content: center;
}



.pageCasting .casting{
display: flex;
width: 70vw;
gap: 10px;
margin: 0 auto}

.contenantCasthing{
    margin: 10px 5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    gap: 40px;
}

.contenantCasthing .casting{
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor:pointer;
}
.contenantCasthing .casting img{
    width: 250px;
}




.contenantsaison{
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.contenantsaison details{
    width: 90vw;
    margin-top: 0;
    margin-bottom: 0;
} 

h1{
    font-size: 40px;
    font-family: "Anton", serif;
}
h2{
    font-size: 32px;
    font-family: "Anton", serif;
}
h3{
    font-size: 24px;
    font-family: "Armata", serif;
}

.pageFav h3,.pageHome h3{
    margin-left:5vw ;
}


P{
    font-size: 18px;
    font-family: "Armata", serif;
}



#home{
    cursor:pointer;
    width: 40px;
}
#goFav{    
    cursor:pointer;
    width: 30px;
}


nav{
padding: 0 20px ;
background-color: #cfbaf0;
display: flex;
justify-content: space-between;
align-items: center;
border-color: #8754DB;
width: auto;
height: 50px;}



form{
    display: flex;
    gap: 10px;
}