/* -- Navigation ----------------------------- */
.nav__button{
    background: none; 
    border: none;

    padding: 1em;

    color: var(--clr--texte);
    font-size: .8rem;
    font-weight: 700;
    border: 0.1rem solid var(--clr--b--navbutton);
    border-radius: .5em;
    background: var(--clr--bg--navbutton);
}
.nav__categorie{
    appearance: none;
    border: none;

    padding: 1em;

    color: var(--clr--texte);
    font-size: .8rem;
    font-weight: 700;
    border: 0.1rem solid var(--clr--b--navbutton);
    border-radius: .5em;
    background: var(--clr--bg--navbutton);
}
.nav__profil{
    appearance: none;
    border: none;
    border: none;

    padding: 1em;

    color: var(--clr--texte);
    font-size: .8rem;
    font-weight: 700;
    border: 0.1rem solid var(--clr--b--navbutton);
    border-radius: .5em;
    background: var(--clr--bg--navbutton);
}
.nav__button:hover{
    background-color: var(--clr--orange--200);
    cursor: pointer;
}
.nav__categorie:hover{
    background-color: var(--clr--orange--200);
    cursor: pointer;
}
.nav__profil:hover{
    background-color: var(--clr--orange--200);
    cursor: pointer;
}


/* -- Movies/Paylist Template ----------------------------- */
.template-button{
    padding: .5em .5em;
    width: 4rem;

    color: var(--clr--texte);
    font-size: .8rem;
    font-weight: 700;
    border: 0.1rem solid var(--clr--b--cartebutton);
    border-radius: .5em;
    background: var(--clr--bg--cartebutton);
}
.template-button:hover{
   scale: 0.9;
   cursor: pointer;
}



.--ajouter{
    width: auto;

    border: none;
    background: var(--clr--bg--ajouter);
}
.--suprimer{
    width: auto;

    border: none;
    background: var(--clr--bg--supprimer);
}




/* -- Trailer Template ----------------------------- */
.trailer__template-button{
    padding: .5em .5em;
    width: 4rem;

    color: var(--clr--texte);
    font-size: .8rem;
    font-weight: 700;
    border: 0.1rem solid var(--clr--b--cartebutton);
    border-radius: .5em;
    background: var(--clr--bg--cartebutton);
}
.trailer__template-button:hover{
    scale: 1.1;
    cursor: pointer;
}