.MenuN{ width: 100%; height: 100px; background: conic-gradient(from 270deg at -10% 100%, #ffffff, #fefefe, #f3f3f3, #d8d8d8, #acacac, #929292, #898989, #888888); /* made at https://learnui.design/tools/gradient-generator.html */ position: fixed; z-index: 2; top: 0% ; left: 0%; display: flex; flex-direction: row; justify-content: space-around; align-items: center; /*left: 0%;*/ /*apparemment, par défaut ? Voir si impact plus tard*/ box-shadow: 0px 5px 10px black; /*text-align: center;*/ } .MenuN:hover{ z-index: 10;} .MenuN a{ color: black; border-radius: 5% 5%; box-shadow: 0px 5px 5px black; width: 10%; height: 50%; text-align: center; } .MenuN a:hover{ color: red; box-shadow: 0px -5px 5px black; } .blanc{ height: 100px; } .MenuS{ background-color: black; top: 100px; width: 50px; height: auto; z-index: 1; position: fixed;} .Social a img{ width: 50px; height: 50px;} h1{ background: #0000ff; color: #ffffee; }