<!DOCTYPE html>
<html lang="fr" data-fromuseragent="false" data-ismobile="false" data-mobileviewer="false" data-tabletviewer="false" data-desktopviewer="true">
<head>
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WSVLC4');
</script>
<!-- End Google Tag Manager -->
<script type="text/javascript">
</script>
<meta name="robots" content="index,follow" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="preconnect" href="../fonts/Yantramanav/Yantramanav-Thin.ttf" />
<link rel="preconnect" href="../fonts/Yantramanav/Yantramanav-Light.ttf" />
<link rel="preconnect" href="../fonts/Yantramanav/Yantramanav-Regular.ttf" />
<link rel="preconnect" href="../fonts/Yantramanav/Yantramanav-Medium.ttf" />
<link rel="preconnect" href="../fonts/Yantramanav/Yantramanav-Bold.ttf" />
<link rel="preconnect" href="../fonts/Yantramanav/Yantramanav-Black.ttf" />
<title> Porte de placard coulissante sur-mesure & pas chère | Centimetre.com
</title>
<meta name="description" content="Portes coulissantes : Créez vos portes coulissantes Sur-Mesure selon vos Envies ✓ Produits Personnalisables ✓ Made In France ✓ Paiement 3x Sans Frais." />
<link rel="canonical" href="https://www.centimetre.com/porte-de-placard-coulissante">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="google-site-verification" content="qEyAyGCKuZcSg2mLX0PZPDa7aPoRV6s55sLRb6TUwSI" />
<meta name="p:domain_verify" content="b1e049034b414991407507c8cfc3ef88"/>
<link rel="stylesheet" href="/build/CentimetreTheme/app.b616abf0.css" preload>
<link rel="stylesheet" href="/build/CentimetreTheme/layout.deeb4a3b.css" preaload>
<link rel="stylesheet" href="/build/CentimetreTheme/layoutLg.038a08a8.css" preaload media="screen and (min-width: 1366px)" class="mediaquerydependent">
<link rel="stylesheet" href="/build/CentimetreTheme/layoutMd.1a6c7a5b.css" media="screen and (min-width: 576px) and (max-width: 1365px)" class="mediaquerydependent">
<link rel="stylesheet" href="" media="screen and (min-width: 1px) and (max-width: 575.98px )" class="mediaquerydependent" data-href="/build/CentimetreTheme/layoutSm.907534db.css">
<link rel="stylesheet" href="/build/CentimetreTheme/modal.05e33a87.css">
<link rel="stylesheet" href="/build/CentimetreTheme/splideStyle.dc63d51d.css">
<link rel="stylesheet" href="/build/CentimetreTheme/styleOffCanvas.fdc26790.css">
<link rel="stylesheet" href="/build/CentimetreTheme/faqStyle.2dfb2486.css">
<link rel="stylesheet" href="/build/CentimetreTheme/landing.25c7c95a.css">
<link rel="stylesheet" href="/build/CentimetreTheme/landingLg.5b9dfe3d.css" media="screen and (min-width: 1366px)" class="mediaquerydependent">
<link rel="stylesheet" href="/build/CentimetreTheme/landingMd.58b83f03.css" media="screen and (min-width: 576px) and (max-width: 1365px)" class="mediaquerydependent">
<link rel="stylesheet" href="" media="screen and (min-width: 1px) and (max-width: 575.98px )" class="mediaquerydependent" data-href="/build/CentimetreTheme/landingSm.74f1b5bd.css">
<link rel="stylesheet" href="/build/CentimetreTheme/styleHeaderModule.83dc5792.css" preload>
<link rel="stylesheet" href="/build/CentimetreTheme/styleStickyBar.44a2bbe7.css">
<link rel="stylesheet" href="/build/CentimetreTheme/styleVideo3Items.a1d72d96.css">
<link rel="stylesheet" href="/build/CentimetreTheme/styleCaracteristiqueModule.21bf41f1.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleVisionneuseModule.a054f250.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleSEOModule.04ef8946.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleFAQModule.1ce24b61.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleContactModule.3aa0a9c1.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleProjectClientModule.530869ac.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/simulateurStyle.59a69328.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleRelanceModule.ac4a638c.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleShopModule.838ac572.css" defer>
<link rel="stylesheet" href="/build/CentimetreTheme/styleBlogModule.0bc62bb6.css" defer>
<script src="/build/CentimetreTheme/bootstrap.3e621117.js"></script>
<script src="/build/CentimetreTheme/jquery.cc000968.js"></script>
<script src="/build/CentimetreTheme/app.bb709bc1.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
<script>
window.ENV = 'prod';
</script>
<script>
function auto_grow(element) {
element.style.height = "14px";
element.style.height = (element.scrollHeight)+"px";
}
</script>
<script type="application/javascript">
pathIcoOeilMDP = "/build/CentimetreThemeImg/json/visibility-V3.json";
</script>
</head>
<body data-spy="scroll" data-target=".contentNav-product" data-offset="112" style="display: block">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WSVLC4"
height="0" width="0" style="display:none;visibility:hidden">
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="d-xs-block d-md-none top-0 container-mob-nav" data-offset-top="145">
<div class="col-md-12 content-header-mob p-3">
<div class="menu-hamburger">
<div class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</div>
</div>
<div class="logo">
<a href="/">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/logo-mob.webp">
<source type="image/png" srcset="/build/CentimetreThemeImg/images/logo-mob.png">
<img class="img-fluid" src="/build/CentimetreThemeImg/images/logo-mob.png" style="margin: 0 auto" alt="centimetre.com, le rangement à mes mesures" title="centimetre.com, le rangement à mes mesures">
</picture>
</a>
</div>
<li class="panier layer-panier-link">
<a href="#" data-toggle-only="#layerPanier" aria-label="togglePanierMob" class="no-scroll">
<span class="img-panier"></span>
<span class="nb-article"></span>
<span class="label-panier">Mon panier</span>
</a>
</li>
</div>
</div>
<!-- header -->
<div id="layerPanier" style="display: none;"></div>
<script type="text/javascript">
$(document).ready(function(){
var sidebarMob = document.getElementById('sidebar-mob');
// On va cacher tous les éléments de la page pour ne pas avoir de scroll en arrière plan
// & autre effets de bord quand la navigation est ouverte
var main = document.querySelector("main");
var footer = document.getElementById('footer');
$('body').on('click', '.menu-hamburger', function(){
if(sidebarMob.classList.contains('openEffect')){
sidebarMob.classList.add(...["d-none", "closeEffect"])
sidebarMob.classList.remove('openEffect')
main.classList.remove("d-none")
footer.classList.remove("d-none")
if (document.getElementById('seo-content')) {
document.getElementById('seo-content').classList.remove("d-none");
}
} else {
sidebarMob.classList.remove(...["d-none", "closeEffect"])
sidebarMob.classList.add('openEffect')
main.classList.add("d-none")
footer.classList.add("d-none")
if (document.getElementById('seo-content')) {
document.getElementById('seo-content').classList.add("d-none");
}
}
$("#sidebar-mob").find(".panel-heading a").addClass('collapsed');
$("#layerPanier").hide();
});
});
</script>
<div class="container-fluid">
</div>
<header id="top-header" >
<div class="container d-none d-md-block">
<div class="row">
<div class="col-md-12 entete">
<div class="logo">
<a href="/" title="">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/logo.webp">
<source type="image/png" srcset="/build/CentimetreThemeImg/images/logo.png">
<img width="236" height="34" src="/build/CentimetreThemeImg/images/logo.webp" alt="centimetre.com, le rangement à mes mesures" title="centimetre.com, le rangement à mes mesures">
</picture>
</a>
</div>
<div class="header-top-right">
<ul>
<li class="btnAccount">
<a href="/mon-compte/accueil" onclick="displayLoginModal(event, '/mon-compte/accueil')">
<svg width="25" height="26" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 .416h24.585V25H0z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M12.293 1.222C5.959 1.222.806 6.375.806 12.708c0 6.334 5.153 11.485 11.486 11.485 6.334 0 11.487-5.151 11.487-11.485 0-6.333-5.153-11.486-11.486-11.486m0 23.778C5.514 25 0 19.485 0 12.708 0 5.93 5.514.416 12.293.416c6.778 0 12.292 5.514 12.292 12.292C24.585 19.485 19.071 25 12.292 25" fill="#131413" mask="url(#b)"/><path d="M17 10.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0M12 17c-3.608 0-6.833 1.556-9 4 2.167 2.444 5.392 4 9 4 3.608 0 6.833-1.556 9-4-2.167-2.444-5.392-4-9-4" fill="#131413"/></g></svg>
Inscription / connexion
</a>
</li>
<li class="panier layer-panier-link">
<a href="#" data-toggle-only="#layerPanier" aria-label="togglePanierMob" class="no-scroll">
<span class="nb-article"></span>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="24" class="img-panier svg replaced-svg"><defs><path id="a" d="M0 0h19v24H0z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="m6.757 6.346-.002-1.918C6.78 4.138 7.066 1.6 9.5 1.6c2.433 0 2.72 2.537 2.742 2.761v1.984H6.757ZM18.278 7.39c-.032-1.232-1.016-1.043-1.016-1.043h-3.443L13.818 4.3C13.704 2.813 12.654 0 9.5 0S5.296 2.813 5.18 4.362v1.984H1.738S.754 6.157.722 7.39C.689 8.62 0 21.3 0 21.3S.033 24 2.427 24h14.146C18.967 24 19 21.301 19 21.301s-.689-12.681-.722-13.912Z" fill="#131413" mask="url(#b)"/></g></svg>
<span class="label-panier">Mon panier</span>
</a>
</li>
</ul>
<div id="zoneHelpHeader" class="zoneHelp custom-tooltip bottom horaireServiceClient" aria-describedby="tooltip-zoneHelp" data-placement="bottom">
<img width="20" height="20" src="/build/CentimetreThemeImg/images/ico-header_assistance.png" alt="Contactez centimetre.com">
<span>
<b>Besoin d'aide ?</b>
<b>0 800 100 360</b><br>
</span>
<span>Appel gratuit du lundi au vendredi</span><br>
<span><u>Voir nos horaires</u></span>
<div id="tooltip-zoneHelp" class="tooltip-content" role="tooltip">
<div class="title">Horaires d’ouverture service client</div>
<hr>
<div class="content">
Du Lundi au Vendredi, de 8h à 18h.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="layerPanierBgkd" class="layerPanierBgkd"></div>
<!-- header -->
<div id="layerPanier" style="display: none;"></div>
<script type="text/javascript">
let cartActivated = '<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 535 513" style="enable-background:new 0 0 535 513" xml:space="preserve"><style>.st0{fill:#00bcd4}</style><path class="st0" d="M272 514.1c-69 0-134-26.9-182.8-75.7-48.8-48.8-75.7-113.7-75.7-182.8s26.9-134 75.7-182.8S202.9-2.9 272-2.9 406 24 454.8 72.8s75.7 113.7 75.7 182.8-26.9 134-75.7 182.8C405.9 487.2 341 514.1 272 514.1zm0-501c-64.8 0-125.7 25.2-171.5 71s-71 106.7-71 171.5 25.2 125.7 71 171.5 106.7 71 171.5 71 125.7-25.2 171.5-71 71-106.7 71-171.5-25.2-125.7-71-171.5-106.8-71-171.5-71z"/><path class="st0" d="M272 298.4c-52.6 0-95.4-42.8-95.4-95.4s42.8-95.4 95.4-95.4 95.4 42.8 95.4 95.4-42.8 95.4-95.4 95.4zm0-174.9c-43.8 0-79.4 35.6-79.4 79.4s35.6 79.4 79.4 79.4 79.4-35.6 79.4-79.4-35.6-79.4-79.4-79.4z"/><path class="st0" d="M111.8 449.8c5-84 75-150.8 160.2-150.8 83.3 0 152 63.8 159.8 145.1 6-4.4 11-8.1 14.8-11C433.7 348.2 360.3 283 272 283c-90.7 0-165.6 68.7-175.4 156.8 4.4 3 9.5 6.3 15.2 10z"/></svg>';
let cartDeactivated = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19" height="24" class="img-panier svg replaced-svg"><defs><path id="a" d="M0 0h19v24H0z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="m6.757 6.346-.002-1.918C6.78 4.138 7.066 1.6 9.5 1.6c2.433 0 2.72 2.537 2.742 2.761v1.984H6.757ZM18.278 7.39c-.032-1.232-1.016-1.043-1.016-1.043h-3.443L13.818 4.3C13.704 2.813 12.654 0 9.5 0S5.296 2.813 5.18 4.362v1.984H1.738S.754 6.157.722 7.39C.689 8.62 0 21.3 0 21.3S.033 24 2.427 24h14.146C18.967 24 19 21.301 19 21.301s-.689-12.681-.722-13.912Z" fill="#131413" mask="url(#b)"/></g></svg>';
$(".layerPanierBgkd").on('click', function () {
if($(this).hasClass('active')){
$(this).removeClass('active');
$("#layerPanier").hide();
// Active le scroll quand le panier est ouvert
$('body').removeClass('overflow-hidden');
}
});
$(".layerMegaMenuBgkd").on('click', function () {
if($(this).hasClass('active')){
$(this).removeClass('active');
$("#mega-menu").removeClass('active').addClass('hidden');
}
});
$(document).on('click', '[data-toggle-only]', function(e) {
if($(this).attr('data-toggle-only') == '#layerPanier') {
if ($("#layerPanier").css('display') == 'none') {
$("#layerPanierBgkd").addClass('active');
$("#layerPanierBgkd").removeClass('hidden');
$("#sidebar-mob").removeClass('openEffect');
$("#sidebar-mob").addClass('closeEffect');
$("#layerPanier").css('display', 'block');
$(".layerMegaMenuBgkd").removeClass('active');
$(".layerMegaMenuBgkd").addClass('hidden');
// Désactive le scroll quand le panier est ouvert
$('body').addClass('overflow-hidden');
} else {
$("#contentNav-mob").removeClass('hidden');
$("#layerPanierBgkd").addClass('hidden');
$("#layerPanierBgkd").removeClass('active');
$("#layerPanier").css('display', 'none');
// Active le scroll quand le panier est ouvert
$('body').removeClass('overflow-hidden');
}
}
});
// Mets à jour l'icone panier et layer panier
var ajaxLayerCartRoute = '/mon-panier/layer';
$.ajax({
type : 'GET',
dataType : 'json',
url : ajaxLayerCartRoute,
cache : false,
}).done(function(data) {
if(data){
var layer = $('div#layerPanier');
var cart = $('.layer-panier-link');
cart.each(function (i, ele){
var ele = $(ele);
if(data.quantity > 0){
ele.find('a').addClass('hasArticle');
ele.find('.nb-article').html(data.quantity);
ele.find('img').attr('src', cartActivated);
} else {
ele.find('a').removeClass('hasArticle');
ele.find('.nb-article').html();
ele.find('img').attr('src', cartDeactivated);
}
});
layer.html(data.layerHtml);
}
});
</script>
<nav id="contentNav" class="navbar p-0 d-none d-md-block navbar-expand-md">
<div class="container">
<!-- Grid demo navbar -->
<div class="navbar navbar-default yamm p-0 flex-grow-1">
<div id="navbar-collapse-grid" class="d-sm-flex justify-content-between align-items-center">
<ul class="nav navbar-nav align-items-center nav-entree" role="tablist">
<li role="tab" class="nav-item dropdown yamm-fw">
<a href="/produits/meuble-sur-mesure" class="nav-link submenu p-default ms-0"
data-target="#dressingNv1"
title="Meuble sur-mesure" aria-controls="dressingNv1"
>Meuble sur-mesure</a>
</li>
<li role="tab" class="nav-item dropdown yamm-fw">
<a href="/produits/porte-de-placard" class="nav-link submenu p-default"
data-target="#facadeNv1"
title="Portes de placard" aria-controls="facadeNv1">Portes de placard</a>
</li>
<li role="tab" class="nav-item dropdown yamm-fw">
<a href="/produits/porte-interieur" class="nav-link submenu p-default"
data-target="#porteInterieurNv1"
title="Portes d'intérieur" aria-controls="porteInterieurNv1">Portes d'intérieur</a>
</li>
<li role="tab" class="nav-item dropdown yamm-fw">
<a href="/produits/verriere" class="nav-link submenu p-default"
data-target="#verriereNv1"
title="Verrière" aria-controls="verriereNv1">Verrière</a>
</li>
<li role="tab" class="nav-item dropdown yamm-fw">
<a href="/services" class="nav-link submenu p-default"
data-target="#servicesNv1"
aria-controls="servicesNv1" title="Services">
Services
</a>
</li>
<li role="tab" class="nav-item">
<a href="/boite-echantillons" class="nav-link submenu"
title="Échantillons">Échantillons</a>
</li>
</ul>
<ul class="nav navbar-nav align-items-center">
<li role="tab" class="nav-item pull-right" width="161px">
<a href="/project/create/facade-classic" id="createProjectTypeLinkMegaMenu" class="configurer">
<div class="d-none d-lg-block" style="display:block">
Je crée mon projet
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<div class="layerMegaMenuBgkd hidden innerPageMegaMenu" id="layerMegaMenuBgkd">
<div class="mega-menu hidden" id="mega-menu">
<div class="container">
<div class="row tab-content" id="mega-menu-lvl1">
<div class="submenu-content tab-pane" id="dressingNv1">
<div class="grid-container">
<ul class="nav nav-pills nav-stacked menu-pills" role="tablist">
<li role="presentation" class="active">
<a class="p-default" href="/dressing" data-bs-target="#dressing" aria-controls="dressing" role="tab" data-hover="tab"><strong class="fw-bold">Dressing</strong></a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a class="p-default" href="/armoire" data-bs-target="#armoire" aria-controls="armoire" role="tab" data-hover="tab"><strong class="fw-bold">Armoire</strong></a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a class="p-default" href="/bibliotheque" data-bs-target="#bibliotheque" aria-controls="bibliotheque" role="tab" data-hover="tab"><strong class="fw-bold">Bibliothèque</strong></a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a class="p-default" href="/meuble-tv" data-bs-target="#meuble-tv" aria-controls="meuble-tv" role="tab" data-hover="tab"><strong class="fw-bold">Meuble TV</strong></a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a class="p-default" href="/placard" data-bs-target="#placard" aria-controls="placard" role="tab" data-hover="tab"><strong class="fw-bold">Aménagement placard</strong></a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a href="https://blog.centimetre.com" data-hover="tab" target="_blank">Conseils & astuces</a>
</li>
<li role="presentation">
<a href="/questions-frequentes" data-hover="tab">FAQ</a>
</li>
<li role="presentation">
<a href="/projets-clients/dressing">Projets clients</a>
</li>
<li role="presentation">
<a href="/avis/landing/dressing">Avis clients</a>
</li>
</ul>
<div class="tab-content content-nav-pills">
<div role="tabpanel" class="tab-pane active" id="dressing">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/dressing">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_dressing.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/37dff7392ab75100/original/ill_dressing.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_dressing.png" alt="dressing sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">DRESSING SUR-MESURE</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/dressing">Créer mon dressing</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/dressing-angle">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_dressing_angle.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/140b7206493ae685/original/ill_dressing_angle.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_dressing_angle.png" alt="dressing sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">DRESSING D'ANGLE</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/dressing">Créer mon dressing d'angle</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item3">
<a href="/dressing-extensible">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_dressing_extensible.webp">
<img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_dressing_extensible.png" alt="Dressing extensible" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">DRESSING EXTENSIBLE</p>
</a>
<a class="project-link chevron-right" href="/dressing-extensible">Dressing extensible</a>
</div>
<div class="item" id="item4">
<a href="/porte-de-placard-coulissante">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPC_classic.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/7b540cd82fdc9384/original/ill_PPC_classic.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPC_classic.png" alt="porte de placard sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-classic">Créer mes portes coulissantes</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-classic/first/init">Commander des échantillons</a>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="bibliotheque">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/bibliotheque">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_bibliotheques.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/a8a9cf6001b3cc1/original/ill_bibliotheques.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_bibliotheques.png" alt="bibliothèque sur-mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">BIBLIOTHÈQUES</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/bibliotheque">Créer ma bibliothèque</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/bibliotheque">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_bibliotheque-angle.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/2cb6cb582dc6e4b4/original/ill_bibliotheque-angle.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_bibliotheque-angle.png" alt="bibliothèque sur-mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">BIBLIOTHÈQUES D'ANGLE</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/bibliotheque">Créer ma bibliothèque d'angle</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div id="item3" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a class="help-link chevron-right" href="/faq/category/produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="meuble-tv">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/meuble-tv">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_meuble_tv.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/5cef068eece49e48/original/ill_meuble_tv.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_meuble_tv.png" alt="meuble TV sur-mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">MEUBLES TV</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/meuble-tv">Créer mon meuble TV</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/meuble-tv">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_meuble-TV-suspendu.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/6a22fbe9520bcc7/original/ill_meuble-TV-suspendu.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_meuble-TV-suspendu.png" alt="meuble TV sur-mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">MEUBLES TV SUSPENDU</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/meuble-tv">Créer mon meuble TV suspendu</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div id="item3" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a class="help-link chevron-right" href="/faq/category/produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="placard">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/placard">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_placard-niche.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/5805aa68c67cacc/original/ill_placard-niche.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_placard-niche.png" alt="placard sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PLACARDS NICHE</p>
</a>
<a class="project-link chevron-right" href="/project/create/niche">Créer mon placard</a>
<a class="sample-link chevron-right" href="/boite-echantillons/niche/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/porte-de-placard-coulissante">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPC_classic.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/7b540cd82fdc9384/original/ill_PPC_classic.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPC_classic.png" alt="porte de placard sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-classic">Créer mes portes coulissantes</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-classic/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item3">
<a href="/porte-de-placard-coulissante/atelier">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPc-atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/381487ea90a1688a/original/ill_PPc-atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPc-atelier.png" alt="Porte de placard atelier sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES ATELIER</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-atelier">Créer mes portes coulissantes atelier</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-atelier/first/init">Commander des échantillons</a>
</div>
<div id="item4" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a target="_blank" class="help-link chevron-right" data-toggle="modal" href="/faq/2edc5ba7-af74-4940-aced-38c274e9ff26?category=produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="armoire">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/armoire">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_armoire-dressing.webp">
<img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_armoire-dressing.png" alt="armoire sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">ARMOIRE DRESSING</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/armoire">Créer mon armoire dressing</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/armoire/armoire-cuisine">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_armoire-cuisine.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/60748d4a6885a58e/original/ill_armoire-penderie.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_armoire-cuisine.png" alt="Armoire de cuisine" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">ARMOIRE DE CUISINE</p>
</a>
<a class="project-link chevron-right" href="/dressing/carrefour/armoire">Créer mon armoire de cuisine</a>
<a class="sample-link chevron-right" href="/boite-echantillons/dressing/first/init">Commander des échantillons</a>
</div>
<div id="item3" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a target="_blank" class="help-link chevron-right" data-toggle="modal" href="/faq/3c5e66e0-bd22-40ab-a433-d481ad64418e?category=produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="submenu-content tab-pane" id="facadeNv1">
<div class="grid-container">
<ul class="nav nav-pills nav-stacked menu-pills" role="tablist">
<li role="presentation" class="active">
<a href="/porte-de-placard-coulissante"
class="p-default"
data-link="/porte-de-placard-coulissante"
data-bs-target="#facade" aria-controls="facade" role="tab" data-hover="tab">
<strong class="fw-bold">
Portes de placard<br>
coulissantes
</strong>
</a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a href="/porte-de-placard-pliante"
class="p-default"
data-link="#"
data-bs-target="#porte-pliante" aria-controls="porte-pliante" role="tab" data-hover="tab">
<strong class="fw-bold">
Portes de placard<br>
pliantes
</strong>
</a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a href="https://blog.centimetre.com" target="_blank" data-hover="tab">Conseils & astuces</a>
</li>
<li role="presentation">
<a href="/questions-frequentes" data-hover="tab">FAQ</a>
</li>
<li role="presentation">
<a href="/projets-clients/facade" data-hover="tab">Projets clients</a>
</li>
<li role="presentation">
<a href="/avis/landing/facade">Avis clients</a>
</li>
</ul>
<div class="tab-content content-nav-pills">
<div role="tabpanel" class="tab-pane active" id="facade">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/porte-de-placard-coulissante">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPC_classic.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/7b540cd82fdc9384/original/ill_PPC_classic.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPC_classic.png" alt="porte de placard sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-classic">Créer mes portes coulissantes</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-classic/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/porte-de-placard-coulissante/atelier">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPc-atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/381487ea90a1688a/original/ill_PPc-atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPc-atelier.png" alt="Porte de placard atelier sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES ATELIER</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-atelier">Créer mes portes coulissantes atelier</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-atelier/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item3">
<a href="/porte-de-placard-coulissante-personnalisable">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_coulissante_creative.webp">
<img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_coulissante_creative.png" alt="Portes coulissantes Créativ'" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES CRÉATIV'</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-classic">Créer mes portes coulissantes Créativ'</a>
</div>
<div class="item" id="item4">
<a href="/porte-de-placard-coulissante-sous-pente">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_coulissante_sous_pente.webp">
<source type="image/png" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_coulissante_sous_pente.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_coulissante_sous_pente.png" alt="Porte de placard coulissante sous pente" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES SOUS PENTE</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-classic">Créer mes portes coulissantes sous pente</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-classic/first/init">Commander des échantillons</a>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="porte-pliante">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/porte-de-placard-pliante">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_pliante.webp">
<source type="image/png" srcset="/build/CentimetreThemeImg/images/configurateurpp/temp/ill_porte_pliante.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_pliante.png" alt="Porte de placard pliante sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES DE PLACARD PLIANTES</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-pliante-classic">Créer mes portes de placard pliantes</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-pliante-classic/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/porte-de-placard-pliante/atelier">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_pliante_atelier.webp">
<source type="image/png" srcset="/build/CentimetreThemeImg/images/configurateurpp/temp/ill_porte_pliante_atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_porte_pliante_atelier.png" alt="Porte de placard pliante atelier sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES DE PLACARD PLIANTES ATELIER</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-pliante-atelier">Créer mes portes de placard pliantes</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-pliante-atelier/first/init">Commander des échantillons</a>
</div>
<div id="item3" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a target="_blank" class="help-link chevron-right" data-toggle="modal" href="/faq/96735560-b87a-4cbd-b5dc-0423c76166fb?category=produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="submenu-content" id="porteInterieurNv1">
<div class="grid-container">
<ul class="nav nav-pills nav-stacked menu-pills" role="tablist">
<li role="presentation" class="active">
<a data-bs-target="#separation-piece" aria-controls="separation-piece" role="tab" data-hover="tab">
<strong class="fw-bold">
Portes coulissantes<br>
de séparation de pièce
</strong>
</a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a href="https://blog.centimetre.com" target="_blank" data-hover="tab">Conseils & astuces</a>
</li>
<li role="presentation">
<a href="/questions-frequentes" data-hover="tab">FAQ</a>
</li>
<li role="presentation">
<a href="/projets-clients/facade" data-hover="tab">Projets clients</a>
</li>
<li role="presentation">
<a href="/avis/landing/facade">Avis clients</a>
</li>
</ul>
<div class="tab-content content-nav-pills">
<div role="tabpanel" class="tab-pane active" id="separation-piece">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/separation">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_separation_classic.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/338b08826eeea736/original/ill_separation_classic.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_separation_classic.png" alt="porte de séparation sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTE DE SÉPARATION</p>
</a>
<a class="project-link chevron-right" href="/project/create/separation-classic">Créer mes portes de séparation</a>
<a class="sample-link chevron-right" href="/boite-echantillons/separation-classic/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/separation/atelier">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_separation-atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/53738072e00cc383/original/ill_separation-atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_separation-atelier.png" alt="porte de séparation atelier sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTE DE SÉPARATION ATELIER</p>
</a>
<a class="project-link chevron-right" href="/project/create/separation-atelier">Créer mes portes de séparation</a>
<a class="sample-link chevron-right" href="/boite-echantillons/separation-atelier/first/init">Commander des échantillons</a>
</div>
<div id="item3" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a target="_blank" class="help-link chevron-right" data-toggle="modal" href="/faq/96735560-b87a-4cbd-b5dc-0423c76166fb?category=produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="submenu-content" id="verriereNv1">
<div class="grid-container">
<ul class="nav nav-pills nav-stacked menu-pills" role="tablist">
<li role="presentation" class="active">
<a href="/verriere"
class="p-default"
data-bs-target="#verriere" aria-controls="verriere" role="tab" data-hover="tab">
<strong class="fw-bold">
Verrière d'atelier
</strong>
</a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a href="/verriere/cloison"
class="p-default"
data-bs-target="#verriere-cloison" aria-controls="verriere-cloison" role="tab" data-hover="tab">
<strong class="fw-bold">
Cloison d'atelier
</strong>
</a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a href="/porte-de-placard-coulissante/atelier"
class="p-default"
data-bs-target="#atelier-other" aria-controls="atelier-other" role="tab" data-hover="tab">
<strong class="fw-bold">
Autres produits atelier
</strong>
</a>
<div class="chevron-right"></div>
</li>
<li role="presentation">
<a href="https://blog.centimetre.com" target="_blank">Conseils & astuces</a>
</li>
<li role="presentation">
<a href="/questions-frequentes" data-hover="tab">FAQ</a>
</li>
<li role="presentation">
<a href="/projets-clients/verriere">Projets clients</a>
</li>
<li role="presentation">
<a href="/avis/landing/verriere">Avis clients</a>
</li>
</ul>
<div class="tab-content content-nav-pills">
<div role="tabpanel" class="tab-pane active" id="verriere">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/verriere">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_verriere-atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/4839e990c98a13e7/original/ill_verriere-atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_verriere-atelier.png" alt="verrière" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">VERRIÈRE MURALE</p>
</a>
<a class="project-link chevron-right" href="/project/create/verriere-allege">Créer ma verrière</a>
<a class="sample-link chevron-right" href="/boite-echantillons/verriere-cloison/recap/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/verriere-angle">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill__verriere-angle.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/d1dbcd7f3bbfcdd/original/ill__verriere-angle.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill__verriere-angle.png" alt="verrière d'angle" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">VERRIÈRE D'ANGLE</p>
</a>
<a class="project-link chevron-right" href="/verriere-angle/type/null?subtypeId=null">Créer ma verrière d'angle</a>
<a class="sample-link chevron-right" href="/boite-echantillons/verriere-cloison/recap/init">Commander des échantillons</a>
</div>
<div class="item" id="item3">
<a href="/verriere">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_imposte_atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/fbbe46e0d2e0c8f/original/ill_imposte_atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_imposte_atelier.png" alt="verrière" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">VERRIÈRE EN IMPOSTE</p>
</a>
<a class="project-link chevron-right" href="/project/create/verriere-imposte">Créer ma verrière en imposte</a>
<a class="sample-link chevron-right" href="/boite-echantillons/verriere-cloison/recap/init">Commander des échantillons</a>
</div>
<div id="item4" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a target="_blank" class="help-link chevron-right" data-toggle="modal" href="/faq/1c1cc81e-c901-4953-9fae-7d81a5aab881?category=produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="verriere-cloison">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/verriere/cloison">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_cloison-atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/5c445d3b0de5fa6b/original/ill_cloison-atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_cloison-atelier.png" alt="verrière" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">CLOISON</p>
</a>
<a class="project-link chevron-right" href="/project/create/verriere-cloison">Créer ma cloison</a>
<a class="sample-link chevron-right" href="/boite-echantillons/verriere-cloison/recap/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/verriere/cloison-soubassement">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_cloison-soubassement_atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/21fd2d04bba9ad41/original/ill_cloison-soubassement_atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_cloison-soubassement_atelier.png" alt="verrière soubassement" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">CLOISON SOUBASSEMENT</p>
</a>
<a class="project-link chevron-right" href="/project/create/verriere-cloison-soubassement">Créer ma cloison</a>
<a class="sample-link chevron-right" href="/boite-echantillons/verriere-cloison-soubassement/first/init">Commander des échantillons</a>
</div>
<div id="item3" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a target="_blank" class="help-link chevron-right" data-toggle="modal" href="/faq/1c1cc81e-c901-4953-9fae-7d81a5aab881?category=produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="atelier-other">
<div class="tab-mega-menu">
<div class="center-content">
<div class="item" id="item1">
<a href="/porte-de-placard-coulissante/atelier">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPc-atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/381487ea90a1688a/original/ill_PPc-atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_PPc-atelier.png" alt="Porte de placard atelier sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTES COULISSANTES ATELIER</p>
</a>
<a class="project-link chevron-right" href="/project/create/facade-atelier">Créer mes portes coulissantes atelier</a>
<a class="sample-link chevron-right" href="/boite-echantillons/facade-atelier/first/init">Commander des échantillons</a>
</div>
<div class="item" id="item2">
<a href="/separation/atelier">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/mega-menu/new/ill_separation-atelier.webp">
<source type="image/png" srcset="https://media.cmai-groupe.com/m/53738072e00cc383/original/ill_separation-atelier.png"> <img data-src="/build/CentimetreThemeImg/images/mega-menu/new/ill_separation-atelier.png" alt="porte de séparation atelier sur mesure" loading="lazy" class="img-responsive">
</picture>
<p class="title chevron-right">PORTE DE SÉPARATION ATELIER</p>
</a>
<a class="project-link chevron-right" href="/project/create/separation-atelier">Créer mes portes de séparation</a>
<a class="sample-link chevron-right" href="/boite-echantillons/separation-atelier/first/init">Commander des échantillons</a>
</div>
<div id="item3" class="item">
<div class="help-content">
<div class="media d-flex align-items-center">
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="510px" height="510px" viewbox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
<g>
<g id="help">
<path fill="#00bcd4" d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M280.5,433.5h-51v-51h51V433.5z M334.05,237.15L311.1,260.1c-20.399,17.851-30.6,33.15-30.6,71.4h-51v-12.75c0-28.05,10.2-53.55,30.6-71.4L290.7,214.2 c10.2-7.65,15.3-20.4,15.3-35.7c0-28.05-22.95-51-51-51s-51,22.95-51,51h-51c0-56.1,45.9-102,102-102c56.1,0,102,45.9,102,102 C357,201.45,346.8,221.85,334.05,237.15z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<div class="media-body">
<div class="title">Questions fréquentes</div>
</div>
</div>
<ul>
<li><a class="help-link chevron-right" href="/faq/category/produits">Prendre mes mesures</a></li>
<li><a class="help-link chevron-right" href="/conditions-generales">Politique de retour</a></li>
<li>
<a class="help-link chevron-right" href="/services/livraison">Livraisons</a>
</li>
<li><a class="help-link chevron-right" href="/faq/category/garantie">Garantie 10 ans</a></li>
<li>
<a class="help-link chevron-right" href="/services/service-de-pose">Service de pose</a>
</li>
</ul>
</div>
</div>
</div>
<div class="pub">
<a href="/promotion" target="_blank">
<img class="img-responsive" src="/build/CentimetreThemeImg/images/promo/ill_Promo_10_ans_mega_menu_300x560.jpg">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="submenu-content w-100 py-4 row" id="servicesNv1">
<div class="col-sm-3">
<p class="fw-bold fs-20 text-uppercase">A propos de nous</p>
<hr>
<ul class="list-unstyled fw-light fs-18 fc-333">
<li class="py-1 lh-base hover-underline"><a class="fc-inherit" href="/a-propos-de-nous/qui-sommes-nous">Qui sommes-nous</a></li>
<li class="py-1 lh-base hover-underline"><a class="fc-inherit" href="/a-propos-de-nous/nos-engagements">Nos engagements</a></li>
<li class="py-1 lh-base hover-underline"><a class="fc-inherit" href="/contact" >Nous contacter</a></li>
<li class="py-1 lh-base hover-underline"><a class="fc-inherit" href="/projets-clients">Les projets de nos clients</a></li>
<li class="py-1 lh-base hover-underline"><a class="fc-inherit" href="/presse">Espace presse</a></li>
</ul>
</div>
<div class="col-sm-3">
<p class="fw-bold fs-20 text-uppercase">Services</p>
<hr>
<ul class="list-unstyled fw-light fs-18 fc-333">
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/prendre-rdv-en-ligne">
Prenez rendez-vous en ligne
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/boite-echantillons">
Recevoir des échantillons
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/services/livraison">
Livraison
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/services/service-de-pose">
Service de pose
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/services/paiement-3x">
Paiement 3 fois
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/services/modes-de-paiement">
Modes de paiement
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/services/recyclage">
Eco-participation et recyclage
</a>
</li>
</ul>
</div>
<div class="col-sm-3">
<p class="fw-bold fs-20 text-uppercase">Questions fréquentes</p>
<hr>
<ul class="fw-light fs-18 fc-333 list-unstyled">
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/produits">
Nos produits
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/concevoir">
Prendre mes mesures
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/livraison">
Ma livraison
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/moyen-de-paiement">
Mon paiement
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/commande">
Ma commande
</a>
</li>
<li class="py-1 lh-base hover-underline"><a class="fc-inherit" href="/faq/category/garantie">
Mes garanties
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/installation">
Service de pose
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/notice-de-montage">
Notices de montage
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/qualite-environnement">
Qualité et environnement
</a>
</li>
</ul>
</div>
<div class="col-sm-3 pub">
</div>
</div>
</div>
</div>
<div id="reassurance" class="d-none d-md-block">
<div class="container">
<div class="d-flex justify-content-evenly">
<div>
<a class="d-flex" href="/services/livraison">
<span>
<img width="41" height="41" class="picto" src="/build/CentimetreThemeImg/images/Reassurance/ico-V4/ico-barre-promesse-livraison.png " alt="livraison">
</span>
<p>
<span class="reassuranceTitle">Livraison incluse</span><br>
<span class="reassuranceLegend">Entre 3 et 5 semaines</span>
</p>
</a>
</div>
<div>
<a class="d-flex" href="/a-propos-de-nous/qui-sommes-nous">
<span>
<img width="41" height="41" class="picto" alt="fabrication française" src="/build/CentimetreThemeImg/images/Reassurance/ico-V4/ico-fab-in-fr.png">
</span>
<p>
<span class="reassuranceTitle">Fabrication 100% française</span><br>
<span class="reassuranceLegend">Nos produits sont garantis 10 ans</span>
</p>
</a>
</div>
<div>
<a class="d-flex" href="/services/paiement-3x">
<span>
<img width="41" height="41" class="picto" alt="paimeent 3 fois" src="/build/CentimetreThemeImg/images/Reassurance/ico-V4/ico-barre-promessepaimeent-3-fois.png">
</span>
<p>
<span class="reassuranceTitle">Paiement 3X sans frais</span><br>
<span class="reassuranceLegend">Accessible à tous les budgets</span>
</p>
</a>
</div>
<div>
<a class="d-flex" href="/services/modes-de-paiement">
<span>
<img width="41" height="41" class="picto" alt="paiement securisé" src="/build/CentimetreThemeImg/images/Reassurance/ico-V4/ico-barre-promesse-paiement-securise.png">
</span>
<p>
<span class="reassuranceTitle">Paiement 100% sécurisé</span><br>
<span class="reassuranceLegend">Vous achetez ici en sécurité</span>
</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="mega-menu-filling"></div>
<script type="text/javascript">
// On click
$('#contentNav #navbar-collapse-grid ul.navbar-nav > li.dropdown > .submenu').click(
function() {
var trigger = $(this);
var target = $(this).attr('data-target');
if($('#layerMegaMenuBgkd').hasClass('active') && trigger.hasClass('opened')){
hideMenu(300);
}
else{
showMenu(target, trigger, 200);
}
}
);
$('header#header, #mega-menu-filling').click(
function () {
hideMenu(300);
}
);
$('ul.menu-pills li').on('mouseenter', function () {
$('ul.menu-pills li.active').removeClass('active');
});
$(document).on('click.bs.tab.data-api', '.nav-pills > li > a[data-hover="tab"]', function (e){
// hideMenu(0);
});
$(document).on('mouseenter.bs.tab.data-api', '.nav-pills > li > a[data-bs-toggle="tab"], .nav-pills > li > a[data-hover="tab"]', function (e) {
if($(this).attr('data-bs-target')){
$(this).tab('show');
}
});
$('body #mega-menu, body #contentNav').on('shown.bs.collapse', function (e) {
if($(e.target).find('.nav-pills').length > 0){
$(e.target).find('li').first().find('a').tab('show');
}
});
function showMenu(target, trigger, speed){
if(target && $(target).length === 1){
$.when(
// $('body #mega-menu #mega-menu-lvl1 .submenu-content').stop(true).fadeOut(0),
$('body #mega-menu #mega-menu-lvl1 .submenu-content').addClass('hidden'),
$('#navbar-collapse-grid li .submenu').removeClass('opened'),
$(target).addClass('active').removeClass('hidden')
).done(
function () {
$("#layerPanierBgkd").addClass('hidden').removeClass('active');
$("#layerPanier").hide();
trigger.addClass('opened');
$("#layerMegaMenuBgkd").addClass('active').removeClass('hidden');
$("#mega-menu").addClass('active').removeClass('hidden');
//Then load all of this product type images not already loaded
// $(target).find('img[data-src].lazyload').each(function (key, imgItem){
// //$(imgItem).addClass('lazypreload'); //more "lazy" solution, a bit more latency than full unveil
// lazySizes.loader.unveil(imgItem);
// })
}
);
}
}
function hideMenu(speed){
//hide all menu
$.when(
// $('body #mega-menu #mega-menu-lvl1 .submenu-content').stop(true).fadeOut(speed).removeClass('visible')
).done(
function () {
$('#mega-menu').removeClass('active').addClass('hidden');
$('#navbar-collapse-grid li .submenu').removeClass('active');
$("#layerMegaMenuBgkd").removeClass('active').addClass('hidden');
}
);
}
</script>
</div>
<!-- Sidebar navigation mobile -->
<nav class="navbar navbar-default sidebar closeEffect st-effect-1 d-none d-xs-block d-md-none d-lg-none" role="navigation" id="sidebar-mob">
<div class="container-fluid">
<div class="navbar-header content-header-mob">
<a class="closeCss hairline small no-scroll" href="#" id="closePanierMob" aria-label="close-sidebar"></a>
<div class="logo">
<a href="/">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/logo-mob.webp">
<source type="image/png" srcset="/build/CentimetreThemeImg/images/logo-mob.png">
<img class="img-fluid" height="38.36" src="/build/CentimetreThemeImg/images/logo-mob.png" style="margin: 0 auto" alt="centimetre.com, le rangement à mes mesures" title="centimetre.com, le rangement à mes mesures">
</picture>
</a>
</div>
<div class="panier layer-panier-link">
<a data-bs-target="#" data-toggle-only="#layerPanier" aria-label="togglePanierMob" class="no-scroll" onclick="togglePanierMob()">
<span class="img-panier"></span>
<span class="nb-article"></span>
</a>
</div>
</div>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="false">
<div>
<div class="panel panel-default sd-item">
<div class="panel-heading sd-item-title" role="tab" id="headingOneNav">
<div class="panel-title">
<a role="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
Meuble sur-mesure
</a>
</div>
</div>
<div id="collapseOne" class="sd-under-item panel-collapse collapse" data-bs-parent="#accordion" role="tabpanel" aria-labelledby="headingOneNav">
<div class="panel-body">
<ul style="list-style-type: none;">
<li><a href="/dressing">Dressing</a></li>
<li class="subsection"><a href="/dressing">Dressing sur-mesure</a></li>
<li class="subsection"><a href="/dressing-angle">Dressing d'angle</a></li>
<li class="subsection"><a href="/dressing-extensible">Dressing extensible</a></li>
<li><a href="/armoire">Armoire</a></li>
<li><a href="/bibliotheque">Bibliothèque</a></li>
<li><a href="/meuble-tv">Meuble TV</a></li>
<li><a href="/placard">Aménagement Placard</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default sd-item">
<div class="panel-heading sd-item-title" role="tab" id="headingTwoNav">
<div class="panel-title">
<a class="collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Portes de placard
</a>
</div>
</div>
<div id="collapseTwo" class="panel-collapse collapse" data-bs-parent="#accordion" role="tabpanel" aria-labelledby="headingTwoNav">
<div class="panel-body">
<ul style="list-style-type: none;">
<li><a href="/porte-de-placard-coulissante">Portes de placard coulissantes</a></li>
<li class="subsection"><a href="/porte-de-placard-coulissante">Portes coulissantes Classic</a></li>
<li class="subsection"><a href="/porte-de-placard-coulissante/atelier">Portes coulissantes Atelier</a></li>
<li class="subsection"><a href="/porte-de-placard-coulissante-personnalisable">Portes coulissantes Creative</a></li>
<li class="subsection"><a href="/porte-de-placard-coulissante-sous-pente">Portes coulissantes Sous pente</a></li>
<li><a href="/porte-de-placard-pliante">Portes de placard pliantes</a></li>
<li class="subsection"><a href="/porte-de-placard-pliante">Portes pliantes Classic</a></li>
<li class="subsection"><a href="/porte-de-placard-pliante/atelier">Portes pliantes Atelier</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default sd-item">
<div class="panel-heading sd-item-title" role="tab" id="headingFourNav">
<div class="panel-title">
<a class="collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Portes d'intérieur
</a>
</div>
</div>
<div id="collapseFour" class="panel-collapse collapse" data-bs-parent="#accordion" role="tabpanel" aria-labelledby="headingFourNav">
<div class="panel-body">
<ul style="list-style-type: none;">
<li><a href="/separation">Portes de séparation de pièce</a></li>
<li class="subsection"><a href="/separation">Portes de séparation Classic</a></li>
<li class="subsection"><a href="/separation/atelier">Portes de séparation Atelier</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default sd-item">
<div class="panel-heading sd-item-title" role="tab" id="headingThreeNav">
<div class="panel-title">
<a class="collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Verrière
</a>
</div>
</div>
<div id="collapseThree" class="panel-collapse collapse" data-bs-parent="#accordion" role="tabpanel" aria-labelledby="headingThreeNav">
<div class="panel-body">
<ul style="list-style-type: none;">
<li><a href="/verriere">Verrière d'atelier</a></li>
<li class="subsection"><a href="/verriere">Verrière murale</a></li>
<li class="subsection"><a href="/verriere-angle">Verrière d'angle</a></li>
<li class="subsection"><a href="/verriere/imposte">Verrière en imposte</a></li>
<li><a href="/verriere">Cloison</a></li>
<li class="subsection"><a href="/verriere/cloison">Cloison Atelier</a></li>
<li class="subsection"><a href="/verriere/cloison-soubassement">Cloison atelier avec soubassement</a></li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default sd-item">
<div class="panel-heading sd-item-title" role="tab" id="headingSixNav">
<div class="panel-title">
<a class="collapsed" role="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
Services
</a>
</div>
</div>
<div id="collapseSix" class="panel-collapse collapse" data-bs-parent="#accordion" role="tabpanel" aria-labelledby="headingSixNav">
<div class="panel-body">
<ul style="list-style-type: none">
<li><a href="/boite-echantillons">Commande d'échantillons</a></li>
<li><a href="/a-propos-de-nous/qui-sommes-nous">Qui sommes-nous</a></li>
<li><a href="/a-propos-de-nous/nos-engagements">Nos engagements</a></li>
<li><a href="/services/livraison">Livraison à domicile</a></li>
<li><a href="/services/recyclage">Eco-participation et recyclage</a></li>
</ul>
</div>
</div>
</div>
<div class="sd-item">
<div class="sd-item-title">
<a href="/boite-echantillons">
Échantillons
</a>
</div>
</div>
<div class="sd-item login">
<div class="sd-item-title">
<a href="/mon-compte/accueil" class="">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewbox="0 0 535 513" style="enable-background:new 0 0 535 513" xml:space="preserve"><style>.st0{fill:#00bcd4}</style><path class="st0" d="M272 514.1c-69 0-134-26.9-182.8-75.7-48.8-48.8-75.7-113.7-75.7-182.8s26.9-134 75.7-182.8S202.9-2.9 272-2.9 406 24 454.8 72.8s75.7 113.7 75.7 182.8-26.9 134-75.7 182.8C405.9 487.2 341 514.1 272 514.1zm0-501c-64.8 0-125.7 25.2-171.5 71s-71 106.7-71 171.5 25.2 125.7 71 171.5 106.7 71 171.5 71 125.7-25.2 171.5-71 71-106.7 71-171.5-25.2-125.7-71-171.5-106.8-71-171.5-71z"/><path class="st0" d="M272 298.4c-52.6 0-95.4-42.8-95.4-95.4s42.8-95.4 95.4-95.4 95.4 42.8 95.4 95.4-42.8 95.4-95.4 95.4zm0-174.9c-43.8 0-79.4 35.6-79.4 79.4s35.6 79.4 79.4 79.4 79.4-35.6 79.4-79.4-35.6-79.4-79.4-79.4z"/><path class="st0" d="M111.8 449.8c5-84 75-150.8 160.2-150.8 83.3 0 152 63.8 159.8 145.1 6-4.4 11-8.1 14.8-11C433.7 348.2 360.3 283 272 283c-90.7 0-165.6 68.7-175.4 156.8 4.4 3 9.5 6.3 15.2 10z"/></svg>
Inscription / connexion
</a>
</div>
</div>
</div>
<div class="sd-item aide">
<div class="sd-item-title">
<p class="zoneHelp">
<img loading="lazy" width="20" height="20" src="/build/CentimetreThemeImg/images/ico-assistance.png" alt="Contactez centimetre.com">
<span>
<b>0 800 100 360</b><br>
<em>Appel gratuit du lundi au vendredi, de 8h à 18h.
</em>
</span>
</p>
</div>
</div>
<div class="sd-item button">
<div class="sd-item-title">
<a id="createProjectTypeLinkSidebar" href="/configurateur">
Je crée mon projet
</a>
</div>
</div>
</div>
</div>
</nav>
<script type="text/javascript">
$('body').on('click', "#closePanierMob",function(e) {
togglePanierMob();
});
function togglePanierMob(){
var sidebarMob = document.getElementById('sidebar-mob');
// On va cacher tous les éléments de la page pour ne pas avoir de scroll en arrière plan
// & autre effets de bord quand la navigation est ouverte
var main = document.querySelector("main");
var footer = document.getElementById('footer');
if(sidebarMob.classList.contains('openEffect')){
sidebarMob.classList.add(...["d-none", "closeEffect"])
sidebarMob.classList.remove('openEffect')
main.classList.remove("d-none")
footer.classList.remove("d-none")
if (document.getElementById('seo-content')) {
document.getElementById('seo-content').classList.remove("d-none");
}
} else {
sidebarMob.classList.remove(...["d-none", "closeEffect"])
sidebarMob.classList.add('openEffect')
main.classList.add("d-none")
footer.classList.add("d-none")
if (document.getElementById('seo-content')) {
document.getElementById('seo-content').classList.add("d-none");
}
}
}
</script>
<!-- Fin Sidebar -->
</header>
<main class="container" style="transform: none;">
<div id="header-landing" class="d-flex position-relative justify-content-center flex-column">
<div
class="container-visuel overflow-hidden" style="max-width: 100%; overflow: hidden;" >
<video preload="auto"
id="video"
width="100%"
height="100%"
poster="/build/CentimetreThemeImg/images/poster/ppc/porte-coulissantes.webp"
src="https://media.cmai-groupe.com/asset/996c1bf5-8982-497f-b812-38b7ad6ba817/mp4/PPC_classic_ill_header.mp4" autoplay loop
muted></video>
<div
class="promo-sticker position-absolute d-flex justify-content-center align-items-center bg-primary text-white end-0 d-none d-sm-flex">
<strong>Jusqu’à -30% de remise jusqu'au 02.12</strong>
</div>
<div class="header-text-content position-absolute">
<div class="breadcrump">
<ul class="breadcrumb">
<li><a href="/">Accueil</a> / </li>
<li class="active">
Portes coulissantes sur-mesure
</li>
</ul>
</div>
<h1 class="landing-title">
Porte de placard coulissante<br> <span class="d-none d-sm-block">sur-mesure</span>
</h1>
<div class="description text-regular-18">
Centimetre.com vous permet de concevoir des portes de placard coulissantes adaptées à votre espace. Idéal pour optimiser votre intérieur avec style !
</div>
<div class="price-min d-flex justify-content-center align-items-center">
à partir de
319 €
</div>
<div class="btn-container d-flex gap-15">
<div>
<a href="/project/create/facade-classic">
<button class="btn-orange btn-hover-white btn-create-header">
<span class="d-none d-sm-block">
Je crée mes portes coulissantes
</span>
<span class="d-block d-sm-none">
Je crée mon projet
</span>
</button>
</a>
</div>
<div>
<button class="btn-dark btn-hover-white d-none d-sm-block" data-bs-toggle="offcanvas"
data-bs-target="#offcanvas-dimensions">
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="35" viewbox="0 0 34 35" fill="none">
<g clip-path="url(#clip0_462_4787)">
<path d="M9.91602 7.71191V27.0301L25.612 17.371L9.91602 7.71191Z" stroke="white"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clippath id="clip0_462_4787">
<rect width="34" height="34" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
Guide des mesures
</button>
</div>
</div>
</div>
</div>
<div class="argument-slider">
<div class="argument smiley" title="4.71/5">
<img width="44" height="44" class="ico" src="/build/CentimetreThemeImg/images/homepage/slideshow/ico_avis.png" alt="Avis clients" title="Avis clients">
<div class="argument-text">
<div class="container-rating">
<div>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3296)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
<path d="M15 20V8.5L11.5 3L10.5 17.5L15 20Z" fill="#FFC700" stroke="#FFC700"/>
</g>
<defs>
<clippath id="clip0_57_3296">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
</div>
</div>
<a class="link-avis fw-bold" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-avis" aria-controls="offcanvas-avis">voir les avis clients</a>
</div>
</div>
<div class="argument made-in-france">
<a role="button" data-bs-target="#offcanvas-made-in-france" data-bs-toggle="offcanvas" aria-controls="offcanvas-made-in-france">
<img class="ico" src="/build/CentimetreThemeImg/images/homepage/slideshow/ico_made-in-france.png" alt="Made in france">
<div class="argument-text ms-2">
Nos produits sont <br>
<b class="hover-text-primary">fabriqués en France</b>
</div>
</a>
</div>
<div class="argument">
<a role="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-delivery" aria-controls="offcanvas-delivery">
<img width="44" height="44" class="ico" src="/build/CentimetreThemeImg/images/homepage/slideshow/ico_livraison.png" alt="Livraison">
<div class="argument-text">
La livraison est incluse de <br>
<b class="hover-text-primary">3 semaines</b>
</div>
</a>
</div>
<div class="argument">
<a role="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-payment" aria-controls="offcanvas-payment">
<img width="44" height="44" class="ico" src="/build/CentimetreThemeImg/images/homepage/slideshow/ico_paiment_secure.png" alt="Paiements sécurisé">
<div class="argument-text">
Paiement sécurisé <br>
<b class="hover-text-primary">3x sans frais</b>
</div>
</a>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-made-in-france" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div class="title mb-2">Un fabricant au service de votre projet !</div>
<video class="radius-10" width="100%" loop="loop" autoplay="autoplay" muted="muted">
<source src="https://media.cmai-groupe.com/asset/aa04c09c-3612-44cb-b889-6f2fe9f2bd3e/mp4/PTS_FORTS_panneaux.mp4" type="video/mp4" />
La vidéo n'a pas pu être chargé
</video>
<div class="mb-4 d-flex align-items-center justify-content-center">
<img width="70px" height="73px" src="/build/CentimetreThemeImg/images/offcanvas/made-in-france/origine-france.png" loading="lazy" alt="Origine France garantie">
<img width="153" height="76"
src="/build/CentimetreThemeImg/images/offcanvas/eco/pefc.png"
loading="lazy" alt="PEFC">
</div>
<div class="text-align-juttify text-regular-18 mb-2">Depuis la création de la marque en 2014 (même si l'entreprise à plus de 40 ans d'existence ;-), nous avons valorisé le caractère local de nos produits, 100% fabriqués en France sur nos différents ateliers, proches de nos clients.</div>
<div class="text-align-juttify text-regular-18 mb-5">Nous produisons dans nos ateliers de la Drôme, du Maine-et-Loire et des Vosges l'ensemble de nos solutions de rangement sur mesure, qui sont ensuite livrés chez vous.
</div>
<div class="title-slide">Un contrôle qualité rigoureux</div>
<div class="text-align-juttify text-regular-18 mb-2">Chacun de nos produits est ainsi testé, au travers d'une simulation en laboratoire de plus de 10 ans d'utilisation, pour garantir sécurité d'usage et durabilité des éléments les plus sollicités.
</div>
<div class="text-align-juttify text-regular-18 mb-2">Nos démarches Qualité nous permettent aujourd'hui de garantir l'ensemble de nos produits 10 ans, là où beaucoup s'arrêtent à 2 ans sur le meuble.
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-avis" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div class="title-slide mb-3 fs-36 text-9xl">
Avis clients
</div>
<div id="avis-verriere" class="netreviews_product_reviews" data-list="[{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-11-18 02:52:56","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"6807e3f20eaa5739914ba500f1fba2fd205e3d39","id_review":"f3056942-42f1-467f-8a30-dcf1148d2f64","id_review_product":"cc1fd908-fd7b-4d9b-b6c4-de2f6a460f2a","order_ref":"58151","id_product":"facade","review_date":"2025-11-14 17:57:49","review":"Il manquait une fixation sur un support roulette d\u2019une porte","lastname":"L","firstname":"Gilles","order_date":"2025-10-22 16:03:43"},{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-11-18 02:52:56","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"77480b638081fd662bbceec23f377fc7a7b25ac0","id_review":"933dc798-825f-4b96-9e6a-cb80acb57d71","id_review_product":"dd9961cc-a7ea-4b6c-8f27-a198e2920453","order_ref":"49562","id_product":"facade","review_date":"2025-11-14 17:49:42","review":"Ok comme attendus","lastname":"v","firstname":"christian","order_date":"2025-10-16 11:20:56"},{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"JTVCJTdCJTIyc21hbGwlMjIlM0ElMjJodHRwcyUzQSU1QyUyRiU1QyUyRmNsLmF2aXMtdmVyaWZpZXMuY29tJTVDJTJGZnIlNUMlMkZjYWNoZSU1QyUyRmQlNUMlMkY1JTVDJTJGYyU1QyUyRmQ1YzMxNDU1LTM2YmItYzQwNC1lOWM5LWYzMjNjYjUxOGZhYyU1QyUyRkFXUyU1QyUyRnVwbG9hZHMlNUMlMkZzbWFsbF8xOGQzNGNkNi1lODRhLTRkMjYtYWE2MS0zMzk4MDZmYzQzOWIuanBlZyUyMiUyQyUyMm1lZGl1bSUyMiUzQSUyMmh0dHBzJTNBJTVDJTJGJTVDJTJGY2wuYXZpcy12ZXJpZmllcy5jb20lNUMlMkZmciU1QyUyRmNhY2hlJTVDJTJGZCU1QyUyRjUlNUMlMkZjJTVDJTJGZDVjMzE0NTUtMzZiYi1jNDA0LWU5YzktZjMyM2NiNTE4ZmFjJTVDJTJGQVdTJTVDJTJGdXBsb2FkcyU1QyUyRm1lZGl1bV8xOGQzNGNkNi1lODRhLTRkMjYtYWE2MS0zMzk4MDZmYzQzOWIuanBlZyUyMiUyQyUyMmxhcmdlJTIyJTNBJTIyaHR0cHMlM0ElNUMlMkYlNUMlMkZjbC5hdmlzLXZlcmlmaWVzLmNvbSU1QyUyRmZyJTVDJTJGY2FjaGUlNUMlMkZkJTVDJTJGNSU1QyUyRmMlNUMlMkZkNWMzMTQ1NS0zNmJiLWM0MDQtZTljOS1mMzIzY2I1MThmYWMlNUMlMkZBV1MlNUMlMkZ1cGxvYWRzJTVDJTJGbGFyZ2VfMThkMzRjZDYtZTg0YS00ZDI2LWFhNjEtMzM5ODA2ZmM0MzliLmpwZWclMjIlMkMlMjJ0eXBlJTIyJTNBJTIyaW1hZ2UlMjIlN0QlNUQ=","publish_date":"2025-11-18 02:52:56","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"2c96e98df17c9351d8ba89d24aa9c75bb89193b1","id_review":"59ce634f-7a26-4314-ac3a-3bc3471ee040","id_review_product":"54513605-8655-433f-b06f-55cf97ebe4c5","order_ref":"55208","id_product":"facade","review_date":"2025-11-14 09:41:49","review":"Pas de commentaire. Photo suffisante","lastname":"G","firstname":"Christine","order_date":"2025-09-30 18:28:36"},{"rate":"5","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-11-14 02:52:40","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"f41f5e539010ec3ee44591ec250bfab0b791c448","id_review":"1d855ec4-ec86-405b-b2fe-b84bda367c34","id_review_product":"a413644b-6b2c-4f21-b71f-9870d2d7e37c","order_ref":"52247","id_product":"facade","review_date":"2025-11-13 18:01:36","review":"Produit conforme, de bonne qualit\u00e9 et livr\u00e9e dans les temps. Rien a dire de n\u00e9gatif.","lastname":"d","firstname":"christophe","order_date":"2025-09-04 21:10:47"},{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-08-14 03:45:52","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"5e0563972949799e76d75ee7dcfcf33e67ffca38","id_review":"a8d1594a-011e-48c4-ba39-ea80bc33765a","id_review_product":"20687779-d440-404a-ab7a-de078a593feb","order_ref":"37508","id_product":"facade","review_date":"2025-08-13 21:18:04","review":"Un plus grand choix dans les profil\u00e9s serait l'id\u00e9al.","lastname":"C","firstname":"ALAIN","order_date":"2025-04-24 10:26:42"}]" data-details-rate="[3,8,15,140,1118]" data-avis-form-init="{"filter":"","limit":5,"offset":0,"query":"review","order":"date_desc","product":"facade"}">
<div>
<div class="separator h-100 col d-sm-none"></div>
<form name="avis_form" method="post" action="/avis/filter" id="avis_form" class="">
<div class="container-rate row pt-3 pb-2 d-flex align-items-center flex-column justify-content-center">
<div class="container-rate__rate text-center d-flex flex-column mb-3">
<div class="top-value lh-1">
<span style="font-size: 3.5rem" class="fw-bolder me-2">{{ productRate }}</span><span class="fs-1 fw-light">/5</span>
</div>
<div class="star-rating" :style="'--rating: ' + getRatioRating(productRate, 5) + '%;'"></div>
<span class="fc-grew fw-normal mt-2">Calculé à partir de {{ nbAvis }} avis client(es)</span>
</div>
<div class="container-rate-progress">
<div class="mx-auto" style="width: min-content;">
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_4">
<span class="fc-555 fw-light">5</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['4'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['4']"></div>
<input type="radio" id="avis_form_filter_4" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="5" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_3">
<span class="fc-555 fw-light">4</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['3'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['3']"></div>
<input type="radio" id="avis_form_filter_3" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="4" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_2">
<span class="fc-555 fw-light">3</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['2'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['2']"></div>
<input type="radio" id="avis_form_filter_2" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="3" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_1">
<span class="fc-555 fw-light">2</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['1'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['1']"></div>
<input type="radio" id="avis_form_filter_1" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="2" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_0">
<span class="fc-555 fw-light">1</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['0'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['0']"></div>
<input type="radio" id="avis_form_filter_0" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="1" />
</label>
</div>
</div>
</div>
</form>
</div>
<div class="container-avis mt-4" id="container-avis">
<hr>
<div v-for="(avis, index) in avisData" :data-reviewid="avis.id_review" class="onlyone-avis mt-lg-5 pb-lg-5 mt-sm-3 pb-sm-3 mt-3 pb-3">
<div>
<div class="d-flex justify-content-between mb-3">
<div class="user-avis">
<div class="fs-5-5 fw-bolder lh-1 mb-1">{{ avis.firstname ? capitalizeFirstLetter(avis.firstname) : '' }} {{ avis.lastname }}.</div>
<div class="date fs-6 fc-grew">{{ avis.publish_date }}</div>
</div>
<div class="rating-avis">
<div class="star-rating avis" :style="'--rating: ' + (avis.rate * 20) + '%;'"></div>
</div>
</div>
<div class="d-flex justify-content-start content-avis flex-column">
<div class="description_avis fs-5-5 lh-base">{{ avis.review }}</div>
<div class="container-medias d-flex gap-3 my-3 overflow-auto" v-if="avis.medias">
<template class="media_avis" v-for="(media, id) in avis.medias" :key="id">
<div :data-reviewid="avis.id_review" :id="id" v-bind:style="rotationImg(media.medium)"
:data-modal="'#avis_media_modal-' + avis.id_review" v-if="media != null && media.small"
:style="{ 'background-image': `url(${media.small})`, }"
@click="displayLargeMedia($event, id)"
class="no-scroll img_media_avis b-radius-50r cursor-pointer"
></div>
</template>
<div :id="'avis_media_modal-' + avis.id_review" class="avis_media_modal hidden">
<div class="container_modal">
<div class="container-images slick">
<template class="media_avis" v-for="(media, id) in avis.medias" :key="id">
<img v-bind:style="rotationImg(media.medium)" :src="media.large">
</template>
</div>
<a id="netreviews_media_close" :data-modal="'#avis_media_modal-' + avis.id_review" class="cursor-pointer no-scroll ico-close" href="#" @click.stop.prevent="closeMedia">×</a>
</div>
</div>
</div>
<template v-if="avis.moderation">
<div class="modearation_avis pt-3 d-flex"
v-for="(moderation, id) in avis.moderation.slice().reverse()" :id="id" :data-moderationid="avis.id_review">
<img style="height: 21px;width: 26px;" src="/build/CentimetreThemeImg/images/avis_verifies/arrow-moderation-avis.png" alt="">
<span class="moderation-text fs-5-5 p-3 ms-2 w-100 b-radius-50r">{{ moderation.comment }}</span>
</div>
</template>
</div>
</div>
</div>
</div>
<div class="text-center">
<div class="lds-ring hidden">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="container-button d-flex flex-column text-center">
<button @click="displayMoreAvis" data-step="5" class="d-block py-3 px-5 my-4 b-radius-angle fw-bold fs-6 mx-auto fc-blue moreAvis" id="moreAvis">Voir plus d'avis</button>
</div>
<div id="avis_media_modal" class="hidden">
<div id="avis_media_content" class=""></div>
<a id="netreviews_media_close" class="cursor-pointer ico-close" href="#" @click="closeMedia">×</a>
</div>
</div>
<script src="/build/CentimetreTheme/avisVerifiesVue.3bd03f74.js"></script>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-payment" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide payment-title-slide">Des paiements adaptés à toutes les situations</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/3fois.svg" loading="lazy" alt="Paiement 3 fois">
<div>
<p class="item-title text-center text-sm-start">3x sans frais</p>
<div class="item-content">Étalez votre dépense avec le paiement de 3 fois sans frais pour plus de sérénité et correspondre au plafond de votre carte de paiement. Vous pouvez échelonner les paiements en 3 fois, sans frais additionnels.</div>
</div>
</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/virement.svg" loading="lazy" alt="Paiement virement">
<div>
<p class="item-title text-center text-sm-start">Virement bancaire</p>
<div class="item-content">Vous n'avez pas de carte bancaire ? Votre carte a un plafond qui ne vous permet pas de régler votre achat en totalité ? Nous pouvons vous proposer un paiement par virement. A réception des fonds, nous validons votre commande directement.</div>
</div>
</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/paypal.svg" loading="lazy" alt="Paiement Paypal">
<div>
<p class="item-title text-center text-sm-start">Paypal</p>
<div class="item-content">Système de paiement sécurisé : plus d'informations sur <a class="link-black" target="_blank" href="https://www.paypal.com/">www.paypal.com</a></div>
</div>
</div>
</div>
<div class="secure-payment-block">
<div class="title-slide">Paiements sécurisés</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/payment-secure.svg" loading="lazy" alt="Système sécurisé">
<div>
<p class="item-title text-center text-sm-start">3D secure</p>
<div class="item-content">Achetez serein ! Lors de votre achat, un SMS contenant un code de vérification est envoyé sur votre téléphone afin de vérifier que vous êtes bien le titulaire de la carte.</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-delivery" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide mb-3">
Modes de livraison
</div>
<div class="mb-5">
<div class="d-flex gap-2 mb-2">
<span>
<img width="44px" height="44px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/delivery.svg" loading="lazy" alt="Fabrication rapide">
</span>
<span class="text-regular-18">
Nous fabriquons et vous livrons entre<br><b>3 et 4 semaines</b>.
</span>
</div>
<div class="d-flex gap-2">
<span>
<img width="44px" height="44px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/loc.svg" loading="lazy" alt="Livraison">
</span>
<span class="text-regular-18">
Nous livrons en France métropolitaine, Belgique et<br> Luxembourg.
</span>
</div>
</div>
<div class="item">
<div class="d-flex gap-3 mb-3 align-items-center">
<span>
<img width="56px" height="68px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/livraison-standard.png" loading="lazy" alt="Livraison standard">
</span>
<span class="item-title">
Livraison STANDARD <br><span class="text-primary">INCLUSE*</span>
</span>
</div>
<div class="mb-4">
<div class="text-regular-18 mb-3">Ce mode de livraison est adapté pour les logements<br> en rez-de-chaussée.</div>
<div>
<div class="text-bold-18 d-flex gap-3 mb-2">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
Livré en bas de chez moi
</div>
<div class="text-bold-18 d-flex gap-3">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
1 livreur présent à la livraison
</div>
</div>
</div>
<div class="text-regular-14">
* Livraison standard pour la France incluse pour la Corse (hors<br> Monaco)** Prix fixe de 79€ pour la Belgique et Luxembourg
</div>
</div>
<div class="item">
<div class="d-flex gap-3 mb-3 align-items-center">
<span>
<img width="49px" height="74px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/livraison-confort.png" loading="lazy" alt="Livraison confort">
</span>
<span class="item-title">
Livraison CONFORT <br><span class="text-primary">à partir de 89€*</span>
</span>
</div>
<div class="mb-4">
<div class="text-regular-18 mb-3">Ce mode de livraison est adapté pour les logements<br> à l’étage</div>
<div>
<div class="text-bold-18 d-flex gap-3 mb-2">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
Livré et déballé dans la pièce de mon choix<br>(les emballages sont récupérés)
</div>
<div class="text-bold-18 d-flex gap-3">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
2 livreurs présents à la livraison
</div>
</div>
</div>
<div class="text-regular-14">
* Le prix évolue en fonction du montant de la commande.
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
</div>
<div id="sticky-bar" class="center pt-2 py-sm-2 px-md-0 position-fixed top-0 start-0 bg-white z-3 w-100">
<div class="container d-flex justify-content-between align-items-center container-link-scroll scroll-light">
<div class="d-flex gap-4 align-items-center container-link">
<a href="#" class="btn-dark btn-hover-white text-regular-18 lh-base">
Nos produits
</a>
<a href="#head-simu" class="text-regular-18 anchor-btn color-dark-hover">
Nuancier
</a>
<a href="#head-caracteristique" class="text-regular-18 anchor-btn color-dark-hover">
Caractéristiques
</a>
<a href="#head-visionneuse" class="text-regular-18 anchor-btn color-dark-hover">
Inspirations
</a>
<a href="#head-project-client" class="text-regular-18 anchor-btn color-dark-hover">
Projets clients
</a>
<a href="/promotion" class="text-regular-18 text-secondary" >
<span class="d-none d-lg-block fw-bold">PROMOTION</span><span class="d-md-block d-lg-none fw-bold">PROMO</span>
</a>
</div>
<div class="d-flex align-items-center gap-3">
<a href=" /boite-echantillons/facade-classic/first/init" class="btn-light-dark fs-5 btn-hover-light-dark text-bold-18 lh-base">
<span class="d-none d-lg-block">Commander échantillons</span><span class="d-md-block d-lg-none">Échantillons</span>
</a>
<a href="/project/create/facade-classic" class="btn-white-color-orange rounded-pill text-bold-18 lh-base">
Je crée mes portes coulissantes
</a>
</div>
</div>
</div>
<script type="module">
const resizeObserver = new ResizeObserver(e => {
handleSticky()
});
resizeObserver.observe(document.body);
handleSticky()
function handleSticky() {
if (document.querySelector('.argument-slider')) {
var ifMobile = 0;
if (window.screen.availWidth < 480) {
var ifMobile = 86;
}
if (document.querySelector('html').offsetWidth > 480 && document.querySelector('html').offsetWidth < 1024) {
document.querySelector('#sticky-bar').classList.remove('start-0');
window.addEventListener('scroll', () => {
document.querySelector('#sticky-bar').style.left = '-' + window.pageXOffset + 'px';
});
}
let anchors = document.querySelectorAll('.anchor');
let anchorsBtn = document.querySelectorAll('.anchor-btn');
let showScrollTop = () => {
const currentScrollPosition = window.pageYOffset;
const elementOffsetTop = document.querySelector('.argument-slider').offsetTop + 50;
if (currentScrollPosition > elementOffsetTop) {
document.querySelector('#sticky-bar').style.display = 'flex';
} else {
document.querySelector('#sticky-bar').style.display = 'none';
}
anchors.forEach((element) => {
var navLink = document.querySelector('a[href^="#' + element.id + '"]');
if (currentScrollPosition > element.offsetTop - 100 && currentScrollPosition < (element.offsetTop + element.offsetHeight + element.nextElementSibling.offsetHeight) - ifMobile) {
if (ifMobile > 0 && !navLink.classList.contains('active')) {
document.onscrollend = (event) => {
document.querySelector('.container-link-scroll').scrollTo({
top: 100,
left: navLink.offsetLeft - 30,
behavior: "smooth"
});
};
}
if (navLink) {
navLink.classList.add('active');
}
} else {
if (navLink) {
navLink.classList.remove('active');
}
}
})
}
window.addEventListener('scroll', showScrollTop);
}
}
</script>
<script src="/build/CentimetreTheme/readMore.a6683185.js"></script>
<div id="video-animee" class="">
<div class="row">
<div class="block col-ow-12 col-md-4 col-sm-4">
<div class="attente-img">
<div id="player1" class="player-background">
<div class="circle">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play fa-w-14 play-video-cascade" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
<path fill="white" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path>
</svg>
</div>
</div>
<video
poster="/build/CentimetreThemeImg/images/poster/ppc/porte-coulissantes-mesure.webp"
preload="none" class="video-caracteristique" width="100%" height="100%" autoplay="autoplay" muted="muted" id="video1" playsinline>
<source src="https://media.cmai-groupe.com/asset/8883c96a-f5b1-482c-a49a-4455984f026a/mp4/PPC_landing_item_1.mp4" type="video/mp4" />
La vidéo n'a pas pu être chargé
</video>
<progress id="progress1" max="100" value="0">
Progress
</progress>
</div>
<div class="blog-container">
<h3 class="blog-sur-titre">
Un projet à vos mesures
</h3>
<p class="blog-title m-sup-md-1">
Exprimez votre style avec nos portes de placards coulissantes entièrement personnalisables via notre configurateur. Choisissez parmi des dimensions allant <b>de 400 à 2800 mm en hauteur et de 600 à 5000 mm en largeur</b> (jusqu'à 5 portes), adaptées à votre espace au millimètre près !
</p>
</div>
</div>
<div class="block col-ow-12 col-md-4 col-sm-4">
<div class="attente-img" >
<div id="player2" class="player-background">
<div class="circle">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play fa-w-14 play-video-cascade" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
<path fill="white" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path>
</svg>
</div>
</div>
<video
poster="/build/CentimetreThemeImg/images/poster/ppc/porte-coulissantes-personnalisation.webp"
preload="none" class="video-caracteristique" width="100%" height="100%" muted="muted" id="video2" playsinline>
<source src="https://media.cmai-groupe.com/asset/b9ad235e-fd0d-4dcc-9399-c468666fc615/mp4/PPC_landing_item_2.mp4" type="video/mp4" />
La vidéo n'a pas pu être chargé
</video>
<progress id="progress2" max="100" value="0">
Progress
</progress>
</div>
<div class="blog-container">
<h3 class="blog-sur-titre">
Une personnalisation sans limites
</h3>
<p class="blog-title">
Découvrez l'univers du design sans limites avec les portes de placards coulissantes Centimetre. Choisissez parmi 50 décors disponibles et ajoutez votre touche personnelle avec nos 3 styles : trio, trio asymétrique et solo. En plus, bénéficiez d’une garantie de 10 ans ! La qualité et le design, au service de votre rangement.
</p>
</div>
</div>
<div class="block col-ow-12 col-md-4 col-sm-4">
<div class="attente-img" >
<div id="player3" class="player-background">
<div class="circle">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play" class="svg-inline--fa fa-play fa-w-14 play-video-cascade" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512">
<path fill="white" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path>
</svg>
</div>
</div>
<video
poster="/build/CentimetreThemeImg/images/poster/ppc/porte-coulissantes-montage.webp"
preload="none" class="video-caracteristique" width="100%" height="100%" muted="muted" id="video3" playsinline>
<source src="https://media.cmai-groupe.com/asset/f0af1d4e-d5cd-4a6b-9f0d-57e3bfe6ca52/mp4/PPC_landing_item_3.mp4" type="video/mp4" />
La vidéo n'a pas pu être chargé
</video>
<progress id="progress3" max="100" value="0">
Progress
</progress>
</div>
<div class="blog-container">
<h3 class="blog-sur-titre">
Montage facile en 30 min
</h3>
<p class="blog-title marge-p-mob m-sup-md-1">
Optez pour la simplicité avec notre kit de portes de placard coulissantes sur-mesure, pré-monté dans nos ateliers. Grâce à une conception ingénieuse et des réglages faciles, le montage ne seulement 45 minutes. Vous préférez qu’on vous l’installe ? C’est également possible avec notre service de pose à domicile !
</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
// gestion cascade video descktop on scroll over
const progress1 = document.getElementById("progress1");
const progress2 = document.getElementById("progress2");
const progress3 = document.getElementById("progress3");
const video1 = document.querySelector('#video1');
const video2 = document.querySelector('#video2');
const video3 = document.querySelector('#video3');
const player1 = document.querySelector('#player1');
const player2 = document.querySelector('#player2');
const player3 = document.querySelector('#player3');
function progressLoop(progress, video, tempo) {
const interval = setInterval(()=> {
if(Math.round((video.currentTime / video.duration) * 100) >= 0){
progress.value = Math.round((video.currentTime / video.duration) * 100);
}
if(Math.round((video.currentTime / video.duration) * 100) == 100){
clearInterval(interval);
}
},tempo);
}
document.querySelectorAll('.player-background').forEach(element => {
element.addEventListener('click',()=>{
if(element.id == player1.id){
video1.play();
video2.pause();
video2.currentTime = 0;
progress2.value = 0;
video3.pause();
video3.currentTime = 0;
progress3.value = 0;
myHandler3();
}else if(element.id == player2.id){
video2.play();
video1.pause();
video1.currentTime = 0;
progress1.value = 0;
video3.pause();
video3.currentTime = 0;
progress3.value = 0;
myHandler();
}else if(element.id == player3.id){
video3.play();
video1.pause();
video1.currentTime = 0;
progress1.value = 0;
video2.pause();
video2.currentTime = 0;
progress2.value = 0;
myHandler2()
}
})
});
// cascade declenchement video
video1.addEventListener('ended',myHandler,false);
video2.addEventListener('ended',myHandler2,false);
video3.addEventListener('ended',myHandler3,false);
video1.play();
player1.style.display = "none";
progressLoop(progress1,video1, 100);
progress2.value = 0;
progress3.value = 0;
var idleTime = 0;
progressLoop(progress1,video1, 10);
function myHandler(e) {
progressLoop(progress2,video2, 120);
video2.play();
player1.style.display = "flex";
player3.style.display = "flex";
player2.style.display = "none";
}
function myHandler2(ev) {
progressLoop(progress3,video3, 100);
video3.play();
player2.style.display = "flex";
player1.style.display = "flex";
player3.style.display = "none";
}
function myHandler3(eve) {
progress2.value = 0;
progress3.value = 0;
video3.currentTime = 0;
video1.play();
progressLoop(progress1,video1, 100);
progress1.value = 0;
player3.style.display = "flex";
player1.style.display = "none";
player2.style.display = "flex";
}
</script>
<div id="head-simu" class="head-module d-flex justify-content-between anchor">
<div class="content">
<h2> Porte de placard coulissante, <br>de nombreux décors et styles possibles</h2>
<p class="text-regular-18">
Découvrez l'éventail de possibilités chez Centimetre. Exprimez votre créativité en choisissant parmi plus de 40 décors pour personnaliser votre porte de placard coulissante. Bois, unis, texturés, gloss, verres laqués, miroirs ou mats : c’est vous le designer de votre intérieur !
</p>
</div>
<div class="action d-none d-sm-block">
<a target="_blank" href="/boite-echantillons/facade-classic/first/init">
<button class="btn-light-dark fs-5 btn-hover-light-dark"> Commander échantillons</button>
</a>
</div>
</div>
<div id="simu-facade-classic"
height="580px"
data-decors-list="[{"id":3871,"code":"PPC-B082","translations":{"fr_FR":{"locale":"fr_FR","id":3855,"value":"Blanc structur\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":11,"image_url":"https:\/\/media.cmai-groupe.com\/m\/70e448c1090f2bd3\/original\/Preview_B082.jpg","enabled":true,"sample_enabled":true},{"id":3872,"code":"PPC-U040","translations":{"fr_FR":{"locale":"fr_FR","id":3856,"value":"Beige argile"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":20,"image_url":"https:\/\/media.cmai-groupe.com\/m\/2a9cc1eda960d92c\/original\/Preview_U040.jpg","enabled":true,"sample_enabled":true},{"id":3873,"code":"PPC-U068","translations":{"fr_FR":{"locale":"fr_FR","id":3857,"value":"Gris fer"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":30,"image_url":"https:\/\/media.cmai-groupe.com\/m\/2d4b43f49f5a2875\/original\/Preview_U068.jpg","enabled":true,"sample_enabled":true},{"id":3875,"code":"PPC-B062","translations":{"fr_FR":{"locale":"fr_FR","id":3859,"value":"Bois polaire"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":21,"image_url":"https:\/\/media.cmai-groupe.com\/m\/4f489d8894524750\/original\/B062.jpg","enabled":true,"sample_enabled":true},{"id":3876,"code":"PPC-B024","translations":{"fr_FR":{"locale":"fr_FR","id":3860,"value":"Acacia naturel"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":31,"image_url":"https:\/\/media.cmai-groupe.com\/m\/5366ab2580d40a9e\/original\/Preview_B024.jpg","enabled":true,"sample_enabled":true},{"id":3878,"code":"PPC-B030","translations":{"fr_FR":{"locale":"fr_FR","id":3862,"value":"Ch\u00eane dor\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":27,"image_url":"https:\/\/media.cmai-groupe.com\/m\/62c5b36594251e61\/original\/Preview_B030.jpg","enabled":true,"sample_enabled":true},{"id":3879,"code":"PPC-B027","translations":{"fr_FR":{"locale":"fr_FR","id":3863,"value":"Ch\u00eane naturel"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":61,"image_url":"https:\/\/media.cmai-groupe.com\/m\/aebd5dc01e44da4\/original\/Preview_B027.jpg","enabled":true,"sample_enabled":true},{"id":3881,"code":"PPC-B004","translations":{"fr_FR":{"locale":"fr_FR","id":3865,"value":"Ch\u00eane Grizzly"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":160,"image_url":"https:\/\/media.cmai-groupe.com\/m\/4784d5e9f23760d\/original\/Preview_B004.jpg","enabled":true,"sample_enabled":true},{"id":3883,"code":"PPC-U035","translations":{"fr_FR":{"locale":"fr_FR","id":3867,"value":"Blanc alpin"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":15,"image_url":"https:\/\/media.cmai-groupe.com\/m\/7a515b2c10aac407\/original\/Preview_U035.jpg","enabled":true,"sample_enabled":true},{"id":3885,"code":"PPC-U012","translations":{"fr_FR":{"locale":"fr_FR","id":3869,"value":"Marron glac\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":37,"image_url":"https:\/\/media.cmai-groupe.com\/m\/1b56d3ef5bd1a602\/original\/Preview_U012.jpg","enabled":true,"sample_enabled":true},{"id":3886,"code":"PPC-U015","translations":{"fr_FR":{"locale":"fr_FR","id":3870,"value":"Ocre arizona"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":90,"image_url":"https:\/\/media.cmai-groupe.com\/m\/a070df9d056f294\/original\/Preview_U015.jpg","enabled":true,"sample_enabled":true},{"id":3887,"code":"PPC-U014","translations":{"fr_FR":{"locale":"fr_FR","id":3871,"value":"Rouge esterel"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":100,"image_url":"https:\/\/media.cmai-groupe.com\/m\/5142fbc455b086ea\/original\/Preview_U014.jpg","enabled":true,"sample_enabled":true},{"id":3888,"code":"PPC-U069","translations":{"fr_FR":{"locale":"fr_FR","id":3872,"value":"Gris M\u00e9tal"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":140,"image_url":"https:\/\/media.cmai-groupe.com\/m\/42b89a0e8800729a\/original\/Preview_U069.jpg","enabled":true,"sample_enabled":true},{"id":3890,"code":"PPC-U090","translations":{"fr_FR":{"locale":"fr_FR","id":3874,"value":"Vert granit"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":70,"image_url":"https:\/\/media.cmai-groupe.com\/m\/45abc753ef4d7684\/original\/Preview_U090.jpg","enabled":true,"sample_enabled":true},{"id":3891,"code":"PPC-U016","translations":{"fr_FR":{"locale":"fr_FR","id":3875,"value":"Bleu abysse"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":50,"image_url":"https:\/\/media.cmai-groupe.com\/m\/13f6a5a13bf7a925\/original\/Preview_U016.jpg","enabled":true,"sample_enabled":true},{"id":3892,"code":"PPC-U058","translations":{"fr_FR":{"locale":"fr_FR","id":3876,"value":"Poivre velours"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":18,"image_url":"https:\/\/media.cmai-groupe.com\/m\/3058324ac6e719ac\/original\/Preview_U058.jpg","enabled":true,"sample_enabled":true},{"id":3893,"code":"PPC-U013","translations":{"fr_FR":{"locale":"fr_FR","id":3877,"value":"Noir"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":110,"image_url":"https:\/\/media.cmai-groupe.com\/m\/dfdf207fb9b6663\/original\/Preview_U013.jpg","enabled":true,"sample_enabled":true},{"id":3894,"code":"PPC-U034","translations":{"fr_FR":{"locale":"fr_FR","id":3878,"value":"\u00c0 d\u00e9corer"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":250,"image_url":"https:\/\/media.cmai-groupe.com\/m\/18f0b8e4e158db8c\/original\/Thumb_U034.jpg","enabled":true,"sample_enabled":true},{"id":3895,"code":"PPC-F001","translations":{"fr_FR":{"locale":"fr_FR","id":3879,"value":"Gris Urbain"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":50,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/ecfa04b1-0f8e-40e3-921b-576ba470d651\/Vignette\/Preview_F001.jpg","enabled":true,"sample_enabled":true},{"id":3896,"code":"PPC-F003","translations":{"fr_FR":{"locale":"fr_FR","id":3880,"value":"Schiste"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":41,"image_url":"https:\/\/media.cmai-groupe.com\/m\/3c25d2b67cd55f4d\/original\/Preview_F003.jpg","enabled":true,"sample_enabled":true},{"id":3897,"code":"PPC-F002","translations":{"fr_FR":{"locale":"fr_FR","id":3881,"value":"Bronze"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":80,"image_url":"https:\/\/media.cmai-groupe.com\/m\/2fb5ce4c7596298b\/Vignette-de-cor_F002.jpg","enabled":true,"sample_enabled":true},{"id":3901,"code":"PPC-GL1","translations":{"fr_FR":{"locale":"fr_FR","id":3885,"value":"Gloss blanc"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"gloss","position":16,"image_url":"https:\/\/media.cmai-groupe.com\/m\/1875122d5beb8ec8\/original\/Preview_GL1.jpg","enabled":true,"sample_enabled":true},{"id":3902,"code":"PPC-GL3","translations":{"fr_FR":{"locale":"fr_FR","id":3886,"value":"Gloss beige argile"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"gloss","position":24,"image_url":"https:\/\/media.cmai-groupe.com\/m\/2dd85abc3ade6bbd\/original\/Preview_GL3.jpg","enabled":true,"sample_enabled":true},{"id":3903,"code":"PPC-GL6","translations":{"fr_FR":{"locale":"fr_FR","id":3887,"value":"Blanc soft"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":250,"image_url":"https:\/\/media.cmai-groupe.com\/m\/58b46b1a93d24ed0\/original\/Preview_GL6.jpg","enabled":true,"sample_enabled":true},{"id":3904,"code":"PPC-GL8","translations":{"fr_FR":{"locale":"fr_FR","id":3888,"value":"Beige soft"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":210,"image_url":"https:\/\/media.cmai-groupe.com\/m\/7226a2651fb24e92\/original\/Preview_GL8.jpg","enabled":true,"sample_enabled":true},{"id":3905,"code":"PPC-GL9","translations":{"fr_FR":{"locale":"fr_FR","id":3889,"value":"Noir soft"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":290,"image_url":"https:\/\/media.cmai-groupe.com\/m\/69523cbebf3cc09c\/original\/Preview_GL9.jpg","enabled":true,"sample_enabled":true},{"id":3906,"code":"PPC-M1","translations":{"fr_FR":{"locale":"fr_FR","id":3890,"value":"Miroir Argent"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"miroirs","position":240,"image_url":"https:\/\/media.cmai-groupe.com\/m\/3dd461ed91ad16e2\/original\/Preview_M1.jpg","enabled":true,"sample_enabled":true},{"id":3907,"code":"PPC-M4","translations":{"fr_FR":{"locale":"fr_FR","id":3891,"value":"Miroir Gris"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"miroirs","position":245,"image_url":"https:\/\/media.cmai-groupe.com\/m\/38bc6c1f94cebb5a\/original\/Preview_M4.jpg","enabled":true,"sample_enabled":true},{"id":3908,"code":"PPC-VL15","translations":{"fr_FR":{"locale":"fr_FR","id":3892,"value":"Verre blanc"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":100,"image_url":"https:\/\/media.cmai-groupe.com\/m\/653df2098955cca2\/original\/Preview_VL15.jpg","enabled":true,"sample_enabled":true},{"id":3909,"code":"PPC-VL4","translations":{"fr_FR":{"locale":"fr_FR","id":3893,"value":"Verre gris"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":160,"image_url":"https:\/\/media.cmai-groupe.com\/m\/4779d1d879a72948\/original\/Preview_VL4.jpg","enabled":true,"sample_enabled":true},{"id":3910,"code":"PPC-VL24","translations":{"fr_FR":{"locale":"fr_FR","id":3894,"value":"Verre bleu gris\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":150,"image_url":"https:\/\/media.cmai-groupe.com\/m\/3a5fe7ede9c6a809\/original\/Preview_VL24.jpg","enabled":true,"sample_enabled":true},{"id":3911,"code":"PPC-VL27","translations":{"fr_FR":{"locale":"fr_FR","id":3895,"value":"Verre lichen"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":130,"image_url":"https:\/\/media.cmai-groupe.com\/m\/90b7436f07acbf1\/original\/Preview_VL27.jpg","enabled":true,"sample_enabled":true},{"id":3912,"code":"PPC-VL21","translations":{"fr_FR":{"locale":"fr_FR","id":3896,"value":"Verre blanc cass\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":110,"image_url":"https:\/\/media.cmai-groupe.com\/m\/616065d1bbaacafb\/original\/Preview_VL21.jpg","enabled":true,"sample_enabled":true},{"id":3913,"code":"PPC-VL26","translations":{"fr_FR":{"locale":"fr_FR","id":3897,"value":"Verre marron cr\u00e8me"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":120,"image_url":"https:\/\/media.cmai-groupe.com\/m\/1deb463801815872\/original\/Preview_VL26.jpg","enabled":true,"sample_enabled":true},{"id":3914,"code":"PPC-VL13","translations":{"fr_FR":{"locale":"fr_FR","id":3898,"value":"Verre rouge"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":140,"image_url":"https:\/\/media.cmai-groupe.com\/m\/5edfdbeb4ffeb14\/original\/Preview_VL13.jpg","enabled":true,"sample_enabled":true},{"id":3915,"code":"PPC-VL12","translations":{"fr_FR":{"locale":"fr_FR","id":3899,"value":"Verre noir"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"verres-laques","position":170,"image_url":"https:\/\/media.cmai-groupe.com\/m\/4af9e176a2a201dc\/original\/Preview_VL12.jpg","enabled":true,"sample_enabled":true},{"id":4354,"code":"PPC-B006","translations":{"fr_FR":{"locale":"fr_FR","id":4338,"value":"Ch\u00eane matric\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":100,"image_url":"https:\/\/media.cmai-groupe.com\/m\/85147100b154e5c\/Vignette-Thumb_B006.jpg","enabled":true,"sample_enabled":true},{"id":4356,"code":"PPC-B208","translations":{"fr_FR":{"locale":"fr_FR","id":4340,"value":"Noyer ambr\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":81,"image_url":"https:\/\/media.cmai-groupe.com\/m\/40c820651e5b98b3\/Vignette-Thumb_B208.jpg","enabled":true,"sample_enabled":true},{"id":4624,"code":"PPC-B008","translations":{"fr_FR":{"locale":"fr_FR","id":4608,"value":"Bois de rivage"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":30,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/00fab1b5-05aa-463a-97d2-c2ad3ded4ef6\/Vignette\/Preview_B008_Bois-Atlantique.jpg","enabled":true,"sample_enabled":true},{"id":4625,"code":"PPC-B020","translations":{"fr_FR":{"locale":"fr_FR","id":4609,"value":"Ch\u00eane austral"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":41,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/1e58e63c-628a-4b2e-a45d-b3f6b699344f\/Vignette\/Preview_B020_Bois-Austral.jpg","enabled":true,"sample_enabled":true},{"id":4626,"code":"PPC-B011","translations":{"fr_FR":{"locale":"fr_FR","id":4610,"value":"Orme Cendr\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":60,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/c45dd624-22b0-44b0-b1b8-33601ef37783\/Vignette\/Preview_B011_Orme-Argente.jpg","enabled":true,"sample_enabled":true},{"id":4627,"code":"PPC-B025","translations":{"fr_FR":{"locale":"fr_FR","id":4611,"value":"Ch\u00eane Brut"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":51,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/f7386cc7-3c66-46a0-95e1-52ff6ef47e52\/Vignette\/Preview_B025_Che-ne-Naturel_M25.jpg","enabled":true,"sample_enabled":true},{"id":4628,"code":"PPC-B009","translations":{"fr_FR":{"locale":"fr_FR","id":4612,"value":"Ch\u00eane classique"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":120,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/2446de67-a25a-4469-a068-887f95fadebd\/Vignette\/Preview_B009_Che-ne-tradition.jpg","enabled":true,"sample_enabled":true},{"id":4629,"code":"PPC-U023","translations":{"fr_FR":{"locale":"fr_FR","id":4613,"value":"Alb\u00e2tre"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":30,"image_url":"https:\/\/media.cmai-groupe.com\/m\/367d576ea676e519\/original\/preview_U023.jpg","enabled":true,"sample_enabled":true},{"id":4630,"code":"PPC-B013","translations":{"fr_FR":{"locale":"fr_FR","id":4614,"value":"Ch\u00eane cannel\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":90,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/81203378-fe74-4684-93c5-4d7dc674a5d5\/Vignette\/Preview_B013_Bois-ligne.jpg","enabled":true,"sample_enabled":true},{"id":4631,"code":"PPC-U019","translations":{"fr_FR":{"locale":"fr_FR","id":4615,"value":"Truffe"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":60,"image_url":"https:\/\/media.cmai-groupe.com\/m\/628adf2c216e9fc8\/original\/Preview_U019_Cafe.jpg","enabled":true,"sample_enabled":true},{"id":4632,"code":"PPC-U020","translations":{"fr_FR":{"locale":"fr_FR","id":4616,"value":"Nude"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":90,"image_url":"https:\/\/media.cmai-groupe.com\/m\/3cd671efb3190bb7\/original\/Preview_U020_Rose-Nude.jpg","enabled":true,"sample_enabled":true},{"id":4633,"code":"PPC-U022","translations":{"fr_FR":{"locale":"fr_FR","id":4617,"value":"Eucalyptus"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":80,"image_url":"https:\/\/media.cmai-groupe.com\/m\/4c6163daf7e7ac8c\/original\/Preview_U022_Vert-Sauge.jpg","enabled":true,"sample_enabled":true},{"id":4634,"code":"PPC-U021","translations":{"fr_FR":{"locale":"fr_FR","id":4618,"value":"Bleu gris\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":40,"image_url":"https:\/\/media.cmai-groupe.com\/m\/5e04fc8ba618db6d\/original\/Preview_U021_Bleu-Gris.jpg","enabled":true,"sample_enabled":true},{"id":4635,"code":"PPC-B010","translations":{"fr_FR":{"locale":"fr_FR","id":4619,"value":"Noyer Miel"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":130,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/fbd37d9c-f436-47de-986e-b3ce18c3d98f\/Vignette\/Preview_B010_Noye-Dore.jpg","enabled":true,"sample_enabled":true},{"id":4636,"code":"PPC-B022","translations":{"fr_FR":{"locale":"fr_FR","id":4620,"value":"Gris Galet"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":71,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/e91541ea-7003-4645-ae3b-21a7d6c3607d\/Vignette\/Preview_B022_Gris-Galet_M22.jpg","enabled":true,"sample_enabled":true},{"id":4637,"code":"PPC-F006","translations":{"fr_FR":{"locale":"fr_FR","id":4621,"value":"Lainage blanc"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":46,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/7d788f48-a4f1-425e-9031-72463e229bd4\/Vignette\/Preview_F006_Lin_blanc.jpg","enabled":true,"sample_enabled":true},{"id":4638,"code":"PPC-U017","translations":{"fr_FR":{"locale":"fr_FR","id":4622,"value":"gris plomb"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"unis","position":160,"image_url":"https:\/\/media.cmai-groupe.com\/m\/7db7288827913f7f\/original\/PPC_simulateur_preview_U017.jpg","enabled":true,"sample_enabled":true},{"id":4639,"code":"PPC-F007","translations":{"fr_FR":{"locale":"fr_FR","id":4623,"value":"Lainage cr\u00eame"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":47,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/8fee8b10-ee64-4b0d-9411-3175bd46cc5e\/Vignette\/Preview_F007_Lin-beige.jpg","enabled":true,"sample_enabled":true},{"id":4640,"code":"PPC-F008","translations":{"fr_FR":{"locale":"fr_FR","id":4624,"value":"Cannage beige"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":30,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/79dbb88c-91e8-4297-9556-c54f1f8bebad\/Vignette\/Preview_F008_Maille-Beige.jpg","enabled":true,"sample_enabled":true},{"id":4641,"code":"PPC-B023","translations":{"fr_FR":{"locale":"fr_FR","id":4625,"value":"Gris anthracite"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":91,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/234b259f-11a5-483c-ab74-2399b1bca33f\/Vignette\/Preview_B023_Gris-Anthracite_M23.jpg","enabled":true,"sample_enabled":true},{"id":4642,"code":"PPC-F009","translations":{"fr_FR":{"locale":"fr_FR","id":4626,"value":"Cannage moka"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":40,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/80f0b7b2-db42-44f0-99be-1d94d03e9ef5\/Vignette\/Preview_F009_Maille-Moka.jpg","enabled":true,"sample_enabled":true},{"id":4643,"code":"PPC-B012","translations":{"fr_FR":{"locale":"fr_FR","id":4627,"value":"Fr\u00eane Cendr\u00e9"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"bois","position":180,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/e0f1010b-9dba-4adc-a409-bc98a2aef0b6\/Vignette\/Preview_B012_Fre-ne-Sombre.jpg","enabled":true,"sample_enabled":true},{"id":4644,"code":"PPC-F010","translations":{"fr_FR":{"locale":"fr_FR","id":4628,"value":"Toile grise"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":60,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/b88c38d7-5e8f-40b3-9f3b-c4a06e411798\/Vignette\/Preview_F010_Fibre-gris.jpg","enabled":true,"sample_enabled":true},{"id":4645,"code":"PPC-F011","translations":{"fr_FR":{"locale":"fr_FR","id":4629,"value":"Toile anthracite"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":70,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/930aeaa4-fa38-4b3b-9f2d-8d9f876b48f2\/Vignette\/Preview_F011_Fibre-Anthracite.jpg","enabled":true,"sample_enabled":true},{"id":4646,"code":"PPC-GL13","translations":{"fr_FR":{"locale":"fr_FR","id":4630,"value":"Vert pr\u00e9cieux soft"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":280,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/e24319e3-36b9-4264-9fbf-27c0554d9543\/Vignette\/Preview_GL13_Vert-profond-soft.jpg","enabled":true,"sample_enabled":true},{"id":4647,"code":"PPC-GL12","translations":{"fr_FR":{"locale":"fr_FR","id":4631,"value":"Bleu abysse soft"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","category":"texture-et-mat","position":270,"image_url":"https:\/\/media.cmai-groupe.com\/asset\/208e6096-d38a-4dc8-96e4-bb17f06a3a1f\/Vignette\/Preview_GL12_Bleu-intense-soft.jpg","enabled":true,"sample_enabled":true}]"
data-profils-list="[{"id":3866,"code":"PPC-09","translations":{"fr_FR":{"locale":"fr_FR","id":3850,"value":"Aluminium naturel"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","position":2,"image_url":"\/media\/image\/echantillons\/facade\/09.png","enabled":true,"sample_enabled":true},{"id":3867,"code":"PPC-11","translations":{"fr_FR":{"locale":"fr_FR","id":3851,"value":"Ardoise mat"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","position":4,"image_url":"\/media\/image\/echantillons\/facade\/11.png","enabled":true,"sample_enabled":true},{"id":3868,"code":"PPC-02","translations":{"fr_FR":{"locale":"fr_FR","id":3852,"value":"Blanc brillant"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","position":0,"image_url":"\/media\/image\/echantillons\/facade\/02.png","enabled":true,"sample_enabled":true},{"id":3869,"code":"PPC-05","translations":{"fr_FR":{"locale":"fr_FR","id":3853,"value":"Noir mat"}},"translations_cache":[],"current_locale":"fr_FR","fallback_locale":"fr_FR","position":6,"image_url":"\/media\/image\/echantillons\/facade\/05.png","enabled":true,"sample_enabled":true}]"
data-product-type="facade-classic"
class="d-flex d-sm-grid flex-column flex-sm-row mt-5 simulateur" style="grid-template-columns: 42% 58%;"
>
<div class="container-rendu position-relative w-100">
<div
class="bcg-panneau position-absolute"
v-bind:style="'background-image: url(../../../build/CentimetreThemeImg/images/module/simulateur/facade-classic/visuel-porte-solo/' + getRef(subject.decor.code) + '.jpg'"
v-if="subject.selection === 'panneaux' && getRef(subject.decor.code) !== 'U034'"
></div>
<div
class="bcg-panneau position-absolute"
v-bind:style="'background-image: url(../../../build/CentimetreThemeImg/images/module/simulateur/facade-classic/profils/' + getRef(subject.profils.code) + '.jpg'"
v-if="subject.selection === 'profils'"
></div>
<div v-if="subject.selection === 'panneaux' && getRef(subject.decor.code) === 'U034'" class="position-relative d-flex justify-content-center align-items-start">
<video id="video-d34" poster="/build/CentimetreThemeImg/images/poster/ppc/portes-coulissantes-personnalisable.webp" loop muted preload="none" src="https://media.cmai-groupe.com/asset/9a1737ed-7d55-4ab6-aa5a-45455d6acda0/mp4/simulateur_rendu_D34.mp4">
<!-- Redirection vers page décors 34 -->
</video>
<a class="position-absolute bg-primary p-2 m-3 top-0 start-1 text-white fw-bold rounded-pill py-1 px-2 m-1 btn-hover-white-color-blue" href="/porte-de-placard-coulissante-personnalisable">
Découvrez les portes personnalisables
</a>
</div>
</div>
<div class="container-configuration mb-5 mb-sm-0 pb-2 ps-sm-4">
<nav class="overflow-auto scroll-light no-scroll-bar-mob">
<div class="nav nav-tabs gap-2 nav-configuration" id="nav-tab" role="tablist">
<button v-on:click="subject.selection = 'panneaux'" class="w-50-mob fw-medium fs-5 px-5 py-4 py-sm-3 nav-link active" id="nav-decor-tab" data-bs-toggle="tab" data-bs-target="#nav-decor" type="button" role="tab" aria-controls="nav-decor" aria-selected="true">
<span class="d-none d-sm-inline">Couleur de </span>panneaux
</button>
<button v-on:click="subject.selection = 'profils'" class="w-50-mob fw-medium fs-5 px-5 py-4 py-sm-3 nav-link" id="nav-profils-tab" data-bs-toggle="tab" data-bs-target="#nav-profils" type="button" role="tab" aria-controls="nav-profils" aria-selected="false">
<span class="d-none d-sm-inline">Couleur de </span>profils
</button>
</div>
</nav>
<div class="tab-content overflow-hidden m-sm-0 mt-sm-4 me-sm-3" id="nav-tabContent">
<div class="tab-pane fade active show" id="nav-decor" role="tabpanel" aria-labelledby="nav-decor-tab" tabindex="0">
<!-- nav category -->
<nav class="scroll-light no-scroll-bar-mob">
<div class="nav nav-tabs mt-3 gap-2 border-bottom-0 px-3 px-sm-0" id="nav-tab-category" role="tablist">
<template :key="key" class="" v-for="(category, key, index) in decorsCategoriesList">
<button
v-bind:id="'nav-doors-tab-' + key"
class="nav-link fs-5 fw-medium"
v-bind:class="key === 0 ? 'active' : null"
data-bs-toggle="tab"
v-bind:data-bs-target="'#nav-category-' + category.category"
v-bind:aria-controls="'#nav-doors-' + category.category"
type="button" role="tab"
v-bind:aria-selected="key === 0 ? 'true' : 'false'">
{{ capitalize(category.category) }}
</button>
</template>
</div>
</nav>
<hr class="mt-0">
<!-- coloris -->
<div class="tab-content scroll-light no-scroll-bar-mob px-3 px-sm-0 pb-3 pb-sm-0" id="nav-category">
<template :key="key" class="" v-for="(category, key) in decorsCategoriesList">
<div
v-bind:id="'nav-category-' + category.category"
role="tabpanel"
class="tab-pane fade" v-bind:class="key === 0 ? 'active show' : null"
v-bind:aria-labelledby="'nav-doors-tab-' + category.category"
tabindex="0">
<div class="gap-3 pt-1 container-decors d-flex d-sm-grid overflow-x-scroll overflow-x-sm-hidden" style="grid-template-columns: repeat(5, 1fr)">
<template :key="getRef(decor.code)" v-for="(decor, id, index) in decorsList">
<label
v-if="decor.category === category.category"
v-bind:for="'decor-' + getRef(decor.code)" class="label-color cursor-pointer d-flex flex-column text-center align-items-center"
v-bind:class="getRef(subject.decor.code) === getRef(decor.code) ? 'active' : null"
>
<div class="hover-circle rounded-circle item-border p-1 position-relative">
<img loading="lazy" class="circle-decor rounded-circle" v-bind:src="decor.image_url" v-bind:alt="getTrad(decor)" v-bind:title="getTrad(decor)">
<span class="ico-check rounded-circle position-absolute"></span>
</div>
<div class="label-type d-none d-sm-block mt-2">{{ getTrad(decor) }}</div>
<input name="decor" class="d-none" type="radio" v-model="subject.decor" v-bind:id="'decor-' + getRef(decor.code)" v-bind:value="decor" />
</label>
</template>
</div>
</div>
</template>
</div>
</div>
<div class="tab-pane fade" id="nav-profils" role="tabpanel" aria-labelledby="nav-profils-tab" tabindex="0">
<div class="container-profils d-flex flex-wrap gap-sm-5 scroll-light no-scroll-bar-mob">
<label
v-for="profil in profilsList"
:key="getRef(profil.code)"
v-bind:for="'profils-' + getRef(profil.code)"
class="cursor-pointer d-inline-flex flex-column rounded px-3 py-3 gap-2 align-items-center"
v-bind:class="getRef(subject.profils.code) === getRef(profil.code) ? 'active' : null">
<div class="hover-circle rounded-circle item-border d-flex justify-content-center">
<div class="circle-profils rounded-circle m-auto" v-bind:class="'profils-'+ getRef(profil.code)"></div>
</div>
<span class="actived-color fw-bold text-regular-18 text-center">{{ getTrad(profil) }}</span>
<span class="actived-color fw-medium fs-7 text-center">{{ getRal(profil.code) }}</span>
<input name="model" class="d-none" type="radio" v-model="subject.profils" v-bind:id="'profils-' + getRef(profil.code)" v-bind:value="profil" />
</label>
</div>
</div>
</div>
</div>
</div>
<script defer>
window.addEventListener('load', function () {
document.querySelector('label[for="decor-U034"]').addEventListener('click', function () {
setTimeout(()=>{
document.querySelector('#video-d34').play()
}, 1000);
});
})
</script>
<section id="head-caracteristique" class="caracteristique-module d-flex differential-scroll-container wrapper anchor">
<div class="container-caracteristique-mosaic differential-scroll-column content" >
<div class="caracteristique-mosaic d-flex flex-column theiaStickySidebar">
<div class="one-h d-flex bg-attente">
<video
poster="/build/CentimetreThemeImg/images/poster/ppc/mosaic-portes-coulissante-1.webp"
width="100%" height="100%" preload="none" class="video-caracteristique-mosaic" loop muted src="https://media.cmai-groupe.com/asset/5baad387-7b1b-4d63-b0fb-2287ada224b1/mp4/Mosaique_A_ppc_classic.mp4"></video>
</div>
<div class="two-h d-flex">
<div class="bg-attente">
<img loading="lazy" src="/build/CentimetreThemeImg/images/module/caracteristique/mosaic/ppc/Mosaique_B_PPC_CLASSIC.jpg" alt="">
</div>
<div class="bg-attente">
<img loading="lazy" src="/build/CentimetreThemeImg/images/module/caracteristique/mosaic/ppc/Mosaique_C_PPC_CLASSIC.jpg" alt="">
</div>
</div>
<div class="one-h d-flex bg-attente">
<video
poster="/build/CentimetreThemeImg/images/poster/ppc/mosaic-portes-coulissante-2.webp"
width="100%" height="100%" preload="none" class="video-caracteristique-mosaic" loop muted src="https://media.cmai-groupe.com/asset/f62ac563-0c8e-46b5-80f0-cfeae60ea74b/mp4/Mosaique_D_ppc_classic.mp4"></video>
</div>
<div class="two-h d-flex">
<div class="bg-attente">
<img loading="lazy" src="/build/CentimetreThemeImg/images/module/caracteristique/mosaic/ppc/Mosaique_E_PPC_CLASSIC.jpg" alt="">
</div>
<div class="bg-attente">
<img loading="lazy" src="/build/CentimetreThemeImg/images/module/caracteristique/mosaic/ppc/Mosaique_F_PPC_CLASSIC.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="caracteristique-colonne differential-scroll-column sidebar">
<div class="theiaStickySidebar">
<div class="caracteristique-title">
<h2 class="m-0">
Portes de placard coulissantes <br> sur-mesure
</h2>
<div class="text-500-24">
à partir de
319 €
</div>
</div>
<div class="caracteristique-icon">
<div class="text-regular-18 mb-3 cursor-pointer d-flex gap-3 align-items-center" data-bs-target="#offcanvas-avis" data-bs-toggle="offcanvas" aria-controls="offcanvas-avis">
<div>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3290)">
<path d="M8.24228 7.83992L1.86228 8.76492L1.74928 8.78792C1.57822 8.83333 1.42227 8.92333 1.29737 9.04872C1.17247 9.17412 1.08308 9.33041 1.03834 9.50165C0.993598 9.67289 0.995105 9.85293 1.04271 10.0234C1.09031 10.1939 1.18229 10.3486 1.30928 10.4719L5.93128 14.9709L4.84128 21.3259L4.82828 21.4359C4.81781 21.6128 4.85454 21.7894 4.93473 21.9474C5.01491 22.1055 5.13566 22.2394 5.28461 22.3354C5.43356 22.4315 5.60537 22.4862 5.78243 22.494C5.95949 22.5018 6.13544 22.4625 6.29228 22.3799L11.9983 19.3799L17.6913 22.3799L17.7913 22.4259C17.9563 22.4909 18.1357 22.5109 18.311 22.4837C18.4863 22.4565 18.6513 22.3832 18.7889 22.2712C18.9265 22.1592 19.0318 22.0127 19.0941 21.8466C19.1564 21.6804 19.1734 21.5008 19.1433 21.3259L18.0523 14.9709L22.6763 10.4709L22.7543 10.3859C22.8657 10.2487 22.9388 10.0844 22.966 9.90972C22.9932 9.73506 22.9737 9.5563 22.9094 9.39165C22.845 9.22701 22.7382 9.08235 22.5998 8.97244C22.4613 8.86252 22.2962 8.79126 22.1213 8.76592L15.7413 7.83992L12.8893 2.05992C12.8068 1.89246 12.679 1.75144 12.5205 1.65283C12.3619 1.55422 12.179 1.50195 11.9923 1.50195C11.8056 1.50195 11.6226 1.55422 11.4641 1.65283C11.3056 1.75144 11.1778 1.89246 11.0953 2.05992L8.24228 7.83992Z" fill="#FFC700"/>
<g clip-path="url(#clip1_57_3290)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
</g>
</g>
<defs>
<clippath id="clip0_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
<clippath id="clip1_57_3290">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
<svg width="20" height="20" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_57_3296)">
<path d="M11.9994 1.50035C12.1624 1.50097 12.3228 1.54171 12.4663 1.61897C12.6098 1.69623 12.7321 1.80763 12.8224 1.94335L12.8894 2.05935L15.7414 7.84035L22.1214 8.76535C22.8624 8.87335 23.2014 9.70535 22.8244 10.2914L22.7544 10.3863L22.6764 10.4724L18.0524 14.9713L19.1424 21.3263C19.1708 21.4921 19.157 21.6624 19.1022 21.8214C19.0474 21.9804 18.9535 22.123 18.829 22.2362C18.7045 22.3493 18.5536 22.4292 18.39 22.4685C18.2265 22.5079 18.0557 22.5054 17.8934 22.4613L17.7924 22.4263L17.6914 22.3803L11.9984 19.3803L6.29242 22.3803C6.18742 22.4353 6.08042 22.4703 5.97242 22.4863L5.86642 22.4963C5.72685 22.5015 5.58776 22.4774 5.45804 22.4256C5.32833 22.3738 5.21085 22.2956 5.11314 22.1958C5.01542 22.096 4.93962 21.9769 4.8906 21.8461C4.84157 21.7153 4.82039 21.5758 4.82842 21.4363L4.84142 21.3263L5.93142 14.9713L1.30842 10.4713C1.18887 10.3549 1.10034 10.2104 1.05086 10.051C1.00139 9.89166 0.992543 9.72244 1.02514 9.55877C1.05773 9.3951 1.13073 9.24218 1.23749 9.11391C1.34425 8.98565 1.48139 8.88611 1.63642 8.82435L1.74942 8.78835L1.86342 8.76535L8.24242 7.84035L11.0954 2.06035C11.175 1.88896 11.303 1.74461 11.4636 1.6451C11.6243 1.54559 11.8105 1.49527 11.9994 1.50035ZM11.9994 4.77435V17.2503C12.08 17.2504 12.1602 17.2601 12.2384 17.2793L12.3534 17.3154L12.4654 17.3653L16.8284 19.6643L15.9924 14.7914C15.9512 14.5505 15.9996 14.3029 16.1284 14.0954L16.1984 13.9964L16.2804 13.9064L19.8264 10.4534L14.9354 9.74535C14.6937 9.71026 14.4731 9.58789 14.3154 9.40135L14.2424 9.30435L14.1824 9.19835L11.9994 4.77435Z" fill="#FFC700"/>
<path d="M15 20V8.5L11.5 3L10.5 17.5L15 20Z" fill="#FFC700" stroke="#FFC700"/>
</g>
<defs>
<clippath id="clip0_57_3296">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"/>
</clippath>
</defs>
</svg>
</div>
<span class="hover-underline">
4.8/5 Avis clients (1284)
</span>
</div>
<div class="text-regular-18 d-flex gap-4">
<span class="d-flex gap-2 align-items-center">
<svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M2 0C0.895431 0 0 0.89543 0 2V22C0 23.1046 0.89543 24 2 24H22C23.1046 24 24 23.1046 24 22V2C24 0.895431 23.1046 0 22 0H2ZM13.4134 13.4204C14.062 13.856 14.8362 14.0738 15.7358 14.0738C16.6307 14.0738 17.4001 13.856 18.044 13.4204C18.6927 12.9801 19.1899 12.3598 19.5355 11.5596C19.8859 10.7547 20.0611 9.80062 20.0611 8.6974V8.68319C20.0611 7.57997 19.8859 6.62827 19.5355 5.82808C19.1899 5.02316 18.6927 4.40289 18.044 3.96729C17.4001 3.53168 16.6307 3.31388 15.7358 3.31388C14.8362 3.31388 14.062 3.53168 13.4134 3.96729C12.7694 4.40289 12.2723 5.02316 11.9219 5.82808C11.5762 6.62827 11.4034 7.57997 11.4034 8.68319V8.6974C11.4034 9.80062 11.5762 10.7547 11.9219 11.5596C12.2723 12.3598 12.7694 12.9801 13.4134 13.4204ZM16.652 11.6661C16.401 11.9266 16.0956 12.0568 15.7358 12.0568C15.3712 12.0568 15.0634 11.9266 14.8125 11.6661C14.5616 11.401 14.3698 11.0198 14.2372 10.5227C14.1094 10.0208 14.0455 9.41236 14.0455 8.6974V8.68319C14.0455 7.96823 14.1094 7.36217 14.2372 6.86501C14.3698 6.36312 14.5616 5.98196 14.8125 5.72155C15.0634 5.46113 15.3712 5.33092 15.7358 5.33092C16.0956 5.33092 16.401 5.46113 16.652 5.72155C16.9029 5.98196 17.0947 6.36312 17.2273 6.86501C17.3598 7.36217 17.4261 7.96823 17.4261 8.68319V8.6974C17.4261 9.41236 17.3598 10.0208 17.2273 10.5227C17.0947 11.0198 16.9029 11.401 16.652 11.6661ZM6.32528 13.8181V5.90621H6.21165L3.71875 7.58944V5.34513L6.32528 3.56956H8.93182V13.8181H6.32528ZM16.2892 20.3175C16.6017 20.4406 16.971 20.5022 17.3971 20.5022C17.8469 20.5022 18.2328 20.4323 18.5548 20.2926C18.8767 20.1506 19.123 19.9517 19.2934 19.696C19.4662 19.438 19.5526 19.135 19.5526 18.787V18.7834C19.5526 18.5064 19.4958 18.2709 19.3822 18.0767C19.2709 17.8826 19.0981 17.7228 18.8637 17.5973C18.6294 17.4718 18.3299 17.3736 17.9653 17.3026L17.4362 17.1996C17.1592 17.1475 16.9579 17.0789 16.8325 16.9936C16.7094 16.906 16.6478 16.7888 16.6478 16.6421V16.6385C16.6478 16.5367 16.6774 16.4479 16.7366 16.3722C16.7981 16.2941 16.8846 16.2337 16.9958 16.1911C17.1071 16.1461 17.2397 16.1236 17.3936 16.1236C17.5522 16.1236 17.6918 16.1461 17.8126 16.1911C17.9333 16.2361 18.0292 16.2988 18.1002 16.3793C18.1736 16.4574 18.2198 16.5509 18.2387 16.6598L18.2458 16.6989H19.4532L19.4497 16.6563C19.4236 16.3532 19.3289 16.0857 19.1656 15.8537C19.0022 15.6193 18.7714 15.4359 18.4731 15.3033C18.1772 15.1683 17.815 15.1009 17.3865 15.1009C16.9935 15.1009 16.6443 15.1695 16.3389 15.3068C16.0335 15.4418 15.7932 15.6335 15.618 15.8821C15.4428 16.1283 15.354 16.4183 15.3517 16.7522V16.7557C15.3517 17.1558 15.4748 17.4825 15.721 17.7358C15.9695 17.9891 16.3637 18.1691 16.9035 18.2756L17.4326 18.3786C17.7333 18.4378 17.9463 18.5064 18.0718 18.5845C18.1973 18.6627 18.26 18.7739 18.26 18.9183V18.9219C18.26 19.0284 18.2245 19.1243 18.1535 19.2095C18.0848 19.2948 17.9878 19.3611 17.8623 19.4084C17.7368 19.4558 17.5889 19.4794 17.4184 19.4794C17.2456 19.4794 17.0929 19.4558 16.9603 19.4084C16.8277 19.3611 16.7224 19.2971 16.6443 19.2166C16.5661 19.1338 16.5212 19.0403 16.5093 18.9361L16.5058 18.9041H15.2593L15.2629 18.9681C15.2818 19.2853 15.3789 19.5587 15.5541 19.7884C15.7316 20.0156 15.9767 20.192 16.2892 20.3175ZM9.79412 20.3637V15.2394H10.8346L12.9709 18.1193H13.0363V15.2394H14.2721V20.3637H13.2387L11.0961 17.4588H11.0299V20.3637H9.79412ZM5.61799 15.2394L3.89569 20.3637H5.26642L5.57963 19.2415H7.25336L7.56756 20.3637H8.9383L7.21245 15.2394H6.7579H6.44895H5.61799ZM6.44895 16.3686H6.38148L5.84229 18.3004H6.98986L6.44895 16.3686Z" fill="#262626"/>
</svg>
<span class="w-100 undeline-hover" data-bs-target="#offcanvas-garantie" data-bs-toggle="offcanvas" aria-controls="offcanvas-garantie">
Garantie 10 ans
</span>
</span>
<span class="d-flex gap-2 align-items-center">
<img width="25" height="24" src="/build/CentimetreThemeImg/images/module/caracteristique/made_in_France.svg" alt="made in France">
<span class="w-100 undeline-hover" data-bs-target="#offcanvas-made-in-france" data-bs-toggle="offcanvas" aria-controls="offcanvas-made-in-france">
Fabriqué en france
</span>
</span>
</div>
</div>
<div class="caracteristique-items">
<div class="caracteristique-item d-flex align-items-center justify-content-between"
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-dimensions" aria-controls="offcanvas-dimensions"
>
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/size.svg" alt="">
</span>
<span class="text-700-20">
Dimensions
</span>
</span>
<span>
<img loading="lazy" width="18px" height="20px" src="/build/CentimetreThemeImg/images/module/caracteristique/+.svg" alt="">
</span>
</div>
<div class="caracteristique-item d-flex align-items-center justify-content-between"
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-caracteristiques" aria-controls="offcanvas-caracteristiques"
>
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/caracteristique.svg" alt="">
</span>
<span class="text-700-20">
Caractéristiques
</span>
</span>
<span>
<img loading="lazy" width="18px" height="20px" src="/build/CentimetreThemeImg/images/module/caracteristique/+.svg" alt="">
</span>
</div>
<div class="caracteristique-item d-flex align-items-center justify-content-between"
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-points-forts" aria-controls="offcanvas-points-forts"
>
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/points_forts.svg" alt="">
</span>
<span class="text-700-20">
Point forts du produit
</span>
</span>
<span>
<img loading="lazy" width="18px" height="20px" src="/build/CentimetreThemeImg/images/module/caracteristique/+.svg" alt="">
</span>
</div>
<div class="caracteristique-item d-flex align-items-center justify-content-between"
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-payment" aria-controls="offcanvas-payment"
>
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/paid.svg" alt="">
</span>
<span class="text-700-20">
Facilité de paiement
</span>
</span>
<span>
<img loading="lazy" width="18px" height="20px" src="/build/CentimetreThemeImg/images/module/caracteristique/+.svg" alt="">
</span>
</div>
<div class="caracteristique-item d-flex align-items-center justify-content-between"
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-delivery" aria-controls="offcanvas-delivery"
>
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/delivery.svg" alt="">
</span>
<span class="text-700-20">
Livraison
</span>
</span>
<span>
<img loading="lazy" width="18px" height="20px" src="/build/CentimetreThemeImg/images/module/caracteristique/+.svg" alt="">
</span>
</div>
<div class="caracteristique-item d-flex align-items-center justify-content-between"
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-eligibility" aria-controls="offcanvas-eligibility"
>
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/service_pose.svg" alt="">
</span>
<span class="text-700-20">
Service de pose
</span>
</span>
<span>
<img loading="lazy" width="18px" height="20px" src="/build/CentimetreThemeImg/images/module/caracteristique/+.svg" alt="">
</span>
</div>
<div class="caracteristique-item d-flex align-items-center justify-content-between"
data-bs-toggle="modal" data-bs-target="#modal-montage-facade-classic"
>
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/play_stroke-2.svg" alt="">
</span>
<span class="text-700-20">
Vidéo montage
</span>
</span>
<span>
<img loading="lazy" width="18px" height="20px" src="/build/CentimetreThemeImg/images/module/caracteristique/+.svg" alt="">
</span>
</div>
<div class="caracteristique-item d-flex align-items-center justify-content-between"
>
<a class="d-flex align-items-center justify-content-between w-100"
href="/dressing">
<span class="d-flex align-items-center gap-2">
<span>
<img width="44" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/dressing.svg" alt="">
</span>
<span class="text-700-20">
Compléter avec un dressing
</span>
</span>
<span>
<img loading="lazy" width="37" height="44" src="/build/CentimetreThemeImg/images/module/caracteristique/arrow.svg" alt="">
</span>
</a>
</div>
</div>
<div class="caracteristique-btn d-none d-sm-flex flex-column gap-3 mt-5">
<button class="btn-light-dark btn-hover-light-dark d-none d-sm-block fs-5"
data-bs-toggle="offcanvas" data-bs-target="#offcanvas-dimensions"
aria-controls="offcanvas-dimensions"
>
Guide des mesures
</button>
<a href="/project/create/facade-classic" >
<button class="btn-orange w-100 btn-hover-white">
Je crée mes portes coulissantes
</button>
</a>
</div>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-eco" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div>
<div class="title mb-2">Eco-participation<br> et recyclage</div>
<div class="mb-4">
<img width="77px" height="70px" src="/build/CentimetreThemeImg/images/offcanvas/eco/nf.png" loading="lazy" alt="NF environnement">
<img width="153px" height="76px" src="/build/CentimetreThemeImg/images/offcanvas/eco/pefc.png" loading="lazy" alt="PEFC France">
</div>
<div class="text-regular-18 mb-4">Nous sommes tous responsables à notre échelle et nos actions et de leur impact sur l'environnement.Chez centimetre.com, nous veillons à ce que les matières premières à base de bois proviennent de forêts durablement gérées et que leur chaîne d'approvisionnement soit certifiée PEFC(TM).</div>
<div class="text-regular-18 mb-4">Comme nos produits finis, les panneaux que nous utilisons dans nos fabrications sont très majoritairement fabriqués localement, et à proximité de nos principaux massifs forestiers : dans les Landes, les Vosges ou la Touraine.</div>
<div class="text-regular-18">Des matériaux sélectionnés chez les fournisseurs les plus fiables, avec une priorité pour les achats de proximité, des composants choisis pour leur robustesse et endurance, associés à une conception pensée pour le confort et la durée.<br> Ainsi, tous nos produits finis contenant du bois, à l’exclusion des tiroirs sont certifiés PEFC(TM). Choisir centimetre.com, c'est vous offrir la sérénité dans votre achat.</div>
</div>
</div>
</div> </div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-avis" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div class="title-slide mb-3 fs-36 text-9xl">
Avis clients
</div>
<div id="avis-verriere" class="netreviews_product_reviews" data-list="[{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-11-18 02:52:56","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"6807e3f20eaa5739914ba500f1fba2fd205e3d39","id_review":"f3056942-42f1-467f-8a30-dcf1148d2f64","id_review_product":"cc1fd908-fd7b-4d9b-b6c4-de2f6a460f2a","order_ref":"58151","id_product":"facade","review_date":"2025-11-14 17:57:49","review":"Il manquait une fixation sur un support roulette d\u2019une porte","lastname":"L","firstname":"Gilles","order_date":"2025-10-22 16:03:43"},{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-11-18 02:52:56","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"77480b638081fd662bbceec23f377fc7a7b25ac0","id_review":"933dc798-825f-4b96-9e6a-cb80acb57d71","id_review_product":"dd9961cc-a7ea-4b6c-8f27-a198e2920453","order_ref":"49562","id_product":"facade","review_date":"2025-11-14 17:49:42","review":"Ok comme attendus","lastname":"v","firstname":"christian","order_date":"2025-10-16 11:20:56"},{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"JTVCJTdCJTIyc21hbGwlMjIlM0ElMjJodHRwcyUzQSU1QyUyRiU1QyUyRmNsLmF2aXMtdmVyaWZpZXMuY29tJTVDJTJGZnIlNUMlMkZjYWNoZSU1QyUyRmQlNUMlMkY1JTVDJTJGYyU1QyUyRmQ1YzMxNDU1LTM2YmItYzQwNC1lOWM5LWYzMjNjYjUxOGZhYyU1QyUyRkFXUyU1QyUyRnVwbG9hZHMlNUMlMkZzbWFsbF8xOGQzNGNkNi1lODRhLTRkMjYtYWE2MS0zMzk4MDZmYzQzOWIuanBlZyUyMiUyQyUyMm1lZGl1bSUyMiUzQSUyMmh0dHBzJTNBJTVDJTJGJTVDJTJGY2wuYXZpcy12ZXJpZmllcy5jb20lNUMlMkZmciU1QyUyRmNhY2hlJTVDJTJGZCU1QyUyRjUlNUMlMkZjJTVDJTJGZDVjMzE0NTUtMzZiYi1jNDA0LWU5YzktZjMyM2NiNTE4ZmFjJTVDJTJGQVdTJTVDJTJGdXBsb2FkcyU1QyUyRm1lZGl1bV8xOGQzNGNkNi1lODRhLTRkMjYtYWE2MS0zMzk4MDZmYzQzOWIuanBlZyUyMiUyQyUyMmxhcmdlJTIyJTNBJTIyaHR0cHMlM0ElNUMlMkYlNUMlMkZjbC5hdmlzLXZlcmlmaWVzLmNvbSU1QyUyRmZyJTVDJTJGY2FjaGUlNUMlMkZkJTVDJTJGNSU1QyUyRmMlNUMlMkZkNWMzMTQ1NS0zNmJiLWM0MDQtZTljOS1mMzIzY2I1MThmYWMlNUMlMkZBV1MlNUMlMkZ1cGxvYWRzJTVDJTJGbGFyZ2VfMThkMzRjZDYtZTg0YS00ZDI2LWFhNjEtMzM5ODA2ZmM0MzliLmpwZWclMjIlMkMlMjJ0eXBlJTIyJTNBJTIyaW1hZ2UlMjIlN0QlNUQ=","publish_date":"2025-11-18 02:52:56","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"2c96e98df17c9351d8ba89d24aa9c75bb89193b1","id_review":"59ce634f-7a26-4314-ac3a-3bc3471ee040","id_review_product":"54513605-8655-433f-b06f-55cf97ebe4c5","order_ref":"55208","id_product":"facade","review_date":"2025-11-14 09:41:49","review":"Pas de commentaire. Photo suffisante","lastname":"G","firstname":"Christine","order_date":"2025-09-30 18:28:36"},{"rate":"5","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-11-14 02:52:40","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"f41f5e539010ec3ee44591ec250bfab0b791c448","id_review":"1d855ec4-ec86-405b-b2fe-b84bda367c34","id_review_product":"a413644b-6b2c-4f21-b71f-9870d2d7e37c","order_ref":"52247","id_product":"facade","review_date":"2025-11-13 18:01:36","review":"Produit conforme, de bonne qualit\u00e9 et livr\u00e9e dans les temps. Rien a dire de n\u00e9gatif.","lastname":"d","firstname":"christophe","order_date":"2025-09-04 21:10:47"},{"rate":"4","email":"","info1":"","info2":"","info3":"","info4":"","info5":"","info6":"","info7":"","info8":"","info9":"","info10":"","medias":"","publish_date":"2025-08-14 03:45:52","count_helpful_yes":"0","count_helpful_no":"0","rewarded_review":"","hide_personnal_data":"","sign_helpful":"5e0563972949799e76d75ee7dcfcf33e67ffca38","id_review":"a8d1594a-011e-48c4-ba39-ea80bc33765a","id_review_product":"20687779-d440-404a-ab7a-de078a593feb","order_ref":"37508","id_product":"facade","review_date":"2025-08-13 21:18:04","review":"Un plus grand choix dans les profil\u00e9s serait l'id\u00e9al.","lastname":"C","firstname":"ALAIN","order_date":"2025-04-24 10:26:42"}]" data-details-rate="[3,8,15,140,1118]" data-avis-form-init="{"filter":"","limit":5,"offset":0,"query":"review","order":"date_desc","product":"facade"}">
<div>
<div class="separator h-100 col d-sm-none"></div>
<form name="avis_form" method="post" action="/avis/filter" id="avis_form" class="">
<div class="container-rate row pt-3 pb-2 d-flex align-items-center flex-column justify-content-center">
<div class="container-rate__rate text-center d-flex flex-column mb-3">
<div class="top-value lh-1">
<span style="font-size: 3.5rem" class="fw-bolder me-2">{{ productRate }}</span><span class="fs-1 fw-light">/5</span>
</div>
<div class="star-rating" :style="'--rating: ' + getRatioRating(productRate, 5) + '%;'"></div>
<span class="fc-grew fw-normal mt-2">Calculé à partir de {{ nbAvis }} avis client(es)</span>
</div>
<div class="container-rate-progress">
<div class="mx-auto" style="width: min-content;">
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_4">
<span class="fc-555 fw-light">5</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['4'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['4']"></div>
<input type="radio" id="avis_form_filter_4" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="5" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_3">
<span class="fc-555 fw-light">4</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['3'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['3']"></div>
<input type="radio" id="avis_form_filter_3" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="4" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_2">
<span class="fc-555 fw-light">3</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['2'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['2']"></div>
<input type="radio" id="avis_form_filter_2" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="3" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_1">
<span class="fc-555 fw-light">2</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['1'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['1']"></div>
<input type="radio" id="avis_form_filter_1" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="2" />
</label>
<label class="av_avis_filter_form_filter d-inline-flex flex-row my-1 align-items-center cursor-pointer position-relative" @change='submit($event)' for="avis_form_filter_0">
<span class="fc-555 fw-light">1</span> <div class="star-rating one ms-2" style="--rating: 100%;"></div>
<div class="progress-bar-ratings mx-2">
<div class="progress-bar-ratings-jauge" v-bind:style="{ 'width': getRatioRating(detailsRate['0'], nbAvis) + '%' }"></div>
</div>
<div class="fc-grew fw-light" style="min-width: 20px" v-html="detailsRate['0']"></div>
<input type="radio" id="avis_form_filter_0" name="avis_form[filter]" required="required" v-model="avisForm.filter" style="position: absolute;left: 76px;z-index: -1;" value="1" />
</label>
</div>
</div>
</div>
</form>
</div>
<div class="container-avis mt-4" id="container-avis">
<hr>
<div v-for="(avis, index) in avisData" :data-reviewid="avis.id_review" class="onlyone-avis mt-lg-5 pb-lg-5 mt-sm-3 pb-sm-3 mt-3 pb-3">
<div>
<div class="d-flex justify-content-between mb-3">
<div class="user-avis">
<div class="fs-5-5 fw-bolder lh-1 mb-1">{{ avis.firstname ? capitalizeFirstLetter(avis.firstname) : '' }} {{ avis.lastname }}.</div>
<div class="date fs-6 fc-grew">{{ avis.publish_date }}</div>
</div>
<div class="rating-avis">
<div class="star-rating avis" :style="'--rating: ' + (avis.rate * 20) + '%;'"></div>
</div>
</div>
<div class="d-flex justify-content-start content-avis flex-column">
<div class="description_avis fs-5-5 lh-base">{{ avis.review }}</div>
<div class="container-medias d-flex gap-3 my-3 overflow-auto" v-if="avis.medias">
<template class="media_avis" v-for="(media, id) in avis.medias" :key="id">
<div :data-reviewid="avis.id_review" :id="id" v-bind:style="rotationImg(media.medium)"
:data-modal="'#avis_media_modal-' + avis.id_review" v-if="media != null && media.small"
:style="{ 'background-image': `url(${media.small})`, }"
@click="displayLargeMedia($event, id)"
class="no-scroll img_media_avis b-radius-50r cursor-pointer"
></div>
</template>
<div :id="'avis_media_modal-' + avis.id_review" class="avis_media_modal hidden">
<div class="container_modal">
<div class="container-images slick">
<template class="media_avis" v-for="(media, id) in avis.medias" :key="id">
<img v-bind:style="rotationImg(media.medium)" :src="media.large">
</template>
</div>
<a id="netreviews_media_close" :data-modal="'#avis_media_modal-' + avis.id_review" class="cursor-pointer no-scroll ico-close" href="#" @click.stop.prevent="closeMedia">×</a>
</div>
</div>
</div>
<template v-if="avis.moderation">
<div class="modearation_avis pt-3 d-flex"
v-for="(moderation, id) in avis.moderation.slice().reverse()" :id="id" :data-moderationid="avis.id_review">
<img style="height: 21px;width: 26px;" src="/build/CentimetreThemeImg/images/avis_verifies/arrow-moderation-avis.png" alt="">
<span class="moderation-text fs-5-5 p-3 ms-2 w-100 b-radius-50r">{{ moderation.comment }}</span>
</div>
</template>
</div>
</div>
</div>
</div>
<div class="text-center">
<div class="lds-ring hidden">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="container-button d-flex flex-column text-center">
<button @click="displayMoreAvis" data-step="5" class="d-block py-3 px-5 my-4 b-radius-angle fw-bold fs-6 mx-auto fc-blue moreAvis" id="moreAvis">Voir plus d'avis</button>
</div>
<div id="avis_media_modal" class="hidden">
<div id="avis_media_content" class=""></div>
<a id="netreviews_media_close" class="cursor-pointer ico-close" href="#" @click="closeMedia">×</a>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-made-in-france" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div class="title mb-2">Un fabricant au service de votre projet !</div>
<video class="radius-10" width="100%" loop="loop" autoplay="autoplay" muted="muted">
<source src="https://media.cmai-groupe.com/asset/aa04c09c-3612-44cb-b889-6f2fe9f2bd3e/mp4/PTS_FORTS_panneaux.mp4" type="video/mp4" />
La vidéo n'a pas pu être chargé
</video>
<div class="mb-4 d-flex align-items-center justify-content-center">
<img width="70px" height="73px" src="/build/CentimetreThemeImg/images/offcanvas/made-in-france/origine-france.png" loading="lazy" alt="Origine France garantie">
<img width="153" height="76"
src="/build/CentimetreThemeImg/images/offcanvas/eco/pefc.png"
loading="lazy" alt="PEFC">
</div>
<div class="text-align-juttify text-regular-18 mb-2">Depuis la création de la marque en 2014 (même si l'entreprise à plus de 40 ans d'existence ;-), nous avons valorisé le caractère local de nos produits, 100% fabriqués en France sur nos différents ateliers, proches de nos clients.</div>
<div class="text-align-juttify text-regular-18 mb-5">Nous produisons dans nos ateliers de la Drôme, du Maine-et-Loire et des Vosges l'ensemble de nos solutions de rangement sur mesure, qui sont ensuite livrés chez vous.
</div>
<div class="title-slide">Un contrôle qualité rigoureux</div>
<div class="text-align-juttify text-regular-18 mb-2">Chacun de nos produits est ainsi testé, au travers d'une simulation en laboratoire de plus de 10 ans d'utilisation, pour garantir sécurité d'usage et durabilité des éléments les plus sollicités.
</div>
<div class="text-align-juttify text-regular-18 mb-2">Nos démarches Qualité nous permettent aujourd'hui de garantir l'ensemble de nos produits 10 ans, là où beaucoup s'arrêtent à 2 ans sur le meuble.
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-dimensions" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide mb-3">
Dimensions
</div>
<div>
<p class="text-regular-18">
Nos portes de placard coulissantes sont réalisables dans les dimensions suivantes :
</p>
</div>
<div class="mb-3">
<div class="d-flex gap-3">
<span>
<img loading="lazy" width="44" height="44" src="/build/CentimetreThemeImg/images/offcanvas/dimension/ico_hauteur.svg" alt="dimension">
</span>
<p class="text-regular-18">
<b>Hauteur sol/plafond</b><br> de 400 à 2800 mm
</p>
</div>
<div class="d-flex gap-3">
<span>
<img loading="lazy" width="44" height="44" src="/build/CentimetreThemeImg/images/offcanvas/dimension/ico_largeur.svg" alt="dimension">
</span>
<p class="text-regular-18">
<b>Largeur entre murs</b><br> de 600 mm à 5000 mm
</p>
</div>
<div class="d-flex gap-3">
<span>
<img loading="lazy" width="44" height="44" src="/build/CentimetreThemeImg/images/offcanvas/dimension/ico_nbre_porte.svg" alt="dimension">
</span>
<p class="text-regular-18">
<b>Nombre de portes</b><br> de 2 à 5 portes (en 2 voies ou 3 voies)
</p>
</div>
</div>
<div>
<div class="fs-2 fw-bold mt-4 d-block d-sm-none">
Guide des mesures
</div>
<div class="mt-3 mb-5">
<p class="fw-500 fs-26">Mesurer la hauteur</p>
<div class="d-flex bg-light rounded-3 overflow-hidden mb-3">
<video muted preload="none" class="mw-100" loop src="https://media.cmai-groupe.com/asset/3cc94bc7-c5c4-4bbc-b602-e9e92bd22b8e/mp4/video_guide_de_mesure_hauteur_dressing_armoire.mp4"></video>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
1
</div>
<span>
Mesurer la hauteur en 3 points<br><span class="txt-grey"> Réglage de 10 mm en hauteur possible</span>
</span>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
2
</div>
<span>
Renseigner la plus petite hauteur<br><span class="txt-grey"> entre 400 - 2800 mm</span>
</span>
</div>
</div>
<div class="mt-3 mb-5">
<p class="fw-500 fs-26">Mesurer la largeur</p>
<div class="d-flex bg-light rounded-3 overflow-hidden mb-3">
<video muted preload="none" class="mw-100" loop src="https://media.cmai-groupe.com/asset/9acbe9e4-8567-47d0-9033-58d0201eebb2/mp4/video_guide_de_mesure_largeur_dressing_armoire.mp4"></video>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
1
</div>
<span>
Mesurer la largeur en 3 points <br><span class="txt-grey">(hors plinthe)</span>
</span>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
2
</div>
<span>
Renseigner la plus grande largeur <br><span class="txt-grey">entre 600 - 5000 mm</span>
</span>
</div>
</div>
</div>
</div>
</div>
<script defer>
document.querySelector('#offcanvas-dimensions').addEventListener('show.bs.offcanvas', function () {
document.querySelector('#offcanvas-dimensions').querySelector('.offcanvas-body').querySelectorAll('video').forEach((e)=>{
e.play();
});
});
document.querySelector('#offcanvas-dimensions').addEventListener('hidden.bs.offcanvas', function () {
document.querySelector('#offcanvas-dimensions').querySelector('.offcanvas-body').querySelectorAll('video').forEach((e)=>{
e.pause();
});
});
</script>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-guide-mesure" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide mb-3">
Comment bien prendre<br> vos mesures
</div>
<div class="mb-3">
<div>
<div class="mt-3 mb-5">
<span class="fw-500 fs-24">Mesurer la hauteur</span>
<div class="d-flex bg-light rounded-3 overflow-hidden my-3">
<video muted preload="none" class="mw-100" loop src="https://media.cmai-groupe.com/asset/3cc94bc7-c5c4-4bbc-b602-e9e92bd22b8e/mp4/video_guide_de_mesure_hauteur_dressing_armoire.mp4"></video>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
1
</div>
<span>
Mesurer la hauteur en 3 points<br><span class="txt-grey"> Réglage de 10 mm en hauteur possible</span>
</span>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
2
</div>
<span>
Renseigner la plus petite hauteur<br><span class="txt-grey"> entre 400 - 2800 mm</span>
</span>
</div>
</div>
<div class="mt-3 mb-5">
<span class="fw-500 fs-24">Mesurer la largeur</span>
<div class="d-flex bg-light rounded-3 overflow-hidden my-3">
<video muted preload="none" class="mw-100" loop src="https://media.cmai-groupe.com/asset/9acbe9e4-8567-47d0-9033-58d0201eebb2/mp4/video_guide_de_mesure_largeur_dressing_armoire.mp4"></video>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
1
</div>
<span>
Mesurer la largeur en 3 points <br><span class="txt-grey">(hors plinthe)</span>
</span>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
2
</div>
<span>
Renseigner la plus grande largeur <br><span class="txt-grey">entre 600 - 5000 mm</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script defer>
document.querySelector('#offcanvas-guide-mesure').addEventListener('show.bs.offcanvas', function () {
document.querySelector('#offcanvas-guide-mesure').querySelector('.offcanvas-body').querySelectorAll('video').forEach((e)=>{
e.play();
});
});
document.querySelector('#offcanvas-guide-mesure').addEventListener('hidden.bs.offcanvas', function () {
document.querySelector('#offcanvas-guide-mesure').querySelector('.offcanvas-body').querySelectorAll('video').forEach((e)=>{
e.pause();
});
});
</script>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-garantie" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div class="title-slide d-flex align-items-baseline">
Garantie produits
</div>
<div class="fs-18">
<div class="fw-bold">
Parce que nous sommes sûrs de la qualité de nos produits, nous les garantissons 10 ans !
</div>
<br>
<div>
Nous assurons un contrôle permanent de l'ensemble de notre fabrication, afin de vous livrer un produit correspondant parfaitement à vos attentes.
</div>
<br>
<div>
Tous nos produits sont garantis contre tout vice ou défaut de fabrication, ou de matière utilisée dans cette fabrication. Notre garantie couvre le remplacement des produits reconnus comme défectueux après constat. Pour ce constat, il vous appartient de prendre contact avec notre service clients.
</div>
<br>
<div>
Si le bien fondé de la réclamation est reconnu par notre service clients, centimetre.com s'engage à prendre en charge le remplacement des produits et leur livraison à votre domicile. Sont exclus de cette prise en charge les éventuels frais de dépose et de repose des produits remplacés.
</div>
<br>
<div class="fw-bold">
Ce que notre garantie ne couvre pas :
</div>
<br>
<ul>
<li class="mb-3">Les défauts non liés aux caractéristiques intrinsèques du produit livré, en particulier un non respect des notices de pose et de mise en oeuvre du produit.</li>
<li class="my-3">Les défauts liés à un stockage inadapté des produits avant ou après leur mise en oeuvre (locaux humides en particulier).</li>
<li class="my-3">Un entretien des produits inadapté (utilisation de matériel, matières ou produits abrasifs, détergents ou corrosifs).</li>
<li class="my-3">L'excès de chaleur, d'humidité, de poussière ou les infiltrations d'eau.</li>
<li class="my-3">Les défauts liés à une transformation des produits lors de la mise en oeuvre ou postérieure à la livraison.</li>
<li class="my-3">Les différences de teinte entre échantillon et produit fini, ou leur vieillissement notamment dues à l'influence des rayons ultraviolet.</li>
<li class="my-3">L'usure normale due à l'utilisation des produits.</li>
</ul>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-dimensions" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide mb-3">
Dimensions
</div>
<div>
<p class="text-regular-18">
Nos portes de placard coulissantes sont réalisables dans les dimensions suivantes :
</p>
</div>
<div class="mb-3">
<div class="d-flex gap-3">
<span>
<img loading="lazy" width="44" height="44" src="/build/CentimetreThemeImg/images/offcanvas/dimension/ico_hauteur.svg" alt="dimension">
</span>
<p class="text-regular-18">
<b>Hauteur sol/plafond</b><br> de 400 à 2800 mm
</p>
</div>
<div class="d-flex gap-3">
<span>
<img loading="lazy" width="44" height="44" src="/build/CentimetreThemeImg/images/offcanvas/dimension/ico_largeur.svg" alt="dimension">
</span>
<p class="text-regular-18">
<b>Largeur entre murs</b><br> de 600 mm à 5000 mm
</p>
</div>
<div class="d-flex gap-3">
<span>
<img loading="lazy" width="44" height="44" src="/build/CentimetreThemeImg/images/offcanvas/dimension/ico_nbre_porte.svg" alt="dimension">
</span>
<p class="text-regular-18">
<b>Nombre de portes</b><br> de 2 à 5 portes (en 2 voies ou 3 voies)
</p>
</div>
</div>
<div>
<div class="fs-2 fw-bold mt-4 d-block d-sm-none">
Guide des mesures
</div>
<div class="mt-3 mb-5">
<p class="fw-500 fs-26">Mesurer la hauteur</p>
<div class="d-flex bg-light rounded-3 overflow-hidden mb-3">
<video muted preload="none" class="mw-100" loop src="https://media.cmai-groupe.com/asset/3cc94bc7-c5c4-4bbc-b602-e9e92bd22b8e/mp4/video_guide_de_mesure_hauteur_dressing_armoire.mp4"></video>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
1
</div>
<span>
Mesurer la hauteur en 3 points<br><span class="txt-grey"> Réglage de 10 mm en hauteur possible</span>
</span>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
2
</div>
<span>
Renseigner la plus petite hauteur<br><span class="txt-grey"> entre 400 - 2800 mm</span>
</span>
</div>
</div>
<div class="mt-3 mb-5">
<p class="fw-500 fs-26">Mesurer la largeur</p>
<div class="d-flex bg-light rounded-3 overflow-hidden mb-3">
<video muted preload="none" class="mw-100" loop src="https://media.cmai-groupe.com/asset/9acbe9e4-8567-47d0-9033-58d0201eebb2/mp4/video_guide_de_mesure_largeur_dressing_armoire.mp4"></video>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
1
</div>
<span>
Mesurer la largeur en 3 points <br><span class="txt-grey">(hors plinthe)</span>
</span>
</div>
<div class="d-flex gap-3 mb-4 text-regular-18 align-items-center">
<div class="count-blue d-flex justify-content-center align-items-center">
2
</div>
<span>
Renseigner la plus grande largeur <br><span class="txt-grey">entre 600 - 5000 mm</span>
</span>
</div>
</div>
</div>
</div>
</div>
<script defer>
document.querySelector('#offcanvas-dimensions').addEventListener('show.bs.offcanvas', function () {
document.querySelector('#offcanvas-dimensions').querySelector('.offcanvas-body').querySelectorAll('video').forEach((e)=>{
e.play();
});
});
document.querySelector('#offcanvas-dimensions').addEventListener('hidden.bs.offcanvas', function () {
document.querySelector('#offcanvas-dimensions').querySelector('.offcanvas-body').querySelectorAll('video').forEach((e)=>{
e.pause();
});
});
</script>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-caracteristiques" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div class="text-regular-18">
<div class="title-slide mb-3">
Caractéristiques
</div>
<div class="accordion" id="accordionCaracteriqtique">
<div class="accordion-item">
<h2 class="accordion-header" id="heading0">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique0" aria-expanded="true" aria-controls="collapseCaracteristique0">
Panneaux mélaminés
</a>
</h2>
<div id="collapseCaracteristique0" class="accordion-collapse collapse collapsed" aria-labelledby="heading0" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p><b>Compositions :</b><br> Panneaux de particules de bois de forte densité (850 kg/m3 en moyenne), revêtus de mélaminé de 10 mm et sont certifiés PEFC™.<br><br> Nos portes de placard miroir ou verre laqué sont réalisées avec des verres fabriqués en France uniquement et transformés pour la mise à mesure dans nos ateliers.<br><br><b>Dimensions des portes</b> Largeur de 600 à 5000 mm, hauteur de 400 mm à 2800 mm, de 2 à 5 portes.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading1">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique1" aria-expanded="true" aria-controls="collapseCaracteristique1">
Structure aluminium
</a>
</h2>
<div id="collapseCaracteristique1" class="accordion-collapse collapse collapsed" aria-labelledby="heading1" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p><b>Rails haut et rails bas : </b><br>Rail haut : Epaisseur 81,2mm / Hauteur 50mm.Rail bas : Epaisseur 55mm / Hauteur 8,5mm. Disponible en 4 coloris.<br> L’encombrement du rail en 2 voies est de 81 mm, et de 122 mm pour 3 voies. <br><br><b>Bon à savoir :</b><br> Le rail haut sera toujours vissé au plafond. Le rail bas peut être vissé ou collé au double face ou à la colle (se renseigner là aussi sur le composant. Avec un plancher chauffant, il vaut mieux coller). <br><br><b>Profils :</b><br> Fabriqué en aluminium, les profils garantissent une meilleure rigidité à votre porte. Disponible en 4 coloris.<br><br><b>Poignées :</b><br> Ergonomiques, esthétiques et minimalistes, vous êtes libre de les poser ou non en fonction de l’utilisation souhaitée.<br> Nos poignées sont adhésives et la pose est facultative.Disponible en 4 coloris.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading2">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique2" aria-expanded="true" aria-controls="collapseCaracteristique2">
Amortisseurs
</a>
</h2>
<div id="collapseCaracteristique2" class="accordion-collapse collapse collapsed" aria-labelledby="heading2" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p>Écoutez le silence sans risque de vous pincer les doigts ! Nos portes de placard coulissantes sont équipées en série d’amortisseurs de fermeture (disponible à partir d’une largeur entre murs de 986mm).</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading3">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique3" aria-expanded="true" aria-controls="collapseCaracteristique3">
Système anti-déraillement
</a>
</h2>
<div id="collapseCaracteristique3" class="accordion-collapse collapse collapsed" aria-labelledby="heading3" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p>Grâce à notre système breveté de roulement et glissière, les portes restent toujours dans l’axe de coulisse et ne déraillent pas même face à un obstacle.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading4">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique4" aria-expanded="true" aria-controls="collapseCaracteristique4">
Fabrication Française
</a>
</h2>
<div id="collapseCaracteristique4" class="accordion-collapse collapse collapsed" aria-labelledby="heading4" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p>Cocorico ! Nous en sommes fiers, l’ensemble de nos produits sont fabriqués en France dans nos ateliers. Cette proximité nous permet une rapidité de mise en œuvre et de livraison optimisée.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading5">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique5" aria-expanded="true" aria-controls="collapseCaracteristique5">
Garantie 10 ans
</a>
</h2>
<div id="collapseCaracteristique5" class="accordion-collapse collapse collapsed" aria-labelledby="heading5" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p>Parce que nous sommes sûrs de la qualité de nos produits, nous les garantissons 10 ans ! Nous assurons un contrôle permanent de l'ensemble de notre fabrication, afin de vous livrer un produit correspondant parfaitement à vos attentes. Tous nos produits sont garantis contre tout vice ou défaut de fabrication, ou de matière utilisée dans cette fabrication. Notre garantie couvre le remplacement des produits reconnus comme défectueux après constat.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading6">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique6" aria-expanded="true" aria-controls="collapseCaracteristique6">
Eco-responsable
</a>
</h2>
<div id="collapseCaracteristique6" class="accordion-collapse collapse collapsed" aria-labelledby="heading6" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p>Dès leur conception, nous pensons nos produits pour qu’ils soient recyclables à 95% au minimum. Panneaux PEFC™, matériaux de synthèse recyclables et utilisation de cartons recyclés : quelle que soit l’application, nous prenons soin de nos achats pour qu’ils soient responsables.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading7">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique7" aria-expanded="true" aria-controls="collapseCaracteristique7">
Pose des portes de placard
</a>
</h2>
<div id="collapseCaracteristique7" class="accordion-collapse collapse collapsed" aria-labelledby="heading7" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p><b>Niveau bricoleur :</b><br> Niveau novice (savoir percer un mur au plafond)Outils sont nécessaires : un mètre, un crayon, une perceuse, une visseuse et/ou un tournevis, un niveau ainsi qu’un escabeau. Prévoir également une scie à métaux si vous devez recouper votre rail bas (en cas de plinthe).<br><br><b>Conseils :</b><br> 2 personnes sont recommandées, surtout pour la fixation du rail haut Il faut compter 45 min à 1 heure.<br><br><b>Attention :</b><br> Toujours vérifier l’environnement du placard (plâtre, placo…) pour savoir quel type de fixation utiliser ! La visserie n’est jamais fournie par le fabricant de portes de placard pour cette raison.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading8">
<a class="shadow-none fs-24 px-0 pt-4 pb-3 accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCaracteristique8" aria-expanded="true" aria-controls="collapseCaracteristique8">
Entretien
</a>
</h2>
<div id="collapseCaracteristique8" class="accordion-collapse collapse collapsed" aria-labelledby="heading8" data-bs-parent="#accordionCaracteriqtique">
<div class="accordion-body px-0">
<p>Avec une éponge non abrasive légèrement humidifiée à l’eau savonneuse. Terminer en rinçant à l’eau claire puis essuyer avec un chiffon doux.<br><br>ATTENTION<br> Ne jamais utiliser de détergents ni de produits chimiques, type essence, acétone, alcool au autres dissolvants. Exclure l’utilisation de produits alcalins ou acides et l’emploi d’éponges à poncer, papiers abrasifs, brosses à poils durs etc…<br> <b>Attention :</b><br> Toujours vérifier l’environnement du placard (plâtre, placo…) pour savoir quel type de fixation utiliser ! La visserie n’est jamais fournie par le fabricant de portes de placard pour cette raison.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-points-forts" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide mb-3">
Les + produits
</div>
<div>
<div class="horizontal-scroll-wrapper">
<ul class="nav mb-3 d-flex gap-3" id="pills-tab" role="tablist">
<li class="nav-item fs-22" role="presentation">
<button class="border-0 text-transform-none ease1 nav-link bg-grey rounded-pill active" id="pills-paneaux-tab" data-bs-toggle="pill" data-bs-target="#pills-paneaux" type="button" role="tab" aria-controls="pills-paneaux" aria-selected="true">
Panneaux
</button>
</li>
<li class="nav-item fs-22" role="presentation">
<button class="border-0 text-transform-none ease1 nav-link bg-grey rounded-pill" id="pills-anti-deraillement-tab" data-bs-toggle="pill" data-bs-target="#pills-anti-deraillement" type="button" role="tab" aria-controls="pills-anti-deraillement" aria-selected="true">
Anti-déraillement
</button>
</li>
<li class="nav-item fs-22" role="presentation">
<button class="border-0 text-transform-none ease1 nav-link bg-grey rounded-pill" id="pills-amortisseurs-tab" data-bs-toggle="pill" data-bs-target="#pills-amortisseurs" type="button" role="tab" aria-controls="pills-amortisseurs" aria-selected="true">
Amortisseurs
</button>
</li>
<li class="nav-item fs-22" role="presentation">
<button class="border-0 text-transform-none ease1 nav-link bg-grey rounded-pill" id="pills-profils-aluminium-tab" data-bs-toggle="pill" data-bs-target="#pills-profils-aluminium" type="button" role="tab" aria-controls="pills-profils-aluminium" aria-selected="true">
Profils aluminium
</button>
</li>
</ul>
</div>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade text-regular-18 show active" id="pills-paneaux" role="tabpanel" aria-labelledby="pills-paneaux-tab">
<div class="my-4">
<video controls preload="none" class="mw-100 rounded-3" loop src="https://media.cmai-groupe.com/asset/a88e5acf-00bd-466d-a5e8-56e14b640968/mp4/PTS_FORTS_panneaux.mp4"></video>
</div>
<p>Fabriqués à partir de bois issus de forêts durablement gérées, nos panneaux décors pour portes coulissantes sont réalisés en panneaux de particules haute densité (850 kg/m3 en moyenne) de 10 mm et sont certifiés PEFC™. <br><br>A la base, c’est un matériau composé de fibres de bois en grande partie recyclées, agglomérées grâce à des liants, puis compressées pour leur apporter une dureté et une résistance à l’épreuve du temps. Cela vous garantit une utilisation de longue durée, et un investissement pérenne.</p>
</div>
<div class="tab-pane fade text-regular-18" id="pills-anti-deraillement" role="tabpanel" aria-labelledby="pills-anti-deraillement-tab">
<div class="my-4">
<video controls preload="none" class="mw-100 rounded-3" loop src="https://media.cmai-groupe.com/asset/1345df36-0846-4084-9de3-23c173ef6489/mp4/PTS_FORTS_anti-deraillement.mp4"></video>
</div>
<p>Grâce à notre système breveté de roulement, les portes restent toujours dans l’axe de déplacement et ne déraillent pas même face à un obstacle. <br><br><b>Sécurité de fonctionnement garantie !</b></p>
</div>
<div class="tab-pane fade text-regular-18" id="pills-amortisseurs" role="tabpanel" aria-labelledby="pills-amortisseurs-tab">
<div class="my-4">
<video controls preload="none" class="mw-100 rounded-3" loop src="https://media.cmai-groupe.com/m/293cebdda6044cd1/original/PTS_FORTS_amortisseurs.mp4"></video>
</div>
<p>Écoutez le silence sans risque de vous pincer les doigts ! Nos portes de placard coulissantes sont équipées en série d’amortisseurs de fermeture.<br><br> Même avec des portes en miroir ou en verre laqué, nos portes restent silencieuses, elles ne tapent plus contre les murs et ne vous coincent pas les doigts. <br><br><b>Disponible à partir d’une largeur entre murs de 986mm.</b></p>
</div>
<div class="tab-pane fade text-regular-18" id="pills-profils-aluminium" role="tabpanel" aria-labelledby="pills-profils-aluminium-tab">
<div class="my-4">
<video controls preload="none" class="mw-100 rounded-3" loop src="https://media.cmai-groupe.com/asset/58b5b37f-73bd-47ba-be5e-0f0605fc9f79/mp4/PTS_FORTS_profils_et_rails.mp4"></video>
</div>
<p>Fabriqué en aluminium, les profils garantissent une meilleure rigidité à votre porte. Conçus pour un fonctionnement coulissant irréprochable dans le temps, ils sont conçus par notre bureau d’études interne pour votre plus grande satisfaction.<br><br> Afin de ne pas abîmer votre sol, le rail bas se fixe avec un adhésif. Nos profils au design contemporain exclusif sont disponibles en 4 finitions anodisée ou laquée. <br><br>Les poignées se fixent avec un adhésif et sont disponibles en 4 finitions.</p>
</div>
</div>
</div>
</div>
</div>
<script defer>
const slider = document.querySelector('.horizontal-scroll-wrapper');
let isDown = false;
let startX;
let scrollLeft;
slider.addEventListener('mousedown', (e) => {
isDown = true;
slider.classList.add('active');
startX = e.pageX - slider.offsetLeft;
scrollLeft = slider.scrollLeft;
});
slider.addEventListener('mouseleave', () => {
isDown = false;
slider.classList.remove('active');
});
slider.addEventListener('mouseup', () => {
isDown = false;
slider.classList.remove('active');
});
slider.addEventListener('mousemove', (e) => {
if(!isDown) return;
e.preventDefault();
const x = e.pageX - slider.offsetLeft;
const walk = (x - startX) * 3; //scroll-fast
slider.scrollLeft = scrollLeft - walk;
});
document.querySelector('#offcanvas-points-forts').addEventListener('show.bs.offcanvas', function () {
if(document.querySelector('#offcanvas-points-forts').querySelector('.tab-content > .active').querySelector('video')){
document.querySelector('#offcanvas-points-forts').querySelector('.tab-content > .active').querySelector('video').play();
}
});
const list = slider.querySelectorAll('.nav-link');
for (const nav of list) {
nav.addEventListener('click', (e)=>{
if(document.querySelector('.horizontal-scroll-wrapper .active').scrollLeft + nav.offsetWidth > document.querySelector('#pills-tabContent').offsetWidth){
document.querySelector('.horizontal-scroll-wrapper').scrollTo({left: (nav.offsetLeft + 20), top: 0, behavior: "smooth"});
}else{
document.querySelector('.horizontal-scroll-wrapper').scrollTo({left: nav.offsetLeft - (nav.offsetWidth - 50), top: 0, behavior: "smooth"});
}
if(document.querySelector(nav.getAttribute('data-bs-target')).querySelector('video')){
document.querySelector(nav.getAttribute('data-bs-target')).querySelector('video').play();
}
});
};
document.querySelectorAll('.video-container').forEach((e)=>{
e.addEventListener('click', (event)=>{
if(e.querySelector('span[role=button]').classList.contains('d-none')){
e.querySelector('video').classList.add('d-none');
e.querySelector('span[role=button]').classList.remove('d-none');
}else{
e.querySelector('video').classList.remove('d-none');
e.querySelector('span[role=button]').classList.add('d-none');
e.querySelector('video').play();
e.querySelector('video').addEventListener('ended', (ve) => {
e.querySelector('video').classList.add('d-none');
e.querySelector('span[role=button]').classList.remove('d-none');
})
}
});
});
</script>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-payment" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide payment-title-slide">Des paiements adaptés à toutes les situations</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/3fois.svg" loading="lazy" alt="Paiement 3 fois">
<div>
<p class="item-title text-center text-sm-start">3x sans frais</p>
<div class="item-content">Étalez votre dépense avec le paiement de 3 fois sans frais pour plus de sérénité et correspondre au plafond de votre carte de paiement. Vous pouvez échelonner les paiements en 3 fois, sans frais additionnels.</div>
</div>
</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/virement.svg" loading="lazy" alt="Paiement virement">
<div>
<p class="item-title text-center text-sm-start">Virement bancaire</p>
<div class="item-content">Vous n'avez pas de carte bancaire ? Votre carte a un plafond qui ne vous permet pas de régler votre achat en totalité ? Nous pouvons vous proposer un paiement par virement. A réception des fonds, nous validons votre commande directement.</div>
</div>
</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/paypal.svg" loading="lazy" alt="Paiement Paypal">
<div>
<p class="item-title text-center text-sm-start">Paypal</p>
<div class="item-content">Système de paiement sécurisé : plus d'informations sur <a class="link-black" target="_blank" href="https://www.paypal.com/">www.paypal.com</a></div>
</div>
</div>
</div>
<div class="secure-payment-block">
<div class="title-slide">Paiements sécurisés</div>
<div class="item-slide align-items-center align-items-sm-start flex-column flex-sm-row">
<img width="102px" height="102px" src="/build/CentimetreThemeImg/images/offcanvas/payment/payment-secure.svg" loading="lazy" alt="Système sécurisé">
<div>
<p class="item-title text-center text-sm-start">3D secure</p>
<div class="item-content">Achetez serein ! Lors de votre achat, un SMS contenant un code de vérification est envoyé sur votre téléphone afin de vérifier que vous êtes bien le titulaire de la carte.</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-delivery" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide mb-3">
Modes de livraison
</div>
<div class="mb-5">
<div class="d-flex gap-2 mb-2">
<span>
<img width="44px" height="44px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/delivery.svg" loading="lazy" alt="Fabrication rapide">
</span>
<span class="text-regular-18">
Nous fabriquons et vous livrons entre<br><b>3 et 4 semaines</b>.
</span>
</div>
<div class="d-flex gap-2">
<span>
<img width="44px" height="44px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/loc.svg" loading="lazy" alt="Livraison">
</span>
<span class="text-regular-18">
Nous livrons en France métropolitaine, Belgique et<br> Luxembourg.
</span>
</div>
</div>
<div class="item">
<div class="d-flex gap-3 mb-3 align-items-center">
<span>
<img width="56px" height="68px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/livraison-standard.png" loading="lazy" alt="Livraison standard">
</span>
<span class="item-title">
Livraison STANDARD <br><span class="text-primary">INCLUSE*</span>
</span>
</div>
<div class="mb-4">
<div class="text-regular-18 mb-3">Ce mode de livraison est adapté pour les logements<br> en rez-de-chaussée.</div>
<div>
<div class="text-bold-18 d-flex gap-3 mb-2">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
Livré en bas de chez moi
</div>
<div class="text-bold-18 d-flex gap-3">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
1 livreur présent à la livraison
</div>
</div>
</div>
<div class="text-regular-14">
* Livraison standard pour la France incluse pour la Corse (hors<br> Monaco)** Prix fixe de 79€ pour la Belgique et Luxembourg
</div>
</div>
<div class="item">
<div class="d-flex gap-3 mb-3 align-items-center">
<span>
<img width="49px" height="74px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/livraison-confort.png" loading="lazy" alt="Livraison confort">
</span>
<span class="item-title">
Livraison CONFORT <br><span class="text-primary">à partir de 89€*</span>
</span>
</div>
<div class="mb-4">
<div class="text-regular-18 mb-3">Ce mode de livraison est adapté pour les logements<br> à l’étage</div>
<div>
<div class="text-bold-18 d-flex gap-3 mb-2">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
Livré et déballé dans la pièce de mon choix<br>(les emballages sont récupérés)
</div>
<div class="text-bold-18 d-flex gap-3">
<img width="14px" height="25px" src="/build/CentimetreThemeImg/images/offcanvas/delivery/check.svg" loading="lazy" alt="check">
2 livreurs présents à la livraison
</div>
</div>
</div>
<div class="text-regular-14">
* Le prix évolue en fonction du montant de la commande.
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center mt-4 mb-4 bg-white">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-eligibility" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header justify-content-end pb-0">
<div class="cont-close">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body">
<div>
<div>
<div class="title-slide d-flex align-items-baseline">
<img width="46px" class="me-3" height="48px" src="/build/CentimetreThemeImg/images/offcanvas/eligibility/icon-title.svg" loading="lazy" alt="Pose d'aménagement">
<span class="fs-36 fw-bold fc-blue">Service de pose</span>
</div>
<p class='fs-1 fw-bold'>Testez votre éligibilité</p>
<div class="mb-4 mt-4-xs">
<div class="d-flex align-items-center gap-5">
<input type="number"
style="height: 77px;flex: 1"
name="eligibilite" class="mb-2 input-eligibility w-100 rounded border-color-c4 fs-26 p-4" placeholder="Entrez votre code postal">
<div class="fs-22 p-4 border-2 fw-bold rounded-circle text-center d-flex border-black-hover text-hover-black bg-white-hover bg-dark text-white justify-content-center align-items-center submitEligibility">OK</div>
</div>
<div class="fs-18 eligibility-error d-none text-danger">
</div>
</div>
<div class="poseKo hidden poseResult my-4 p-3 border-color-c4 rounded">
<div id="eligibiliteKo" class="d-flex align-items-center">
<svg class="me-2" width="44" height="44" viewbox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<clippath id="clip0_295_10246">
<rect width="44" height="44" fill="white"/>
</clippath>
</defs>
<g id="Frame" clip-path="url(#clip0_295_10246)">
<path id="Vector" d="M16.5003 9.1665H12.8337C11.8612 9.1665 10.9286 9.55281 10.2409 10.2404C9.5533 10.9281 9.16699 11.8607 9.16699 12.8332V34.8332C9.16699 35.8056 9.5533 36.7383 10.2409 37.4259C10.9286 38.1135 11.8612 38.4998 12.8337 38.4998H31.167C32.1395 38.4998 33.0721 38.1135 33.7597 37.4259C34.4474 36.7383 34.8337 35.8056 34.8337 34.8332V12.8332C34.8337 11.8607 34.4474 10.9281 33.7597 10.2404C33.0721 9.55281 32.1395 9.1665 31.167 9.1665H27.5003" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" style="stroke: rgb(248, 12, 12);"/>
<path id="Vector_2" d="M23.8333 5.5H20.1667C18.1416 5.5 16.5 7.14162 16.5 9.16667C16.5 11.1917 18.1416 12.8333 20.1667 12.8333H23.8333C25.8584 12.8333 27.5 11.1917 27.5 9.16667C27.5 7.14162 25.8584 5.5 23.8333 5.5Z" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" style="stroke: rgb(254, 34, 34);"/>
<path id="Vector_3" d="M 18.435 28.527 L 19.578 27.398 L 26.911 20.065" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" style="stroke: rgb(248, 12, 12);"/>
<path id="path-1" d="M 18.141 28.712 L 19.284 27.583 L 26.617 20.25" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round" style="transform-box: fill-box; transform-origin: 50% 50%; stroke: rgb(248, 12, 12);" transform="matrix(0, 1, -1, 0, 0, 0.000003)"/>
</g>
</svg>
<span class="fs-18">
Désolé, notre service de pose n'est pas<br>
encore disponible dans votre département
</span>
</div>
</div>
<div class="poseOk hidden poseResult my-4 p-3 border-color-c4 rounded">
<div id="eligibiliteOk" class="d-flex align-items-center mb-3">
<svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewbox="0 0 44 44" fill="none">
<g clip-path="url(#clip0_295_10246)">
<path d="M16.5003 9.1665H12.8337C11.8612 9.1665 10.9286 9.55281 10.2409 10.2404C9.5533 10.9281 9.16699 11.8607 9.16699 12.8332V34.8332C9.16699 35.8056 9.5533 36.7383 10.2409 37.4259C10.9286 38.1135 11.8612 38.4998 12.8337 38.4998H31.167C32.1395 38.4998 33.0721 38.1135 33.7597 37.4259C34.4474 36.7383 34.8337 35.8056 34.8337 34.8332V12.8332C34.8337 11.8607 34.4474 10.9281 33.7597 10.2404C33.0721 9.55281 32.1395 9.1665 31.167 9.1665H27.5003" stroke="#0CCF89" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23.8333 5.5H20.1667C18.1416 5.5 16.5 7.14162 16.5 9.16667C16.5 11.1917 18.1416 12.8333 20.1667 12.8333H23.8333C25.8584 12.8333 27.5 11.1917 27.5 9.16667C27.5 7.14162 25.8584 5.5 23.8333 5.5Z" stroke="#0CCF89" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.5 25.6667L20.1667 29.3333L27.5 22" stroke="#0CCF89" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clippath id="clip0_295_10246">
<rect width="44" height="44" fill="white"/>
</clippath>
</defs>
</svg>
<span class="fs-18">
Votre département est éligible.<br>
Vous pouvez bénéficier du service de pose <br>
</span>
</div>
<span>Ce service peut être ajouter à l'étape du <a class="text-decoration-underline" href="/mon-panier/">panier</a></span>
</div>
<div class="d-flex item-slide">
<img width="70" height="70" src="/build/CentimetreThemeImg/images/offcanvas/eligibility/eligibility1.svg" loading="lazy" alt="Service livraison">
<div class="mb-4">
<p class="text-bold-18 fw-bold text-sm-start my-3">Détendez-vous,nous nous chargeons de tout !</p>
<div class="text-regular-16 item-content">Nous planifions la livraison et la pose conjointement.</div>
</div>
</div>
<div class="d-flex item-slide">
<img width="70" height="70" src="/build/CentimetreThemeImg/images/offcanvas/eligibility/eligibility2.svg" loading="lazy" alt="Service professionnel">
<div class="mb-4">
<p class="text-bold-18 fw-bold text-sm-start my-3">Votre aménagement installé par un professionnel</p>
<div class="text-regular-16 item-content">Les prestations de pose sont réalisées par nos équipes et sont couvertes par notre assurance responsabilité civile.</div>
</div>
</div>
<div class="d-flex item-slide">
<img width="70" height="70" src="/build/CentimetreThemeImg/images/offcanvas/eligibility/eligibility3.svg" loading="lazy" alt="Service planifié">
<div class="mb-4">
<p class="text-bold-18 fw-bold text-sm-start my-3">Une date de pose convenue <br> avec vous à l'avance</p>
<div class="text-regular-16 item-content">Dans la semaine qui suit la validation de votre <br> commande, nous prenons contact avec vous pour <br> planifier la pose de votre projet.</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-relative d-flex justify-content-center mt-4 mb-4">
<button class="btn-dark btn-close-offcanvas" data-bs-dismiss="offcanvas" aria-label="Close">Fermer</button>
</div>
<script type="text/javascript">
const route = '/eligible-installation';
var zipInput = document.querySelector('input[name="eligibilite"]');
async function fetching(){
let reponse = {};
await fetch(route, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({'zipcode': zipInput.value})
})
.then(res => res.json())
.then(data => {
reponse = data
})
.catch(err => console.error("Erreur :", err));
console.log(reponse);
if(reponse){
document.querySelector('.poseKo').classList.add('hidden');
document.querySelector('.poseOk').classList.remove('hidden');
}else{
document.querySelector('.poseKo').classList.remove('hidden');
document.querySelector('.poseOk').classList.add('hidden');
}
}
function isEligibleFunction() {
var zipInputValue = zipInput.value;
if(zipInputValue.match(/\b\d{5}\b/)){
fetching();
zipInput.classList.remove('border-danger');
document.querySelector('.eligibility-error').innertHTML = '';
document.querySelector('.eligibility-error').classList.add('d-none');
}else{
zipInput.classList.add('border-danger');
document.querySelector('.eligibility-error').classList.remove('d-none');
document.querySelector('.eligibility-error').innerHTML = 'Veuillez entrer un code postal valide';
}
}
document.querySelector('input[name="eligibilite"]').addEventListener('keydown', e => {
e.key === 'Enter' ? isEligibleFunction() : null;
});
document.querySelectorAll('.submitEligibility').forEach(e => {
e.addEventListener('click', e => {
isEligibleFunction();
});
})
</script>
</div>
</section>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.content, .sidebar').theiaStickySidebar({
// Settings
additionalMarginTop: 30
});
});
</script>
<script>
// gestion cascade video mobile on scroll over
window.addEventListener('load', videoScroll);
window.addEventListener('scroll', videoScroll);
function videoScroll() {
var windowHeight = window.innerHeight;
var videos = document.querySelectorAll('.video-caracteristique-mosaic');
videos.forEach((video)=>{
videoHeight = video.clientHeight,
videoClientRect = video.getBoundingClientRect().top;
if ( videoClientRect <= ( (windowHeight) - (videoHeight*1.2) ) && videoClientRect >= 0 ) {
video.play();
video.loop = true;
}
});
}
</script>
<div id="head-visionneuse" class="visionneuse-module anchor">
<div class="head-module-full d-flex justify-content-between">
<div class="content">
<h2> Personnalisation sans limite : <br>nos aménagements intérieurs en action</h2>
<p class="text-regular-18">
Chez Centimetre.com, votre créativité est notre source d'inspiration ! Explorez les projets existants : portes de placard coulissantes pour ateliers, chambres ou cuisines bien organisées. Les possibilités sont infinies, nous vous aidons à trouver des idées et concrétiser votre projet d’aménagement.
</p>
</div>
</div>
<div id="carousel-ambiance" class="separate-elem">
<div class="container-nav">
<div class="menu-container d-flex align-items-baseline justify-content-between">
<ul class="nav nav-pills mb-3 d-flex gap-2" id="pills-tab" role="tablist">
<li class="nav-item active" role="presentation">
<button class="nav-link btn-light-dark fs-5 btn-hover-blue rounded-pill active" id="pills-facade-classic-chambre-tab" data-bs-toggle="pill" data-bs-target="#pills-facade-classic-chambre" type="button" role="tab" aria-controls="pills-facade-classic-chambre" aria-selected="true">
Chambre
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link btn-light-dark fs-5 btn-hover-blue rounded-pill" id="pills-facade-classic-entree-tab" data-bs-toggle="pill" data-bs-target="#pills-facade-classic-entree" type="button" role="tab" aria-controls="pills-facade-classic-entree" aria-selected="true">
Entrée
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link btn-light-dark fs-5 btn-hover-blue rounded-pill" id="pills-facade-classic-salle-de-bain-tab" data-bs-toggle="pill" data-bs-target="#pills-facade-classic-salle-de-bain" type="button" role="tab" aria-controls="pills-facade-classic-salle-de-bain" aria-selected="true">
Salle de bain
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link btn-light-dark fs-5 btn-hover-blue rounded-pill" id="pills-facade-classic-cuisine-tab" data-bs-toggle="pill" data-bs-target="#pills-facade-classic-cuisine" type="button" role="tab" aria-controls="pills-facade-classic-cuisine" aria-selected="true">
Cuisine
</button>
</li>
</ul>
<div class="action text-end">
<a href="/porte-de-placard-coulissante/atelier" >
<button class="btn-dark btn-hover-white"> Découvrir gamme Atelier</button>
</a>
</div>
</div>
</div>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-facade-classic-chambre" role="tabpanel" aria-labelledby="pills-facade-classic-chambre-tab">
<div id="carousel-facade-classic-chambre" class="carouselAmbiance carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-5_chambre.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-ambiance-chambre-1.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-chambre-1.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-6_chambre.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-chambre-4.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-4.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-2_chambre.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-chambre-3.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-3.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-3_chambre.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-chambre-2.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-2.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/chambre_01.jpg">
<source srcset=" /media/image/visioneuse/ppc/chambre_01.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/chambre_01.jpg" >
</picture>
</div>
</div>
<ol class="carousel-indicators fullOfItems d-none d-sm-grid gap-2 w-100 m-0 mt-2">
<li data-bs-target="#carousel-facade-classic-chambre" data-bs-slide-to="0" class="active own-col m-0 w-100 h-100 d-block position-relative border-0" aria-current="true" aria-label="Slide 0">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-chambre-1.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-chambre" data-bs-slide-to="1" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 1">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-4.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-chambre" data-bs-slide-to="2" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 2">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-3.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-chambre" data-bs-slide-to="3" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 3">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-2.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-chambre" data-bs-slide-to="4" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 4">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/chambre_01.jpg" class="d-block">
</li>
</ol>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-facade-classic-chambre" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-facade-classic-chambre" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="tab-pane fade" id="pills-facade-classic-entree" role="tabpanel" aria-labelledby="pills-facade-classic-entree-tab">
<div id="carousel-facade-classic-entree" class="carouselAmbiance carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-6_entree.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-5.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-5.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-4_entree.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-4-close.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-4-close.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-1_entree.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-3-close.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-3-close.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-5_entree.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-1.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-1.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-2_entree.png">
<source srcset=" /media/image/visioneuse/ppc/Entrée-1.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/Entrée-1.jpg" >
</picture>
</div>
</div>
<ol class="carousel-indicators fullOfItems d-none d-sm-grid gap-2 w-100 m-0 mt-2">
<li data-bs-target="#carousel-facade-classic-entree" data-bs-slide-to="0" class="active own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 0">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-5.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-entree" data-bs-slide-to="1" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 1">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-4-close.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-entree" data-bs-slide-to="2" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 2">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-3-close.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-entree" data-bs-slide-to="3" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 3">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-ambiance-entree-1.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-entree" data-bs-slide-to="4" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 4">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/Entrée-1.jpg" class="d-block">
</li>
</ol>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-facade-classic-entree" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-facade-classic-entree" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="tab-pane fade" id="pills-facade-classic-default" role="tabpanel" aria-labelledby="pills-facade-classic-default-tab">
<div id="carousel-facade-classic-default" class="carouselAmbiance carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-2_entree.png">
<source srcset=" /media/image/visioneuse/ppc/Entrée-1.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/Entrée-1.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-6_chambre.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-chambre-4.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-4.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-2_chambre.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-chambre-3.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-3.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-3_chambre.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-chambre-2.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-2.jpg" >
</picture>
</div>
</div>
<ol class="carousel-indicators fullOfItems d-none d-sm-grid gap-2 w-100 m-0 mt-2">
<li data-bs-target="#carousel-facade-classic-default" data-bs-slide-to="0" class="active own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 0">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/Entrée-1.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-default" data-bs-slide-to="1" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 1">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-4.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-default" data-bs-slide-to="2" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 2">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-3.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-default" data-bs-slide-to="3" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 3">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-chambre-2.jpg" class="d-block">
</li>
</ol>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-facade-classic-default" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-facade-classic-default" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="tab-pane fade" id="pills-facade-classic-salle-de-bain" role="tabpanel" aria-labelledby="pills-facade-classic-salle-de-bain-tab">
<div id="carousel-facade-classic-salle-de-bain" class="carouselAmbiance carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-1_salle-de-bain.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-4.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-4.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill_visio-PORTE_COULISSANTE-ambiance-3_salle-de-bain.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-2-close.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-2-close.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill_visio-PORTE_COULISSANTE-ambiance-4_salle-de-bain.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-1-close.png">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-1-close.png" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill_visio-PORTE_COULISSANTE-ambiance-2_salle-de-bain.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-3.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-3.jpg" >
</picture>
</div>
</div>
<ol class="carousel-indicators fullOfItems d-none d-sm-grid gap-2 w-100 m-0 mt-2">
<li data-bs-target="#carousel-facade-classic-salle-de-bain" data-bs-slide-to="0" class="active own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 0">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-4.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-salle-de-bain" data-bs-slide-to="1" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 1">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-2-close.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-salle-de-bain" data-bs-slide-to="2" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 2">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-1-close.png" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-salle-de-bain" data-bs-slide-to="3" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 3">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visionneuse-salle-de-bain-3.jpg" class="d-block">
</li>
</ol>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-facade-classic-salle-de-bain" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-facade-classic-salle-de-bain" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="tab-pane fade" id="pills-facade-classic-cuisine" role="tabpanel" aria-labelledby="pills-facade-classic-cuisine-tab">
<div id="carousel-facade-classic-cuisine" class="carouselAmbiance carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-4_cuisine.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-cuisine-4-close.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-cuisine-4-close.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-1_cuisine.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-cuisine-3-close.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-cuisine-3-close.jpg" >
</picture>
</div>
<div class="carousel-item">
<picture>
<source media="(max-width: 479px)" srcset="/media/image/visioneuse/mobile/ppc/ill-visio-PORTE_PLACARD_COULISSANTE-ambiance-3_cuisine.png">
<source srcset=" /media/image/visioneuse/ppc/ill-visio-PPC-cuisine-2-close.jpg">
<img width="100%" height="100%" loading="lazy" src="/media/image/visioneuse/ppc/ill-visio-PPC-cuisine-2-close.jpg" >
</picture>
</div>
</div>
<ol class="carousel-indicators fullOfItems d-none d-sm-grid gap-2 w-100 m-0 mt-2">
<li data-bs-target="#carousel-facade-classic-cuisine" data-bs-slide-to="0" class="active own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 0">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-cuisine-4-close.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-cuisine" data-bs-slide-to="1" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 1">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-cuisine-3-close.jpg" class="d-block">
</li>
<li data-bs-target="#carousel-facade-classic-cuisine" data-bs-slide-to="2" class="own-col m-0 w-100 h-100 d-block position-relative border-0" aria-label="Slide 2">
<div class="overlay position-absolute w-100 h-100"></div>
<img loading="lazy" width="100%" height="100%" src="/media/image/visioneuse/ppc/ill-visio-PPC-cuisine-2-close.jpg" class="d-block">
</li>
</ol>
<button class="carousel-control-prev" type="button" data-bs-target="#carousel-facade-classic-cuisine" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel-facade-classic-cuisine" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var carouselItem = document.querySelectorAll(".info-projet");
carouselItem.forEach(function (elem){
let dimension = $(elem).find("#c-a-dimension").html();
$(elem).find("#dimension-mob").html(dimension + " mm");
});
</script>
<article class="seo-module d-flex flex-column">
<h2>Trois bonnes raisons de choisir nos portes de placard coulissantes sur-mesure</h2>
<section>
<h3>Trois bonnes raisons de choisir nos portes de placard coulissantes sur-mesure</h3>
<p>Chez Centimetre, nous sommes fiers de fabriquer nos portes de placard coulissantes en France. Nous avons choisi de produire localement pour garantir la qualité de nos produits et pour soutenir l'économie française. Nos portes de placard sont fabriquées à partir de matériaux de qualité, sélectionnés avec attention. Nous utilisons principalement des panneaux de particules de bois de forte densité (850 kg/m3 en moyenne), revêtus de panneaux mélaminés, en grande partie recyclés. Ainsi, nous nous engageons à utiliser des matériaux durables et respectueux de l'environnement. Nous mettons également un point d'honneur à fabriquer nos produits avec le plus grand soin. En effet, nous nous assurons que chaque porte de placard coulissante répond aux plus hauts standards de qualité.</p>
</section>
<section>
<h3>Personnalisation poussée pour un design unique</h3>
<p>Nous savons que chaque intérieur est unique. C'est pourquoi, chez Centimetre, nous vous proposons une personnalisation poussée de nos portes de placard coulissantes. Vous pouvez opter pour le matériau, la couleur ou le style qui vous conviennent le mieux. Par exemple, vous avez la possibilité de choisir parmi 40 décors, comprenant des coloris unis, bois, mat, texturés, verres laqués, gloss, et même miroirs ! Vous pouvez ainsi créer des portes de placard qui correspondent parfaitement à vos envies et vos besoins. Nous vous proposons également de créer votre projet à vos mesures exactes, afin de concevoir la porte de placard coulissante qui s'adapte parfaitement à l’espace que vous souhaitez aménager.</p>
</section>
<section>
<h3>Une porte de placard coulissante pour un quotidien simplifié</h3>
<p>Les portes de placard coulissantes Centimetre sont la solution idéale pour les petits espaces ou les recoins complexes à aménager. Elles permettent de gagner de la place en optimisant l'espace au sol. Pratiques et faciles à ouvrir même les mains pleines, leur conception sans battant assure une circulation fluide. Nos éléments de roulement sur-mesure garantissent une durée de vie de 20 ans minimum. Légères, maniables et silencieuses, ces portes intègrent un système anti-déraillement et des amortisseurs d'ouverture pour une utilisation sûre et tranquille. Simplifiez votre routine quotidienne avec des portes de placard coulissantes conçues pour répondre à vos besoins. Praticité, durabilité et design ! Simplifiez davantage votre expérience en optant pour la pose à domicile. Profitez d'une installation experte, réalisée dans les règles de l'art par nos professionnels !</p>
</section>
</article>
<div class="zoneFaq">
<div id="head-faq" class="head-module d-flex justify-content-between mb-5 anchor">
<div class="content">
<h2> Questions fréquentes</h2>
<p class="text-regular-18"> Vous vous posez des questions sur la porte de placard coulissante sur-mesure ? <br>Formats, installation, entretien, coloris, praticité, tarif…<br> Trouvez ici vos réponses ou bien posez directement votre question…</p>
</div>
<div class="action d-none d-sm-block">
<a href="/questions-frequentes">
<button class="btn-light-dark btn-hover-light-dark fs-5"> Voir toutes les questions</button>
</a>
</div>
</div>
<div class="panel-group" id="accordion-faq" role="tablist" aria-multiselectable="true">
<div class="panel">
<div class="panel-heading" role="tab" id="heading-1b86b3c0-0788-4c0c-aea7-caac56f94a93">
<h4 class="panel-title">
<a role="button" class="no-scroll collapsed fs-22 d-flex align-items-center py-3" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapseFaq-1b86b3c0-0788-4c0c-aea7-caac56f94a93" aria-expanded="false" aria-controls="collapseFaq-1b86b3c0-0788-4c0c-aea7-caac56f94a93">
Proposez-vous un service de pose ?
<div style="width: 22px;height: 22px" class="chevron border-color-black rotate-45 ms-auto mb-2"></div>
</a>
</h4>
</div>
<div id="collapseFaq-1b86b3c0-0788-4c0c-aea7-caac56f94a93" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-1b86b3c0-0788-4c0c-aea7-caac56f94a93">
<div class="panel-body fs-18">
<p>L'éligibilité à la pose dépend de la région et de la nature de la commande. Si votre commande est éligible, la pose est proposée à la fin du parcours d'achat au niveau du panier.
Vous pouvez également tester votre éligibilité sur notre page « <a href="https://www.centimetre.com/services/service-pose-et-garantie-serenite">service de pose</a> »</p>
</div>
</div>
</div>
<hr> <div class="panel">
<div class="panel-heading" role="tab" id="heading-20a6ed7e-563f-4152-942f-96afc2a446e8">
<h4 class="panel-title">
<a role="button" class="no-scroll collapsed fs-22 d-flex align-items-center py-3" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapseFaq-20a6ed7e-563f-4152-942f-96afc2a446e8" aria-expanded="false" aria-controls="collapseFaq-20a6ed7e-563f-4152-942f-96afc2a446e8">
Livrez-vous en dehors de la France ?
<div style="width: 22px;height: 22px" class="chevron border-color-black rotate-45 ms-auto mb-2"></div>
</a>
</h4>
</div>
<div id="collapseFaq-20a6ed7e-563f-4152-942f-96afc2a446e8" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-20a6ed7e-563f-4152-942f-96afc2a446e8">
<div class="panel-body fs-18">
<p>Livraison en France métropolitaine et Corse, possible en Belgique et Luxembourg en livraison Standard pour 79€. Nous ne livrons pas en Suisse.</p>
</div>
</div>
</div>
<hr> <div class="panel">
<div class="panel-heading" role="tab" id="heading-88ba2037-fceb-4ce6-b8e3-a6d1a61ad5dd">
<h4 class="panel-title">
<a role="button" class="no-scroll collapsed fs-22 d-flex align-items-center py-3" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapseFaq-88ba2037-fceb-4ce6-b8e3-a6d1a61ad5dd" aria-expanded="false" aria-controls="collapseFaq-88ba2037-fceb-4ce6-b8e3-a6d1a61ad5dd">
Je souhaite poser du carrelage, quand dois-je prendre ma prise de côte ?
<div style="width: 22px;height: 22px" class="chevron border-color-black rotate-45 ms-auto mb-2"></div>
</a>
</h4>
</div>
<div id="collapseFaq-88ba2037-fceb-4ce6-b8e3-a6d1a61ad5dd" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-88ba2037-fceb-4ce6-b8e3-a6d1a61ad5dd">
<div class="panel-body fs-18">
<p>Nous recommandons la prise de côtes et la pose sur sol fini pour plusieurs raisons :
* La prise de cotes pour la commande est plus fiable
* La pose du rail bas sur carrelage est très simple avec le double-face fourni
* La finition et l'esthétique sont plus soignées
* Le nettoyage du sol est plus simple</p>
</div>
</div>
</div>
<hr> <div class="panel">
<div class="panel-heading" role="tab" id="heading-8cc4036d-3a7e-4210-9515-2c1d6ed44282">
<h4 class="panel-title">
<a role="button" class="no-scroll collapsed fs-22 d-flex align-items-center py-3" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapseFaq-8cc4036d-3a7e-4210-9515-2c1d6ed44282" aria-expanded="false" aria-controls="collapseFaq-8cc4036d-3a7e-4210-9515-2c1d6ed44282">
Y-a-t-il un système de réglage pour les portes pour compenser les différences de hauteur?
<div style="width: 22px;height: 22px" class="chevron border-color-black rotate-45 ms-auto mb-2"></div>
</a>
</h4>
</div>
<div id="collapseFaq-8cc4036d-3a7e-4210-9515-2c1d6ed44282" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-8cc4036d-3a7e-4210-9515-2c1d6ed44282">
<div class="panel-body fs-18">
<p>Vous pouvez régler l'aplomb et l'altitude des portes finement avec les vis de réglages des roulettes basses. La hauteur de la porte est ajustable jusqu’à 10 mm.</p>
</div>
</div>
</div>
<hr> <div class="panel">
<div class="panel-heading" role="tab" id="heading-916b1a43-4ab1-4c1a-8062-07408a8b1958">
<h4 class="panel-title">
<a role="button" class="no-scroll collapsed fs-22 d-flex align-items-center py-3" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapseFaq-916b1a43-4ab1-4c1a-8062-07408a8b1958" aria-expanded="false" aria-controls="collapseFaq-916b1a43-4ab1-4c1a-8062-07408a8b1958">
Quelles sont vos délais de fabrication et de livraison pour les portes coulissantes ?
<div style="width: 22px;height: 22px" class="chevron border-color-black rotate-45 ms-auto mb-2"></div>
</a>
</h4>
</div>
<div id="collapseFaq-916b1a43-4ab1-4c1a-8062-07408a8b1958" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-916b1a43-4ab1-4c1a-8062-07408a8b1958">
<div class="panel-body fs-18">
<p>Nos portes sont fabriquées et livrées sous 3 semaines à 4 semaines à compter de la commande.
Notre usine étant fermée sur une partie du mois d'Août, comptez une à deux semaines supplémentaires sur cette période.</p>
<p>Également une à deux semaines supplémentaires dû à la fermeture en décembre.
Plus de précisions sur la page : <a href="https://www.centimetre.com/services/livraison">https://www.centimetre.com/services/livraison</a></p>
</div>
</div>
</div>
<hr> <div class="panel">
<div class="panel-heading" role="tab" id="heading-aa6049c3-5413-4802-9b9e-4b4614dc7980">
<h4 class="panel-title">
<a role="button" class="no-scroll collapsed fs-22 d-flex align-items-center py-3" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapseFaq-aa6049c3-5413-4802-9b9e-4b4614dc7980" aria-expanded="false" aria-controls="collapseFaq-aa6049c3-5413-4802-9b9e-4b4614dc7980">
Quel est l’espace à prévoir entre les portes et mon aménagement ?
<div style="width: 22px;height: 22px" class="chevron border-color-black rotate-45 ms-auto mb-2"></div>
</a>
</h4>
</div>
<div id="collapseFaq-aa6049c3-5413-4802-9b9e-4b4614dc7980" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-aa6049c3-5413-4802-9b9e-4b4614dc7980">
<div class="panel-body fs-18">
<p>Prévoir 100 mm d’espace devant l’aménagement pour pouvoir installer les portes coulissantes.</p>
</div>
</div>
</div>
<hr> <div class="panel">
<div class="panel-heading" role="tab" id="heading-e2419c3f-1f7d-424a-b5fe-7bd875eed0cd">
<h4 class="panel-title">
<a role="button" class="no-scroll collapsed fs-22 d-flex align-items-center py-3" data-bs-toggle="collapse" data-bs-parent="#accordion-faq" href="#collapseFaq-e2419c3f-1f7d-424a-b5fe-7bd875eed0cd" aria-expanded="false" aria-controls="collapseFaq-e2419c3f-1f7d-424a-b5fe-7bd875eed0cd">
Quel est la profondeur/largeur du rail supérieur et du le rail inférieur ?
<div style="width: 22px;height: 22px" class="chevron border-color-black rotate-45 ms-auto mb-2"></div>
</a>
</h4>
</div>
<div id="collapseFaq-e2419c3f-1f7d-424a-b5fe-7bd875eed0cd" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading-e2419c3f-1f7d-424a-b5fe-7bd875eed0cd">
<div class="panel-body fs-18">
<p>Le rail haut mesure 81,2mm de largeur en 2 voies et 122,5mm en 3 voies de 81,2mm et 52,5mm de hauteur. Le rail bas mesure 52,5 mm en largeur en 2 voies, et 92,5mm en 3 voies.</p>
</div>
</div>
</div>
</div>
</div>
<div class="contact-module d-flex justify-content-between flex-wrap">
<a href="/contact" role="link" class="contact-item d-flex flex-column align-items-center ease1">
<div class="contact-title text-500-22">
Demander<br> un devis en ligne
</div>
<div class="contact-icon circle pink ease1">
<img loading="lazy" width="51px" height="50px"
src="/build/CentimetreThemeImg/images/module/contact/icon-demande-deivs.svg"
alt="Demande de devis">
</div>
<div class="text-regular-16 contact-text">
Vous souhaitez recevoir un devis et<br class="d-md-none d-lg-block"> être accompagné sur votre projet.
</div>
<div class="contact-btn d-flex justify-content-center">
<button class="btn-light-dark btn-hover-light-dark ease1 lh-1 mt-5 fs-5">
Réaliser mon devis
</button>
</div>
</a>
<a href="/prendre-rdv-en-ligne" role="link" class="contact-item d-flex flex-column align-items-center ease1">
<div class="contact-title text-500-22">
Prendre rendez-vous<br> avec nos agenceurs
</div>
<div class="contact-icon circle green ease1">
<img loading="lazy" width="51px" height="50px"
src="/build/CentimetreThemeImg/images/module/contact/icon-rdv.svg"
alt="Prendre rendez-vous">
</div>
<div class="text-regular-16 contact-text">
Prenez rendez vous avec l’un de nos<br class="d-md-none d-lg-block"> agenceurs pour échanger sur votre<br class="d-md-none d-lg-block"> projet
</div>
<div class="contact-btn d-flex justify-content-center">
<button class="btn-light-dark btn-hover-light-dark ease1 fs-5">
Prendre rendez-vous
</button>
</div>
</a>
<a href="/contact" role="link" class="contact-item d-flex flex-column align-items-center ease1">
<div class="contact-title text-500-22">
Besoin d’aide<br> Contactez-nous
</div>
<div class="contact-icon circle yellow ease1">
<img loading="lazy" width="51px" height="50px"
src="/build/CentimetreThemeImg/images/module/contact/icon-mail.svg"
alt="Demander de l'aide">
</div>
<div class="text-regular-16 contact-text">
Une question, besoin d’aide <br class="d-md-none d-lg-block"> ou d’informations sur nos produits<br><b>service.client@centimetre.com</b>
</div>
<div class="contact-btn d-flex justify-content-center">
<button class="btn-light-dark btn-hover-light-dark ease1 lh-1 mt-4 fs-5">
Nous contacter
</button>
</div>
</a>
<div class="contact-item d-flex flex-column ease1">
<a href="tel:+33800100360" class="d-block">
<div class="contact-title text-500-22">
Par téléphone au <br><span class="text-primary">0800 100 360*</span>
</div>
<div class="contact-icon circle blue text-center d-inline-flex ease1">
<img loading="lazy" width="45px" height="44px"
src="/build/CentimetreThemeImg/images/module/contact/icon-phone.svg"
alt="Téléphonez nous">
</div>
<div class="text-regular-16 contact-text">
Lundi, de 8h à 18h.<br>Du Mardi au Vendredi, de 8h à 21h.<br> <br> <span class="text-primary">*Appel gratuit</span>
</div>
</a>
</div>
</div>
<section class="project-client-module">
<div id="head-project-client" class="head-module d-flex justify-content-between anchor" style="margin-top: 100px">
<div class="content">
<h2>Projets Clients, <br>un accompagnement personnalisé</h2>
<p class="text-regular-18">
Chez Centimetre, nous estimons que la satisfaction client ne dépend pas seulement du produit mais aussi du degré d’implication. C’est pourquoi nous proposons un accompagnement personnalisé dans toutes les étapes de développement de votre projet, des croquis à la livraison de votre aménagement. Une question, un doute ? Votre conseiller Centimetre répond présent !
</p>
</div>
<div class="action d-none d-sm-block">
<a target="_blank" href="/projets-clients/facade">
<button class="btn-light-dark btn-hover-light-dark fs-5"> Voir tous les projets clients</button>
</a>
</div>
</div>
<div class="project-list d-flex gap-2">
<div class="project-item d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#modalData-216">
<div class="position-relative">
<div class="eye-container position-absolute d-flex justify-content-center align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" fill="none"><g clip-path="url(#a)" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.666 17a2.833 2.833 0 1 0 5.666 0 2.833 2.833 0 0 0-5.666 0Z"/><path d="M30.25 17c-3.4 5.667-7.65 8.5-12.75 8.5S8.15 22.667 4.75 17c3.4-5.667 7.65-8.5 12.75-8.5s9.35 2.833 12.75 8.5Z"/></g><defs><clippath id="a"><path fill="#fff" transform="translate(.5)" d="M0 0h34v34H0z"/></clippath></defs></svg>
</div>
<img width="286" height="429" loading="lazy" src="https://www.centimetre.com/media/cache/project_client/media/image/project_client/PPC-classic/03_Pose_Caroline_cde_30532.jpg" alt="Portes de placard coulissantes">
</div>
<div>
<div class="title text-center">Le projet de Caroline</div>
<div class="subtitle text-center">Portes de placard coulissantes</div>
</div>
</div>
<div class="modal fade modal-project-item" id="modalData-216" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-body">
<div>
<div class="row">
<div class="col-xs-12 col-sm-5">
<div id="carouselModalData-216" class="carousel slide" data-bs-interval="3000" data-bs-ride="carousel">
<div class="carousel-indicators">
<li data-target="#carouselModalData-216"
data-slide-to="0"
class="active" ></li>
<button type="button" data-bs-target="#carouselModalData-216" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 0"></button>
<li data-target="#carouselModalData-216"
data-slide-to="1"
></li>
<button type="button" data-bs-target="#carouselModalData-216" data-bs-slide-to="1" aria-label="Slide 1"></button>
<li data-target="#carouselModalData-216"
data-slide-to="2"
></li>
<button type="button" data-bs-target="#carouselModalData-216" data-bs-slide-to="2" aria-label="Slide 2"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/PPC-classic/01_Pose_Caroline_cde_30532.jpg"
title="Portes de placard coulissantes - 1/3"
alt="Portes de placard coulissantes - 1/3">
</div>
<div class="carousel-item">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/PPC-classic/02_Pose_Caroline_cde_30532.jpg"
title="Portes de placard coulissantes - 2/3"
alt="Portes de placard coulissantes - 2/3">
</div>
<div class="carousel-item">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/PPC-classic/03_Pose_Caroline_cde_30532.jpg"
title="Portes de placard coulissantes - 3/3"
alt="Portes de placard coulissantes - 3/3">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselModalData-216" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselModalData-216" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-xs-12 col-sm-7 right-content">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<img loading="lazy" width="100%" height="100%" src="/build/CentimetreThemeImg/images/ppc/anim-exploded/ico/ico-close-modal.png" alt="Fermer">
</button>
<p class="miscData">
<div class="title">Le projet de Caroline</div>
<div class="subtitle">Portes de placard coulissantes</div>
<hr>
<div class="size mb-2">
<b class="text-bold-18">Dimensions :</b> <span class="text-regular-18">Largeur : 1580 mm Hauteur : 2497 mm</span>
</div>
<div class="description mb-2">
<b class="text-bold-18">Descriptif :</b><br>
<span class="text-regular-18">Modèle solo gloss blanc<br />
Montants et rails : Aluminium naturel</span>
</div>
<div class="project-item-price mb-2">
<b class="text-bold-18">Prix :</b> <span class="text-regular-18">908€ (prix hors promotion)</span>
</div>
<hr>
</p>
<p class="ratingData">
<div class="orderDate text-regular-18">le 11/07/2023</div>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="project-item d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#modalData-211">
<div class="position-relative">
<div class="eye-container position-absolute d-flex justify-content-center align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" fill="none"><g clip-path="url(#a)" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.666 17a2.833 2.833 0 1 0 5.666 0 2.833 2.833 0 0 0-5.666 0Z"/><path d="M30.25 17c-3.4 5.667-7.65 8.5-12.75 8.5S8.15 22.667 4.75 17c3.4-5.667 7.65-8.5 12.75-8.5s9.35 2.833 12.75 8.5Z"/></g><defs><clippath id="a"><path fill="#fff" transform="translate(.5)" d="M0 0h34v34H0z"/></clippath></defs></svg>
</div>
<img width="286" height="429" loading="lazy" src="https://www.centimetre.com/media/cache/project_client/media/image/project_client/sur-mesure/dressing/04_dressing_Pose_cde_29474_Charlotte.jpg" alt="Portes de placard coulissantes">
</div>
<div>
<div class="title text-center">Le projet de Charlotte</div>
<div class="subtitle text-center">Portes de placard coulissantes</div>
</div>
</div>
<div class="modal fade modal-project-item" id="modalData-211" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-body">
<div>
<div class="row">
<div class="col-xs-12 col-sm-5">
<div id="carouselModalData-211" class="carousel slide" data-bs-interval="3000" data-bs-ride="carousel">
<div class="carousel-indicators">
<li data-target="#carouselModalData-211"
data-slide-to="0"
class="active" ></li>
<button type="button" data-bs-target="#carouselModalData-211" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 0"></button>
<li data-target="#carouselModalData-211"
data-slide-to="1"
></li>
<button type="button" data-bs-target="#carouselModalData-211" data-bs-slide-to="1" aria-label="Slide 1"></button>
<li data-target="#carouselModalData-211"
data-slide-to="2"
></li>
<button type="button" data-bs-target="#carouselModalData-211" data-bs-slide-to="2" aria-label="Slide 2"></button>
<li data-target="#carouselModalData-211"
data-slide-to="3"
></li>
<button type="button" data-bs-target="#carouselModalData-211" data-bs-slide-to="3" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/sur-mesure/dressing/01_dressing_Pose_cde_29474_Charlotte.jpg"
title="Portes de placard coulissantes - 1/4"
alt="Portes de placard coulissantes - 1/4">
</div>
<div class="carousel-item">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/sur-mesure/dressing/02_dressing_Pose_cde_29474_Charlotte.jpg"
title="Portes de placard coulissantes - 2/4"
alt="Portes de placard coulissantes - 2/4">
</div>
<div class="carousel-item">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/sur-mesure/dressing/03_dressing_Pose_cde_29474_Charlotte.jpg"
title="Portes de placard coulissantes - 3/4"
alt="Portes de placard coulissantes - 3/4">
</div>
<div class="carousel-item">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/sur-mesure/dressing/04_dressing_Pose_cde_29474_Charlotte.jpg"
title="Portes de placard coulissantes - 4/4"
alt="Portes de placard coulissantes - 4/4">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselModalData-211" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselModalData-211" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-xs-12 col-sm-7 right-content">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<img loading="lazy" width="100%" height="100%" src="/build/CentimetreThemeImg/images/ppc/anim-exploded/ico/ico-close-modal.png" alt="Fermer">
</button>
<p class="miscData">
<div class="title">Le projet de Charlotte</div>
<div class="subtitle">Portes de placard coulissantes</div>
<hr>
<div class="size mb-2">
<b class="text-bold-18">Dimensions :</b> <span class="text-regular-18">Largeur : 2462 mm Hauteur : 2750 mm</span>
</div>
<div class="description mb-2">
<b class="text-bold-18">Descriptif :</b><br>
<span class="text-regular-18">Modèle solo pommier sauvage<br />
Montants et rails: blanc brillant</span>
</div>
<div class="project-item-price mb-2">
<b class="text-bold-18">Prix :</b> <span class="text-regular-18">959€ (prix hors promotion)</span>
</div>
<hr>
</p>
<p class="reviewData text-regular-18">
Impeccable
</p>
<p class="ratingData">
<div class="orderDate text-regular-18">le 12/04/2023</div>
<div class="rate mt-3">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
</div>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="project-item d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#modalData-201">
<div class="position-relative">
<div class="eye-container position-absolute d-flex justify-content-center align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" fill="none"><g clip-path="url(#a)" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.666 17a2.833 2.833 0 1 0 5.666 0 2.833 2.833 0 0 0-5.666 0Z"/><path d="M30.25 17c-3.4 5.667-7.65 8.5-12.75 8.5S8.15 22.667 4.75 17c3.4-5.667 7.65-8.5 12.75-8.5s9.35 2.833 12.75 8.5Z"/></g><defs><clippath id="a"><path fill="#fff" transform="translate(.5)" d="M0 0h34v34H0z"/></clippath></defs></svg>
</div>
<img width="286" height="429" loading="lazy" src="https://www.centimetre.com/media/cache/project_client/media/image/project_client/PPC-classic/01_PPC_cde_29983_Laure.jpg" alt="Ensemble 4 portes de placard coulissantes">
</div>
<div>
<div class="title text-center">Le projet de Laure</div>
<div class="subtitle text-center">Ensemble 4 portes de placard coulissantes</div>
</div>
</div>
<div class="modal fade modal-project-item" id="modalData-201" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-body">
<div>
<div class="row">
<div class="col-xs-12 col-sm-5">
<div id="carouselModalData-201" class="carousel slide" data-bs-interval="3000" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/PPC-classic/01_PPC_cde_29983_Laure.jpg"
title="Ensemble 4 portes de placard coulissantes - 1/1"
alt="Ensemble 4 portes de placard coulissantes - 1/1">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-7 right-content">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<img loading="lazy" width="100%" height="100%" src="/build/CentimetreThemeImg/images/ppc/anim-exploded/ico/ico-close-modal.png" alt="Fermer">
</button>
<p class="miscData">
<div class="title">Le projet de Laure</div>
<div class="subtitle">Ensemble 4 portes de placard coulissantes</div>
<hr>
<div class="size mb-2">
<b class="text-bold-18">Dimensions :</b> <span class="text-regular-18">Largeur : 3490 mm Hauteur : 2465 mm</span>
</div>
<div class="description mb-2">
<b class="text-bold-18">Descriptif :</b><br>
<span class="text-regular-18">Modèle : trio asymétrique / solo<br />
Coloris : Noir gaufré / Miroir argent<br />
Montants et rails : Noir mat</span>
</div>
<div class="project-item-price mb-2">
<b class="text-bold-18">Prix :</b> <span class="text-regular-18">2046€ (prix hors promotion)</span>
</div>
<hr>
</p>
<p class="reviewData text-regular-18">
Très bonne qualité Grand choix
</p>
<p class="ratingData">
<div class="orderDate text-regular-18">le 30/05/2023</div>
<div class="rate mt-3">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
<img alt="étoile" src="/build/CentimetreThemeImg/images/avis_verifies/etoile.png" height="29" width="30">
</div>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="project-item d-flex flex-column justify-content-center align-items-center" data-bs-toggle="modal" data-bs-target="#modalData-200">
<div class="position-relative">
<div class="eye-container position-absolute d-flex justify-content-center align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="34" fill="none"><g clip-path="url(#a)" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.666 17a2.833 2.833 0 1 0 5.666 0 2.833 2.833 0 0 0-5.666 0Z"/><path d="M30.25 17c-3.4 5.667-7.65 8.5-12.75 8.5S8.15 22.667 4.75 17c3.4-5.667 7.65-8.5 12.75-8.5s9.35 2.833 12.75 8.5Z"/></g><defs><clippath id="a"><path fill="#fff" transform="translate(.5)" d="M0 0h34v34H0z"/></clippath></defs></svg>
</div>
<img width="286" height="429" loading="lazy" src="https://www.centimetre.com/media/cache/project_client/media/image/project_client/PPC-classic/PPC_Pose_Ana_cde_27968.jpg" alt="Ensemble 4 portes de placard coulissantes">
</div>
<div>
<div class="title text-center">Le projet d'Ana</div>
<div class="subtitle text-center">Ensemble 4 portes de placard coulissantes</div>
</div>
</div>
<div class="modal fade modal-project-item" id="modalData-200" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-body">
<div>
<div class="row">
<div class="col-xs-12 col-sm-5">
<div id="carouselModalData-200" class="carousel slide" data-bs-interval="3000" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img
loading="lazy"
width="500" height="750" src="/media/image/project_client/PPC-classic/PPC_Pose_Ana_cde_27968.jpg"
title="Ensemble 4 portes de placard coulissantes - 1/1"
alt="Ensemble 4 portes de placard coulissantes - 1/1">
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-7 right-content">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<img loading="lazy" width="100%" height="100%" src="/build/CentimetreThemeImg/images/ppc/anim-exploded/ico/ico-close-modal.png" alt="Fermer">
</button>
<p class="miscData">
<div class="title">Le projet d'Ana</div>
<div class="subtitle">Ensemble 4 portes de placard coulissantes</div>
<hr>
<div class="size mb-2">
<b class="text-bold-18">Dimensions :</b> <span class="text-regular-18">Largeur : 3040 mm Hauteur : 2420 mm</span>
</div>
<div class="description mb-2">
<b class="text-bold-18">Descriptif :</b><br>
<span class="text-regular-18">Modèle solo : blanc structuré<br />
Montants et rails : Aluminium naturel</span>
</div>
<div class="project-item-price mb-2">
<b class="text-bold-18">Prix :</b> <span class="text-regular-18">1224€ (prix hors promotion)</span>
</div>
<hr>
</p>
<p class="ratingData">
<div class="orderDate text-regular-18">le 15/01/2023</div>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="head-module d-flex justify-content-between">
<div class="content">
<h2> Découvrez notre gamme de portes de placard coulissantes</h2>
<p class="text-regular-18"> </p>
</div>
</div>
<br>
<section class="relance-module relance-duo d-flex justify-content-between">
<div class="relance-item">
<a href="/portes-de-placard-chambre">
<div>
<img width="100%" height="100%" loading="lazy" src="/build/CentimetreThemeImg/images/module/relance/porte-placard/ppc/Porte_coulissante_Zone_Relance_Produit_placard_chambre.jpg" alt="">
</div>
<div class="relance-content d-flex flex-column justify-content-center">
<div class="relance-title">
<h3>Porte de placard coulissante chambre</h3>
</div>
<p class="relance-text text-regular-16">Les portes de placard coulissantes pour chambre sont un excellent moyen d'optimiser l'espace et de créer une ambiance harmonieuse dans votre chambre à coucher. Elles vous permettent de ranger vos vêtements, vos chaussures et vos accessoires en toute simplicité. Une routine simplifiée !</p>
</div>
</a>
</div>
<div class="relance-item">
<a href="/portes-de-placard-cuisine">
<div>
<img width="100%" height="100%" loading="lazy" src="/build/CentimetreThemeImg/images/module/relance/porte-placard/ppc/Porte_coulissante_Zone_Relance_Produit_placard_cuisine.jpg" alt="">
</div>
<div class="relance-content d-flex flex-column justify-content-center">
<div class="relance-title">
<h3>Porte de placard coulissante cuisine</h3>
</div>
<p class="relance-text text-regular-16">Les portes de placard coulissantes pour la cuisine sont la solution pour une cuisine fonctionnelle. Rangez votre vaisselle, vos ustensiles et vos aliments en toute simplicité. Équipées de roulements à billes, elles assurent une coulisse parfaite, idéales quand on a les mains prises en cuisinant !</p>
</div>
</a>
</div>
<div class="relance-item">
<a href="/portes-de-placard-entree">
<div>
<img width="100%" height="100%" loading="lazy" src="/build/CentimetreThemeImg/images/module/relance/porte-placard/ppc/Porte_coulissante_Zone_Relance_Produit_porte_entree.jpg" alt="">
</div>
<div class="relance-content d-flex flex-column justify-content-center">
<div class="relance-title">
<h3>Porte de placard coulissante entrée</h3>
</div>
<p class="relance-text text-regular-16">Adieu les entrées encombrées ! Faites une première impression mémorable avec nos portes de placard coulissantes d'entrée. Libérez de l'espace et agrandissez instantanément votre entrée en gardant vos affaires soigneusement rangées derrière des portes discrètes et fonctionnelles.</p>
</div>
</a>
</div>
<div class="relance-item">
<a href="/portes-de-placard-salle-de-bain">
<div>
<img width="100%" height="100%" loading="lazy" src="/build/CentimetreThemeImg/images/module/relance/porte-placard/ppc/Porte_coulissante_Zone_Relance_Produit_placard_porte _salle_de_bain.jpg" alt="">
</div>
<div class="relance-content d-flex flex-column justify-content-center">
<div class="relance-title">
<h3>Porte de placard coulissante salle de bain</h3>
</div>
<p class="relance-text text-regular-16">Nos portes de placard coulissantes de salle de bain sont conçues pour résister efficacement à la vapeur d'eau. Le cadre en aluminium leur garantit également une robustesse et une durabilité exceptionnelle pour une salle de bain fonctionnelle, élégante et à l’épreuve du temps.</p>
</div>
</a>
</div>
</section>
<div class="blog-module">
<div id="head-blog" class="head-module d-flex justify-content-between anchor">
<div class="content">
<h2 class=""> Blog :<br> Découvrez toutes nos idées et astuces déco</h2>
<p class="text-regular-18"> En manque d’inspiration ? Centimetre vous partage idées, astuces et tendances pour un intérieur toujours plus agréable à vivre !</p>
</div>
<div class="action d-none d-sm-block">
<a href="https://blog.centimetre.com/" target="_blank">
<button class="btn-light-dark btn-hover-light-dark fs-5"> Voir tous les articles</button>
</a>
</div>
</div>
<div class="blog-module-content d-flex justify-content-between">
<a href="https://blog.centimetre.com/systeme-de-porte-coulissante/">
<div class="blog-item">
<div>
<img width="100%" height="100%" loading="lazy"
src="https://cms.centimetre.com/wp-content/uploads/2023/05/34-400x324.jpg"
alt="Porte coulissante style atelier noir">
</div>
<div class="blog-item-text">
<div class="sticker green">
Conseil brico
</div>
<div class="blog-title">Système de porte coulissante anti-déraillement</div>
<div class="blog-date"> 23 mai 2016</div>
</div>
</div>
</a>
<a href="https://blog.centimetre.com/amortisseur-de-porte/">
<div class="blog-item">
<div>
<img width="100%" height="100%" loading="lazy"
src="https://cms.centimetre.com/wp-content/uploads/2023/05/41-400x324.jpg"
alt="Amortisseur de porte de placard coulissante">
</div>
<div class="blog-item-text">
<div class="sticker green">
Conseil brico
</div>
<div class="blog-title">Amortisseur de porte de placard coulissante</div>
<div class="blog-date"> 04 Mai. 2016</div>
</div>
</div>
</a>
<a href="https://blog.centimetre.com/porte-coulissante-aluminium-vs-acier-le-match/">
<div class="blog-item">
<div>
<img width="100%" height="100%" loading="lazy"
src="https://cms.centimetre.com/wp-content/uploads/2023/05/37-400x324.jpg"
alt="Profil porte coulissante">
</div>
<div class="blog-item-text">
<div class="sticker pink">
Idées déco
</div>
<div class="blog-title">Porte coulissante : Aluminium vs Acier le match</div>
<div class="blog-date"> 16 Déc. 2016</div>
</div>
</div>
</a>
</div>
</div>
<div id="modal-montage-facade-classic" class="modal fade cm-modal config2-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<img width="25" height="25" src="/build/CentimetreThemeImg/images/ppc/anim-exploded/ico/ico-close-modal.png" alt="Fermer">
</button>
</div>
<div class="modal-body">
<video preload="none" controls width="100%" id="video-montage-facade-classic" loop="loop" poster="/build/CentimetreThemeImg/images/ppc/01_carac/ill_cover_video-pose-PPC.jpg">
<source src="https://media.cmai-groupe.com/m/d4c1ed588601886/original/Video_montage_Porte_de_placard_coulissante_2025.mp4" type="video/mp4" />
La vidéo n'a pas pu être chargé
</video>
<script type="text/javascript">
$('#modal-montage-facade-classic').on('hidden.bs.modal', function (e) {
document.getElementById("video-montage-facade-classic").pause();
});
</script>
<script type="text/javascript">
$('body').on('shown.bs.modal', '#modal-montage-facade-classic',function(e) {
e.preventDefault();
var media = document.querySelector('#video-montage-facade-classic');
var videoLink = $(e.relatedTarget).attr('data-link-video');
$(media).children('source').attr('src', videoLink);
media.load();
media.play();
});
$('body').on('hidden.bs.modal', '#modal-montage-facade-classic',function(e) {
e.preventDefault();
var media = document.querySelector('#video-montage-facade-classic');
media.currentTime = 0;
media.load();
});
</script>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</main>
<div id="newsletter" class="newsletter px-3">
<div class="container-newsletter">
<div class="row">
<div class="title lh-1">Abonnez-vous</div>
<p>Vous souhaitez être informé <br> des dernières nouveautés et promotions ?</p>
<form method="POST" class="d-flex align-items-end justify-content-center" role="form">
<div class="d-flex align-items-center justify-content-center gap-3">
<input type="email" id="newsletter_email" name="newsletter[email]" required="required" placeholder="Mon adresse e-mail" class="m-0 form-control" />
<button type="submit" class="btn btn-cercle-white pull-right rounded-circle">OK</button>
</div>
<div class="clearfix"></div>
</form>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
const newsletterContainer = document.getElementById('newsletter');
newsletterContainer.addEventListener('submit', function (e) {
const form = e.target;
if (form.tagName.toLowerCase() !== 'form') return; // sécurité pour éviter les erreurs
e.preventDefault();
// Convertir les données du formulaire en objet
const rawData = Object.fromEntries(new FormData(form));
const data = {
newsletter: { 'email': rawData['newsletter[email]']}
};
// Envoyer avec fetch
fetch("/inscription-newsletter", {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest',
},
body: JSON.stringify(data)
})
.then(response => response.json())
.then(response => {
if (response.success) {
document.querySelector('.msg-newsletter').innerHTML = `
<div class="msg-confirmation">
<div class="alert alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="false">×</span>
</button>
Vous êtes désormais inscrit à notre newsletter.
</div>
</div>
`;
const emailInput = document.getElementById('newsletter_email');
if (emailInput) emailInput.value = "";
}
})
.catch(error => {
console.error('Erreur lors de l’envoi :', error);
});
return false;
});
});
</script>
<div class="msg-newsletter"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<div class="full-width" style="height: 1px; background-color: #c4c4c4;"></div>
<div id="footer" class="navbar-expand-sm">
<div class="container d-flex">
<div class="colCorpo">
<a aria-label="logo centimetre.com" href="/">
<picture>
<source type="image/webp" srcset="/build/CentimetreThemeImg/images/logo.webp">
<source type="image/png" srcset="/build/CentimetreThemeImg/images/logo.png">
<img class="img-fluid" loading="lazy" width="230" height="34" src="/build/CentimetreThemeImg/images/logo.png" alt="Logo centimetre.com le rangement à mes mesures" title="Logo centimetre.com le rangement à mes mesures">
</picture>
</a>
<div class="bulle">
<div id="site-rate" class="location-netreviewsWidgetNum10604">
<meta class="netreviewsWidget" id="netreviewsWidgetNum10604" data-jsurl="//cl.avis-verifies.com/fr/cache/d/5/c/d5c31455-36bb-c404-e9c9-f323cb518fac/widget4/widget19-10604_script.js"/>
</div>
</div>
</div>
<div class="colSiteMap d-none d-sm-block">
<div class="row">
<div class="col-sm-6 col-lg-3 produit">
<b>
<a href="/a-propos-de-nous/qui-sommes-nous">
Nos produits
</a>
</b>
<ul>
<li><a href="/dressing">Dressing</a></li>
<li><a href="/meuble-tv">Meuble TV</a></li>
<li><a href="/placard">Placard</a></li>
<li><a href="/armoire">Armoire</a></li>
<li><a href="/porte-de-placard-coulissante">Porte de placard coulissante</a></li>
<li><a href="/verriere">Verrière</a></li>
<li><a href="/bibliotheque">Bibliothèque</a></li>
</ul>
</div>
<div class="col-sm-6 col-lg-3 faq">
<b>
<a href="/questions-frequentes">
FAQ
</a>
</b>
<ul>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/produits">
Nos produits
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/concevoir">
Prendre mes mesures
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/livraison">
Ma livraison
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/moyen-de-paiement">
Mon paiement
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/commande">
Ma commande
</a>
</li>
<li class="py-1 lh-base hover-underline"><a class="fc-inherit" href="/faq/category/garantie">
Mes garanties
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/installation">
Service de pose
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/notice-de-montage">
Notices de montage
</a>
</li>
<li class="py-1 lh-base hover-underline">
<a class="fc-inherit" href="/faq/category/qualite-environnement">
Qualité et environnement
</a>
</li>
</ul>
</div>
<div class="col-sm-6 col-lg-3 services">
<b>
<a href="/services">
Services
</a>
</b>
<ul>
<li><a href="/prendre-rdv-en-ligne">Prendre rendez-vous en ligne</a></li>
<li><a href="/boite-echantillons">Recevoir des échantillons</a></li>
<li><a href="/services/paiement-3x">Paiement en 3x sans frais</a></li>
<li><a href="/faq/category/garantie">Garantie 10 ans</a></li>
<li><a href="/services/modes-de-paiement">Paiement sécurisé</a></li>
<li><a href="/services/livraison">Livraison à domicile</a></li>
<li><a href="/services/service-de-pose">Service de pose</a></li>
<li><a href="https://blog.centimetre.com">Nos idées déco</a></li>
<li><a href="/services/recyclage">Eco-participation et recyclage</a></li>
</ul>
</div>
<div class="col-sm-6 col-lg-3 propos">
<b>
<a href="/questions-frequentes">
A propos de nous
</a>
</b>
<ul>
<li><a href="/a-propos-de-nous/qui-sommes-nous">Qui sommes-nous</a></li>
<li><a href="/a-propos-de-nous/nos-engagements">Nos engagements</a></li>
<li><a href="/contact">Nous contacter</a></li>
<li><a href="/presse">Espace presse</a></li>
</ul>
</div>
</div>
</div>
<div class="colContact">
<div class="reseau">
<a aria-label="link Instagram" target="_blank" href="https://www.instagram.com/centimetre_com/">
<img loading="lazy" width="50" height="50" class="img-fluid" style="margin: -6px 0 0 0" src="/build/CentimetreThemeImg/images/homepage/footer/ico-footer_instagram.png" alt="Instagram">
</a>
<a aria-label="link Facebook" target="_blank" href="https://www.facebook.com/centimetrecom">
<img loading="lazy" width="50" height="50" class="img-fluid" src="/build/CentimetreThemeImg/images/homepage/footer/ico-footer_facebook.png" alt="Facebook">
</a>
<a aria-label="link Pinterest" target="_blank" href="https://fr.pinterest.fr/centimetresurmesure/">
<img loading="lazy" width="50" height="50" class="img-fluid" src="/build/CentimetreThemeImg/images/homepage/footer/ico-footer_pinterest.png" alt="Pinterest">
</a>
</div>
<div class="follow">suivez-nous</div>
</div>
</div>
<div class="zoneLinks">
<a href="/conditions-generales">Conditions générales de vente</a>
<a href="/mentions-legales">Mentions légales</a>
<a href="/cookies">En savoir plus et paramétrer vos cookies</a>
<a href="/politique-des-donnees-a-caractere-personnel">Politique des données à caractère personnel</a>
</div>
</div>
<script type="application/ld+json">
{
"@context":"http://schema.org",
"@graph":[
{
"@type":"OnlineBusiness",
"name":"Centimetre.com",
"url":"https://www.centimetre.com",
"logo":"https://www.centimetre.com/build/CentimetreThemeImg/images/logo.png",
"image":"https://www.centimetre.com/medias/public/header/armoire/ill-header-ARMOIRE_categorie.jpg",
"description":"Centimetre.com conçoit, fabrique en France et propose en ligne des solutions de rangement sur mesure pour la maison, à travers une offre évolutive de produits de qualité, à prix accessible. La marque donne à ses clients la possibilité de concevoir et personnaliser ses meubles lui-même, ou de bénéficier d'un accompagnement complet, assorti des engagements de la marque.",
"telephone":"0 800 100 360",
"email":"contact@centimetre.com",
"brand":{
"@type":"Brand",
"name":"Centimetre.com"
},
"address":{
"@type":"PostalAddress",
"addressLocality":"Paris",
"addressRegion":"Paris",
"addressCountry":"FR"
},
"contactPoint": [ {
"@type": "ContactPoint",
"telephone": "0 800 100 360",
"contactType": "customer service",
"email": "contact@centimetre.com",
"areaServed": "FR",
"availableLanguage": ["French"]
}],
"foundingDate":"2014",
"sameAs":[
"https://www.facebook.com/centimetrecom",
"https://www.instagram.com/centimetre_com",
"https://fr.pinterest.com/centimetresurmesure/",
"https://www.youtube.com/c/Centimetre"
],
"aggregateRating":{
"@type": "AggregateRating",
"itemReviewed": {
"@type": "OnlineBusiness",
"image": "https://centimetre.com/build/CentimetreThemeImg/images/mega-menu/new/ill_PPc-atelier.png",
"name": "Centimetre.com"
},
}
}
]
}
</script>
<script type="text/javascript">
// display avisverifies macaron
$(document).ready(function () {
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth;
if(x<=479){
var macaronHtml = $(".location-netreviewsWidgetNum10604").html();
$(".location-netreviewsWidgetNum10604").find("meta").remove();
$(".mob-location-netreviewsWidgetNum10604").html(macaronHtml);
}
});
async function waitUntil(element) {
let i = 0;
return await new Promise(resolve => {
const interval = setInterval(() => {
if(document.querySelector(element)){
document.querySelector(element).setAttribute("width", "100%");
document.querySelector(element).setAttribute("height", "100%");
clearInterval(interval);
}else if(i > 55){
clearInterval(interval);
}
}, 1);
});
}
waitUntil('#netreviewsWidgetNum10604widget19avImage');
</script>
<div id="pdm-dressing-modal" class="modal fade cm-modal config2-modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<img width="25" height="25" src="/build/CentimetreThemeImg/images/ppc/anim-exploded/ico/ico-close-modal.png" alt="Fermer">
</button>
<div class="modal-title">Guide des mesures pour mon dressing</div>
</div>
<div class="modal-body">
<video preload="none" width="100%" loop="loop" muted="muted" controls id="video-pdm-dressing">
<source src="https://media.cmai-groupe.com/m/7458083582da20dc/02C303C7-Prise-de-mesures-dressing.mp4" type="video/mp4" />
La vidéo n'a pas pu être chargé
</video>
<script type="text/javascript">
$('#pdm-dressing-modal').on('hidden.bs.modal', function (e) {
let videoPdmDressing = document.getElementById("video-pdm-dressing")
videoPdmDressing.pause();
videoPdmDressing.currentTime = 0;
});
$('#pdm-dressing-modal').on('shown.bs.modal', function (e) {
let videoPdmDressing = document.getElementById("video-pdm-dressing")
videoPdmDressing.autoplay = true;
videoPdmDressing.muted = false;
videoPdmDressing.play();
});
</script>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div id="login-modal" class="modal modal-v2 fade cm-modal-login-V2 config2-modal" tabindex="-1" role="dialog" data-redirect="/mon-compte/accueil">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="login_modal" class="d-flex modal-v2">
<div class="connexion">
<div class="title-container">
<strong class="title">Je me connecte</strong>
</div>
<div class="d-flex align-items-center justify-center border rounded p-3 w-80 fs-18 mx-3" style="border-color: #ff9800!important;">
<span>
Suite à une mise à jour du site, lors de votre première connexion il est nécessaire de mettre à jour votre mot de passe via <a class="no-scroll text-decoration-underline" onclick="forgotPasswordModal();" data-toggle="modal" data-target="#forgot-password-modal" href="#">la fonctionnalité de mot de passe oublié.</a>
</span>
</div>
<div>
<br/>
<form method="post" action="/login-check" novalidate="novalidate" class="d-flex flex-column align-items-center" id="form_login" data-url="/login-api" data-redirect="/mon-compte/accueil">
<div class="content">
<div class="alert alert-danger error hidden"></div>
<div class="response"></div>
<div class="form-fields">
<div class="form-group mb-3">
<div class="input-head d-flex justify-content-between">
<label for="_username" class="required">Email</label>
<span id="error-_username" class="form-error text-danger">
</span>
</div>
<input type="text" id="_username" name="_username" required="required" class="form-control">
</div>
<div class="form-group mb-3">
<div class="input-head d-flex justify-content-between">
<label class="form-label mb-0 required" for="_password">Mot de passe</label>
<span id="error-_password" class="form-error text-danger">
</span>
</div>
<div class="input-group mb-3">
<input type="password" id="_password" name="_password" required="required" class="form-control">
<span class="input-group-text oeil-mdp-hover-login" id="ico-oeil-mdp-login"> </span>
</div>
</div>
<div class="oubli">
<a class="no-scroll" onclick="forgotPasswordModal();" data-toggle="modal" data-target="#forgot-password-modal" href="#">Mot de passe oublié</a>
</div>
</div>
</div>
<hr>
<input type="hidden" name="_csrf_shop_security_token" value="dfe7ef5fc.iMhBP4TJPr3PqcQRE8FzNIJdP10qV5XhAGGI5JQcahU.4Ysqb6n6bv_-769VafQUZs8EfQdCEMHRbjbjrc1DHVS_kHQNwq12hL7GlQ">
<div class="action">
<button type="submit" class="btn btn-orange btn-radius50" onclick="loginModal(event)">Je me connecte</button>
</div>
<div id="cm-loader" style="transform: scale(0.6);" class="cm-loader col-12 col-lg-4">
<div class="panel-loadercustom orange"></div>
<div class="panel-loadercustom cyan"></div>
<div class="panel-loadercustom grey"></div>
</div>
</form>
</div>
</div>
<div class="registration d-flex justify-content-center align-items-center">
<div class="content">
<div class="title">Pas encore de compte ?</div>
<div class="text">
Créez-en un maintenant,<br> ça ne vous prendra que quelques secondes
</div>
<button class="btn-grey" onclick="createAccountModal(event, '#login-modal', decodeURIComponent($('#login_modal').attr('data-redirect')), $('#login_modal').attr('data-onlylogin'));">Je crée mon compte</button>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="forgottenPasswordModal" tabindex="-1" aria-labelledby="forgottenPasswordModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<p class="modal-title h3" id="forgottenPasswordModalLabel">Mot de passe oublié</p>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div>
<form name="sylius_user_request_password_reset" method="post" action="/mot-de-passe-oublie">
<div class="form-floating mb-3">
<input type="email" id="sylius_user_request_password_reset_email" name="sylius_user_request_password_reset[email]" required="required" class="form-control rounded-4">
<label for="sylius_user_request_password_reset_email" class="required">Email</label>
</div>
<input type="hidden" id="sylius_user_request_password_reset__token" name="sylius_user_request_password_reset[_token]" value="adeea65857b87f843afca794af.OeYRR_UT3iOZY5YsV1PaRI5pM_Mr0sxeTvchyxIpT8c.TbAoFK9fp1GvEvNGOBSDCOQsApt6tJkPP4dSoCZFAatNhEYNmUmYZNMrxw" />
<button class="w-100 mb-2 btn btn-lg rounded-4 btn-secondary rounded-pill" type="submit">Valider</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="forgottenPasswordConfirmModal" tabindex="-1" aria-labelledby="forgottenPasswordConfirmModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<p class="modal-title h3" id="forgottenPasswordConfirmModalLabel">Mot de passe oublié</p>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="text-center mb-3">
Si cette adresse correspond bien à un compte centimetre.com, <span class="text-primary">un e-mail de renouvellement de mot de passe</span> vient de vous être envoyé. Vérifiez qu’il ne se trouve pas dans votre dossier de courriers indésirables. </div>
<button class="w-100 mb-2 btn btn-lg rounded-4 btn-secondary rounded-pill" data-bs-toggle="modal" data-bs-target="#loginModal" role="button">Valider</button>
</div>
</div>
</div>
</div>
<div id="create-account-modal" class="modal modal-v2 fade cm-modal-register-V2 config2-modal" tabindex="-1" role="dialog" data-redirect="/mon-compte/accueil">
<div class="modal-dialog modal-lg modal-xl">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="create-account_modal" class="d-flex modal-v2">
<div class="connexion d-flex justify-content-center align-items-center">
<div class="content d-flex justify-content-center align-items-center flex-column">
<div class="title">J'ai déjà un compte</div>
<div class="text">
Sauvegarder votre projet, vous connecter<br> à votre compte ou échanger avec nos agenceurs
</div>
<button class="btn-grey" onclick="displayLoginModal(event, '/mon-compte/accueil')">Je me connecte</button>
</div>
</div>
<div class="registration">
<div class="title-container">
<strong class="title">Je crée mon compte</strong>
</div>
<div>
<form name="sylius_customer_registration" method="post" action="/register_ajax" id="inscription" class="d-flex flex-column align-items-center">
<div class="content">
<div class="alert alert-danger error hidden"></div>
<div class="response"></div>
<div class="form-fields">
<div class="form-group mb-3">
<div class="input-head d-flex justify-content-between">
<label for="sylius_customer_registration[email]" class="form-label mb-0">Email</label>
<span id="error-_username" class="form-error text-danger"></span>
</div>
<input type="text" id="_username" name="sylius_customer_registration[email]" class="form-control" value="" required="required">
</div>
<div class="form-group mb-4">
<div class="input-head d-flex justify-content-between">
<label for="sylius_customer_registration[user][plainPassword][first]" class="form-label mb-0">Mot de passe <span class="lite">(8 caractères min.)</span></label>
<span id="error-_password" class="form-error text-danger"></span>
</div>
<div class="input-group mb-3">
<input type="password" id="_password" name="sylius_customer_registration[user][plainPassword][first]" class="form-control" required="required">
<span class="input-group-text oeil-mdp-hover-register" id="ico-oeil-mdp-register"></span>
</div>
</div>
<div class="form-group row area-courntry">
<div class="col">
<div class="input-head d-flex justify-content-between">
<span id="error-sylius_customer_registration_country" class="form-error text-danger"></span>
</div>
<select id="sylius_customer_registration_country" name="sylius_customer_registration[country]" required="required" class="input-lg form-control form-select"><option value="" selected="selected">Pays</option><option value="BE">Belgique</option><option value="FR">France</option><option value="LU">Luxembourg</option></select>
</div>
<div class="col">
<div class="input-head d-flex justify-content-end">
<span id="error-sylius_customer_registration_departement" class="form-error text-danger"></span>
</div>
<select id="sylius_customer_registration_departement" name="sylius_customer_registration[departement]" required="required" class="input-lg form-control form-select"><option value="" selected="selected">Département</option><option value="01">01 - Ain</option><option value="02">02 - Aisne</option><option value="03">03 - Allier</option><option value="04">04 - Alpes-de-Haute-Provence</option><option value="05">05 - Hautes-Alpes</option><option value="06">06 - Alpes-Maritimes</option><option value="07">07 - Ardèche</option><option value="08">08 - Ardennes</option><option value="09">09 - Ariège</option><option value="10">10 - Aube</option><option value="11">11 - Aude</option><option value="12">12 - Aveyron</option><option value="13">13 - Bouches-du-Rhône</option><option value="14">14 - Calvados</option><option value="15">15 - Cantal</option><option value="16">16 - Charente</option><option value="17">17 - Charente-Maritime</option><option value="18">18 - Cher</option><option value="19">19 - Corrèze</option><option value="21">21 - Côte-d'Or</option><option value="22">22 - Côtes-d'Armor</option><option value="23">23 - Creuse</option><option value="24">24 - Dordogne</option><option value="25">25 - Doubs</option><option value="26">26 - Drôme</option><option value="27">27 - Eure</option><option value="28">28 - Eure-et-Loir</option><option value="29">29 - Finistère</option><option value="30">30 - Gard</option><option value="31">31 - Haute-Garonne</option><option value="32">32 - Gers</option><option value="33">33 - Gironde</option><option value="34">34 - Hérault</option><option value="35">35 - Ille-et-Vilaine</option><option value="36">36 - Indre</option><option value="37">37 - Indre-et-Loire</option><option value="38">38 - Isère</option><option value="39">39 - Jura</option><option value="40">40 - Landes</option><option value="41">41 - Loir-et-Cher</option><option value="42">42 - Loire</option><option value="43">43 - Haute-Loire</option><option value="44">44 - Loire-Atlantique</option><option value="45">45 - Loiret</option><option value="46">46 - Lot</option><option value="47">47 - Lot-et-Garonne</option><option value="48">48 - Lozère</option><option value="49">49 - Maine-et-Loire</option><option value="50">50 - Manche</option><option value="51">51 - Marne</option><option value="52">52 - Haute-Marne</option><option value="53">53 - Mayenne</option><option value="54">54 - Meurthe-et-Moselle</option><option value="55">55 - Meuse</option><option value="56">56 - Morbihan</option><option value="57">57 - Moselle</option><option value="58">58 - Nièvre</option><option value="59">59 - Nord</option><option value="60">60 - Oise</option><option value="61">61 - Orne</option><option value="62">62 - Pas-de-Calais</option><option value="63">63 - Puy-de-Dôme</option><option value="64">64 - Pyrénées-Atlantiques</option><option value="65">65 - Hautes-Pyrénées</option><option value="66">66 - Pyrénées-Orientales</option><option value="67">67 - Bas-Rhin</option><option value="68">68 - Haut-Rhin</option><option value="69">69 - Rhône</option><option value="70">70 - Haute-Saône</option><option value="71">71 - Saône-et-Loire</option><option value="72">72 - Sarthe</option><option value="73">73 - Savoie</option><option value="74">74 - Haute-Savoie</option><option value="75">75 - Paris</option><option value="76">76 - Seine-Maritime</option><option value="77">77 - Seine-et-Marne</option><option value="78">78 - Yvelines</option><option value="79">79 - Deux-Sèvres</option><option value="80">80 - Somme</option><option value="81">81 - Tarn</option><option value="82">82 - Tarn-et-Garonne</option><option value="83">83 - Var</option><option value="84">84 - Vaucluse</option><option value="85">85 - Vendée</option><option value="86">86 - Vienne</option><option value="87">87 - Haute-Vienne</option><option value="88">88 - Vosges</option><option value="89">89 - Yonne</option><option value="90">90 - Territoire de Belfort</option><option value="91">91 - Essonne</option><option value="92">92 - Hauts-de-Seine</option><option value="93">93 - Seine-Saint-Denis</option><option value="94">94 - Val-de-Marne</option><option value="95">95 - Val-d'Oise</option><option value="20">20 - Corse</option></select>
</div>
</div>
</div>
<div class="checkbox-container">
<div class="form-group" >
<label>
<input type="checkbox" id="sylius_customer_registration_subscribedToNewsletter" name="sylius_customer_registration[subscribedToNewsletter]" value="1" />
<label class="label-check" for="sylius_customer_registration[subscribedToNewsletter]">Recevoir notre newsletter</label>
</label>
</div>
<div class="form-group" >
<div class="input-head d-flex justify-content-between">
<span id="error-sylius_customer_registration_hasAccepdLegal" class="form-error text-danger"></span>
</div>
<input type="checkbox" id="sylius_customer_registration_hasAccepdLegal" name="sylius_customer_registration[hasAccepdLegal]" required="required" value="1" />
<label class="label-check" for="sylius_customer_registration[hasAccepdLegal]"><span>J’accepte les <a href="">Conditions d'utilisation</a> et je confirme <br> avoir lu la <a href="">Politique de confidentialité</a> de centimetre.com<span></label>
</div>
</div>
</div>
<div class="action">
<button type="button" class="btn btn-orange btn-radius50" onclick="createAccount(event);">Je crée mon compte</button>
</div>
</form>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<script src="/build/CentimetreTheme/script.6e4441eb.js"></script>
<script type="text/javascript" src="/build/CentimetreTheme/brut/modal-handle.js" ></script>
<script src="/build/CentimetreTheme/iconAnimeLayout.dfd63836.js" defer></script>
<script src="/build/CentimetreTheme/splideJS.31d6cfe0.js"></script>
<script src="/build/CentimetreTheme/faq.e3f1c71a.js" type="module"></script>
<script src="/build/CentimetreTheme/brut/configuratorBrut.js"></script>
<script src="/build/CentimetreTheme/iconAnimeLandingPP.bc0ee2d4.js"></script>
<script src="/build/CentimetreTheme/simuFacadeClassic.dd01cd83.js"></script>
<script>
$(document).ready(function(){
document.querySelectorAll('.p-default').forEach((el)=>{
el.addEventListener('click', (ev)=>{
ev.preventDefault();
}, false)
});
})
function cssHandler(){
var queries = document.
querySelectorAll('.mediaquerydependent'),
all = queries.length,
cur = null,
attr = null;
while (all--) {
cur = queries[all];
if (cur.getAttribute('media') &&
window.matchMedia(cur.getAttribute('media')).matches) {
for (attr in cur.dataset) {
if (attr !== 'media' && cur.getAttribute(attr) == '') {
cur.setAttribute(attr, cur.dataset[attr]);
}
}
}
}
};
cssHandler()
window.addEventListener('resize', function(event) {
cssHandler();
}, true);
document.querySelectorAll('.no-scroll-bar-mob').forEach((e)=>{
e.querySelectorAll('label').forEach((e2)=>{
e2.addEventListener('click', (event)=>{
if(e2.offsetLeft > e2.parentElement.parentElement.offsetWidth/2){
e.scrollTo({left: (e2.offsetLeft - ((e2.parentElement.parentElement.offsetWidth/2) - e2.offsetWidth)), top: 0, behavior: "smooth"});
}else{
e.scrollTo({left: e2.offsetLeft - (e2.offsetWidth + 20), top: 0, behavior: "smooth"});
}
});
});
e.querySelectorAll('.nav-link').forEach((e2)=>{
e2.addEventListener('click', (event)=>{
if(e2.offsetLeft > e2.parentElement.parentElement.offsetWidth/2){
e.scrollTo({left: (e2.offsetLeft - ((e2.parentElement.parentElement.offsetWidth/2) - e2.offsetWidth)), top: 0, behavior: "smooth"});
}else{
e.scrollTo({left: e2.offsetLeft - (e2.offsetWidth + 20), top: 0, behavior: "smooth"});
}
});
});
});
</script>
</body>
</html>
