body{
    background-color: #F9E4B7;
}


div.header{
    background-color: hsl(284, 53%, 70%);
    margin: auto;
    display: inline-block;
}

div.header img{
    width : 30%;
    height : 30%;
    float: left;
    }
div.header h1{
    margin-top: 50px;
    text-align: center;
    float: right;
    }
    
div.center{
    margin: auto;
}

footer{
    background-color: hsl(284, 53%, 70%);
}

footer h1{
    text-align: center;
    text-size-adjust: 25px;
}
footer div img{
    width : 4%;
    height : 4%;
    float : left;
}

footer div a.mail{
    display: block;
}
div.Center{
    display: grid;
    grid-template-columns: 1fr 4fr 2fr;
    text-align: center;
    border:7px solid hsl(284, 53%, 70%);
}
div.Center h1{
    margin: auto;
}
div.Center .Left{
    background-color: hsl(284, 53%, 70%);
}
div.Center .Cart{
    background-color: hsl(284, 53%, 70%);
}
div.Center .Center{
    border: 7px solid hsl(284, 53%, 70%);
    display:block;   
}
div.Center .Center .group-object{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
div.Center .Center .object{
    border: 7px solid hsl(284, 53%, 70%);
    background-color: #F9E4B7;
}
div.Center .Center .objet p{
    text-size-adjust: 2px;
}
li.deroulant{
    text-align: left;
}
li.deroulant:hover{
    display: block;
}
.sousclass{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
}