@font-face {
    font-family: "gladiola";
    font-weight: normal;
    src: url(./Font/gladiola-regular.ttf) format("truetype");
}

@font-face {
    font-family: "agrandir";
    font-weight: normal;
    src: url(./Font/Agrandir-Regular.otf) format("opentype");
}

@font-face {
    font-family: "sego";
    font-weight: normal;
    src: url(./Font/Sego.otf) format("opentype");
}

body {
    margin: 0 auto;
    text-align: center;
    background-color: rgb(239, 222, 215);
    overflow-x: hidden; /* Empêche le débordement horizontal */
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}

.gladiola {
    font-family: gladiola, serif;
    font-size: 30px;
}

nav a {
    font-family: agrandir, serif;
}

h1 {
    font-family: sego, serif;
}

h2 {
    font-family: sego, serif;
    font-size: 40px;
}

h3 {
    font-family: agrandir, serif;
}

p {
    font-family: agrandir, serif;
}

#vague1 img {
    width: 100%;
    height: 200px;
}

#vague1bas {
    position: relative;
    bottom: 5px;
}

#vague2 {
    position: relative;
}

#vague2 img {
    width: 100%;
    height: 200px;
}

#vague2bas {
    position: relative;
    bottom: 5px; 
}

.vague3 img {
    width: 100%;
}

.vague3bas {
    position: relative;
    bottom: 5px;
}

#vague4 img {
    width: 100%;
}

#vague4bas {
    position: relative;
    bottom: 5px;
}