body{
    margin: 0;
    padding: 0;
}

.wrapper{
    border: 1px solid #ffffff;
    height: auto;
    width: 95%;
    margin: 0 auto;
}

.header{
    background-image: url("image/image_accueil.png");
    background-size: 100%;
    border: 1px solid #84e184;
    height: 100px;
    width: 100%;
}

.menu{
    border: 1px solid #84e184;
    height: 50px;
    width: 100%;
    background: #84e184;
}

ul.list_menu{
    padding: 0;
    margin: 0;
    width: 80%;
    border: 1px solid #84e184;
    list-style: none;
    margin: 0 auto;
    line-height: 30px;
}

ul.list_menu li hover{
    background: burlywwood;
}

ul.list_menu li a{
    text-decoration: none;
    text-align: center;
    color:#ffffff;
}

ul.list_menu li{
    float: left;
    margin: 5px;
    padding: 5px;
}

main{
    border: 1px solid #84e184;
    height: 400px;
    width: 100%;
}

.sidebar{
    border: 1px solid #84e184;
    height: 100px;
    width: 18%;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
}

ul.list_sidebar{
    padding: 0;
    margin: 0;
    width: 100%;
    border: 1px solid #ffffff;
    list-style: none;
    line-height: 27px;
}

ul.list_sidebar li hover{
    background: cadetblue;
}

ul.list_sidebar li a{
    text-decoration: none;
    text-align: left;
    color:#3333ff;
    display: block;
}

ul.list_sidebar li{
    margin: 7px;
    padding: 5px;
}

.maincontent{
    border: 1px solid #84e184;
    height: 500px;
    width: 80%;
    margin-top: 5px;
    margin-left: 5px;
    float: right;
}

ul.produit_list{
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

ul.produit_list li{
    width: 15%;
    border: 1px dashed #000000;
    margin: 5px;
}

ul.produit_list li img{
    width: 100%;
}

.footer{
    border: 1px solid #84e184;
    height: 50px;
    width: 100%;
    background: #84e184;
}

.clear{
    clear: both;
}