u003c!DOCTYPE htmlu003enu003chtml lang=u0022fru0022u003enu003cheadu003en u003cmeta charset=u0022UTF-8u0022u003en u003cmeta name=u0022viewportu0022 content=u0022width=device-width, initial-scale=1.0u0022u003en u003ctitleu003ePage avec Navigationu003c/titleu003en n u003cstyleu003en .container {n width: 100vw;n max-width: 100vw;n margin: 0 auto;n padding: 0;n box-sizing: border-box;n }nn .masthead {n background: rgba(221, 51, 51, 0);n max-width: 100vw;n margin: 0 auto;n overflow: hidden;n box-sizing: border-box;n width: 100%;n }nn .inner-navigation {n display: flex;n justify-content: center;n align-items: center;n font-family: ‘Cursive’, sans-serif;n font-weight: bold;n font-size: 18px;n width: 100%;n height: 100px;n box-sizing: border-box;n text-align: center;n padding: 0;n }nn .inner-navigation * {n font-size: 18px;n font-weight: bold;n margin: 0 15px;n text-align: center;n }n u003c/styleu003enu003c/headu003enu003cbodyu003enn u003cdiv class=u0022containeru0022u003en u003cheader class=u0022mastheadu0022u003en u003cnav class=u0022inner-navigationu0022u003en u003cspan data-hover=u0022Homeu0022u003eAccueilu003c/spanu003en u003cspan data-hover=u0022Aboutu0022u003eÀ proposu003c/spanu003en u003cspan data-hover=u0022Contactu0022u003eContactu003c/spanu003en u003c/navu003en u003c/headeru003en u003c/divu003enn u003cscriptu003en // Modifier dynamiquement le texte du premier span avec data-hovern let span = document.querySelector(‘span[data-hover]’);n if (span u0026u0026 span.firstChild) {n span.firstChild.nodeValue = span.firstChild.nodeValue.replace(‘u0022u003e’, ”);n }n u003c/scriptu003ennu003c/bodyu003enu003c/htmlu003e
