<!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="10 septembre 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 ?<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"><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%">
<h1 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">Du côté des vivants</a></h1>
<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">Voir la collection</a></h1>
</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%">
<h1 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">Y'a d'la joie</a></h1>
<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">Voir la collection</a></h1>
</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%">
<h1 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">Ca bouge</a></h1>
<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">Voir la collection</a></h1>
</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%">
<h1 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">Comme une bouffée d'air</a></h1>
<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">Voir la collection</a></h1>
</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">
<h1 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é"</h1><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">
<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">
<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);"><big>Bio</big></h1><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"><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">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><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>
