/* Section header */
.header-external-links{
    display: flex;
    align-items: baseline;
    justify-content: right;
    gap: 2%;
    font-family: Inter;
    color: #4087a4;
    margin-right: 4%;
    a{
        color: #4087a4;
    }
}
.header-reserve-text{
    color: #ff8d6d;
    font-size: 3vh;
}
.header-nav{
    display: flex;
    align-items: end; 
    gap: 4%;
    margin: 0 3%;
    font-family: Inter;
    color: #ff8d6d;
}
.textbox-header{     
    border-radius: 3vh;
    border-color: #4087a4;
    height: 4vh;
    width: 20%;
    background-image: url("../images/loupe-recherche-corail.svg");
    background-repeat: no-repeat;
    background-position: 97%;
    background-size: 10%;
    margin: 0 0 1% 5%;
}
.textbox-header::placeholder{
    color: #ff9476;
    font-style: italic;
}
.page-title{
    font-family: Lora;
    color: #005f86;
    padding-left: 9.5vw;
}
.section-title{
    font-family: Lora;
    font-weight: 500;
    color: #f37551;
    font-size: x-large;
    display: flex;
    align-items: baseline;
    gap: 2vw;
}
/* Section footer */
.footer-global{
    display: flex;
    padding: 0 10%;
    align-items: baseline;
}
.footer-nav{
    display: flex;
    flex-direction: column;
    margin-right: 5vw;
    font-family: Inter;
    color: #005f86;
    p{
        display: flex;
    }
}
.footer-external-links{
    display: flex;
    flex-direction: column;
    gap: 4vh;
    font-family: Inter;
     a{
        color: #f37551;
    }
}
.footer-email-subscription{
    padding: 20vh 8vw;
    font-family: Lora;
    color: #005f86;
    display: flex;
    flex-direction: column;
    gap: 2vh;
}
.footer-email-subscription-textbox{
    background-color: #ffd0c3;
    border-radius: 30vw;
    height: 3vw;
    width: 30vw;
    background-position: 2%;
    padding-left: 1vw;
    display: flex;
    justify-content: space-between;
}
.textbox-footer{
    all: unset;
    font-family: Inter;
}
.footer-subscribe-button{
    background-color: #ff8d6d;
    border-style: none;
    border-radius: 30vw;
    font-family: Inter;
    color: #ffffff;
    padding: 0 2vw;
}
.textbox-footer::placeholder{
    color: #005f86;
    font-style: italic;
}
.footer-follow-us-section{
    font-family: Lora;      
}
.footer-follow-us-section-icons{
    display: flex;
    gap: 4vh;
    justify-content: center;
}
.main-global{
    background-image: url("../images/arriere-plan.jpg");
}
.footer-global{
    background-image: url("../images/arriere-plan.jpg"), url("../images/vague-footer.png");
    background-blend-mode: overlay;
    background-repeat: no-repeat;
}
.header-global{
    background-image: url("../images/arriere-plan.jpg"), url("../images/vague-navigation.png");
    background-blend-mode: overlay;
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    padding-bottom: 18vh;
}