body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;gap:20px;
    justify-content: center;flex-direction: column;
    background:url('lettre.png') no-repeat center -50px #9a997e;
    background-size:auto 100%;
    min-height: 100dvh;
    color: #1d1d18;
    font-family: "Cormorant", serif;
    font-optical-sizing: auto;
    text-align: center;
    font-size:clamp(1.8rem, 1.309rem + 0.682vw, 2.4rem);line-height:1.1;
}

.contentConstruction {
    padding:30px;
}

.contentConstruction h1 {
    color:#fff;
    font-size:clamp(3rem, -2.727rem + 7.955vw, 10rem);
    font-weight:400;
    line-height:0.65;
    margin-bottom:1em;
}
.contentConstruction h1 small {
    font-size:0.54em;
    font-weight:300;
}

.bouton {
    color: #1d1d18;
    text-decoration:none;
    display:inline-block;
    padding:0.6em 1.8em;
    padding-block: 0.5em;
    padding-inline: 1.8em;
    background-color:#fff;
    border-radius:10px;
    transition:background .4s, color 0.3s;
    text-transform:uppercase;
    font-weight:600;
    font-size:0.8em;
    appearance: none;
    cursor: pointer;
    font-family: "Cormorant", serif;
    border: none;
}
.bouton:hover {
    background-color:#1d1d18;
    color:#fff;
}

.accroche {
    font-size:clamp(2.4rem, 0.273rem + 2.955vw, 5rem);
    line-height:1;
}

.accroche small {
    font-size:0.8em;
}

.ouverture {
    color:#fff;
}
.ouverture.bis{
    font-size: 1.6rem;
}

footer {
    text-align: center;
    padding: 0 0 10px 0;
    font-size:0.65em;
}

footer small {
    font-size:0.65em;
}

footer a {
    color:inherit;
}

@media (max-width : 720px) {
    body {
        background-size:80% auto;
    }
}