<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Métadonnées générales -->
<meta name="description"
content="Tableau plage du lac d'Aydat avec rocher, peinture abstraite à l'huile sur toile par Philippe Morel, artiste peintre chamalièrois. Dimensions 30x40 cm, 2024.">
<title>Plage du lac d'Aydat par Philippe Morel artiste peintre Auvergnat</title>
<link rel="canonical" href="https://www.philmorel.com/lac-aydat-rocher-philippe-morel.php">
<!-- Open Graph / Facebook -->
<meta property="og:title" content="Tableau plage du lac d'Aydat par Philippe Morel">
<meta property="og:description"
content="Peinture abstraite à l'huile sur toile, 40x40 cm, 2024. Œuvre originale de Philippe Morel, artiste peintre chamaliérois en Auvergne.">
<meta property="og:image" content="https://www.philmorel.com/aydat-1200.avif">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1200">
<meta property="og:url" content="https://www.philmorel.com/lac-aydat-rocher-philippe-morel.php">
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<meta property="og:site_name" content="Tableau plage du lac d'Aydat par Philippe Morel">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://www.philmorel.com/aydat-1200.avif">
<meta name="twitter:title" content="Tableau plage du lac d'Aydat en Auvergne par Philippe Morel">
<meta name="twitter:description" content="Peinture abstraite à l'huile sur toile, 40x40 cm, 2024.">
<!-- Schema.org VisualArtwork -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Philippe Morel",
"item": "https://www.philmorel.com/"
},{
"@type": "ListItem",
"position": 2,
"name": "Galerie",
"item": "https://www.philmorel.com/galerie.php"
},{
"@type": "ListItem",
"position": 3,
"name": "Tableau plage du lac d'Aydat"
}]
},
{
"@type": "VisualArtwork",
"name": "Tableau du Lac d'Aydat en Auvergne",
"artworkSurface": "Toile",
"artMedium": "Huile",
"width": { "@type": "QuantitativeValue", "value": 40, "unitCode": "CMT" },
"height": { "@type": "QuantitativeValue", "value": 40, "unitCode": "CMT" },
"dateCreated": "2024",
"creator": {
"@type": "Person",
"name": "Philippe Morel",
"url": "https://www.philmorel.com/"
},
"image": "https://www.philmorel.com/aydat-1200.avif",
"url": "https://www.philmorel.com/lac-aydat-rocher-philippe-morel.php",
"description": "Peinture abstraite à l'huile sur toile réalisée par Philippe Morel en 2024.",
"offers": {
"@type": "Offer",
"availability": "https://schema.org/InStock",
"priceCurrency": "EUR",
"url": "https://www.philmorel.com/contact.php?oeuvre=Lac d'Aydat"
}
}
]
}
</script>
<!-- Polices et préchargements (identiques à la homepage) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style"
href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;700&display=swap">
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;700&display=swap"
rel="stylesheet">
<!-- Préchargement de l’image haute résolution de ce tableau -->
<link rel="preload" href="https://www.philmorel.com/aydat-1200.avif" as="image">
<style>
:root {
--primary-color: #333;
--secondary-color: #f4f4f4;
--accent-color: #007bff;
--heading-font: 'Playfair Display', serif;
--body-font: 'Roboto', sans-serif;
}
body {
font-family: var(--body-font);
margin: 0;
padding: 0;
background-color: var(--secondary-color);
color: var(--primary-color);
line-height: 1.6;
}
h1,
h2,
h3 {
font-family: var(--heading-font);
}
header {
background-color: var(--primary-color);
color: white;
padding: 1rem;
text-align: center;
position: relative;
}
nav {
display: flex;
justify-content: center;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
gap: 1rem;
}
nav a {
color: white;
text-decoration: none;
padding: 0.5rem 1rem;
transition: background-color 0.3s;
}
nav a:hover,
nav a:focus {
background-color: var(--accent-color);
}
main {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.painting-figure {
max-width: 100%;
margin: 2rem 0;
text-align: center;
background: white;
padding: 2rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.painting-figure img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
.painting-info {
margin-top: 1.5rem;
font-size: 1.1rem;
}
.painting-info p {
margin: 0.8rem 0;
}
footer {
background-color: var(--primary-color);
color: white;
padding: 2rem 1rem;
text-align: center;
}
.social-links {
display: flex;
gap: 2rem;
justify-content: center;
flex-wrap: wrap;
margin: 1rem 0;
}
.social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
transition: background 0.3s;
}
.social-links a:hover,
.social-links a:focus {
background: rgba(255, 255, 255, 0.3);
}
.social-links svg {
width: 28px;
height: 28px;
fill: white;
}
.footer-links a {
color: white;
text-decoration: underline;
margin: 0 0.5rem;
}
@media (max-width:480px) {
.social-links {
flex-direction: column;
align-items: center;
}
}
.burger-menu {
display: none;
cursor: pointer;
position: absolute;
top: 1rem;
right: 1rem;
z-index: 1000;
}
.burger-menu span {
display: block;
width: 25px;
height: 3px;
background-color: white;
margin: 5px 0;
transition: 0.3s;
}
nav ul.mobile-active {
display: flex;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: var(--primary-color);
padding: 1rem 0;
}
@media (max-width:768px) {
nav ul {
display: none;
}
.burger-menu {
display: block;
}
}
/* Styles fil d'ariane */
.breadcrumb {
font-size: 0.9rem;
margin-bottom: 1rem;
color: #666;
}
.breadcrumb a {
color: var(--primary-color);
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb span {
margin: 0 0.5rem;
}
/* Styles formulaire */
.contact-form-section {
margin-top: 2rem;
border-top: 1px solid #ddd;
padding-top: 2rem;
text-align: left;
}
.contact-form {
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 600px;
margin: 0 auto;
}
.form-group {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.form-group label {
font-weight: bold;
}
.form-group input,
.form-group textarea {
padding: 0.8rem;
border: 1px solid #ccc;
border-radius: 4px;
font-family: var(--body-font);
}
.submit-btn {
background-color: var(--accent-color);
color: white;
border: none;
padding: 1rem 2rem;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
transition: background 0.3s;
align-self: flex-start;
}
.submit-btn:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<header>
<h1>Philippe Morel artiste peintre chamaliérois</h1>
<div class="burger-menu" id="burgerMenu" aria-label="Ouvrir le menu" role="button" tabindex="0"
aria-expanded="false">
<span></span><span></span><span></span>
</div>
<nav aria-label="Navigation principale">
<ul id="navMenu">
<li><a href="index.php">Tableaux</a></li>
<li><a href="philippe-morel.php">A propos</a></li>
<li><a href="expo.php">Expositions</a></li>
<li><a href="presse.php">Presse et Prix</a></li>
<li><a href="actu.php">Actualités</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
</header>
<main>
<nav aria-label="Fil d'ariane" class="breadcrumb">
<a href="index.php">Peintures</a> <span>></span>
<a href="galerie.php">Galerie</a> <span>></span>
<span aria-current="page">Tableau plage du lac d'Aydat</span>
</nav>
<section class="painting-figure">
<picture>
<source
srcset="aydat-480.avif 480w, aydat-960.avif 960w, aydat-1080.avif 1080w, aydat-1200.avif 1200w"
sizes="(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 1200px"
type="image/avif">
<source
srcset="aydat-480.webp 480w, aydat-960.webp 960w, aydat-1080.webp 1080w, aydat-1200.webp 1200w"
sizes="(max-width: 600px) 100vw, (max-width: 1200px) 50vw, 1200px"
type="image/webp">
<img src="aydat-1080.jpg" alt="Paysage Lac Aydat peinture pastels, 30x30 cm, 2025"
loading="lazy" decoding="async" title="tableau Lac Aydat" width="1080"
height="1080">
</picture>
<div class="painting-info">
<h2>Tableau plage du lac d'Aydat</h2>
<p><strong>Technique :</strong> Huile sur toile</p>
<p><strong>Dimensions :</strong> 30 × 40 cm</p>
<p><strong>Année :</strong> 2024</p>
<p><strong>Catégorie :</strong> Peinture abstraite</p>
<p><a href="galerie.php">← Retour à la galerie</a></p>
<div class="contact-form-section">
<h3>Intéressé par ce tableau ?</h3>
<p>Pour connaitre le prix ou avoir plus d'informations sur l'œuvre <em>plage du lac d'Aydat</em>, contactez
l'artiste Philippe Morel directement via ce formulaire :</p>
<form action="contact.php" method="POST" class="contact-form">
<input type="hidden" name="subject" value="Renseignement sur l'oeuvre : plage du lac d'Aydat">
<div class="form-group">
<label for="name">Votre nom</label>
<input type="text" id="name" name="name" required placeholder="Votre nom complet">
</div>
<div class="form-group">
<label for="email">Votre email</label>
<input type="email" id="email" name="email" required placeholder="votre@email.com">
</div>
<div class="form-group">
<label for="message">Votre message</label>
<textarea id="message" name="message" rows="4"
required>Bonjour, je souhaiterais obtenir plus d'informations sur le tableau "plage du lac d'Aydat".</textarea>
</div>
<button type="submit" class="submit-btn">Envoyer ma demande</button>
</form>
</div>
</div>
</section>
</main>
<footer>
<p>© 2026 Philippe Morel, artiste peintre chamaliérois (Auvergne). Tous droits réservés.</p>
<div class="social-links" aria-label="Réseaux sociaux">
<a href="https://x.com/philmorL" target="_blank" rel="noopener" aria-label="Suivre sur X (Twitter)">
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
</svg>
</a>
<a href="https://www.facebook.com/Philippe-Morel-1426386287685982/" target="_blank" rel="noopener"
aria-label="Suivre sur Facebook">
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" />
</svg>
</a>
<a href="https://www.pinterest.fr/philmo63/" target="_blank" rel="noopener"
aria-label="Suivre sur Pinterest">
<svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.174-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.215-.173.265-.402.161-1.495-.685-2.436-2.83-2.436-4.559 0-3.734 2.718-7.191 7.835-7.191 4.127 0 7.332 2.941 7.332 6.876 0 4.113-2.594 7.414-6.194 7.414-1.209 0-2.346-.629-2.734-1.373 0 0-.599 2.282-.744 2.841-.282 1.084-1.064 2.439-1.588 3.262C9.534 23.636 10.754 24 12.017 24c6.621 0 11.987-5.367 11.987-11.987C23.999 5.367 18.626.001 12.017 0z" />
</svg>
</a>
</div>
<p class="footer-links">
<a href="mentions.php">Mentions légales</a>
</p>
</footer>
<!-- Script menu burger (identique à la homepage) -->
<script>
const burger = document.getElementById('burgerMenu');
const navMenu = document.getElementById('navMenu');
burger.addEventListener('click', () => {
const expanded = burger.getAttribute('aria-expanded') === 'true';
burger.setAttribute('aria-expanded', !expanded);
navMenu.classList.toggle('mobile-active');
});
document.addEventListener('click', (e) => {
if (!burger.contains(e.target) && !navMenu.contains(e.target)) {
burger.setAttribute('aria-expanded', 'false');
navMenu.classList.remove('mobile-active');
}
});
</script>
</body>
</html>
