@charset "UTF-8";

#tout {
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    height: 500px;
    padding: 10px;
    background-color: yellow;
    box-shadow: 5px 5px 10px 3px rgba(0,0,0,.5);
    
}

#banniere {
    position: relative; /* OBLIGATOIRE afin que les images enfants qui apparaissent au survol soient bien positionnées par rapport à sa banniere parente */
    width: 200px;
    margin: 20px;
    padding: 10px;
    background-color: #037E5C;
}

#banniere ul li {
    list-style: none;
    color: white;
    margin-bottom: 20px;
}

#banniere ul li a {
    color: white;
}

#liste-1:hover:before {
    content: url(../images/logo-orange-normal.png);
    position: absolute;
    left: 200px;
    top: 0;
    background-color: black;
    box-shadow: 5px 5px 10px 3px rgba(0,0,0,.5);
    border-radius: 10px;
}
#liste-2:hover:before {
    content: url(../images/logo-blanc-hover.png);
    position: absolute;
    left: 200px;
    top: 40px;
    background-color: gray;
    box-shadow: 5px 5px 10px 3px rgba(0,0,0,.5);
    border-radius: 10px;
}