header,ul{align-items:center;display:flex;justify-content:space-between}.menu-item{border-radius:1.25rem;padding-block:.5rem}.menu-item,.relative-item{cursor:pointer;padding-inline:1rem;transition:background-color .3s,color .3s}.relative-item{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;display:inline;padding-bottom:2px;padding-top:.5rem;position:relative}.sous-menu{align-items:flex-start;background-color:#22d3ee;border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem;color:#f97316;display:flex;flex-direction:column;left:0;padding-inline:1rem;position:absolute;width:100%;z-index:1000}.sous-menu li{padding-block:1rem}.sous-menu li:hover{color:#731dd8}.menu-item.active,.menu-item:hover{background-color:#22d3ee;border-radius:1.25rem;color:#f97316}.relative-item.active,.relative-item:hover{background-color:#22d3ee;border-bottom:1px solid #22d3ee;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;color:#f97316}.menu-item:not(.active):hover{background-color:#22d3ee;color:#f97316}.footer{align-items:center;display:flex;height:3rem;justify-content:center}@media (max-width:1024px){nav{display:none}header{display:flex;justify-content:center}}