* {
    margin: 0px;
    padding: 0px;
}
@font-face {
	font-family: "KronaOne";
	src: url('KronaOne-Regular.ttf');
}
@font-face {
    font-family: "Palanquin";
    src: url('Palanquin-ExtraLight.ttf');
}

@font-face {
    font-family: "Lora";
    src: url('Lora-Regular.ttf');
}

nav ul{
    list-style-type: none;
}

nav ul li a{
    text-decoration: none;
    display: block;
    color: #06441f;
    margin-top: 1em;
}

nav a:hover {
    font-weight: bolder;
}

body {
    display: flex;
    flex-direction: row;
}

header{
    font-family: "Lora";
    padding: 1em;
    background-color: #ffe7d2;
    display: flex;
    height: 100vh;
    width: 40vw;
}
nav{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-self: center;
}

main{
    letter-spacing: .15em;
    overflow-y: scroll;
    height: 100vh;
    scroll-snap-type: block mandatory;
    scroll-behavior: smooth;
}

section{
    padding: 4em;
    height: 100vh;
    scroll-snap-align: start;
}

p{
    font-family: "Palanquin";
    margin-top: 2.5em;
    line-height: 1.7em;
}
h2{
    font-family: "KronaOne";
}
h3 {
    font-family: "KronaOne";
    margin-bottom: 3em;
}
main ul{
    font-family: "Palanquin";
    list-style-position: inside;
    list-style-type: '-  ';
}

.bienvenue{
    background-image: url("images/banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.texteenbasadroite{
    width: 50ch;
}

.presentation{
    background-color: #bcd0b1;
}


.tarifs{
    background-color: #bcd0b1;
}


.bon{
    background-color: #ffe7d2;
    display: flex;
    flex-direction: column;
}

.articlenoel{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}


.articlenoel img{
    width: 25vw;
}
.articlenoel p{
    width: 30vw;
}


.rdv{
    background-image: url("images/rdv.jpg");
    background-size: cover;
    color: white;
}

.article_a_tourner{
    display: flex;
    justify-content: space-between;
    ;
}

.article_a_tourner img{
    max-width: 10vw;
}

.insta img{
    max-width: 3vw;
}

.insta img:hover {
    transform: scale(1.5);
    transition: transform .2s;
  }

.faq{
    background-color: #ffe7d2;
    margin-top: 2.5em;
    line-height: 1.7em;
}

summary:hover{
    font-weight: bolder;
    cursor: pointer;
}

summary, details{
    font-family: "Palanquin";
    letter-spacing: .15em;
}
.footerglobal{
    
}