.container{
    background-color: rgb(172, 234, 234);
}
article {
    background-color: bisque;
    margin-bottom: 20px;
}
.hopla{
    background-color: brown;
}
.image_hab {
    float; left: ;
}
a:link{
color: red;
}
a:visited{
    color: yellow;
}
a:hover{
    color: black;
}
a:active{
    color: fuchsia;
}
.menu{
    list-style: none; /*supprimer les puces*/
    display: flex;/* affiche les elements en ligne*/
    padding: 0;/* enleve les marges internes du <ul>*/
    margin: 0 ;/*enleve les marges externes du <ul>*/
    background-color: #333; /*couleur de fond du menu*/
}
.menu li{
    margin: 0;
}
.menu a{
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    color: none;
    transition: backround 0.3s;
}
.menu a:hover {
    background-color: black;
}