Et mon CSS: nav { margin: 10px; display: flex; text-decoration: none; text-align: center; justify-content: space-between; } nav a{ line-height: 2em; display: block; border: 2px solid #FA8072; width: 170px; } nav a:hover { border-color: red; } .menu1 { position: relative; } .menu2 { position: relative; } .prebac{ position: absolute; left: -999em; width: 174px; top:0; } nav a:hover+ .prebac{ display: block; } .prebac:hover{ display: block; } .etablissement, .ville, .site, .menu-sub { width: 174px; text-align: center; text-decoration: none; } .etablissement{ background-color:gray; display: none; position: absolute; } nav a:hover + .etablissement { display: block; } .etablissement:hover{ display: block; } .ville{ background-color:Silver; display: none; position: absolute; } nav a:hover + .ville { display: block; } .ville:hover{ display: block; } .site{ background-color:gray; display: none; position: absolute; } nav a:hover + .site { display: block; } .site:hover{ display: block; } .menu-sub { position: absolute; display: none; background-color: silver; } nav a:hover + .menu-sub { display: block; } .menu-sub:hover { display: block; }