<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Benoit MERCIER sculpteur & artiste peintre - Dinan Bretagne</title>
<meta name="description" content="Artiste plasticien contemporain, Benoît Mercier crée des oeuvres très graphiques tant en sculpture qu'en peinture ou dessin. Leur style: dynamiques & sereines, monumentales & légères, mobiles & intemporelles" />
<meta name="keywords" content="Benoît Mercier, sculpteur, artiste peintre, Bretagne, Dinan, artiste plasticien, Léhon, sculpteur à Dinan, sculpteur Dinan, sculpteur à Léhon, sculpteur Léhon, artiste peintre à Dinan, artiste peintre Dinan, artiste peintre à Léhon, artiste peintre Léhon, sculpteur en bretagne, sculpteur Bretagne, Artiste peintre en Bretagne, artiste peintre Bretagne" />
<meta name="Rating" content="General" />
<meta name="Expires" content="Never" />
<meta name="distribution" content="Global" />
<meta name="Robots" content="INDEX,FOLLOW" />
<meta name="Revisit-After" content="7 Days" />
<meta name="Author" content="benoit mercier" />
<meta name="Publisher" content="benoit-mercier.fr" />
<meta name="Copyright" content="© 2025 Benoît Mercier" />
<meta name="Date" content="09 décembre 2025 16:00:00" />
<html lang="fr">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="fr_FR">
<meta property="og:url" content="https://www.benoit-mercier.fr/">
<meta property="og:title" content="Benoit MERCIER sculpteur & artiste peintre - Dinan Bretagne">
<meta property="og:description" content="Artiste plasticien contemporain, Benoît Mercier présente des créations très graphiques : dynamiques & sereines, monumentales & légères, mobiles & intemporelles">
<meta property="og:image" content="../images/dia_accueil/CreteilCathedrale_2015.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.benoit-mercier.fr/">
<meta property="twitter:title" content="Benoit MERCIER sculpteur & artiste peintre - Dinan Bretagne">
<meta property="twitter:description" content="Artiste plasticien contemporain, Benoît Mercier présente des créations très graphiques : dynamiques & sereines, monumentales & légères, mobiles & intemporelles">
<meta property="twitter:image" content="../images/dia_accueil/CreteilCathedrale_2015.jpg">
<meta name="google-site-verification" content="iA0NE75CTznlwWfUHfk7SrbTqAfaLKwKUuegZLyLvYk" />
<link rel="canonical" href="https://www.benoit-mercier.fr/" />
<link rel="icon" type="image/png" href="../images/Fonds/logoBM2015_favicon.png" />
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/ca3ba03ace.js" crossorigin="anonymous"></script>
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
<style>
</style>
</head>
<body onkeydown="return blocBadTouche(event) margin-top:">
<!-- MENU OVERLAY -->
<div class="overlay overlay-slide-left" id="overlay">
<!-- MENU ITEMS -->
<nav>
<ul>
<li id="nav-1" class="slide-out-1 center">
<a href="index.html" class="center">Accueil</a>
</li>
<li id="nav-2" class="slide-out-2 center">
<a href="fr/Oeuvres.html" class="center">Oeuvres</a>
</li>
<li id="nav-3" class="slide-out-3 center">
<a href="fr/Lartiste.html" class="center">L'artiste</a>
</li>
<li id="nav-4" class="slide-out-4 center">
<a href="fr/Actualites.html" class="center">Actualités</a>
</li>
<li id="nav-5" class="slide-out-5 center">
<a href="fr/contact.html" class="center">Contact</a>
</li>
</ul>
</nav>
</div>
<!-- HAMBURGER MENU -->
<div class="hamburger-menu" id="hamburger-menu">
<div class="menu-bar1"></div>
<div class="menu-bar2"></div>
<div class="menu-bar3"></div>
</div>
<div class="container-fluid">
<div class="row justify-content-center text-justify">
<!-- SECTIONS -->
<section id="home">
<div class="logo">
<a href="../index.html"><img style="max-width: 100%; height: auto;" src="images/Fonds/logo_Benoit_Mercier_siteWeb2025.png" alt="Logo Benoit Mercier Sculpteur Peintre Dessinateur"></a>
</div>
</section>
</div>
<div class="row justify-content-center text-justify p-2">
<div class="col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10">
<h1 class="text-justify-center" style="font-family: ubuntulight; font-size: 30px;color: rgba(20, 25, 117, 0.92); background-color: rgba(255,255,255);">Démarche Artistique</h1><br/>
<p class="text-justify-center" style="font-family: ubuntulight; font-size: 20px;">Comment révéler ce qui est tapi au cœur des choses ? Une démarche artistique sensible.<br/><br/>
C’est par la question de l’altérité que l’œuvre de l’artiste Benoît Mercier tente de sonder l’intériorité. Par des mises en relation et des dialogues, elle ouvre un espace où pourra se révéler l’indicible qui habite au cœur. L’altérité est partout. Les rencontres font la richesse du vivant, de la nature et de l’humanité. L’œuvre de Benoît Mercier propose...
<a style="color: rgba(20, 25, 117, 0.92);" href="fr/Lartiste.html" title="vers la page L'artiste"><big>Lire la suite</big></a></p>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row justify-content-center text-justify">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" ">
<div style="position:relative;z-index:1">
<a><img style="width: 100%;" src="images/dia_accueil/Bandeau-JeuAbyssal-BenoitMercier.jpg" alt="Peinture Jeu abyssal par Benoit Mercier artiste plasticien"></a>
</div>
<div style="position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index:2;font-size:200%">
<h2 style="vertical-align:middle; font-family: ubuntulight; font-size: 40px;color: rgba(20, 25, 117, 0.92); background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Peintures.html" title="vers la page Peintures">Du côté des vivants</a></h2>
<p style="font-family: ubuntulight; font-size: 20px; background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Peintures.html" title="vers la page Peintures">Voir la collection</a></p>
</div>
</div>
</div>
<div class="row justify-content-center text-justify">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="position:relative;">
<div style="position:relative;z-index:1">
<a><img style="width: 100%;" src="images/dia_accueil/Sculptures-musiciens-BenoitMercier2019.jpg" alt="sculptures musiciens par Benoit Mercier artiste plasticien">
</a>
</div>
<div style="position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); z-index:2;font-size:200%">
<h2 style="vertical-align:middle; font-family: ubuntulight; font-size: 40px;color: rgba(20, 25, 117, 0.92); background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Sculptures.html" title="vers la page Sculptures">Y'a d'la joie</a></h2>
<p style="font-family: ubuntulight; font-size: 20px; background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Sculptures.html" title="vers la page Sculptures">Voir la collection</a></p>
</div>
</div>
</div>
<div class="row justify-content-center text-justify">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="position:relative;">
<div style="position:relative;z-index:1">
<a><img style="width: 100%;" src="images/dia_accueil/bandeau-MobilePecheMiraculeuse-BenoitMercier.jpg" alt="Mobile pêche miraculeuse par Benoit Mercier artiste plasticien">
</a>
</div>
<div style="position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); z-index:2;font-size:200%">
<h2 style="vertical-align:middle; font-family: ubuntulight; font-size: 40px;color: rgba(20, 25, 117, 0.92); background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Mobiles.html" title="vers la page Mobiles">Ca bouge</a></h2>
<p style="font-family: ubuntulight; font-size: 20px; background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Mobiles.html" title="vers la page Mobiles">Voir la collection</a></p>
</div>
</div>
</div>
<div class="row justify-content-center text-justify">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="position:relative;">
<div style="position:relative;z-index:1">
<a><img style="width: 100%;" src="images/dia_accueil/Bandeau-Transhumance-BenoitMercier.jpg" alt="Dessin transhumance par Benoit Mercier artiste plasticien">
</a>
</div>
<div style="position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); z-index:2;font-size:200%">
<h2 style="vertical-align:middle; font-family: ubuntulight; font-size: 40px;color: rgba(20, 25, 117, 0.92); background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Dessins.html" title="vers la page Dessins">Comme une bouffée d'air</a></h2>
<p style="font-family: ubuntulight; font-size: 20px; background-color: rgba(255,255,255,0.7);"><a style="color: rgba(20, 25, 117, 0.92);" href="fr/Dessins.html" title="vers la page Dessins">Voir la collection</a></p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center text-justify p-2">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<p class="text-center" style="font-family: ubuntulight; font-size:35px;color: rgba(20, 25, 117, 0.92); background-color: rgba(255,255,255);">"Célébrer la fraternité"</p><br/>
</div>
</div>
<div class="row justify-content-center text-justify p-2">
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<a href="fr/Lartiste.html" title="vers la page L'artiste">
<img style="width: 100%;" src="images/Bio/Portrait-BenoitMercier2.jpg" alt="Portrait benoit mercier artiste plasticien">
</a>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<h2 class="text-justify-center" style="font-family: ubuntulight; font-size: 30px;color: rgba(20, 25, 117, 0.92); background-color: rgba(255,255,255);"><big>Bio</big></h2><br/>
<p class="text-justify-center" style="font-family: ubuntulight; font-size: 20px;">Benoît Mercier est surtout connu pour ses sculptures monumentales en métal cintré et son dessin enlevé à l’encre. Dans un terreau de sculpture, dessin, peinture et gravure, son œuvre artistique cultive un même leitmotiv: « Quel lien entretenons-nous avec le vivant, avec la Création ? » Danse et combat ? Amour et haine ? Violence et tendresse ? Son travail parle de ...
<a style="color: rgba(20, 25, 117, 0.92);" href="fr/Lartiste.html" title="vers la page L'artiste"><big>Lire la suite</big></a></p>
</div>
</div>
</div>
<footer>
<div class="container-fluid bandeau text-center mx-0 my-0 px-0 py-0" style="background-color: rgba(104, 110, 173);">>
<div class="row justify-content-center" >
<div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
<h3><a href="../fr/contact.html" title="vers la page Contact">Contact Benoît Mercier</a></h3>
<p class="card-text">
Les Bas-Villots -Léhon<br/>22100 DINAN - Bretagne FRANCE<br/><br/>
+33 6 60 36 43 86<br/><br/>
</p>
</div>
<div class="col-12 col-sm-6 col-md-8 col-lg-8 col-xl-8">
<div class="row justify-content-center">
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<h3 >Médias sociaux</h3>
<p >
<a href="https://www.facebook.com/bmartisteplasticien" target="_blank" data-toggle="popover" data-placement="right" data-trigger="focus" title="page Facebook de Benoît Mercier"><img class="img-fluid" src="images/Fonds/icone-fb-30.png" alt="facebook Benoit Mercier"></a>
<a href="https://www.instagram.com/bm.artisteplasticien" target="_blank" data-toggle="popover" data-placement="right" data-trigger="focus" title="Instagram de Benoît Mercier"><img class="img-fluid" src="images/Fonds/icone-insta-30.png" alt="instagram Benoit Mercier"></a>
<a href="https://www.linkedin.com/in/beno%C3%AEt-mercier-art/" target="_blank" data-toggle="popover" data-placement="right" data-trigger="focus" title="Linkedin de Benoît Mercier"><img class="img-fluid" src="images/Fonds/Icone-Linkedin-30.png" alt="linkedin Benoit Mercier"></a><br/>
</p>
</div>
<div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<h3 >Copyright</h3>
<p >© copyright Benoît Mercier - sculpteur - artiste plasticien - ADAGP PARIS 2003-2025<br/>
<a href="https://www.adagp.fr/" target="_blank" data-toggle="popover" data-placement="right" data-trigger="focus" title="Site de l'ADAGP Paris"><img src="images/Fonds/LogoADAGPblanc.png" style="width: 60px" alt="Site ADAGP"></a> 
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script>
function onSubmit(token) {
document.getElementById("demo-form").submit();
}
</script>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
<!-- bouton bars sidebar-->
<script>
<!--document.getElementById("#bouton-switch").getAttribute("bouton-ouvert");
$('#bouton-switch').click(function () {
var self = $(this);
self.attr('id', (self.attr('id') === 'bouton-ferme' ? 'bouton-ouvert' : 'bouton-ferme'));
});
<!-- idem mais ne fonctionne qu'avec des Class, pas de Id
<!--$('#bouton-switch').click(function(){
<!--$(this).find('i').toggleClass('bouton-ferme').toggleClass('bouton-ouvert');
<!--})
</script>
<script>
$(document).ready(function(){
$('#bouton-switch').on('click', function(){
$("#sidebar").toggleClass('active');
});
});
</script>
<script>
<!--Sidebar masqué à l'ouverture
$(document).ready(function(){
$('#bouton-switch')[0].click();
});
// cacher bouton
function show(object) {
if (document.getElementById)
document.getElementById(object).style.display = "block";
}
function hide(object) {
if (document.getElementById)
document.getElementById(object).style.display = "none";
}
</script>
<script>
//Get the button
let mybutton = document.getElementById("btn-back-to-top");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction();
};
function scrollFunction() {
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
mybutton.addEventListener("click", backToTop);
function backToTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<script>
const hamburgerMenu = document.querySelector("#hamburger-menu");
const overlay = document.querySelector("#overlay");
const nav1 = document.querySelector("#nav-1");
const nav2 = document.querySelector("#nav-2");
const nav3 = document.querySelector("#nav-3");
const nav4 = document.querySelector("#nav-4");
const nav5 = document.querySelector("#nav-5");
const navItems = [nav1, nav2, nav3, nav4, nav5];
// Control Navigation Animation
function navAnimation(val1, val2) {
navItems.forEach((nav, i) => {
nav.classList.replace(`slide-${val1}-${i + 1}`, `slide-${val2}-${i + 1}`);
});
}
function toggleNav() {
// Toggle: Hamburger Open/Close
hamburgerMenu.classList.toggle("active");
// Toggle: Menu Active
overlay.classList.toggle("overlay-active");
if (overlay.classList.contains("overlay-active")) {
// Animate In - Overlay
overlay.classList.replace("overlay-slide-left", "overlay-slide-right");
// Animate In - Nav Items
navAnimation("out", "in");
} else {
// Animate Out - Overlay
overlay.classList.replace("overlay-slide-right", "overlay-slide-left");
// Animate Out - Nav Items
navAnimation("in", "out");
}
}
// Events Listeners
hamburgerMenu.addEventListener("click", toggleNav);
navItems.forEach((nav) => {
nav.addEventListener("click", toggleNav);
});
</script>
</body>
</html>
