.bg-commander-panier{
    margin-top: 30px;
}

.mon-panier{
    display: flex;
    justify-content: space-between;
    padding: 0px 20px 0px 20px;
    vertical-align: middle;
}
.mon-panier h2{
    padding-top: 10px;
    font-weight: bold;
}
.mon-panier a{
    text-decoration: none;
    color: white;  
    padding: 13px;
}
.mon-panier a span{
    padding: 5px 30px 5px 30px;
    font-size: 20px;
    background-color: black;
    margin-top: 40px;
}

.mon-panier, .commander-panier-left, .commander-panier-right{
    background-color: white;
}
.commander-panier-left, .commander-panier-right{
    height: 40px;
}
.bg-commander-panier{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:"mon-panier mon-panier"
                        "commander-panier-left commander-panier-right";
    column-gap: 30px;
    row-gap: 30px;
    margin: 40px 70px 0px 70px;
}
.mon-panier{
    grid-area: mon-panier;
    grid-column: 1 / 3;
    grid-row: 1;
}
.commander-panier-left{
    grid-area: commander-panier-left; 
    height: 40vw;  
}
.commander-panier-right{
    grid-area: commander-panier-right;
    height: 20vw;
}

.all-articles{
    font-weight: bold;
    border-bottom: 5px solid rgba(0, 0, 0, 0.1);
    display: flex;
    vertical-align: middle;
}
.all-articles input{
    width: 20px;
    height: 20px;
    margin-top: 17px;
    cursor: pointer;
    margin-left: 10px;
}
.all-articles h2{
    padding: 10px 0px 0px 10px;
}