html {
    background-color: #dccbbc;
}

body{
    max-width: 1200px;
    margin: auto;
}


header {
    display: grid;
    grid-template-columns: repeat(20, 5%);
    grid-template-areas: "groom groom . . . . . logo logo logo logo logo logo  carte carte carte carte carte carte langues";
}

.img-groom{
    grid-area: groom;
    margin: 14px 0 20px 1rem;
    max-width: 170px;
}

.logo-header {
    grid-area: logo;
    margin: 25px 0;
    width: 100%;
    max-width: 325px;
}

.carte-france {
    grid-area: carte;
    font-size: 0.75rem;
}
.carte-france img {
    max-width: 140px;
    margin: 20px 50%;
}
.carte-france p {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    width: 300%;
}


.langues {
    grid-area: langues;
    font-family: sans-serif;
    margin: -135px 0;
}
.langues a {
    text-decoration: none;
    color: white;
}
.langues ul {
    margin: 300% -100%;
    list-style-type: none;
}
.langues hr {
    width: 20px;
    margin: 5% 0;
    border: solid 0.5px #fff;
}




main {
    background-color: white;
    max-width: 1600px;
    margin: -1% auto;
    z-index: 1;
}

main nav {
    display: flex;
    width: 102%;
    margin-left: -1%;
}

main ul li a:hover
{
    color: #dccbbc;
}

.nav-retour {
    display: flex;
    justify-content: space-between;
    margin: -55px 0 0 -3.5%;
    width: 107%;
}
.nav-retour img {
    z-index: -5;


}
.nav-retour img {
    height: 50px;
}
.retour-droite {
}

.navbar ul {
    width: 100%;
    padding: 1rem 0;
    display: flex;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
    background-image: url(../media/header/bgcuir-nav-header.jpg);
    background-size: cover;
    z-index: 5;
    border-radius: 3px;
}
.navbar li {
    margin: auto;
    font-size: 1.2rem;
    color: white;
    list-style-type: none;
}
.navbar a {
    text-decoration: none;
    color: rgba (255,255,255,1);
    text-shadow: -2px -1px black, 0px -0px black;
    color: white;
    font-family: 'Open Sans', sans-serif;
}

.btn-reservation-sticky
{
    position: sticky;
    top: 0vh;
    z-index: 50;
    transform: translateY(125%);
    margin-left: 0;
}
.btn-reservation-sticky img
{
    width: 15%;
    max-width: 180px;
    margin-left: -11px;
    margin-bottom: -3%;
}

.legal-mention
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #5e3d2c;
}