html,body{
    background: linear-gradient(gray, white);
    background-repeat: no-repeat;
}
p,body{
    text-align: center;
}

.body_menu{
    background-image: url("../images/texture_bois_menu.jpg");
    background-repeat: repeat;
    border-radius: 20px;
    image-rendering: auto;
    margin : 24px;
    padding: 16px;
}
.box_gris, .box_1{
    border-radius: 20px;
    background-color: rgba(0,0,0,0.5);
}
h1,h2,h3,h5,span {
    color : White;
}
.box{
    border-radius: 20px;
    background: rgb(106, 88, 64)
}

.lien{
    text-decoration: none;
    color : white;
}
.lien:hover{
    color : rgb(0, 0, 0);
}
.logo:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}
.img_logo{
    width: 30%;
}
.img_logo:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}
.nom_prod{
    font-size: 1.8em;
}
.prix{
    font-size: 1.6em;
}

span{
    font-size: 1.2em;
}

.zoom:hover{
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}

.box_1{
    border-radius: 20px;
    background-color: rgba(0,0,0,1);
}

.img-prod{
    width: 30%;
}

@media screen and (max-width: 480px) {
    html,body{
        background-image: url("../images/texture_bois_menu.jpg");
        background-repeat: repeat;
        border-radius: 20px;
        image-rendering: auto;
    }
    .body_menu{
        background-image: none;
        margin : 0px;
        padding : 0px;
    }
    .img_logo{
        width: 40%;
    }
    
}