.commentaire{
    width: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 50px;
    row-gap: 50px;
    font-size: 1.2em;
    margin: 20px;
    text-align: center;
}


@media (max-width: 850px){
    .commentaire{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        margin-top: 30px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

.coms{
    padding: 15px;
    background-color: white;
    border-radius: 15px;
}

.coms p{
    text-align: justify;
}

.coms_title{
    width: 100%;
    padding: 5px;
    background-color: rgb(231, 189, 52);
    border-radius: 10px;
}

.butt_c{
    display: flex;
    justify-content: space-between;
    margin: 50px 15px;
}

.button_coms{
    background-color: rgb(255, 196, 0);
    padding: 10px 20px;
    border: 1px solid rgb(255, 196, 0);
    border-radius: 30px;
    font-size: 1.7em;
    text-decoration: none;
    color: black;
}

.button_coms:hover{
    color: black;
}

.star{
    font-size: 32px;
}

.etoile{
    color: orange;
    font-size: 24px;
}

.form_com{
    margin: 0 auto;
    background-color: white;
}

.formulaire{
    margin-top: 100px;
}