<!DOCTYPE html><!-- Last Published: Fri Jan 02 2026 13:35:47 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="www.brokkr.fr" data-wf-page="68ef8282d796798e5303edf9" data-wf-site="68ef8281d796798e5303ed35" lang="fr-FR">
<head>
<meta charset="utf-8" />
<title>Travaux de rénovation à Paris et Île-de-France - Brokkr</title>
<meta content="Entreprise générale du bâtiment TCE. Rénovation d'appartement et maison clé en main à Paris, Île-de-France et Oise. Un accompagnement clé en main pour des travaux sans stress" name="description" />
<meta content="Travaux de rénovation à Paris et Île-de-France - Brokkr" property="og:title" />
<meta content="Entreprise générale du bâtiment TCE. Rénovation d'appartement et maison clé en main à Paris, Île-de-France et Oise. Un accompagnement clé en main pour des travaux sans stress" property="og:description" />
<meta content="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation.jpg" property="og:image" />
<meta content="Travaux de rénovation à Paris et Île-de-France - Brokkr" property="twitter:title" />
<meta content="Entreprise générale du bâtiment TCE. Rénovation d'appartement et maison clé en main à Paris, Île-de-France et Oise. Un accompagnement clé en main pour des travaux sans stress" property="twitter:description" />
<meta property="og:type" content="website" />
<meta content="summary_large_image" name="twitter:card" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<link href="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/css/brokkr-64d36a.webflow.shared.62fb6faf4.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com" rel="preconnect" />
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" />
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">
WebFont.load({
google: {
families: ["Instrument Sans:regular,500,600,700,italic,500italic,600italic,700italic:latin,latin-ext", "Lora:regular,500,600,700,italic,500italic,600italic,700italic:latin,latin-ext"]
}
});
</script>
<script type="text/javascript">
! function(o, c) {
var n = c.documentElement,
t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
<link href="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6930f9c559f3f47cbae0d169_favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691d82a9f15b9986c0971873_Brokkr-Icon.jpg" rel="apple-touch-icon" />
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-MLDXJ2YJQR"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('set', 'developer_id.dZGVlNj', true);
gtag('js', new Date());
gtag('config', 'G-MLDXJ2YJQR');
</script><!-- 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-5KBQ9SLN');
</script>
<!-- End Google Tag Manager -->
<style>
.ms-pill-radio:checked~.ms-pill-label {
background-color: rgba(72, 77, 115, 1);
border-color: rgba(72, 77, 115, 1);
color: #fff;
}
.copyrighttext a:hover {
color: #fff;
}
.w-dyn-empty {
border-radius: 15px;
text-align: center;
}
</style>
<style>
html {
scroll-behavior: smooth;
}
a:hover {
opacity: 1;
}
.navbar.topnav {
border: 0px !important;
background: transparent !important;
top: 30px !important;
}
.button.navlink {
color: #FFF !important;
}
.icon-18px {
filter: invert(1) !important;
}
.button.navigation {
filter: none !important;
}
.all-pages {
display: none;
}
.catelink:hover {
opacity: 1 !important;
}
.catelink:hover .image-overlay,
.catelink:hover .thumbarrow {
opacity: 1 !important;
transition: .25s;
}
.nm-card:hover .nm-link {
opacity: 1 !important;
}
.image-2 {
transition: .25s;
}
.catelink:hover .image-2 {
transform: translate3d(0px, 0px, 0px) scale3d(1.1, 1.1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.project-thumb:hover .image-overlay,
.project-thumb:hover .thumbarrow {
opacity: 1 !important;
transition: .25s;
}
.wf-accordion {
margin: 0 auto;
}
.accordion-item+.accordion-item {
margin-top: .5rem;
}
/* Trigger / header */
.accordion-trigger {
width: 100%;
text-align: left;
background: #e7e8f2;
border: 0px solid #e6e6e6;
padding: 12px 30px;
font-size: 18px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
cursor: pointer;
border-radius: 4px;
transition: .25s;
}
.accordion-trigger.is-active {
background-color: #484D73;
color: #FFF;
}
.accordion-trigger:focus {
outline: 0px solid #cde4ff;
outline-offset: 0px;
}
/* Chevron rotate */
.chev {
transition: transform .25s ease;
font-size: 30px;
}
.accordion-trigger[aria-expanded="true"] .chev {
transform: rotate(180deg);
}
/* Panel with height animation */
.accordion-panel {
overflow: hidden;
transition: height .28s cubic-bezier(.2, .8, .2, 1);
/*border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;*/
padding: 0 30px;
border-radius: 0 0 4px 4px;
background: #FFF;
}
.accordion-panel>* {
margin: 1rem 0;
}
.accordion-panel {
transition: height 0.35s ease-in-out;
}
/* For compact/mobile */
@media (max-width:640px) {
.accordion-trigger {
padding: .85rem;
font-size: .95rem;
}
.accordion-panel>* {
margin: .75rem 0;
}
}
</style>
<style>
.mainnav-hidden {
transform: translateY(-150%);
transition: transform 0.4s ease;
}
.mainnavbar {
position: fixed;
width: 100%;
z-index: 999;
height: 99px;
top: 0px;
left: 0px;
transition: transform 0.4s ease;
}
.copyrighttext a {
color: #eeedea;
}
.copyrighttext a:hover {
text-decoration: underline;
}
.blog-details h2 {
margin-bottom: 20px;
}
.blog-details p {
margin-bottom: 25px;
}
.blog-details ul {
margin-bottom: 25px;
}
.blog-details ul li {
margin-bottom: 15px;
}
.seo-zone-content a {}
.seo-zone-content h1 {
font-size: 42px;
color: #484d73;
font-weight: 500;
margin-bottom: 20px;
}
.seo-zone-content h2 {
font-size: 36px;
color: #484d73;
font-weight: 500;
margin-bottom: 20px;
}
.seo-zone-content h3 {
font-size: 27px;
color: #484d73;
font-weight: 500;
margin-bottom: 20px;
}
.seo-zone-content h4 {
font-size: 24px;
color: #484d73;
font-weight: 500;
margin-bottom: 20px;
}
.seo-zone-content h5 {
font-size: 20px;
color: #484d73;
font-weight: 500;
margin-bottom: 20px;
}
.seo-zone-content h6 {
font-size: 18px;
color: #484d73;
font-weight: 500;
margin-bottom: 20px;
}
.seo-zone-content p {
font-size: 16px;
line-height: 18px;
font-weight: 400;
margin-bottom: 24px;
}
.seo-zone-content ul {
margin-bottom: 10px;
margin-bottom: 24px;
}
.seo-zone-content ul li {
margin-bottom: 15px;
font-weight: 400;
}
.seo-zone-content ol {
margin-bottom: 10px;
margin-bottom: 24px;
}
.seo-zone-content ol li {
margin-bottom: 15px;
}
.seo-zone-content blockquote {
margin-bottom: 24px;
}
.seo-zone-picture {
z-index: 10;
border-radius: 0;
height: 350px;
position: relative;
overflow: clip;
margin-top: 30px;
}
.seo-zone-picture img {
object-fit: cover;
width: 100%;
max-width: 100%;
height: 100%;
display: inline-block;
}
.news-search-container input {
width: 100%;
max-width: 450px;
padding: 12px 20px 12px 45px;
/* left space for icon */
border: 2px solid #484d73;
border-radius: 30px;
font-size: 16px;
outline: none;
background: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.news-search-container input:focus {
border-color: #6B74A9;
box-shadow: 0 4px 12px rgba(72, 77, 115, 0.3);
transform: scale(1.02);
}
.search-icon {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
</style>
<style>
:root {
--thumb-size: 222px;
--thumb-gap: 20px;
--transition-speed: 0.6s;
}
@media (max-width: 1023px) {
:root {
--thumb-size: 140px;
--thumb-gap: 10px;
}
}
@media (max-width: 639px) {
:root {
--thumb-size: 70px;
--thumb-gap: 5px;
}
}
.dual-slider {
display: flex;
align-items: center;
padding: 0;
}
.slider-wrapper {
display: flex;
align-items: flex-start;
gap: 20px;
width: 100%;
position: relative;
}
/* Thumbs Container */
.thumbs {
display: flex;
flex-direction: column;
gap: var(--thumb-gap);
max-height: calc(var(--thumb-size) * 3 + var(--thumb-gap) * 3);
overflow-y: auto;
scrollbar-width: none;
padding-right: 6px;
}
.thumb {
width: var(--thumb-size);
height: var(--thumb-size);
overflow: hidden;
cursor: pointer;
border: 5px solid transparent;
transition: .3s;
flex-shrink: 0;
}
.thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.thumb.active {
border-color: #484d73;
}
/* Main Slider */
.main-slider {
position: relative;
flex: 1;
overflow: hidden;
aspect-ratio: 16/9;
height: 700px;
}
.slider-item {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity var(--transition-speed) ease;
}
.slider-item.active {
opacity: 1;
z-index: 2;
}
/* Images */
.slider-item img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
inset: 0;
transition: transform .8s ease, opacity .5s ease;
}
.slider-item .secondary {
filter: blur(6px) brightness(0.8);
transform: scale(1.05);
z-index: 1;
}
.slider-item .primary {
z-index: 2;
opacity: 1;
}
.slider-item.show-secondary .secondary {
filter: none;
transform: scale(1);
z-index: 3;
}
.slider-item.show-secondary .primary {
opacity: 0;
pointer-events: none;
}
.slider-item .close-btn {
display: none;
}
/* Arrows */
.arrow {
position: absolute;
background: rgba(255, 255, 255, 0.8);
border: none;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity .3s;
}
.arrow svg {
width: 20px;
height: 20px;
}
.arrow.prev {
left: 10px;
top: 50%;
}
.arrow.next {
right: 10px;
top: 50%;
}
.main-slider:hover .arrow {
opacity: 1;
}
/* Buttons */
.control-btn {
position: absolute;
bottom: 15px;
right: 15px;
background: #fff;
border: none;
padding: 8px 45px 8px 25px;
border-radius: 40px;
cursor: pointer;
font-size: 16px;
z-index: 4;
background-image: url(https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg);
background-repeat: no-repeat;
background-position: 110px 10px;
}
.close-btn {
right: 15px;
top: 10px;
background: #000;
color: #fff;
font-size: 30px;
width: 36px;
height: 36px;
border: 0;
border-radius: 50%;
position: absolute;
display: none;
z-index: 9;
align-items: center;
justify-content: center;
}
/* Zoom Icon */
.zoom-icon {
position: absolute;
top: 15px;
left: 15px;
width: 26px;
height: 26px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
cursor: pointer;
}
.zoom-icon svg {
width: 14px;
height: 14px;
stroke: #000;
}
/* Overlay Zoom */
.zoom-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.9);
display: none;
align-items: center;
justify-content: center;
z-index: 999;
}
.zoom-overlay img {
max-width: 90%;
max-height: 80%;
object-fit: contain;
transition: opacity .4s ease;
}
.zoom-close {
position: absolute;
top: 20px;
right: 20px;
background: #000;
color: #fff;
font-size: 32px;
border: none;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
}
/* Overlay nav buttons */
.zoom-prev,
.zoom-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.3);
color: #fff;
font-size: 40px;
border: none;
width: 50px;
height: 50px;
border-radius: 50%;
cursor: pointer;
padding-bottom: 8px;
}
.zoom-prev {
left: 30px;
}
.zoom-next {
right: 30px;
}
@media (max-width:768px) {
.slider-wrapper {
flex-direction: column;
}
.thumbs {
flex-direction: row;
justify-content: flex-start;
max-height: none;
overflow-y: hidden;
overflow-x: auto;
overflow-x: scroll;
max-width: 100%;
}
}
@media (max-width:750px) {
.project-details-slider {
width: 100%;
}
.main-slider {
height: 320px;
}
.main-slider {
aspect-ratio: 1 / 1;
}
}
</style>
<style>
/* ==== GALLERY GRID ==== */
.gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.gallery-grid div {
overflow: hidden;
/* keeps zoom inside the box */
height: 320px;
}
.gallery-grid img {
width: 100%;
height: 100%;
object-fit: cover;
cursor: pointer;
border-radius: 0;
transition: transform 0.6s ease;
}
.gallery-grid img:hover {
transform: scale(1.1);
/* zooms within thumb */
}
/* ==== FULLSCREEN OVERLAY ==== */
.overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .9);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
opacity: 0;
pointer-events: none;
transition: opacity .4s ease;
}
.overlay.active {
opacity: 1;
pointer-events: all;
}
.overlay img {
max-width: 90%;
max-height: 90vh;
object-fit: contain;
transform: scale(.95);
transition: transform .4s ease;
}
.overlay.active img {
transform: scale(1);
}
/* ==== NAV + CLOSE BUTTONS ==== */
.nav-btn,
.close-btn {
position: absolute;
background: rgba(255, 255, 255, .15);
border: none;
color: #fff;
font-size: 30px;
cursor: pointer;
border-radius: 50%;
width: 44px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
transition: background .3s ease;
}
.nav-btn:hover,
.close-btn:hover {
background: rgba(255, 255, 255, .3);
}
.close-btn {
top: 25px;
right: 25px;
font-size: 34px;
}
.nav-btn.prev {
left: 30px;
}
.nav-btn.next {
right: 30px;
}
@media (max-width: 900px) {
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
.gallery-grid div {
height: 140px;
}
}
</style>
<style>
:root {
--nav-bg: #ffffff;
--nav-text: #111111;
--accent: #006bd7;
--max-width: 1100px;
--menu-breakpoint: 992px;
}
.mega_banner-sec {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.mega_banner-sec-col {
width: 50%;
max-width: 50%;
flex: 0 0 50%;
padding: 10px;
}
.mega_banner-sec img {
width: 100%;
height: auto;
border-radius: 15px;
}
.navigation-wrapper {
padding: 0px 10px 0 30px;
}
.mega-nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px;
position: fixed;
z-index: 1000;
width: 100%;
height: auto;
top: 15px;
}
.navigation-wrapper {
margin-left: auto;
margin-right: auto;
}
.mega-brand {
font-weight: 700;
padding: 10px 0px 10px 0px;
}
.menu-toggle {
display: none;
background: none;
border: 0px solid #ddd;
padding: 8px 12px;
border-radius: 6px;
cursor: pointer;
margin-left: auto;
color: #ffffff;
}
.nav-item.has-mega .nav-link {
background-image: url(https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee6c_Arrow%20Down.svg);
background-repeat: no-repeat;
background-position: 92% center;
padding-right: 37px;
}
.nav-items {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 12px;
align-items: center;
flex: 1;
justify-content: flex-end;
z-index: 999;
overflow-y: auto;
}
/*.nav-item{position:relative}*/
.nav-link {
background: none;
border: none;
padding: 7px 22px;
cursor: pointer;
font: inherit;
color: #FFF;
font-size: 18px;
font-weight: 500;
line-height: 140%;
border-radius: 40px;
}
.nav-link:hover {
background-color: #5a6082;
}
.nav-item>a.nav-link {
display: inline-block
}
/* Mega panel */
.mega {
position: absolute;
left: 0;
top: 100%;
transform: translateY(8px);
min-width: 320px;
padding: 0px;
opacity: 0;
pointer-events: none;
transition: all 200ms ease;
width: 100%;
padding-top: 20px;
}
/*.mega-row{max-width:var(--max-width);display:flex;gap:24px}
.mega-col{min-width:140px}*/
.mega h4 {
margin: 0 0 8px;
font-size: 14px
}
.mega a {
display: block;
padding: 0px 0;
text-decoration: none;
color: var(--nav-text)
}
.mega a.featured {
font-weight: 600;
color: var(--accent)
}
/* show state */
.nav-item.show>.mega,
.nav-item:focus-within>.mega {
opacity: 1;
pointer-events: auto;
transform: translateY(-20px);
}
.mega-row {
background: var(--nav-bg);
border-radius: 0 0 10px 10px;
padding: 50px;
}
/* Contact button - desktop only */
.contact-btn {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
background-color: var(--orange);
color: #fff;
border-radius: 100rem;
flex: none;
justify-content: flex-start;
align-items: center;
padding: .875rem 1.25rem;
font-weight: 500;
line-height: 120%;
text-decoration: none;
transition: background-color .4s cubic-bezier(.645, .045, .355, 1);
display: flex;
font-weight: 500;
}
.contact-btn img {
width: 16px;
}
.menu-close {
display: none;
}
.contact-btn:hover {
opacity: 1;
background-color: #000;
}
.navigation-wrapper {
transition: .25s;
}
.mega-nav.active-dropmenu .navigation-wrapper {
border-radius: 15px 15px 0 0;
}
/* Desktop behaviors */
@media(min-width: var(--menu-breakpoint)) {
.menu-toggle {
display: none
}
.nav-items {
display: flex
}
.mega {
left: 0;
right: auto;
top: 100%
}
.nav-item {
padding: 0
}
.contact-btn {
display: inline-block
}
}
/* Mobile / small screens */
@media(max-width: 991px) {
.menu-toggle {
display: block;
}
.nav-items {
position: fixed;
inset: 0 0 0 30%;
background: var(--nav-bg);
flex-direction: column;
gap: 6px;
padding: 48px 18px 18px;
transform: translateX(100%);
transition: transform 250ms ease;
box-shadow: -8px 0 30px rgba(13, 38, 76, 0.08);
}
.nav-items.open {
transform: translateX(0);
}
.mega {
position: static;
transform: none;
opacity: 1;
pointer-events: auto;
padding-left: 12px
}
.mega-row {
flex-direction: column
}
.menu-close {
position: absolute;
top: 10px;
right: 14px;
background: none;
border: none;
font-size: 26px;
line-height: 1;
cursor: pointer;
color: var(--nav-text);
display: block;
}
.menu-close:hover {
opacity: 0.6;
}
.contact-btn {
display: none;
}
.nav-items {
align-items: flex-start;
justify-content: flex-start;
}
.nav-link {
color: #000;
padding-top: 15px;
padding-bottom: 15px;
}
.nav-item.has-mega {
width: 100%;
}
.nav-item.has-mega .nav-link {
background-image: url(https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690dce0b385e6df3026e1c5f_Arrow%20Down%20black.svg);
background-position: right top;
background-size: 25px;
background-repeat: no-repeat;
background-position: 92% center;
padding-right: 37px;
}
}
.nav-link:focus {
outline: 2px solid rgba(0, 107, 215, 0.18);
outline-offset: 3px
}
:root {
--gap: 40px;
--radius: 0px;
--overlay: rgba(0, 0, 0, 0.28);
--accent: #fff;
--tab-bg: rgba(255, 255, 255, 0.12);
}
.row {
display: flex;
gap: var(--gap);
}
.half {
flex: 1 1 50%;
min-height: 420px;
border-radius: var(--radius);
overflow: hidden;
position: relative;
background-size: cover;
background-position: center;
transition: transform .45s ease, box-shadow .25s ease;
display: flex;
align-items: flex-start;
justify-content: flex-start;
color: var(--accent);
}
.content {
position: relative;
z-index: 2;
padding: 0px;
width: 100%;
display: flex;
flex-direction: column;
gap: 0px;
padding-top: 0px;
}
.half .bg-inner {
position: absolute;
inset: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: transform .7s cubic-bezier(.2, .9, .2, 1);
transform-origin: center center;
will-change: transform;
opacity: 1;
border-radius: 15px;
}
.tab {
font-size: 54px;
padding: 0px 0px 0px;
border-radius: 0px;
font-weight: 500;
letter-spacing: -0.2px;
}
.tab a {
color: #FFF;
}
.mini h2 {
display: block;
font-weight: 500;
margin-bottom: 20px;
}
.mini h2 a {
color: #020035;
padding-bottom: 15px;
display: block;
line-height: 23px;
font-size: 22px;
height: 55px;
display: flex;
align-items: center;
letter-spacing: -0.02rem;
}
.tab img {
width: 100%;
height: auto;
border-radius: 15px;
}
.mini-row {
display: flex;
margin-top: 10px;
flex-wrap: wrap;
}
.mini {
flex: 0 0 33.33%;
border-radius: 0px;
min-width: 0;
width: 33.33%;
max-width: 33.33%;
padding: 14px;
}
.mini h2 {
margin: 0 0 8px 0;
font-size: 22px;
font-weight: 700;
letter-spacing: normal;
}
.links {
display: flex;
flex-direction: column;
gap: 8px;
border-top: 1px rgba(0, 0, 0, 0.12) solid;
padding-top: 20px;
}
.links a {
text-decoration: none;
color: rgba(0, 0, 0, 1);
font-size: 14px;
opacity: 0.95;
line-height: 15px;
}
.links a:hover {
opacity: 1;
text-decoration: underline;
transition: opacity .18s ease
}
.half::before {
content: "";
position: absolute;
inset: 0;
transition: background .35s ease;
pointer-events: none;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 15px;
display: none;
}
.half.leftside::before {
background: linear-gradient(to right, #9a9487 0%, #9a9487 30%, transparent 100%);
}
.half.rightside::before {
background: linear-gradient(to right, #938f8a 0%, #938f8a 30%, transparent 100%);
}
.call-btn-for-mobile {
display: none !important;
}
.mobile-nav-items {
display: none;
}
@media (max-width:800px) {
.row {
flex-direction: column
}
.mini-row {
flex-direction: row
}
}
@media (max-width:1023px) {
.mainnavbar {
transform: none !important;
}
/* .mainnav-hidden{
transform: translateY(0%) !important;
height: 100vh;
}*/
.mega-nav {
padding: 0px;
top: 0;
position: static !important;
}
.navigation-wrapper {
padding: 4px 25px;
border-radius: 0px;
}
.call-btn {
display: none;
}
.call-btn-for-mobile {
display: none !important;
position: fixed;
top: 92vh;
right: 20px;
background-color: #ff6e40;
}
.nav-for-desktop {
display: none;
}
.mobile-nav-items {
display: block;
}
}
@media (max-width:639px) {
.seo-zone-content h1 {
font-size: 26px;
letter-spacing: none;
}
.seo-zone-content h4 {
font-size: 24px;
letter-spacing: none;
}
.seo-zone-content h3 {
font-size: 22px;
letter-spacing: none;
}
.seo-zone-content h4 {
font-size: 20px;
letter-spacing: none;
}
.seo-zone-content h5 {
font-size: 18px;
letter-spacing: none;
}
.seo-zone-content h6 {
font-size: 17px;
letter-spacing: none;
}
.thumb {
border-width: 2px;
}
}
</style>
<style>
.lfCQiA {
display: none;
}
.cate-project-links {
grid-auto-columns: 1fr;
display: grid;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
}
@media (max-width:639px) {
.cate-project-links {
grid-template-columns: 1fr;
}
}
#site-menu .submenu {
display: none;
padding-left: 20px;
margin: 5px 0;
background: var(--verylightblue);
border-radius: 4px;
list-style: none;
}
#site-menu .submenu.open {
display: block;
}
#site-menu .toggle {
background: none;
border: none;
width: 100%;
text-align: left;
padding: 12px 20px;
cursor: pointer;
font-size: 18px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Arrow icon */
#site-menu .mob-menu-arrow {
display: inline-block;
width: 8px;
height: 8px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
transition: transform 0.3s;
}
/* Rotate when open */
#site-menu .toggle.active .mob-menu-arrow {
transform: rotate(-135deg);
}
#site-menu .submenu li a {
display: block;
padding: 8px 10px;
font-size: 15px;
color: #333;
}
#site-menu .submenu li a.nav-link {
border-radius: 0px;
}
.nav-link:focus {
outline: 0px;
}
.home-page-seo-url-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}
.cate-project-links.home-page-seo-url {
display: block;
font-size: 14px;
width: calc(20% - 20px);
}
.cate-project-links.home-page-seo-url h3 {
font-size: 18px;
margin-bottom: 10px;
font-weight: 500;
}
.cate-project-links.home-page-seo-url a {
font-size: 14px;
display: block;
}
.cate-project-links.home-page-seo-url a:hover {
text-decoration: underline;
}
.paragraph.mobile-section-d-none.faq-left-p {
font-weight: 400;
letter-spacing: normal;
}
p.paragraph.mobile-section-d-none.faq-left-p.faq-para-embed {
margin-top: 15px;
margin-bottom: 34px;
}
.blog-gallery-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.blog-gallery-grid figure.w-richtext-align-center.w-richtext-figure-type-image {
max-width: 100% !important;
border-radius: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.blog-gallery-grid img {
width: 100%;
height: 250px;
object-fit: cover;
cursor: pointer;
border-radius: 0;
transition: none;
}
.blog-gallery-grid p,
.blog-gallery-grid figcaption {
text-align: center;
font-weight: 700;
padding-top: 15px;
}
@media (max-width:1199px) {
.home-page-seo-url-container {
justify-content: flex-start;
}
.cate-project-links.home-page-seo-url {
display: block;
font-size: 14px;
width: calc(33.33% - 20px);
}
.cate-project-links.home-page-seo-url a {
padding-bottom: 5px;
}
.blog-gallery-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width:750px) {
.cate-project-links.home-page-seo-url {
font-size: 14px;
width: calc(50% - 20px);
}
}
@media (max-width:640px) {
.cate-project-links.home-page-seo-url {
font-size: 14px;
width: calc(100% - 20px);
}
.blog-gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
.blog-gallery-grid img {
height: 110px;
}
.blog-gallery-grid {
gap: 15px;
}
.blog-gallery-grid p,
.blog-gallery-grid figcaption {
font-size: 14px;
padding-top: 0px;
}
}
</style>
<!-- Event snippet for Annonce Appel Direct conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<!-- iClosed Lift Widget begin -->
<script type="text/javascript" src="https://app.iclosed.io/assets/widget.js" data-cta-widget="wlcQpp5uefnF" async></script>
<!-- iClosed Lift Widget end -->
</head>
<body><a href="#top" class="top-id w-inline-block"></a>
<div class="mainnavbar">
<div class="navbar-mega">
<div class="dropdown-menu-background"></div>
<div class="w-embed">
<nav class="mega-nav" aria-label="Main navigation">
<div class="navigation-wrapper">
<div class="mega-brand"><a href="/" aria-current="page"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69035932c9a53adbb88ae683_logo-1.svg" loading="lazy" alt="" class="logo navigation"></a></div>
<ul class="nav-items nav-for-desktop">
<li class="nav-item"><a class="nav-link" href="https://www.brokkr.fr/">Accueil</a></li>
<li class="nav-item has-mega">
<a class="nav-link" aria-expanded="false" href="#">Vous êtes ?</a>
<div class="mega" role="region" aria-hidden="true">
<div class="mega-row">
<div class="row">
<section class="half leftside" aria-label="Left block">
<!-- <div class="bg-inner" style="background-image:url('https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6907480b8ccc7c92cadf2732_image%202.jpg')"></div> -->
<div class="content">
<span class="tab"><a href="https://www.brokkr.fr/partculiers"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690f2e1ab25aad03f4b8347b_dcf2b23ae2dafede42d0bda564e990c1_banner-4.jpg"></a></span>
<div class="mini-row">
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-renovation-appartement">Rénovations d'appartements</a></h2>
<div class="links">
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-dappartements-haussmanniens-paris">Appartements haussmanniens</a>
<a href="https://www.brokkr.fr/renovations-dappartements#appartements-contemporains">Appartements contemporains</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-appartement-haut-de-gamme-paris">Appartements haut-de-gamme</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-studio-paris">Studios</a>
</div>
</div>
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-renovation-de-maisons">Rénovation de maisons</a></h2>
<div class="links">
<a href="https://www.brokkr.fr/entreprise-du-batiment/amenagement-de-combles">Aménagement de combles</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/extensions-et-surelevations">Extensions et surélévation</a>
</div>
</div>
<div class="mini">
<h2><a href="https://www.brokkr.fr/renovation-par-piece">Rénovation par pièce</a></h2>
<div class="links">
<a href="http://www.brokkr.fr/entreprise-du-batiment/renovation-salle-de-bain">Rénovation salle de bain</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renover-sa-cuisine">Rénovation cuisine</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-sanitaires">Rénovation sanitaires</a>
</div>
</div>
</div>
</div>
</section>
<section class="half rightside" aria-label="Right block" style="background: url();">
<!-- <div class="bg-inner" style="background-image:url('https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6906056ab6bc8573112467e3_R5v8Xtc0ecg.jpg')"></div> -->
<div class="content">
<span class="tab"><a href="https://www.brokkr.fr/professionnels"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690f2e1bd038e946719a0bcc_378be1f539ae7d8490cad05ec4214eb2_banner-5.jpg"></a></span>
<div class="mini-row">
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-du-batiment/accompagnement-tce-pour-architecte">Architectes</a></h2>
<div class="links" style="display: none;">
<a href="#">Architectes 1</a>
<a href="#">Architectes 2</a>
<a href="#">Architectes 3</a>
</div>
</div>
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-du-batiment/entreprise-renovation-pour-syndic-de-copropriete">Syndicats de copropriété</a></h2>
<div class="links" style="display: none;">
<a href="#">Copropriété 1</a>
<a href="#">Copropriété 2</a>
<a href="#">Copropriété 2</a>
</div>
</div>
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-du-batiment/entreprise-de-renovation-pour-investisseurs-immobiliers-paris">Investisseurs immobiliers</a></h2>
<div class="links" style="display: none;">
<a href="#">Immobiliers 1</a>
<a href="#">Immobiliers 2</a>
<a href="#">Immobiliers 3</a>
</div>
</div>
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-de-commerce">Commerces</a></h2>
<div class="links" style="display: none;">
<a href="#">Commerces 1</a>
<a href="#">Commerces 2</a>
<a href="#">Commerces 3</a>
</div>
</div>
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-du-batiment/entreprise-de-renovation-de-bars-et-restaurants">Restaurants et bars</a></h2>
<div class="links" style="display: none;">
<a href="#">Restaurants 1</a>
<a href="#">Restaurants 2</a>
<a href="#">Restaurants 3</a>
</div>
</div>
<div class="mini">
<h2><a href="https://www.brokkr.fr/entreprise-du-batiment/amenagement-de-bureaux-a-paris">Bureaux</a></h2>
<div class="links" style="display: none;">
<a href="#">Bureaux 1</a>
<a href="#">Bureaux 2</a>
<a href="#">Bureaux 3</a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.brokkr.fr/nos-chantiers">Nos chantiers</a></li>
<li class="nav-item has-mega">
<a class="nav-link" aria-expanded="false" href="#">Ressources</a>
<div class="mega" role="region" aria-hidden="true">
<div class="mega-row">
<div class="mega_banner-sec">
<div class="mega_banner-sec-col">
<a href="https://www.brokkr.fr/actualites"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691eedbec554868e181d087b_Actualit%C3%A9s.jpg" alt=""></a>
</div>
<div class="mega_banner-sec-col">
<a href="https://www.brokkr.fr/notre-entreprise"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691eedbb878194d92d0eaf85_Notre%20entreprise.jpg" alt=""></a>
</div>
</div>
</div>
</div>
</li>
</ul>
<ul id="site-menu" class="nav-items mobile-nav-items">
<button class="menu-close" aria-label="Close menu">×</button>
<li class="nav-item">
<a class="nav-link" href="https://www.brokkr.fr/">Accueil</a>
</li>
<!-- Vous êtes ? -->
<li class="nav-item has-submenu">
<button class="nav-link toggle">
Vous êtes ?
<span class="mob-menu-arrow"></span>
</button>
<ul class="submenu">
<li><a href="https://www.brokkr.fr/renovation-generale-pour-les-particuliers">Particuliers</a></li>
<li><a href="https://www.brokkr.fr/professionnels">Professionnels</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.brokkr.fr/nos-chantiers">Nos chantiers</a>
</li>
<!-- Ressources -->
<li class="nav-item has-submenu">
<button class="nav-link toggle">
Ressources
<span class="mob-menu-arrow"></span>
</button>
<ul class="submenu">
<li><a href="https://www.brokkr.fr/actualites">Nos actualités</a></li>
<li><a href="https://www.brokkr.fr/notre-entreprise">Notre entreprise</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.brokkr.fr/jestime-mes-travaux">J’estime mes travaux</a>
</li>
</ul>
<a href="tel:9876543210" class="call-btn w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6901f7664aeff18a14ea05eb_phone-icon.svg" loading="lazy" alt="" class="phone-call-img"></a>
<a href="https://www.brokkr.fr/jestime-mes-travaux" class="contact-btn">J’estime mes travaux <img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" alt=""> </a>
<button class="menu-toggle" aria-expanded="false" aria-controls="site-menu">☰ Menu</button>
</div>
</nav>
<a href="tel:9876543210" class="call-btn w-inline-block call-btn-for-mobile"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6901f7664aeff18a14ea05eb_phone-icon.svg" loading="lazy" alt="" class="phone-call-img"></a>
</div>
</div>
</div>
<section class="section image-fullwide home">
<div data-w-id="1c6ac6ad-c040-a7c5-c2df-8cc6b577b29a" style="opacity:0" class="background-image">
<div class="image-gradient top-gradient homepagegradient"></div><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation.jpg" loading="lazy" sizes="(max-width: 2048px) 100vw, 2048px" srcset="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation-p-500.jpg 500w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation-p-800.jpg 800w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation-p-1080.jpg 1080w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation-p-1600.jpg 1600w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation-p-2000.jpg 2000w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691cbff1aa0e63d865c66f1c_brokkr-travaux-de-renovation.jpg 2048w" alt="Brokkr Travaux de rénovation à Paris, Île-de-France et Hauts-de-France " />
</div>
<div class="w-layout-blockcontainer container _100-height w-container">
<div class="w-layout-grid grid _100-height">
<div id="w-node-_5ce91189-2d90-3bcb-7a74-65b85bff7ab4-5303edf9" class="heading-middle white">
<div class="heading-and-label">
<h1 data-w-id="5ce91189-2d90-3bcb-7a74-65b85bff7aba" style="opacity:0" class="max-780 banner-hd">Entreprise de rénovation à Paris</h1>
<p class="max-780 banner-para">Entreprise de rénovation pour particuliers et professionnels. Nous intervenons à Paris, Île-de-France et Hauts-de-France. </p>
</div>
<div data-w-id="c91d2cdb-0d69-ca72-d50c-6b78b62121ff" class="w-layout-vflex flex-block-2 vertical-sc-ic">
<div class="utility-links vertical-sc-ic"><a href="https://www.facebook.com/brokkr.renovation/" target="_blank" class="smlink w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69020a96afe020c646ba2aee_facebook.svg" loading="lazy" alt="Logo Facebook de Brokkr, entreprise de rénovation à Paris." class="ullink" /></a><a href="https://www.instagram.com/brokkr.fr/" target="_blank" class="smlink w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69020a9653548aefcd2d6682_instagram.svg" loading="lazy" alt="Logo Instagram Brokkr entreprise de rénovation à Paris." class="ullink" /></a><a href="https://www.linkedin.com/company/brokkr-travaux-de-renovation/" target="_blank" class="smlink w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69020a96b248a9da884acc98_linkedin.svg" loading="lazy" alt="Logo LinkedIn Brokkr entreprise de rénovation à Paris." class="ullink" /></a><a href="https://www.tiktok.com/@brokkr_renovation" target="_blank" class="smlink w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6906f60e233a7d85ab2dfe4f_Vector.svg" loading="lazy" alt="tiktok brokkr" height="20" class="ullink" /></a></div>
</div>
<div data-w-id="234e6048-29f0-3d8b-6f56-c0ee12f77bb9" style="opacity:0" class="button-wrapper _0-5-rem-top-margin"><a data-w-id="234e6048-29f0-3d8b-6f56-c0ee12f77bba" href="https://webflow.com/templates/designers/towaszestudio" class="button white d-none w-inline-block">
<div class="button-text-wrapper">
<div class="button-interactive-mark color-black">Je prends rendez-vous</div>
<div class="button-interactive-mark color-black">Je prends rendez-vous</div>
</div>
<div class="button-arrow-wrapper"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" loading="lazy" alt="""" class="icon-20px button-interactive-mark---arrow" /><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" loading="lazy" alt="""" class="icon-20px button-interactive-mark---arrow" /></div>
</a><a data-w-id="d311e923-c745-49a4-906c-eec278a6e568" href="/jestime-mes-travaux" class="button navigation orange banner-org-button w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark white-text">Je veux rénover mon bien</div>
<div class="button-interactive-mark white-text">Je veux rénover un bien</div>
</div>
<div class="button-arrow-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" alt="""" class="icon-20px button-interactive-mark---arrow" /><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" alt="""" class="icon-20px button-interactive-mark---arrow" /></div>
</a><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6943e4d8d406f9e9b2740263_Reassurance-min.png" loading="lazy" alt="Avis Google pour Brokkr, entreprise de rénovation à Paris et Ile-de-France." class="google-rev" /></div>
</div>
</div>
</div>
</section>
<section class="section firstsection">
<div class="w-layout-blockcontainer container w-container">
<div class="w-layout-grid grid _0-5-rem-gap">
<div id="w-node-_4b2dcf80-2221-70da-a53f-119b8c005e95-5303edf9" data-w-id="4b2dcf80-2221-70da-a53f-119b8c005e95" style="opacity:0" class="heading-middle">
<div class="heading-and-label">
<div class="label">
<p>Découvrez tous nos projets de rénovation</p>
</div>
<h2 class="display">Nos rénovations</h2>
</div>
<div class="w-layout-vflex mobile-section-d-none">
<p class="gray">Découvrez tous nos chantiers de rénovation d'appartements, maison ou pièces : salle de bain et cuisine. Intervention à Paris, en Île-de-France et dans l'Oise. </p>
</div>
</div>
<div id="w-node-_4b2dcf80-2221-70da-a53f-119b8c005ea1-5303edf9" class="button-wrapper"><a data-w-id="4b2dcf80-2221-70da-a53f-119b8c005eab" href="/nos-chantiers" class="button secondary button-link w-inline-block">
<div class="button-text-wrapper">
<div class="button-interactive-mark color-black">Voir toutes nos rénovations</div>
<div class="button-interactive-mark color-black">Voir toutes nos rénovations</div>
</div>
<div class="button-link-arrow"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" loading="lazy" alt="""" class="button-link-arrow-img" /></div>
</a></div>
</div>
<div class="nos-chantiers-grid"><a id="w-node-_99595eee-e3d3-d4e4-8c58-753c35fdb42f-5303edf9" href="https://www.brokkr.fr/nos-chantiers-categories/renovation-complete" class="catelink w-inline-block">
<div data-w-id="4d53de73-09fe-4ed6-0194-04c60f8d897a" class="image-wrapper"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/692ffca25c9df62829c3f4ff_salle-de-bain-beton-cire-paris.webp" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727.984375px, 939.984375px" srcset="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/692ffca25c9df62829c3f4ff_salle-de-bain-beton-cire-paris-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/692ffca25c9df62829c3f4ff_salle-de-bain-beton-cire-paris-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/692ffca25c9df62829c3f4ff_salle-de-bain-beton-cire-paris-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/692ffca25c9df62829c3f4ff_salle-de-bain-beton-cire-paris.webp 1365w" alt="Rénovation complète d'une salle de bain avec du béton ciré posé par un artisan poseur certifié AdLucem. " class="image-2" />
<h2 class="heading protfolioheading">Rénovation complète</h2>
<div class="image-overlay"></div><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" loading="lazy" alt="""" class="thumbarrow" />
</div>
</a><a id="w-node-_808f3d7b-c456-ff4c-afb6-b28d800b5545-5303edf9" href="https://www.brokkr.fr/nos-chantiers-categories/cuisine" class="catelink w-inline-block">
<div class="image-wrapper"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691791c9b447b45743e07085_renover-sa-cuisine-paris.webp" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727.984375px, 939.984375px" srcset="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691791c9b447b45743e07085_renover-sa-cuisine-paris-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691791c9b447b45743e07085_renover-sa-cuisine-paris-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691791c9b447b45743e07085_renover-sa-cuisine-paris-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691791c9b447b45743e07085_renover-sa-cuisine-paris-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/691791c9b447b45743e07085_renover-sa-cuisine-paris.webp 1707w" alt="Rénovation d'une cuisine à Paris par Brokkr, entreprise tous corps d'état. " class="image-2" />
<h2 class="heading protfolioheading">Rénover ma cuisine</h2>
<div class="image-overlay"></div><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" loading="lazy" alt="""" class="thumbarrow" />
</div>
</a><a id="w-node-_54ddc4b0-e09a-65cc-f28e-67fd397de900-5303edf9" href="https://www.brokkr.fr/nos-chantiers-categories/salle-de-bains" class="catelink w-inline-block">
<div class="image-wrapper"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69178ec8c762977d670d42ab_renovation-de-salle-de-bain-paris.webp" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727.96875px, 939.96875px" srcset="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69178ec8c762977d670d42ab_renovation-de-salle-de-bain-paris-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69178ec8c762977d670d42ab_renovation-de-salle-de-bain-paris-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69178ec8c762977d670d42ab_renovation-de-salle-de-bain-paris-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69178ec8c762977d670d42ab_renovation-de-salle-de-bain-paris-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69178ec8c762977d670d42ab_renovation-de-salle-de-bain-paris-p-2000.webp 2000w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69178ec8c762977d670d42ab_renovation-de-salle-de-bain-paris.webp 2048w" alt="Rénover salle de bain à Paris par Brokkr, entreprise de rénovation clé en main. " class="image-2" />
<h2 class="heading protfolioheading">Rénover ma salle de bain</h2>
<div class="image-overlay"></div><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" loading="lazy" alt="""" class="thumbarrow" />
</div>
</a><a id="w-node-_7c6d9af6-790a-eb89-793b-e16d899d96c0-5303edf9" href="https://www.brokkr.fr/nos-chantiers-categories/copropriete" class="catelink w-inline-block">
<div class="image-wrapper"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6917907c5d335cc6764400a0_entreprise-travaux-syndicat-de-copropriete-paris.jpg" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727.96875px, 939.96875px" srcset="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6917907c5d335cc6764400a0_entreprise-travaux-syndicat-de-copropriete-paris-p-500.jpg 500w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6917907c5d335cc6764400a0_entreprise-travaux-syndicat-de-copropriete-paris-p-800.jpg 800w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6917907c5d335cc6764400a0_entreprise-travaux-syndicat-de-copropriete-paris-p-1080.jpg 1080w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6917907c5d335cc6764400a0_entreprise-travaux-syndicat-de-copropriete-paris-p-1600.jpg 1600w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6917907c5d335cc6764400a0_entreprise-travaux-syndicat-de-copropriete-paris-p-2000.jpg 2000w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6917907c5d335cc6764400a0_entreprise-travaux-syndicat-de-copropriete-paris.jpg 2048w" alt="Hall d'entrée rénové par Brokkr, entreprise de rénovation à Paris." class="image-2" />
<h2 class="heading protfolioheading">Copropriété</h2><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" loading="lazy" alt="""" class="thumbarrow" />
<div class="image-overlay"></div>
</div>
</a><a id="w-node-_4921bf20-3882-0286-2148-56df65d6df9c-5303edf9" href="https://www.brokkr.fr/nos-chantiers-categories/locaux-commerciaux-amenagements-de-bureaux" class="catelink w-inline-block">
<div class="image-wrapper"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france.webp" loading="lazy" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727.984375px, 939.984375px" srcset="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france-p-2000.webp 2000w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france-p-2600.webp 2600w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france-p-3200.webp 3200w, https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69203701ca36313a3406f11d_extension-paris-ile-de-france.webp 6240w" alt="Extension d'un bâtiment à Paris par Brokkr, entreprise générale de bâtiment TCE clé en main." class="image-2" />
<h2 class="heading protfolioheading">Locaux commerciaux et Aménagement de bureaux</h2>
<div class="image-overlay"></div><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" loading="lazy" alt="""" class="thumbarrow" />
</div>
</a></div>
</div>
</section>
<section class="section nos-metiers-section">
<div class="w-layout-blockcontainer container w-container">
<div class="w-layout-grid grid _0-5-rem-gap">
<div id="w-node-_3e65fe41-889d-0b97-bacc-2b923433fd2d-3433fd2a" data-w-id="3e65fe41-889d-0b97-bacc-2b923433fd2d" class="heading-middle">
<div class="heading-and-label">
<div class="label">
<p>Votre rénovation de A à Z, en toute simplicité !</p>
</div>
<h2 class="display">Nos métiers</h2>
</div>
<div class="w-layout-vflex mobile-section-d-none">
<p class="gray">Entreprise TCE, nous maîtrisons l’ensemble des corps d’état du bâtiment. Un seul interlocuteur pour coordonner et réaliser l’intégralité de vos travaux.</p>
</div>
</div>
<div id="w-node-_3e65fe41-889d-0b97-bacc-2b923433fd3a-3433fd2a" class="button-wrapper"><a data-w-id="2ff26a15-d3a6-b07d-b697-5858b7061052" href="/nos-metiers" class="button secondary button-link w-inline-block">
<div class="button-text-wrapper">
<div class="button-interactive-mark color-black">En savoir plus</div>
<div class="button-interactive-mark color-black">En savoir plus</div>
</div>
<div class="button-link-arrow"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" loading="lazy" alt="""" class="button-link-arrow-img" /></div>
</a></div>
</div>
<div class="w-dyn-list">
<div role="list" class="grid _0-5-rem-gap nmetcont w-dyn-items">
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a2bf5b5d9c310bd28c17_6904986dd9976c5cbc1c3dda_Revetements%20de%20sols.svg" loading="lazy" width="Auto" height="100" alt="Travaux de platrerie par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Plâtrerie</h3><a href="/nos-metiers/platrerie" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a2a1e047aec1d5aa821a_69034cd68dbe347ca676c92f_Peinture.svg" loading="lazy" width="Auto" height="100" alt="Travaux de peinture par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Peinture</h3><a href="/nos-metiers/peinture" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a28e5768962939909f15_69034cd683d1a06ee0129e5b_Menuiserie.svg" loading="lazy" width="Auto" height="100" alt="Travaux de menuiserie intérieure par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Menuiserie intérieure</h3><a href="/nos-metiers/menuiserie-interieure-sur-mesure" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a26c7a7fc1a2837ab7a1_6904986db5156d372269d512_Plomberie.svg" loading="lazy" width="Auto" height="100" alt="Travaux de plomberie par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Plomberie</h3><a href="/nos-metiers/plomberie" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a257fcd9e800f7c5cdd2_6904986d0e9ee5234953c835_Platrerie.svg" loading="lazy" width="Auto" height="100" alt="Pose de parquet et carrelage par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Revêtement de sols</h3><a href="/nos-metiers/revetement-de-sols" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a23d22cb838355729f81_69034cd8cba57fca712f9a1a_Electricite.svg" loading="lazy" width="Auto" height="100" alt="Travaux d'électricité par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Electricité</h3><a href="/nos-metiers/electricite" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a21947c3d64b41b85d9f_69034cd89c5ada16b82e86a2_Conception%203D.svg" loading="lazy" width="Auto" height="100" alt="Conception 3D d'un architecte par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Conception 3D</h3><a href="/nos-metiers/conception-3d-architecte" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
<div role="listitem" class="nm-card w-dyn-item"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6915a1ecc3dcd0d31b1865ff_69034cd83b91cfba0b69f33f_Curage%20and%20Demolition.svg" loading="lazy" width="Auto" height="100" alt="Travaux de curage avant rénovation par Brokkr, entreprise de rénovation TCE pour appartement et maison à Paris et Ile-de-France." class="nm-icon" />
<h3 class="nm-heading">Curage et démolition</h3><a href="/nos-metiers/curage-demolition" class="nm-link w-inline-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69034fbbdaabbed5b7513905_right-arrow.svg" loading="lazy" alt="""" class="nm-link-icon" /></a>
</div>
</div>
</div>
</div>
</section>
<section class="section les-etapes">
<div class="w-layout-blockcontainer container w-container">
<div class="w-layout-grid grid _0-5-rem-gap">
<div id="w-node-a73b7aaf-7fe6-580b-2232-796d6161f3c9-5303edf9" data-w-id="a73b7aaf-7fe6-580b-2232-796d6161f3c9" style="opacity:0" class="heading-middle">
<div class="heading-and-label">
<div class="label">
<p>Notre méthodologie</p>
</div>
<h2 class="display hd-light">Les 4 étapes d’une rénovation réussie</h2>
</div>
<div class="w-layout-vflex mobile-section-d-none">
<p class="gray pralight">Une équipe dédiée à votre projet, un interlocuteur unique pour coordonner votre chantier.<br /></p>
</div>
</div>
<div id="w-node-a73b7aaf-7fe6-580b-2232-796d6161f3d6-5303edf9" class="button-wrapper"><a data-w-id="a73b7aaf-7fe6-580b-2232-796d6161f3d7" href="https://towasze.studio" class="button secondary button-link d-none w-inline-block">
<div class="button-text-wrapper">
<div class="button-interactive-mark orange-text">En savoir plus</div>
<div class="button-interactive-mark orange-text">En savoir plus</div>
</div>
<div class="button-link-arrow"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" loading="lazy" alt="""" class="button-link-arrow-img" /></div>
</a></div>
</div>
<section class="section-2">
<div class="line-block"></div>
<div class="w-layout-blockcontainer container-2 w-container">
<div class="w-layout-hflex flex-block">
<div class="st-img-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6904a0a5a2d9c2d63f59868c_st-1-ic.svg" loading="lazy" alt="Logo de l'entreprise Brokkr, entreprise de rénovation" class="st-ic-img" /></div>
<div class="text-block-2 st-number">1<br /></div>
<div class="text-block-2 st-desc">Vous nous envoyez votre demande directement via notre site web.</div>
</div>
<div class="w-layout-hflex flex-block">
<div class="st-img-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6904a17ee4b7621aada83567_st-2-ic.svg" loading="lazy" alt="Logo de l'entreprise Brokkr" class="st-ic-img" /></div>
<div class="text-block-2 st-number">2</div>
<div class="text-block-2 st-desc">Nous visitons votre espace, comprenons vos besoins et vous proposons un devis précis.</div>
</div>
<div class="w-layout-hflex flex-block">
<div class="st-img-block"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6904a17e5e8801b1efca9c79_st-3-ic.svg" loading="lazy" width="Auto" height="Auto" alt="Logo de l'entreprise Brokkr, entreprise générale de batiment TCE" class="st-ic-img" /></div>
<div class="text-block-2 st-number">3</div>
<div class="text-block-2 st-desc">Nos équipes gèrent l’ensemble des corps d’état et pilotent le chantier de A à Z.</div>
</div>
<div class="w-layout-hflex flex-block">
<div class="st-img-block st-img-last"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6904a17ee55d2ace2ef36c8e_st-4-ic.svg" loading="lazy" alt="Logo de l'entreprise Brokkr, entreprise générale de batiment TCE" class="st-ic-img st-ic-last" /></div>
<div class="text-block-2 st-number">4</div>
<div class="text-block-2 st-desc">Nous vous livrons votre chantier et restons disponibles après la fin des travaux.</div>
</div>
</div>
</section>
</div>
</section>
<section class="section blogsection">
<div class="w-layout-blockcontainer container w-container">
<div class="w-layout-grid grid _0-5-rem-gap">
<div id="w-node-_94eb1f06-1f96-cec5-2bed-de3b1bc7766e-5303edf9" data-w-id="94eb1f06-1f96-cec5-2bed-de3b1bc7766e" style="opacity:0" class="heading-middle">
<div class="heading-and-label">
<div class="label">
<p>On vous parle de rénovation</p>
</div>
<h2 class="display">Nos actualités</h2>
</div>
<div class="w-layout-vflex mobile-section-d-none">
<p class="gray">Découvrez toutes nos actualités pour vous inspirer dans votre projet de rénovation. <br />Guides pratiques, astuces pour rénover votre appartement ou maison</p>
</div>
</div>
<div id="w-node-_94eb1f06-1f96-cec5-2bed-de3b1bc7767b-5303edf9" class="button-wrapper"><a data-w-id="94eb1f06-1f96-cec5-2bed-de3b1bc7767c" href="/actualites" class="button secondary button-link w-inline-block">
<div class="button-text-wrapper">
<div class="button-interactive-mark color-black">Voir toutes nos actualités</div>
<div class="button-interactive-mark color-black">Voir toutes nos actualités</div>
</div>
<div class="button-link-arrow"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" loading="lazy" alt="""" class="button-link-arrow-img" /></div>
</a></div>
</div>
<div class="w-dyn-list">
<div role="list" class="blog-container w-dyn-items">
<div role="listitem" class="w-dyn-item"><a href="/nos-actualites/quelles-obligations-legales-avant-amenagement-combles" class="blog-item news-item w-inline-block">
<div class="blog-thumb"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/692815136704ad6a6f6a67c4_combles-en-cours-amenagement.webp" loading="lazy" alt="Aménagement de combles en Ile-de-France. " sizes="(max-width: 767px) 100vw, (max-width: 991px) 726.625px, 939.15625px" srcset="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/692815136704ad6a6f6a67c4_combles-en-cours-amenagement-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/692815136704ad6a6f6a67c4_combles-en-cours-amenagement-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/692815136704ad6a6f6a67c4_combles-en-cours-amenagement-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/692815136704ad6a6f6a67c4_combles-en-cours-amenagement-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/692815136704ad6a6f6a67c4_combles-en-cours-amenagement-p-2000.webp 2000w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/692815136704ad6a6f6a67c4_combles-en-cours-amenagement.webp 2560w" class="blog-pic" /></div>
<div class="blog-body">
<div class="blog-cate-link">
<div class="catelinkspan">Conseils</div>
</div>
<h3 class="blog-heading news-title">Quelles sont les obligations légales avant l'aménagement des combles ? </h3>
<div class="blog-date">January 2, 2026</div>
<p class="blog-text">Vous souhaitez créer une pièce en plus dans votre maison ? Possible, mais vous devez d'abord faire quelques démarches.</p>
</div>
</a></div>
<div role="listitem" class="w-dyn-item"><a href="/nos-actualites/quel-prix-poser-resine-epoxy" class="blog-item news-item w-inline-block">
<div class="blog-thumb"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/695525cecdad424e7cd3ec44_pose-resine-epoxy-artisan-certifie.webp" loading="lazy" alt="" sizes="(max-width: 767px) 100vw, (max-width: 991px) 726.625px, 939.15625px" srcset="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/695525cecdad424e7cd3ec44_pose-resine-epoxy-artisan-certifie-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/695525cecdad424e7cd3ec44_pose-resine-epoxy-artisan-certifie-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/695525cecdad424e7cd3ec44_pose-resine-epoxy-artisan-certifie-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/695525cecdad424e7cd3ec44_pose-resine-epoxy-artisan-certifie.webp 1179w" class="blog-pic" /></div>
<div class="blog-body">
<div class="blog-cate-link">
<div class="catelinkspan">Guides</div>
</div>
<h3 class="blog-heading news-title">Quel est le prix pour poser de la résine epoxy ? </h3>
<div class="blog-date">December 31, 2025</div>
<p class="blog-text">Découvrez le coût de l'application d'une résine epoxy à Paris et en Île-de-France.</p>
</div>
</a></div>
<div role="listitem" class="w-dyn-item"><a href="/nos-actualites/quel-prix-pose-carrelage-paris" class="blog-item news-item w-inline-block">
<div class="blog-thumb"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953a97f5324ad9eb8a187ba_pose-carrelage-paris.webp" loading="lazy" alt="Pose de carrelage à Paris par une entreprise de rénovation." sizes="(max-width: 767px) 100vw, (max-width: 991px) 726.625px, 939.15625px" srcset="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953a97f5324ad9eb8a187ba_pose-carrelage-paris-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953a97f5324ad9eb8a187ba_pose-carrelage-paris-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953a97f5324ad9eb8a187ba_pose-carrelage-paris-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953a97f5324ad9eb8a187ba_pose-carrelage-paris-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953a97f5324ad9eb8a187ba_pose-carrelage-paris-p-2000.webp 2000w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953a97f5324ad9eb8a187ba_pose-carrelage-paris.webp 2048w" class="blog-pic" /></div>
<div class="blog-body">
<div class="blog-cate-link">
<div class="catelinkspan">Guides</div>
</div>
<h3 class="blog-heading news-title">Quel est le prix de la pose de carrelage à Paris ? </h3>
<div class="blog-date">January 2, 2026</div>
<p class="blog-text">Découvrez le coût moyen pour poser du carrelage par une entreprise de rénovation à Paris. </p>
</div>
</a></div>
<div role="listitem" class="w-dyn-item"><a href="/nos-actualites/quel-prix-pose-parquet" class="blog-item news-item w-inline-block">
<div class="blog-thumb"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69539ceb6d3ef70c951b4345_entreprise-de-renovation-paris.webp" loading="lazy" alt="Prix pour la pose de parquet à Paris par une entreprise de rénovation sérieuse. " sizes="(max-width: 767px) 100vw, (max-width: 991px) 726.625px, 939.15625px" srcset="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69539ceb6d3ef70c951b4345_entreprise-de-renovation-paris-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69539ceb6d3ef70c951b4345_entreprise-de-renovation-paris-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69539ceb6d3ef70c951b4345_entreprise-de-renovation-paris-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69539ceb6d3ef70c951b4345_entreprise-de-renovation-paris-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69539ceb6d3ef70c951b4345_entreprise-de-renovation-paris-p-2000.webp 2000w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69539ceb6d3ef70c951b4345_entreprise-de-renovation-paris.webp 2048w" class="blog-pic" /></div>
<div class="blog-body">
<div class="blog-cate-link">
<div class="catelinkspan">Guides</div>
</div>
<h3 class="blog-heading news-title">Quel est le prix de la pose de parquet ?</h3>
<div class="blog-date">January 2, 2026</div>
<p class="blog-text">Découvrez le coût pour poser votre parquet par une entreprise de rénovation à Paris. </p>
</div>
</a></div>
<div role="listitem" class="w-dyn-item"><a href="/nos-actualites/quel-prix-ragreage-paris" class="blog-item news-item w-inline-block">
<div class="blog-thumb"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953948a32eeab9db96ec8e4_renovation-appartement-paris.webp" loading="lazy" alt="Ragréage d'un appartement à Paris avant la pose d'un parquet " sizes="(max-width: 767px) 100vw, (max-width: 991px) 726.625px, 939.15625px" srcset="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953948a32eeab9db96ec8e4_renovation-appartement-paris-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953948a32eeab9db96ec8e4_renovation-appartement-paris-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953948a32eeab9db96ec8e4_renovation-appartement-paris-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953948a32eeab9db96ec8e4_renovation-appartement-paris-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953948a32eeab9db96ec8e4_renovation-appartement-paris-p-2000.webp 2000w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/6953948a32eeab9db96ec8e4_renovation-appartement-paris.webp 2048w" class="blog-pic" /></div>
<div class="blog-body">
<div class="blog-cate-link">
<div class="catelinkspan">Guides</div>
</div>
<h3 class="blog-heading news-title">Quel est le prix d'un ragréage à Paris ? </h3>
<div class="blog-date">January 2, 2026</div>
<p class="blog-text">Découvrez le coût moyen d'un ragréage à Paris et en Île-de-France. </p>
</div>
</a></div>
<div role="listitem" class="w-dyn-item"><a href="/nos-actualites/faut-il-enlever-carrelage-avant-renovation" class="blog-item news-item w-inline-block">
<div class="blog-thumb"><img src="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69528393683350306956802c_retrait-carrelage-salle-de-bain-paris.webp" loading="lazy" alt="Retrait de la faience et du carrelage dans une salle de bain à Paris" sizes="(max-width: 767px) 100vw, (max-width: 991px) 726.625px, 939.15625px" srcset="https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69528393683350306956802c_retrait-carrelage-salle-de-bain-paris-p-500.webp 500w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69528393683350306956802c_retrait-carrelage-salle-de-bain-paris-p-800.webp 800w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69528393683350306956802c_retrait-carrelage-salle-de-bain-paris-p-1080.webp 1080w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69528393683350306956802c_retrait-carrelage-salle-de-bain-paris-p-1600.webp 1600w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69528393683350306956802c_retrait-carrelage-salle-de-bain-paris-p-2000.webp 2000w, https://cdn.prod.website-files.com/68ef8282d796798e5303ee3c/69528393683350306956802c_retrait-carrelage-salle-de-bain-paris.webp 2048w" class="blog-pic" /></div>
<div class="blog-body">
<div class="blog-cate-link">
<div class="catelinkspan">Conseils</div>
</div>
<h3 class="blog-heading news-title">Faut-il enlever le carrelage avant une rénovation ?</h3>
<div class="blog-date">January 2, 2026</div>
<p class="blog-text">Le retrait du carrelage au sol est-il indispensable avant les travaux de rénovation ? </p>
</div>
</a></div>
</div>
</div>
</div>
</section>
<section id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40b8c-22f40b8c" class="section _9-75rem-padding faqssection">
<div class="w-layout-blockcontainer container w-container">
<div class="w-layout-grid grid">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40b8f-22f40b8c" data-w-id="06f4c95b-24bb-ba32-29cb-3b8a22f40b8f" class="heading-left">
<div data-w-id="2e60b9d1-6e72-73e8-1474-49495d93b426" class="heading-middle">
<div class="heading-and-label">
<div class="label">
<p>Vos questions, nos réponses</p>
</div>
<h2 class="display">Foire aux questions</h2>
</div>
<p class="paragraph mobile-section-d-none faq-left-p">Parce que chaque chantier est unique, nous avons rassemblé ici les réponses aux questions que nos clients nous posent le plus souvent</p>
<div class="button-wrapper"><a data-w-id="2d4dfd38-6a1c-834e-f4b7-e2f413a5c989" href="/foire-aux-questions" class="button navigation orange w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark">Toutes nos réponses !</div>
<div class="button-interactive-mark">Toutes nos réponses !</div>
</div>
<div class="button-arrow-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" alt="""" class="icon-20px button-interactive-mark---arrow" /><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee00_White%20Arrow%20Right.svg" alt="""" class="icon-20px button-interactive-mark---arrow" /></div>
</a></div>
</div>
</div>
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40ba5-22f40b8c" class="faq-wrapper">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40ba6-22f40b8c" class="dropdown">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40ba7-22f40b8c" class="dropdown-toggle">
<div class="w-layout-grid dropdown-grid">
<h6 id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40ba9-22f40b8c" class="heading-2">Intervenez-vous pour les professionnels ?</h6><img id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bab-22f40b8c" loading="lazy" alt="""" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee09_Plus.svg" class="plus-faq" />
</div>
</div>
<div class="dropdown-list">
<div class="w-layout-grid dropdown-grid">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bae-22f40b8c" class="faq-answer-wrapper">
<p id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40baf-22f40b8c" class="gray">Oui, nous intervenons auprès des architectes, syndicats de copropriétés, investisseurs immobiliers.</p>
</div>
</div>
</div>
<div class="service-background"></div>
</div>
<div class="dropdown">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bb3-22f40b8c" class="dropdown-toggle">
<div class="w-layout-grid dropdown-grid">
<h6 id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bb5-22f40b8c"><strong>Quels sont vos délais moyens pour commencer un chantier ? </strong></h6><img id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bb7-22f40b8c" loading="lazy" alt="""" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee09_Plus.svg" class="plus-faq" />
</div>
</div>
<div class="dropdown-list">
<div class="w-layout-grid dropdown-grid">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bba-22f40b8c" class="faq-answer-wrapper">
<p id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bbb-22f40b8c" class="gray">Dès validation du devis, nous intervenons dans un délai de 4 à 6 semaines maximum. Si votre projet est urgent, nous pouvons intervenir dans les plus brefs délais.</p>
</div>
</div>
</div>
<div class="service-background"></div>
</div>
<div class="dropdown">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bbf-22f40b8c" class="dropdown-toggle">
<div class="w-layout-grid dropdown-grid">
<h6 id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bc1-22f40b8c"><strong>Comment suivre l’avancement de mon projet ? </strong></h6><img id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bc3-22f40b8c" loading="lazy" alt="""" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee09_Plus.svg" class="plus-faq" />
</div>
</div>
<div class="dropdown-list">
<div class="w-layout-grid dropdown-grid">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bc6-22f40b8c" class="faq-answer-wrapper">
<p id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bc7-22f40b8c" class="gray">Un interlocuteur unique vous est dédié tout au long de votre projet. La communication se fait en grande partie par Whatsapp, à travers des photos envoyées quotidiennement par notre chef de chantier.</p>
</div>
</div>
</div>
<div class="service-background"></div>
</div>
<div class="dropdown">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bcb-22f40b8c" class="dropdown-toggle">
<div class="w-layout-grid dropdown-grid">
<h6 id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bcd-22f40b8c"><strong>Puis-je rester dans mon appartement pendant mes travaux ?</strong></h6><img id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bcf-22f40b8c" loading="lazy" alt="""" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee09_Plus.svg" class="plus-faq" />
</div>
</div>
<div class="dropdown-list">
<div class="w-layout-grid dropdown-grid">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bd2-22f40b8c" class="faq-answer-wrapper">
<p id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bd3-22f40b8c" class="gray">Oui, il est possible que vous restiez dans votre appartement pendant la rénovation. Il est cependant conseillé de prévoir un relogement temporaire le temps de la finalisation des travaux.</p>
</div>
</div>
</div>
<div class="service-background"></div>
</div>
<div class="dropdown">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bd7-22f40b8c" class="dropdown-toggle">
<div class="w-layout-grid dropdown-grid">
<h6 id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bd9-22f40b8c"><strong>Combien de temps faut-il pour recevoir mon devis de rénovation ?</strong></h6><img id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bdb-22f40b8c" loading="lazy" alt="""" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee09_Plus.svg" class="plus-faq" />
</div>
</div>
<div class="dropdown-list">
<div class="w-layout-grid dropdown-grid">
<div id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bde-22f40b8c" class="faq-answer-wrapper">
<p id="w-node-_06f4c95b-24bb-ba32-29cb-3b8a22f40bdf-22f40b8c" class="gray">Dès la prise de contact, un interlocuteur vous rappellera sous 24H. Votre devis est édité sous 7 jours après une étude approfondie.</p>
</div>
</div>
</div>
<div class="service-background"></div>
</div>
<div></div>
</div>
<div id="w-node-_8b68bd33-8685-9476-86f0-6fb16f4226e6-22f40b8c" class="faq-container">
<div class="w-embed">
<div class="wf-accordion" data-allow-multiple="false">
<!-- 1 -->
<div class="accordion-item is-open">
<button class="accordion-trigger" aria-expanded="true" aria-controls="panel-1" id="accordion-1">
<span class="accordion-heading">Intervenez-vous pour les professionnels ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-1" class="accordion-panel" role="region" aria-labelledby="accordion-1" style="height:auto;">
<p>Oui, nous intervenons auprès des architectes, syndicats de copropriétés, investisseurs immobiliers.</p>
</div>
</div>
<!-- 2 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-2" id="accordion-2">
<span class="accordion-heading">Quels sont vos délais moyens pour commencer un chantier ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-2" class="accordion-panel" role="region" aria-labelledby="accordion-2" hidden>
<p>Dès validation du devis, nous intervenons dans un délai de 4 à 6 semaines maximum. Si votre projet est urgent, nous pouvons intervenir dans les plus brefs délais.</p>
</div>
</div>
<!-- 3 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-3" id="accordion-3">
<span class="accordion-heading">Comment suivre l’avancement de mon projet ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-3" class="accordion-panel" role="region" aria-labelledby="accordion-3" hidden>
<p>Un interlocuteur unique vous est dédié tout au long de votre projet. La communication se fait en grande partie par Whatsapp, à travers des photos envoyées quotidiennement par notre chef de chantier.</p>
</div>
</div>
<!-- 4 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-4" id="accordion-4">
<span class="accordion-heading">Puis-je rester dans mon appartement pendant mes travaux ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-4" class="accordion-panel" role="region" aria-labelledby="accordion-4" hidden>
<p>Oui, il est possible que vous restiez dans votre appartement pendant la rénovation. Il est cependant conseillé de prévoir un relogement temporaire le temps de la finalisation des travaux.</p>
</div>
</div>
<!-- 5 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-5" id="accordion-5">
<span class="accordion-heading">Combien de temps faut-il pour recevoir mon devis de rénovation ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-5" class="accordion-panel" role="region" aria-labelledby="accordion-5" hidden>
<p>Dès la prise de contact, un interlocuteur vous rappellera sous 24H. Votre devis est édité sous 7 jours après une étude approfondie.</p>
</div>
</div>
<!-- 6 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-6" id="accordion-6">
<span class="accordion-heading">Dans quelle zone géographique intervenez-vous ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-6" class="accordion-panel" role="region" aria-labelledby="accordion-6" hidden>
<p>
Brokkr® intervient sur tous les départements de l’Île-de-France :<br>
Paris, Yvelines, Hauts-de-Seine, Val d’Oise, Seine St Denis, Val de Marne, Seine-et-Marne, Essonne.<br><br>
Nous pouvons également intervenir dans les départements limitrophes :<br>
Oise, Aisne, Eure, Marne, Aube, Loiret, Yonne, Eure-et-Loir.
</p>
</div>
</div>
<!-- 7 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-7" id="accordion-7">
<span class="accordion-heading">Êtes-vous couvert par une assurance ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-7" class="accordion-panel" role="region" aria-labelledby="accordion-7" hidden>
<p>Oui, nous sommes couverts par une assurance décennale ainsi qu’une RC PRO.</p>
</div>
</div>
<!-- 8 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-8" id="accordion-8">
<span class="accordion-heading">Proposez-vous des facilités de paiement ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-8" class="accordion-panel" role="region" aria-labelledby="accordion-8" hidden>
<p>
Oui, nous programmons ensemble un échéancier de paiement en amont du projet. De manière générale, un projet est financé de la manière suivante :<br><br>
50% d’acompte<br>
45% d’état de situation<br>
5% à la livraison.<br><br>
Les règlements sont à effectuer par virement bancaire.
</p>
</div>
</div>
<!-- 9 -->
<div class="accordion-item">
<button class="accordion-trigger" aria-expanded="false" aria-controls="panel-9" id="accordion-9">
<span class="accordion-heading">Je souhaite une modification pendant le chantier. Est-ce possible ?</span>
<span class="chev" aria-hidden="true">▾</span>
</button>
<div id="panel-9" class="accordion-panel" role="region" aria-labelledby="accordion-9" hidden>
<p>Oui, il est possible d’apporter des modifications à votre projet. Toute demande fait l’objet d’un avenant au contrat signé par vos soins, et soumis à la faisabilité technique de votre demande.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section googlereviewcontainer">
<div class="w-layout-blockcontainer container w-container">
<div class="w-layout-grid grid _0-5-rem-gap">
<div id="w-node-d4df5968-8d4b-2ac0-0216-cd3d8bdd6288-5303edf9" data-w-id="d4df5968-8d4b-2ac0-0216-cd3d8bdd6288" style="opacity:0" class="heading-middle">
<div class="heading-and-label">
<div class="label mobile-section-d-none">
<p>Avis Google</p>
</div>
<h2 class="display">Nos clients parlent de nous </h2>
</div>
<div class="w-layout-vflex mobile-section-d-none">
<p class="gray">Découvrez les retours d’expérience et avis sur la qualité de nos rénovations et l’accompagnement Brokkr.</p>
</div>
</div>
</div>
<div data-w-id="7bb6daab-c8cc-4871-d5b5-1d72090f13d8" style="opacity:0" class="google-review-block w-embed w-script">
<script src="https://elfsightcdn.com/platform.js" async></script>
<div class="elfsight-app-127949b1-f220-4724-bf4b-f09664516cb1" data-elfsight-app-lazy></div>
</div>
<div class="d-none">
<div class="review-top-hd">
<div class="reviewheading">
<div class="rvhd"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69037e8d2b5a1d11467aa7fa_Google_2015_logo%20(1)%201.svg" loading="lazy" alt="Avis de l'entreprise Brokkr, rénovation d'appartements à Paris (75)." class="googlelogo" />
<h2 class="reviewshd">Reviews</h2>
</div>
<div class="reviesamount">110,419 reviews</div>
</div>
<div class="button-wrapper faqbutton"><a data-w-id="dc91d34b-f71d-84d1-2f85-ffdb7cf532f6" href="https://towasze.studio" class="button button-primary w-inline-block">
<div class="button-text-wrapper">
<div class="button-interactive-mark">Review us on Google</div>
<div class="button-interactive-mark">Review us on Google</div>
</div>
<div class="button-link-arrow google-link-link"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" loading="lazy" alt="""" class="button-link-arrow-img" /></div>
</a></div>
</div>
<div class="reviewcont">
<div id="w-node-_08c22275-3a08-c28a-d4b7-2140a672e6ef-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
<div id="w-node-_058ca253-d257-74f7-b738-fba0d39298a2-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
<div id="w-node-d7787440-bc8c-8851-e8c7-c09c744ba188-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
<div id="w-node-_716c2c5f-be9c-233f-c047-f41895b3cf71-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
<div id="w-node-_6ce9702d-9a71-b3f5-20e9-c39828cb793e-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
<div id="w-node-_457051bd-d3d1-5444-8f81-b419bf07ff7c-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
<div id="w-node-_59d8ac0f-46db-44ea-e043-fc69ada4d4f1-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
<div id="w-node-_57ef67f3-3541-7e31-ac34-912f4332ee6d-5303edf9" class="reviewitem"><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/690384641a6e1efaa750ee12_stars.svg" loading="lazy" alt="Avis Google de Brokkr" class="rv-stars" />
<p class="rv-text">Prenez vos billets en ligne ou à la billetterie. N'écoutez pas les appels externes...</p><a href="#" class="buttonlink">En savoir plus</a>
<div class="authorthumb">
<div class="text-block">AB</div>
</div>
<div class="author-name">AB Sharma</div>
<div class="author-years">il y a 3 jours</div>
</div>
</div>
</div>
</div>
</section>
<div class="footer-container">
<div class="line white"></div>
<div class="return-top"><a data-w-id="fcd62f36-7071-47e3-dd31-65f5f194f6e9" href="#top" class="button secondary button-link middle w-inline-block">
<div class="button-text-wrapper middle">
<div class="button-interactive-mark color-black">Retour en haut</div>
<div class="button-interactive-mark color-black">Retour en haut</div>
</div>
<div><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee01_Green%20Arrow%20Right.svg" alt="""" class="button-link-arrow-img btn-top" /></div>
</a></div>
<section class="section footer">
<div class="w-layout-blockcontainer container w-container">
<div class="revovationfooter">
<h2 class="heading">Entreprise générale du bâtiment </h2>
<div class="w-layout-grid grid-2 d-none"><a href="https://www.brokkr.fr/search-engine-optimization/entreprise-de-renovation-paris-1" class="revovation-dp-intramuros">Entreprise de rénovation Paris 1</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 2</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 3</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 4</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 5</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 6</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 7</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 8</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 9</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 10</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 11</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 12</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 13</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 14</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 15</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 16</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 17</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 18</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 19</a><a href="#" class="revovation-dp-intramuros">Entreprise de rénovation Paris 20</a></div>
<div class="w-embed">
<div class="home-page-seo-url-container">
<div class="cate-project-links home-page-seo-url">
<h3>Appartements</h3>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-complete-appartement" class="revovation-dp-intramuros">Rénovation complète d'appartement</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/travaux-de-peinture-sols-isolation" class="revovation-dp-intramuros">Travaux de peinture, sols, isolation</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/amenagement-despaces" class="revovation-dp-intramuros">Aménagement d'espaces</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/prix-renovation-appartement" class="revovation-dp-intramuros">Prix rénovation appartement</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/entreprise-de-renovation-a-paris" class="revovation-dp-intramuros">Entreprise de rénovation à Paris</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-energique-de-votre-logement" class="revovation-dp-intramuros">Rénovation énergétique</a>
</div>
<div class="cate-project-links home-page-seo-url">
<h3>Maisons</h3>
<a href="http://www.brokkr.fr/entreprise-du-batiment/%20renovation-maison-partielle-ou-totale" class="revovation-dp-intramuros">Rénovation partielle ou totale d’une maison</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/%20prix-renovation-maison" class="revovation-dp-intramuros">Prix rénovation d’une maison</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/%20extension-et-agrandissement" class="revovation-dp-intramuros">Extension et agrandissement</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-de-facade" class="revovation-dp-intramuros">Rénovation de façade</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/revetements-de-sols-beton-cire" class="revovation-dp-intramuros">Revêtements de sols : béton ciré</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/%20devis-renovation-maison" class="revovation-dp-intramuros">Devis rénovation maison</a>
</div>
<div class="cate-project-links home-page-seo-url">
<h3>Salles de bains</h3>
<a href="http://www.brokkr.fr/entreprise-du-batiment/entreprise-de-renovation-salle-de-bain" class="revovation-dp-intramuros">Entreprise de rénovation salle de bain</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/creation-transformation-salle-de-bain-moderne" class="revovation-dp-intramuros">Création / transformation salle de bain moderne</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/renovation-plomberie-sanitaires" class="revovation-dp-intramuros">Rénovation plomberie / sanitaires</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/conception-salle-de-bain-en-3d-projet-architecture-renovation-salle-de-bain" class="revovation-dp-intramuros">Conception 3D salle de bain</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/devis-renovation-salle-de-bain" class="revovation-dp-intramuros">Devis rénovation salle de bain</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/prix-renovation-salle-de-bain" class="revovation-dp-intramuros">Prix rénovation salle de bain</a>
</div>
<div class="cate-project-links home-page-seo-url">
<h3>Cuisines</h3>
<a href="http://www.brokkr.fr/entreprise-du-batiment/renovation-cuisine" class="revovation-dp-intramuros">Rénovation cuisine</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/renovation-ancienne-cuisine" class="revovation-dp-intramuros">Rénovation ancienne cuisine</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/renovation-plan-de-travail-cuisine-renovation-cuisine-paris" class="revovation-dp-intramuros">Rénovation plan de travail cuisine</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/prix-renovation-cuisine-au-m2-brokkr-entreprise-renovation-paris" class="revovation-dp-intramuros">Prix rénovation cuisine au m²</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/installation-de-cuisine-equipee" class="revovation-dp-intramuros">Installation de cuisine équipée</a>
<a href="http://www.brokkr.fr/entreprise-du-batiment/transformation-cuisine-moderne" class="revovation-dp-intramuros">Transformation cuisine moderne</a>
</div>
<div class="cate-project-links home-page-seo-url">
<h3>Budget</h3>
<a href="https://www.brokkr.fr/nos-actualites/quel-prix-renovation-salle-de-bain-m2-paris" class="revovation-dp-intramuros">Prix rénovation salle de bain</a>
<a href="https://www.brokkr.fr/nos-actualites/quel-prix-curage-paris-ile-de-france" class="revovation-dp-intramuros">Prix du curage avant rénovation</a>
<a href="https://www.brokkr.fr/nos-actualites/quel-prix-architecte-dinterieur-paris" class="revovation-dp-intramuros">Prix d'un architecte d'intérieur</a>
<a href="https://www.brokkr.fr/nos-actualites/prix-placard-sur-mesure" class="revovation-dp-intramuros">Prix d'un placard sur mesure</a>
<a href="https://www.brokkr.fr/nos-actualites/quel-prix-m2-peinture-haut-de-gamme" class="revovation-dp-intramuros">Prix peinture haut-de-gamme</a>
<a href="https://www.brokkr.fr/nos-actualites/quel-prix-pose-carrelage-paris" class="revovation-dp-intramuros">Prix pose carrelage</a>
<a href="https://www.brokkr.fr/nos-actualites/quel-prix-ragreage-paris" class="revovation-dp-intramuros">Prix ragréage</a>
<a href="https://www.brokkr.fr/entreprise-du-batiment/renovation-studio-paris" class="revovation-dp-intramuros">Prix rénovation studio</a>
</div>
</div>
</div>
</div>
<div class="footer-form">
<div class="footer-heading">
<h3 class="heading etrehd">Etre rappelé</h3>
<div class="footerform w-form">
<form id="wf-form-name" name="wf-form-name" data-name="name" method="get" class="form-container" data-wf-page-id="68ef8282d796798e5303edf9" data-wf-element-id="b485f6e4-fc01-581a-7523-d7ae530e92f8"><input class="box-footer-form w-input" maxlength="256" name="name" data-name="Name" placeholder="Nom " type="text" id="name" required="" /><input class="box-footer-form w-input" maxlength="256" name="email" data-name="email" placeholder="E-mail" type="email" id="email" required="" /><input class="box-footer-form w-input" maxlength="256" name="N-de-t-l-phone" data-name="N° de téléphone" placeholder="N° de téléphone" type="number" id="N-de-t-l-phone" required="" /><input type="submit" data-wait="Please wait..." data-w-id="b485f6e4-fc01-581a-7523-d7ae530e92fc" class="footer-submit w-button" value="Envoyer" /></form>
<div class="success-message-2 w-form-done">
<div>Merci pour votre demande. Nous allons vous rappeler dans un délai de 24h, hors week-end et jours fériés.</div>
</div>
<div class="w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
</div>
</div>
<div class="w-layout-grid grid"><img id="w-node-c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed257-8f5ed256" loading="lazy" alt="Template Logo" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee16_Archscale_White_Logo.svg" class="logo _2-rem-margin" />
<div id="w-node-c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed258-8f5ed256" class="footer-div-wrapper">
<div id="w-node-c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed259-8f5ed256" class="footer-div">
<p class="normal gray white footer-hd footer-heading">Plan du site</p><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed25c" href="/" aria-current="page" class="button bg-transparent no-space w-inline-block w--current">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Accueil</div>
<div class="button-interactive-mark">Accueil</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed262" href="/renovation-generale-pour-les-particuliers" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Particuliers</div>
<div class="button-interactive-mark">Particuliers</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed268" href="/professionnels" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Professionnels</div>
<div class="button-interactive-mark">Professionnels</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed26e" href="/nos-chantiers" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Nos chantiers</div>
<div class="button-interactive-mark">Nos chantiers</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed274" href="/actualites" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Actualités</div>
<div class="button-interactive-mark">Actualités</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed27a" href="/jestime-mes-travaux" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Devis travaux</div>
<div class="button-interactive-mark">Devis travaux</div>
</div>
</a>
</div>
<div class="footer-div">
<p class="normal gray white footer-hd footer-heading">Prestations</p><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed289" href="/entreprise-renovation-appartement" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation d'appartement</div>
<div class="button-interactive-mark">Rénovation d'appartement</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed28f" href="https://www.brokkr.fr/entreprise-renovation-de-maisons" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation de maisons</div>
<div class="button-interactive-mark">Rénovation de maisons</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed295" href="http://www.brokkr.fr/entreprise-du-batiment/renovation-salle-de-bain" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Salle de bains</div>
<div class="button-interactive-mark">Rénovation Salle de bains</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed29b" href="https://www.brokkr.fr/entreprise-du-batiment/renover-sa-cuisine" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation de Cuisines</div>
<div class="button-interactive-mark">Rénovation de Cuisines</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2a1" href="https://www.brokkr.fr/entreprise-du-batiment/amenagement-de-bureaux-a-paris" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Aménagement de bureaux</div>
<div class="button-interactive-mark">Aménagement de bureaux</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2a7" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-de-commerce" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation locaux commerciaux</div>
<div class="button-interactive-mark">Rénovation locaux commerciaux</div>
</div>
</a>
</div>
<div class="footer-div">
<p class="normal gray white footer-hd footer-heading">Métiers</p>
<div class="w-dyn-list">
<div role="list" class="w-dyn-items">
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/curage-demolition" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Curage et démolition</div>
<div class="button-interactive-mark">Curage et démolition</div>
</div>
</a></div>
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/conception-3d-architecte" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Conception 3D</div>
<div class="button-interactive-mark">Conception 3D</div>
</div>
</a></div>
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/electricite" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Electricité</div>
<div class="button-interactive-mark">Electricité</div>
</div>
</a></div>
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/revetement-de-sols" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Revêtement de sols</div>
<div class="button-interactive-mark">Revêtement de sols</div>
</div>
</a></div>
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/plomberie" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Plomberie</div>
<div class="button-interactive-mark">Plomberie</div>
</div>
</a></div>
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/menuiserie-interieure-sur-mesure" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Menuiserie intérieure</div>
<div class="button-interactive-mark">Menuiserie intérieure</div>
</div>
</a></div>
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/peinture" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Peinture</div>
<div class="button-interactive-mark">Peinture</div>
</div>
</a></div>
<div role="listitem" class="footer-links-metiers w-dyn-item"><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2b0" href="/nos-metiers/platrerie" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Plâtrerie</div>
<div class="button-interactive-mark">Plâtrerie</div>
</div>
</a></div>
</div>
</div>
</div>
<div class="footer-div">
<p class="normal gray white footer-hd footer-heading">Lieux d'intervention</p><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2e3" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-paris" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Paris</div>
<div class="button-interactive-mark">Rénovation Paris</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2e9" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-yvelines" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Yvelines</div>
<div class="button-interactive-mark">Rénovation Yvelines</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2ef" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-hauts-de-seine" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Hauts-de-Seine</div>
<div class="button-interactive-mark">Rénovation Hauts-de-Seine</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2f5" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-val-doise" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Val d'Oise</div>
<div class="button-interactive-mark">Rénovation Val d'Oise</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed2fb" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-oise" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Oise</div>
<div class="button-interactive-mark">Rénovation Oise</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed301" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-seine-saint-denis" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Seine-saint-Denis</div>
<div class="button-interactive-mark">Rénovation Seine-saint-Denis</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed307" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-val-de-marne" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Val-de-Marne</div>
<div class="button-interactive-mark">Rénovation Val-de-Marne</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed30d" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-essonne" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Essonne</div>
<div class="button-interactive-mark">Rénovation Essonne</div>
</div>
</a><a data-w-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed313" href="https://www.brokkr.fr/entreprise-du-batiment/renovation-en-seine-et-marne" class="button bg-transparent no-space w-inline-block">
<div class="inside-button">
<div class="button-interactive-mark footer-grey">Rénovation Seine et Marne</div>
<div class="button-interactive-mark">Rénovation Seine et Marne</div>
</div>
</a>
</div>
</div>
<div id="w-node-c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed319-8f5ed256" class="footer-left">
<div class="footer-div max-350px">
<p class="normal gray white footer-hd footer-heading">Adresse</p>
<h4 class="emailha">2 rue Nicéphore Niepce<br />60200 Compiègne</h4>
</div>
<div class="footer-div max-500px">
<p class="normal gray white">Entrez votre e-mail</p>
<div class="w-form">
<form id="wf-form-Newsletter" name="wf-form-Newsletter" data-name="Newsletter" method="get" class="form" data-wf-page-id="68ef8282d796798e5303edf9" data-wf-element-id="c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed325"><input class="text-field footer w-input" maxlength="256" name="email-3" data-name="Email 3" placeholder="hello@brokkr.fr" type="email" id="email-3" required="" /><input type="submit" data-wait="Please wait..." class="button secondary semi-bold w-button" value="ok" /></form>
<div class="success-message w-form-done">
<div>Your submission has been received!</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
<p class="normal gray white emailtext">* En vous abonnant, vous acceptez notre politique de confidentialité et consentez à recevoir des mises à jour de notre entreprise.</p>
</div>
</div>
<div id="w-node-c3bec3e4-89c8-b0e5-45a6-a2fe8f5ed330-8f5ed256" class="bottom-footer">
<div class="normal gray copyrighttext w-embed">Brokkr © 2025. Tous droits réservés - <a href="https://share.google/EYSgT0jIgIAodXZ0J" target="_blank">Avis Clients</a> - <a href="https://www.brokkr.fr/mentions-legales">Mentions légales</a> - <a href="https://www.brokkr.fr/politique-de-confidentialite">Politique de confidentialité</a> - <a href="https://www.brokkr.fr/sitemap.xml">Plan du site</a> - <a href="https://weblines.fr/">Une création Weblines</a> - <a href="http://buildco.fr/" target="_blank">Credits</a></div>
<div class="utility-links"><a href="https://www.facebook.com/brokkr.renovation/" target="_blank" class="smlink w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69020a96afe020c646ba2aee_facebook.svg" alt="Logo Facebook de Brokkr, entreprise de rénovation à Paris." class="ullink" /></a><a href="https://www.instagram.com/brokkr.fr/" target="_blank" class="smlink w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69020a9653548aefcd2d6682_instagram.svg" alt="Logo Instagram Brokkr entreprise de rénovation à Paris." class="ullink" /></a><a href="https://www.linkedin.com/company/brokkr-travaux-de-renovation/" target="_blank" class="smlink w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/69020a96b248a9da884acc98_linkedin.svg" alt="Logo LinkedIn Brokkr entreprise de rénovation à Paris." class="ullink" /></a><a href="https://www.tiktok.com/@brokkr_renovation" target="_blank" class="smlink w-inline-block"><img loading="lazy" height="20" alt="tiktok brokkr" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6906f60e233a7d85ab2dfe4f_Vector.svg" class="ullink" /></a></div>
</div>
</div>
</div>
</section><img src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/6915d35233c83897776df591_Travaux-de-renovation.svg" loading="lazy" alt="Travaux de rénovation entreprise Brokkr à Paris (75) et Ile-de-France. " class="footerbottomtext" />
</div>
<div class="all-pages">
<div class="all-pages-button">
<div class="inside-button">
<div class="button-interactive-mark">Pages</div>
<div class="button-interactive-mark">Pages</div>
</div><img data-w-id="2ce8fa40-c632-5e08-c487-457ea97d9dca" loading="lazy" alt="" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee6c_Arrow%20Down.svg" class="icon-24px" />
</div>
<div data-delay="4000" data-animation="slide" class="all-pages-slider w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="false">
<div class="all-pages-mask w-slider-mask">
<div class="all-pages-slide w-slide"><a href="/" aria-current="page" class="all-pages-link w-inline-block w--current">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb1_Home%20A.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div>Home (A)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb0_Home%20B.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div>Home (B)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeaf_Home%20C.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div>Home (C)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eec0_About.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">About</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eece_Services.avif" alt="""" class="all-pages-image" /></div>
<div class="semi-bold">Services</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="https://archscale.webflow.io/services/architectural-design" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eebf_Services%20Detail.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Services (Details)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeba_Blog.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Blog</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="https://archscale.webflow.io/blog/the-green-space-revolution-is-the-living-building-the-future-2" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb5_Blog%20Article.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Blog (Article)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eebc_Projects%20A.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Projects (A)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb9_Projects%20B.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Projects (B)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eed0_Projects%20C.avif" alt="""" class="all-pages-image" /></div>
<div class="semi-bold">Projects (C)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="https://archscale.webflow.io/projects/ridgeway-house-retreat-in-the-hills" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb6_Project%20Details.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Projects (Details)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eebb_Contact%20A.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Contact (A)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb3_Contact%20B.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Contact (B)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eebd_Contact%20C.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Contact (C)</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb7_Privacy%20Policy.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Privacy Policy</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="https://archscale.webflow.io/404" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb8_404.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">404</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="https://archscale.webflow.io/401" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb2_401.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">401</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eeb4_Licenses.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Licenses</div>
</a></div>
<div class="all-pages-slide w-slide"><a href="#" class="all-pages-link w-inline-block">
<div class="all-pages-image-block"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303eebe_Style%20Guide.avif" alt="Page Sreenshot" class="all-pages-image" /></div>
<div class="semi-bold">Style Guide</div>
</a></div>
</div>
<div class="all-pages-arrow w-slider-arrow-left"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee2b_Arrow_Right_Black.svg" alt="Arrow Right Black" class="icon-24px flip" /></div>
<div class="all-pages-arrow w-slider-arrow-right"><img loading="lazy" src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/68ef8282d796798e5303ee2b_Arrow_Right_Black.svg" alt="Arrow Right Black" class="icon-24px" /></div>
<div class="slide-nav w-slider-nav w-round w-num"></div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=68ef8281d796798e5303ed35" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.prod.website-files.com/68ef8281d796798e5303ed35/js/webflow.7d301f28.927864e9b95fbedd.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/gsap/3.14.2/gsap.min.js" type="text/javascript"></script>
<script src="https://cdn.prod.website-files.com/gsap/3.14.2/ScrollTrigger.min.js" type="text/javascript"></script><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5KBQ9SLN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>
(function() {
const accordions = document.querySelectorAll('.wf-accordion');
accordions.forEach(accordion => {
const allowMultiple = accordion.getAttribute('data-allow-multiple') === 'true';
const triggers = Array.from(accordion.querySelectorAll('.accordion-trigger'));
// Initialize
triggers.forEach((btn, i) => {
const panel = document.getElementById(btn.getAttribute('aria-controls'));
// If first item — keep open by default
if (i === 0) {
btn.setAttribute('aria-expanded', 'true');
panel.hidden = false;
panel.style.height = 'auto';
btn.classList.add('is-active'); // add active class
} else {
btn.setAttribute('aria-expanded', 'false');
panel.style.height = '0px';
panel.hidden = true;
}
});
function closePanel(btn) {
const panel = document.getElementById(btn.getAttribute('aria-controls'));
btn.setAttribute('aria-expanded', 'false');
btn.classList.remove('is-active'); // remove active style
// smooth close
panel.style.height = panel.scrollHeight + 'px';
panel.offsetHeight;
panel.style.height = '0px';
panel.addEventListener('transitionend', function handler(e) {
if (e.propertyName === 'height') {
panel.hidden = true;
panel.removeEventListener('transitionend', handler);
}
});
}
function openPanel(btn) {
const panel = document.getElementById(btn.getAttribute('aria-controls'));
btn.setAttribute('aria-expanded', 'true');
btn.classList.add('is-active'); // add active style
panel.hidden = false;
panel.style.height = '0px';
panel.offsetHeight;
const fullHeight = panel.scrollHeight + 'px';
panel.style.height = fullHeight;
panel.addEventListener('transitionend', function handler(e) {
if (e.propertyName === 'height') {
panel.style.height = 'auto';
panel.removeEventListener('transitionend', handler);
}
});
}
function toggle(btn) {
const expanded = btn.getAttribute('aria-expanded') === 'true';
if (expanded) {
closePanel(btn);
} else {
if (!allowMultiple) {
triggers.forEach(other => {
if (other !== btn && other.getAttribute('aria-expanded') === 'true') {
closePanel(other);
}
});
}
openPanel(btn);
}
}
triggers.forEach((btn, idx) => {
btn.addEventListener('click', e => {
e.preventDefault();
toggle(btn);
});
// keyboard navigation
btn.addEventListener('keydown', e => {
const key = e.key;
if (key === 'Enter' || key === ' ') {
e.preventDefault();
toggle(btn);
} else if (key === 'ArrowDown') {
e.preventDefault();
triggers[(idx + 1) % triggers.length].focus();
} else if (key === 'ArrowUp') {
e.preventDefault();
triggers[(idx - 1 + triggers.length) % triggers.length].focus();
}
});
});
});
})();
</script>
<script>
$(document).ready(function() {
var lastScrollTop = 0;
var $nav = $('.mainnavbar');
$(window).on('scroll', function() {
var currentScroll = $(this).scrollTop();
if (currentScroll > lastScrollTop) {
// Scrolling down
$nav.addClass('mainnav-hidden');
} else {
// Scrolling up
$nav.removeClass('mainnav-hidden');
}
lastScrollTop = currentScroll;
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const searchInput = document.getElementById("newsSearch");
const newsItems = document.querySelectorAll(".w-dyn-item");
if (!searchInput || newsItems.length === 0) {
console.error("Aucun résultat correspondant à votre recherche n'a été trouvé.");
return;
}
searchInput.addEventListener("keyup", function() {
const query = this.value.toLowerCase();
newsItems.forEach(item => {
const titleEl = item.querySelector(".news-title");
const textEl = item.querySelector("p");
if (!titleEl || !textEl) return;
const title = titleEl.textContent.toLowerCase();
const text = textEl.textContent.toLowerCase();
item.style.display =
title.includes(query) || text.includes(query) ?
"" :
"none";
});
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const pageUrl = encodeURIComponent(window.location.href);
const pageTitle = encodeURIComponent(document.title);
document.getElementById("share-facebook").href =
`https://www.facebook.com/sharer/sharer.php?u=${pageUrl}`;
document.getElementById("share-twitter").href =
`https://twitter.com/intent/tweet?url=${pageUrl}&text=${pageTitle}`;
document.getElementById("share-linkedin").href =
`https://www.linkedin.com/shareArticle?mini=true&url=${pageUrl}&title=${pageTitle}`;
document.getElementById("share-whatsapp").href =
`https://api.whatsapp.com/send?text=${pageTitle} - ${pageUrl}`;
// Instagram (open Instagram homepage or brand profile)
document.getElementById("share-instagram").href =
`https://www.instagram.com/`;
// Copy link button
const copyBtn = document.getElementById("share-copy");
const copyMsg = document.getElementById("copy-msg");
copyBtn.addEventListener("click", () => {
navigator.clipboard.writeText(window.location.href).then(() => {
copyMsg.style.display = "inline";
setTimeout(() => (copyMsg.style.display = "none"), 2000);
});
});
});
</script>
<script>
$(document).ready(function() {
var lastScrollTop = 0;
var $nav = $('.mainnavbar');
$(window).on('scroll', function() {
var currentScroll = $(this).scrollTop();
if (currentScroll > lastScrollTop) {
// Scrolling down
$nav.addClass('mainnav-hidden');
} else {
// Scrolling up
$nav.removeClass('mainnav-hidden');
}
lastScrollTop = currentScroll;
});
});
</script>
<script>
(function() {
const nav = document.querySelector('.mega-nav');
const menuToggle = nav.querySelector('.menu-toggle');
const menu = nav.querySelector('#site-menu');
const closeBtn = nav.querySelector('.menu-close');
const items = nav.querySelectorAll('.nav-item.has-mega');
const BREAK = 992;
function isDesktop() {
return window.innerWidth >= BREAK
}
// Helper → sync active-dropmenu on .mega-nav
function updateNavState() {
const anyOpen = [...items].some(it => it.classList.contains('show'));
nav.classList.toggle('active-dropmenu', anyOpen);
}
// Mobile toggle
menuToggle.addEventListener('click', () => {
const open = menu.classList.toggle('open');
menuToggle.setAttribute('aria-expanded', open);
});
// Close button for mobile
closeBtn.addEventListener('click', () => {
menu.classList.remove('open');
menuToggle.setAttribute('aria-expanded', 'false');
});
items.forEach(item => {
const btn = item.querySelector('.nav-link');
const panel = item.querySelector('.mega');
function open() {
item.classList.add('show');
btn.setAttribute('aria-expanded', 'true');
panel.setAttribute('aria-hidden', 'false');
updateNavState();
}
function close() {
item.classList.remove('show');
btn.setAttribute('aria-expanded', 'false');
panel.setAttribute('aria-hidden', 'true');
updateNavState();
}
item.addEventListener('pointerenter', () => {
if (isDesktop()) open();
});
item.addEventListener('pointerleave', () => {
if (isDesktop()) close();
});
btn.addEventListener('focus', () => {
if (isDesktop()) open();
});
btn.addEventListener('blur', () => {
if (isDesktop()) close();
});
btn.addEventListener('click', (e) => {
if (!isDesktop()) {
e.preventDefault();
const isOpen = item.classList.toggle('show');
btn.setAttribute('aria-expanded', isOpen);
panel.setAttribute('aria-hidden', !isOpen);
updateNavState();
}
});
item.addEventListener('keydown', (e) => {
if (e.key === 'Escape') close();
});
});
// Click outside → close all
document.addEventListener('click', (e) => {
if (!nav.contains(e.target)) {
items.forEach(it => {
it.classList.remove('show');
const b = it.querySelector('.nav-link');
const p = it.querySelector('.mega');
if (b) b.setAttribute('aria-expanded', 'false');
if (p) p.setAttribute('aria-hidden', 'true');
});
menu.classList.remove('open');
menuToggle.setAttribute('aria-expanded', 'false');
updateNavState();
}
});
// Escape → close all
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape') {
items.forEach(it => {
it.classList.remove('show');
const b = it.querySelector('.nav-link');
const p = it.querySelector('.mega');
if (b) b.setAttribute('aria-expanded', 'false');
if (p) p.setAttribute('aria-hidden', 'true');
});
menu.classList.remove('open');
menuToggle.setAttribute('aria-expanded', 'false');
updateNavState();
}
});
// Initial ARIA setup
items.forEach(it => {
const b = it.querySelector('.nav-link');
const p = it.querySelector('.mega');
if (b) b.setAttribute('aria-expanded', 'false');
if (p) p.setAttribute('aria-hidden', 'true');
});
// Resize handler
let resizeTimer;
window.addEventListener('resize', () => {
clearTimeout(resizeTimer);
resizeTimer = setTimeout(() => {
if (isDesktop()) {
menu.classList.remove('open');
menuToggle.setAttribute('aria-expanded', 'false');
}
updateNavState();
}, 120);
});
})();
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const toggles = document.querySelectorAll("#site-menu .toggle");
toggles.forEach(btn => {
btn.addEventListener("click", () => {
const submenu = btn.nextElementSibling;
// Close others if needed
document.querySelectorAll("#site-menu .submenu").forEach(m => {
if (m !== submenu) m.classList.remove("open");
});
submenu.classList.toggle("open");
});
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', () => {
/* =====================================================
1. REMOVE EMPTY IMAGES FROM GALLERY
===================================================== */
document.querySelectorAll('.gallery-grid img.w-dyn-bind-empty').forEach(img => {
const parent = img.closest('.gallery-thumb') || img.parentElement;
parent.remove();
});
/* Re-scan images after removal */
const images = document.querySelectorAll('.gallery-grid img');
let currentIndex = 0;
/* =====================================================
CREATE OVERLAY
===================================================== */
function createOverlay() {
const overlay = document.createElement('div');
overlay.className = 'overlay';
overlay.innerHTML = `
<div class="overlay-image-wrapper">
<img class="overlay-img">
</div>
<button class="nav-btn prev">‹</button>
<button class="nav-btn next">›</button>
<button class="close-btn">×</button>
`;
document.body.appendChild(overlay);
return overlay;
}
/* =====================================================
UPDATE NAVIGATION UI
===================================================== */
function updateNavigationUI(overlay, index) {
const prevBtn = overlay.querySelector(".prev");
const nextBtn = overlay.querySelector(".next");
const total = images.length;
// Hide prev if first
prevBtn.style.display = (index === 0) ? "none" : "";
// Hide next if last
if (index === total - 1) {
nextBtn.style.display = "none";
return;
}
// Hide next if the NEXT image would have been empty (for CMS safety)
const nextImage = images[index + 1];
if (nextImage && nextImage.classList.contains("w-dyn-bind-empty")) {
nextBtn.style.display = "none";
} else {
nextBtn.style.display = "";
}
}
/* =====================================================
OPEN OVERLAY
===================================================== */
function openOverlay(index) {
currentIndex = index;
const overlay = createOverlay();
const overlayImg = overlay.querySelector(".overlay-img");
const prevBtn = overlay.querySelector(".prev");
const nextBtn = overlay.querySelector(".next");
const closeBtn = overlay.querySelector(".close-btn");
/* Copy classes from thumbnail */
const clickedImg = images[index];
clickedImg.classList.forEach(cls => overlayImg.classList.add(cls));
/* Show image */
function showImage(i) {
if (i < 0 || i >= images.length) return;
currentIndex = i;
const img = images[currentIndex];
overlayImg.src = img.src;
// Reset and copy classes
overlayImg.className = "overlay-img";
img.classList.forEach(cls => overlayImg.classList.add(cls));
// Update buttons
updateNavigationUI(overlay, currentIndex);
}
showImage(currentIndex);
overlay.classList.add("active");
/* =========================== BUTTON EVENTS ======================== */
prevBtn.addEventListener("click", (e) => {
e.stopPropagation();
if (currentIndex > 0) showImage(currentIndex - 1);
});
nextBtn.addEventListener("click", (e) => {
e.stopPropagation();
if (currentIndex < images.length - 1) showImage(currentIndex + 1);
});
closeBtn.addEventListener("click", () => overlay.remove());
overlay.addEventListener("click", (e) => {
if (e.target === overlay) overlay.remove();
});
/* =========================== KEYBOARD ============================= */
function keyHandler(e) {
if (e.key === "Escape") overlay.remove();
if (e.key === "ArrowRight" && currentIndex < images.length - 1) {
showImage(currentIndex + 1);
}
if (e.key === "ArrowLeft" && currentIndex > 0) {
showImage(currentIndex - 1);
}
}
document.addEventListener("keydown", keyHandler);
overlay.addEventListener("remove", () => {
document.removeEventListener("keydown", keyHandler);
});
}
/* =====================================================
CLICK LISTENER FOR THUMBNAILS
===================================================== */
images.forEach((img, i) => {
img.addEventListener("click", () => openOverlay(i));
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
const selectors = [".blog-date", ".news-date"];
selectors.forEach(selector => {
document.querySelectorAll(selector).forEach(el => {
const raw = el.textContent.trim();
// Parse English "November 18, 2025"
const date = new Date(Date.parse(raw));
// Extract parts in French
const day = date.toLocaleDateString("fr-FR", {
day: "numeric"
});
let month = date.toLocaleDateString("fr-FR", {
month: "long"
});
const year = date.toLocaleDateString("fr-FR", {
year: "numeric"
});
// Capitalize month
month = month.charAt(0).toUpperCase() + month.slice(1);
const formatted = `${day} ${month} ${year}`;
el.textContent = formatted;
});
});
});
</script>
<script>
document.addEventListener("DOMContentLoaded", () => {
// 👇 CHANGE THIS to your thumbnail wrapper class
const thumbWrapper = document.querySelector(".thumbs-wrapper");
// ===========================
// REMOVE EMPTY IMAGES
// ===========================
document.querySelectorAll('.slider-item img.w-dyn-bind-empty, .thumb img.w-dyn-bind-empty')
.forEach(img => {
const parentSlide = img.closest('.slider-item');
const parentThumb = img.closest('.thumb');
if (parentSlide) parentSlide.remove();
if (parentThumb) parentThumb.remove();
});
const slides = document.querySelectorAll('.slider-item');
const thumbs = document.querySelectorAll('.thumb');
const mainSlider = document.querySelector('.main-slider');
let current = 0;
// ===========================
// CREATE MAIN ARROWS
// ===========================
const prevBtn = document.createElement('button');
prevBtn.type = "button";
prevBtn.className = 'arrow prev';
prevBtn.innerHTML = `
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
</svg>
`;
const nextBtn = document.createElement('button');
nextBtn.type = "button";
nextBtn.className = 'arrow next';
nextBtn.innerHTML = `
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/>
</svg>
`;
mainSlider.append(prevBtn, nextBtn);
// ===========================
// ZOOM OVERLAY
// ===========================
const overlay = document.createElement("div");
overlay.className = "zoom-overlay";
overlay.innerHTML = `
<button type="button" class="zoom-close">×</button>
<button type="button" class="zoom-prev">‹</button>
<img src="">
<button type="button" class="zoom-next">›</button>
`;
document.body.appendChild(overlay);
const overlayImg = overlay.querySelector("img");
const overlayClose = overlay.querySelector(".zoom-close");
const zoomPrev = overlay.querySelector(".zoom-prev");
const zoomNext = overlay.querySelector(".zoom-next");
// ===========================
// INIT
// ===========================
function init() {
slides[0]?.classList.add("active");
thumbs[0]?.classList.add("active");
addControls(slides[0]);
updateArrowVisibility(current);
}
// ===========================
// ADD SLIDE CONTROLS
// ===========================
function addControls(slide) {
slide.querySelectorAll('.control-btn, .close-btn, .zoom-icon').forEach(b => b.remove());
const beforeBtn = document.createElement("button");
beforeBtn.type = "button";
beforeBtn.className = "control-btn";
beforeBtn.textContent = "Voir l'avant";
const closeBtn = document.createElement("button");
closeBtn.type = "button";
closeBtn.className = "close-btn";
closeBtn.innerHTML = "×";
closeBtn.style.display = "none";
const zoomIcon = document.createElement("button");
zoomIcon.type = "button";
zoomIcon.className = "zoom-icon";
zoomIcon.innerHTML = `
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<circle cx="11" cy="11" r="8"/>
<line x1="21" y1="21" x2="16.65" y2="16.65"/>
</svg>
`;
beforeBtn.onclick = (e) => {
e.preventDefault();
e.stopPropagation();
slide.classList.add("show-secondary");
beforeBtn.style.display = "none";
closeBtn.style.display = "flex";
};
closeBtn.onclick = (e) => {
e.preventDefault();
e.stopPropagation();
slide.classList.remove("show-secondary");
closeBtn.style.display = "none";
beforeBtn.style.display = "block";
};
zoomIcon.onclick = (e) => {
e.preventDefault();
e.stopPropagation();
const img = slide.classList.contains("show-secondary") ?
slide.querySelector(".secondary") :
slide.querySelector(".primary");
overlayImg.src = img.src;
overlay.style.display = "flex";
updateZoomArrows(current);
};
slide.append(beforeBtn, closeBtn, zoomIcon);
}
overlayClose.onclick = (e) => {
e.preventDefault();
overlay.style.display = "none";
};
// ===========================
// UPDATE ARROWS
// ===========================
function updateArrowVisibility(i) {
prevBtn.style.display = i === 0 ? "none" : "";
nextBtn.style.display = i === slides.length - 1 ? "none" : "";
}
function updateZoomArrows(i) {
zoomPrev.style.display = i === 0 ? "none" : "";
zoomNext.style.display = i === slides.length - 1 ? "none" : "";
}
// ===========================
// SHOW SLIDE
// ===========================
function showSlide(i) {
if (i < 0) i = 0;
if (i >= slides.length) i = slides.length - 1;
slides.forEach((s, idx) => {
s.classList.toggle("active", idx === i);
s.classList.remove("show-secondary");
if (idx === i) addControls(s);
});
thumbs.forEach((t, idx) => t.classList.toggle("active", idx === i));
current = i;
// ✅ ONLY scroll thumbnails container, NOT the page
if (thumbWrapper && thumbs[current]) {
thumbWrapper.scrollLeft =
thumbs[current].offsetLeft -
thumbWrapper.offsetLeft -
thumbWrapper.clientWidth / 3;
}
updateArrowVisibility(current);
updateZoomArrows(current);
}
// ===========================
// EVENTS
// ===========================
thumbs.forEach((t, i) => {
t.onclick = (e) => {
e.preventDefault();
showSlide(i);
};
});
prevBtn.onclick = (e) => {
e.preventDefault();
showSlide(current - 1);
};
nextBtn.onclick = (e) => {
e.preventDefault();
showSlide(current + 1);
};
zoomPrev.onclick = (e) => {
e.preventDefault();
showSlide(current - 1);
const img = slides[current].querySelector(".primary");
overlayImg.src = img.src;
};
zoomNext.onclick = (e) => {
e.preventDefault();
showSlide(current + 1);
const img = slides[current].querySelector(".primary");
overlayImg.src = img.src;
};
document.addEventListener("keydown", e => {
if (e.key === "ArrowRight") showSlide(current + 1);
if (e.key === "ArrowLeft") showSlide(current - 1);
if (e.key === "Escape") overlay.style.display = "none";
});
init();
});
</script>
</body>
</html>
