/* ------------------------------ FONT ------------------------------ */
@font-face {
    font-family: 'Sorts Mill Goudy';
    src: url('font/SortsMillGoudy-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Pinyon Script';
    src: url('font/PinyonScript-Regular.ttf') format('truetype');
}

/* ------------------------------ BASE ------------------------------ */
body {
  background-image: url('image/testfond3.jpg'); /* chemin vers ton image */
  background-size: cover; /* adapte à la taille de l’écran */
  background-position: center; /* centre l’image */
  background-repeat: no-repeat; /* évite la répétition */
}

img {
    width: 100%;
    height: auto;
}

h1 {
    color: #000000;
    font-size: 70px;
    font-family: 'Sorts Mill Goudy';
    font-weight: normal;
}

h2 {
    color: #000000;
    font-size: 70px;
    font-family: 'Pinyon Script';
    font-weight: normal;
}

h3 {
    margin: 0px 0px 0px 30px;
    font-family: 'Sorts Mill Goudy';
    font-size: 20px;
}

p {
    margin: 0px 0px 0px 30px;
    font-family: 'Sorts Mill Goudy';
    font-size: 15px;
}

a {
    text-decoration: none;
    color: black;
    font-size: 30px;
    font-family: 'Sorts Mill Goudy';
}

/* ------------------------------ TITRE ------------------------------ */
.gros_titre {
    margin: 0px 0px 30px 30px; /* espace régulier au lieu du -65px */

}
.lettre1 {
    font-family: 'Pinyon Script';
}

.lettre2 {
    font-family: 'Sorts Mill Goudy';
}
.intro {
    margin-bottom: 40px;
}
/* ------------------------------ IMAGES DE NAVIGATION ------------------------------ */
.image-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* ✅ permet d’aller à la ligne si trop petit */
    gap: 0;
    margin-top: 60px; /* espace sous le texte */
    width: 100%;
    background-color: transparent;
}

/* Chaque lien prend 1/3 de la largeur */
.image-nav a {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: transparent;
}

/* Les images gardent leur forme et transparence */
.image-nav img {
    width: 100%;
    height: auto;
    object-fit: contain; /* garde les proportions exactes */
    background-color: transparent; /* fond transparent respecté */
    display: block;
    transition: transform 0.3s ease;
}

/* Effet zoom léger au survol */
.image-nav img:hover {
    transform: scale(1.05);
    cursor: pointer;
}

/* Responsive : sur mobile, les images passent en colonne */
@media (max-width: 768px) {
    .image-nav {
        flex-direction: column;
    }

    .image-nav a {
        max-width: 100%;
    }

    .image-nav img {
        width: 100%;
        height: auto;
    }
}

.navbar {
    display: grid;
        grid-template-columns: 6fr 1fr 1fr;
        gap: 50px;
        list-style: none;

}

/* ------------------------------ IMAGES STICKY (autres images si besoin) ------------------------------ */
.img-sticky {
    position: sticky;
    top: var(--top);
    right: 20px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    margin-left: 90%;
}