figcaption{
    font-size: 0.7em;
}
body{
    background-image: url("../images/etoile.jpg");
    background-size: cover;
}
.article {
    background-color: rgba(200,200,200,0.1);
    backdrop-filter: blur(6px);
    color: white;
    padding: 0.8em;
    height: 100%;
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 10px;
    transition: background-color 500ms;
}
.article:hover{
    background-color: rgba(200,200,200,0.3);
    backdrop-filter: blur(6px);
}
.name{
    text-align: center;
}
.description{
    height: 55px;
    text-align: center;
    margin: 1em;
}
.prix{
    text-align: center;
}
.prix p:first-child{

    margin-bottom: 10px;
}
div.image{
    text-align: center;
    user-select: none;
}
input[type="submit"]{
    font-family: "Soleil", sans-serif;
    background-color: white;
    padding: 10px;
    color: black;
    border: none;
    border-radius: 50px;
    box-shadow: 0px 0px 5px black;
    font-size: 1em;
    transition: box-shadow 500ms;
}
input[type="submit"]:hover{
    cursor: pointer;
    box-shadow: 0 0 10px limegreen;
}
input[type="submit"]:active{
    background-color: black;
    color: white;
}
input[type="submit"].disable {
    background-color: grey;
    padding: 10px;
    color: white;
    border: none;
    border-radius: 50px;
    font-size: 1em;
}
input[type="submit"]:hover.disable{
    box-shadow: 0 0 5px red;
}

input[type="submit"]:active.disable {
    background-color: black;
    color: white;
}