/* 1. LE CORPS DE LA PAGE (Fond vert et couleur dorée) */
body {
    margin: 0;
    min-height: 100vh;
    font-family: Georgia, serif;
    background: #1f3a2d; /* Ton vert sombre */
    color: #d4b24a;      /* Ton doré */
}

.page {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}

h1, .titre-projets {
    font-family: Riesling, serif; /* Si Riesling n'est pas là, Georgia prendra le relais */
    font-size: 55px;
    color: #d4b24a;
    margin-left: -40px; /* Le fameux décalage vers la gauche */
    margin-top: 0px;
    margin-bottom: 40px;
    text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

h2 {
    color: #d4b24a;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 28px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: bold;
}

/* 3. STRUCTURE DES ACTUALITÉS */
.actualite {
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    margin: 0 auto 80px auto; /* Centré comme le titre */
    max-width: 1000px;
    align-items: flex-start !important;
}

/* Colonne photos */
.vitrine-produits {
    width: 180px !important;
    flex-shrink: 0 !important;
    text-align: center;
}

.vitrine-produits img {
    width: 170px !important;
    border: 3px solid #d4b24a !important;
    border-radius: 20px !important;
    display: block;
    margin-bottom: 5px;
}

/* Colonne texte */
.contenu-texte {
    flex: 1 !important;
    font-family: sans-serif;
}

h3 {
    margin-top: 0 !important;
    color: #d4b24a !important;
    font-size: 1.6rem !important;
}

.legendphoto {
    font-size: 14px;
    margin-bottom: 20px;
}

/* 4. MENU BAS */
.menu-bas {
    text-align: center;
    padding: 40px 0;
    width: 100%;
}

.menu-bas a {
    color: #d4b24a;
    font-family: "Comic Sans MS", cursive;
    font-size: 18px;
    text-decoration: none;
    margin: 0 15px;
}