<style>
.site-content {
flex: 1;
}
.site-content{
display:block!important;
overflow-x:hidden!important;
}
.site-content{
padding:0px!important;
}
.one-container{
overflow-x:hidden!important;
}
.site-info{
display:none!important;
}
.one-container, .container{
background-color:#ffffff00!important;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover{
color: #212121important;
background-color: #3f404700!important;
}
.max-w-6xl{
max-width:80rem!important;
}
</style>
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="generator" content="Drupal 11 (https://www.drupal.org)" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://cdn.tailwindcss.com"></script>
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- This site is optimized with the Yoast SEO plugin v27.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>monde-du-bricolage.com | monde-du-bricolage.com</title>
<meta name="description" content="monde-du-bricolage.com" />
<link rel="canonical" href="https://monde-du-bricolage.com/" />
<link rel="next" href="https://monde-du-bricolage.com/page/2/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="monde-du-bricolage.com" />
<meta property="og:description" content="monde-du-bricolage.com" />
<meta property="og:url" content="https://monde-du-bricolage.com/" />
<meta property="og:site_name" content="monde-du-bricolage.com" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/monde-du-bricolage.com\/","url":"https:\/\/monde-du-bricolage.com\/","name":"monde-du-bricolage.com | monde-du-bricolage.com","isPartOf":{"@id":"https:\/\/monde-du-bricolage.com\/#website"},"about":{"@id":"https:\/\/monde-du-bricolage.com\/#organization"},"description":"monde-du-bricolage.com","breadcrumb":{"@id":"https:\/\/monde-du-bricolage.com\/#breadcrumb"},"inLanguage":"fr-FR"},{"@type":"BreadcrumbList","@id":"https:\/\/monde-du-bricolage.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/monde-du-bricolage.com\/#website","url":"https:\/\/monde-du-bricolage.com\/","name":"monde-du-bricolage.com","description":"monde-du-bricolage.com","publisher":{"@id":"https:\/\/monde-du-bricolage.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monde-du-bricolage.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monde-du-bricolage.com\/#organization","name":"monde-du-bricolage.com","url":"https:\/\/monde-du-bricolage.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monde-du-bricolage.com\/#\/schema\/logo\/image\/","url":"https:\/\/monde-du-bricolage.com\/storage\/2025\/09\/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM.png","contentUrl":"https:\/\/monde-du-bricolage.com\/storage\/2025\/09\/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM.png","width":1534,"height":441,"caption":"monde-du-bricolage.com"},"image":{"@id":"https:\/\/monde-du-bricolage.com\/#\/schema\/logo\/image\/"}}]}</script>
<!-- / Yoast SEO plugin. -->
<link href='https://fonts.gstatic.com' crossorigin rel='preconnect' />
<link href='https://fonts.googleapis.com' crossorigin rel='preconnect' />
<link rel="alternate" type="application/rss+xml" title="monde-du-bricolage.com » Flux" href="https://monde-du-bricolage.com/feed/" />
<link rel="alternate" type="application/rss+xml" title="monde-du-bricolage.com » Flux des commentaires" href="https://monde-du-bricolage.com/comments/feed/" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--color--global-color-8: var(--global-color-8);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-global-color-8-color{color: var(--wp--preset--color--global-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-global-color-8-background-color{background-color: var(--wp--preset--color--global-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-global-color-8-border-color{border-color: var(--wp--preset--color--global-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='dashicons-css' href='https://monde-du-bricolage.com/lib/css/dashicons.min.css?rnd=45449' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='https://monde-du-bricolage.com/lib/css/admin-bar.min.css?rnd=45449' media='all' />
<style id="admin-bar-inline-css">
/* Hide CanvasJS credits for P404 charts specifically */
#p404RedirectChart .canvasjs-chart-credit {
display: none !important;
}
#p404RedirectChart canvas {
border-radius: 6px;
}
.p404-redirect-adminbar-weekly-title {
font-weight: bold;
font-size: 14px;
color: #fff;
margin-bottom: 6px;
}
#wpadminbar #wp-admin-bar-p404_free_top_button .ab-icon:before {
content: "\f103";
color: #dc3545;
top: 3px;
}
#wp-admin-bar-p404_free_top_button .ab-item {
min-width: 80px !important;
padding: 0px !important;
}
/* Ensure proper positioning and z-index for P404 dropdown */
.p404-redirect-adminbar-dropdown-wrap {
min-width: 0;
padding: 0;
position: static !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button_dropdown {
position: static !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button_dropdown .ab-item {
padding: 0 !important;
margin: 0 !important;
}
.p404-redirect-dropdown-container {
min-width: 340px;
padding: 18px 18px 12px 18px;
background: #23282d !important;
color: #fff;
border-radius: 12px;
box-shadow: 0 8px 32px rgba(0,0,0,0.25);
margin-top: 10px;
position: relative !important;
z-index: 999999 !important;
display: block !important;
border: 1px solid #444;
}
/* Ensure P404 dropdown appears on hover */
#wpadminbar #wp-admin-bar-p404_free_top_button .p404-redirect-dropdown-container {
display: none !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button:hover .p404-redirect-dropdown-container {
display: block !important;
}
#wpadminbar #wp-admin-bar-p404_free_top_button:hover #wp-admin-bar-p404_free_top_button_dropdown .p404-redirect-dropdown-container {
display: block !important;
}
.p404-redirect-card {
background: #2c3338;
border-radius: 8px;
padding: 18px 18px 12px 18px;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
display: flex;
flex-direction: column;
align-items: flex-start;
border: 1px solid #444;
}
.p404-redirect-btn {
display: inline-block;
background: #dc3545;
color: #fff !important;
font-weight: bold;
padding: 5px 22px;
border-radius: 8px;
text-decoration: none;
font-size: 17px;
transition: background 0.2s, box-shadow 0.2s;
margin-top: 8px;
box-shadow: 0 2px 8px rgba(220,53,69,0.15);
text-align: center;
line-height: 1.6;
}
.p404-redirect-btn:hover {
background: #c82333;
color: #fff !important;
box-shadow: 0 4px 16px rgba(220,53,69,0.25);
}
/* Prevent conflicts with other admin bar dropdowns */
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item {
z-index: auto;
}
#wpadminbar #wp-admin-bar-p404_free_top_button:hover > .ab-item {
z-index: 999998 !important;
}
/*# sourceURL=admin-bar-inline-css */
</style>
<link rel='stylesheet' id='generate-style-css' href='https://monde-du-bricolage.com/core/views/generatepress/assets/css/main.min.css?rnd=45449' media='all' />
<style id="generate-style-inline-css">
body{background-color:#ffffff;color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.grid-container{max-width:2000px;}.wp-block-group__inner-container{max-width:2000px;margin-left:auto;margin-right:auto;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;--global-color-8:#E7141D;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}:root .has-global-color-8-color{color:var(--global-color-8);}:root .has-global-color-8-background-color{background-color:var(--global-color-8);}body, button, input, select, textarea{font-family:Helvetica;font-size:18px;}h2{font-family:Helvetica;font-weight:600;font-size:30px;}h3{font-family:Poppins, sans-serif;font-weight:600;text-transform:initial;font-size:29px;}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:70%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}}
/*# sourceURL=generate-style-inline-css */
</style>
<link rel='stylesheet' id='generate-child-css' href='https://monde-du-bricolage.com/core/views/generatepress_child/style.css?rnd=45449' media='all' />
<link rel='stylesheet' id='generate-google-fonts-css' href='https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&display=auto&rnd=45449' media='all' />
<style id="generateblocks-inline-css">
:root{--gb-container-width:2000px;}.gb-container .wp-block-image img{vertical-align:middle;}.gb-grid-wrapper .wp-block-image{margin-bottom:0;}.gb-highlight{background:none;}.gb-shape{line-height:0;}
/*# sourceURL=generateblocks-inline-css */
</style>
<style>:root {
--site-primary-color: #252422;
--site-secondary-color: #eb5e28;
--site-tertiary-color: #f97316;
--site-title-color: #1a1917;
--site-text-on-color: #FFFFFF;
--site-menu-color: #252422;
--site-link-color: #eb5e28;
--site-menu-hover-color: #eb5e28;
--site-menu-hover-bg-color: #fef3f0;
--site-header-cta-bg-color: #eb5e28;
--site-header-cta-text-color: #ffffff;
--site-header-cta-hover-bg-color: #d94d1f;
--site-primary-hover: #1a1917;
--site-secondary-hover: #d94d1f;
--site-tertiary-hover: #ea580c;
--site-link-hover: #c74f22;
--site-primary-light: #403e3b;
--site-secondary-light: #f0763a;
--site-tertiary-light: #fb923c;
--site-link-light: #ed6e3d;
--navigation-bg-color: #f8fafc;
--navigation-text-color: #252422;
--pagination-bg-color: #eb5e28;
--pagination-text-color: #ffffff;
--pagination-hover-bg-color: #d94d1f;
--pagination-hover-text-color: #FFFFFF;
--pagination-active-bg-color: #252422;
--pagination-active-text-color: #FFFFFF;
--hero-bg-color: #252422;
--hero-text-color: #ffffff;
--hero-gradient-start: #252422;
--hero-gradient-end: #eb5e28;
--newsletter-bg-color: #eb5e28;
--newsletter-text-color: #ffffff;
--archive-button-bg-color: #eb5e28;
--archive-button-text-color: #ffffff;
--single-hero-bg-start: #252422;
--single-hero-bg-end: #eb5e28;
--single-title-color: #1a1917;
--single-border-color: #f97316;
--single-button-bg-color: #eb5e28;
--single-button-text-color: #ffffff;
--single-button-hover-color: #d94d1f;
--single-category-bg-color: ;
--single-category-text-color: ;
--single-toc-active-bg-color: ;
--single-toc-active-text-color: ;
--header-bg-color: #ffffff;
--header-topbar-bg-color: #252422;
--header-topbar-text-color: #ffffff;
--header-topbar-hover-color: #eb5e28;
--header-cta1-bg-color: #eb5e28;
--header-cta1-text-color: #ffffff;
--header-cta1-hover-color: #d94d1f;
--header-cta2-bg-color: #f97316;
--header-cta2-text-color: #ffffff;
--header-cta2-hover-color: #ea580c;
--header-cta3-bg-color: #252422;
--header-cta3-text-color: #ffffff;
--header-cta3-hover-color: #1a1917;
--header-icons-color: #252422;
--header-icons-hover-color: #eb5e28;
--header-menu-color: #252422;
--header-menu-hover-color: #eb5e28;
--header-border-color: #eb5e28;
}
/* Les liens de menu gardent leurs propres couleurs */
.header2 .nav-desktop2 li a {
color: var(--site-menu-color) !important;
}
.header2 .nav-desktop2 li a:hover,
.mobile-nav2 li a:hover {
color: var(--site-menu-hover-color) !important;
}
/* Les CTA du header gardent leurs propres couleurs */
.header2 .cta-btn2,
.mobile-cta2 .cta-btn2 {
background: var(--site-header-cta-bg-color) !important;
color: var(--site-header-cta-text-color) !important;
}
.header2 .cta-btn2:hover,
.mobile-cta2 .cta-btn2:hover {
background: var(--site-header-cta-hover-bg-color) !important;
color: var(--site-header-cta-text-color) !important;
}
/* Règle simple pour les VRAIS liens de contenu seulement */
.entry-content p a,
.post-content p a,
.content-text12 p a,
.custom-single-content12 p a,
.wh-single-content14 p a,
.archive-content p a,
.article-text a,
.post-text a {
color: var(--site-link-color) !important;
text-decoration: underline !important;
}
.entry-content p a:hover,
.post-content p a:hover,
.content-text12 p a:hover,
.custom-single-content12 p a:hover,
.wh-single-content14 p a:hover,
.archive-content p a:hover,
.article-text a:hover,
.post-text a:hover {
color: var(--site-link-hover) !important;
}
</style><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&family=Playfair+Display:wght@400;500;600;700&family=Lora:wght@400;500;600;700&family=Newsreader:wght@400;500;600;700&display=swap" rel="stylesheet"><style>
.font-inter { font-family: "Inter", sans-serif !important; }
.font-poppins { font-family: "Poppins", sans-serif !important; }
.font-roboto { font-family: "Roboto", sans-serif !important; }
.font-playfair { font-family: "Playfair Display", serif !important; }
.font-lora { font-family: "Lora", serif !important; }
.font-black { font-family: system-ui, -apple-system, sans-serif !important; font-weight: 900 !important; }
.font-newsreader { font-family: "Newsreader", serif !important; }
</style><style>
.blog-trait-color { background-color: #60a5fa !important; }
</style><style type="text/css">/* Tailles personnalisées pour les logos - Tous Headers */.hm-logo1, .custom-logo, .custom-logo2, .header2 img, .logo-container2 img, .logo-text img, .hm-mobile-logo img, .hm-mobile-logo .custom-logo,.logo-icon, .nav-logo, .brand-logo, .site-logo, .header-logo, .main-logo, .flex-shrink-0 img,.logo-section img, .logo-container img, .brand-container img, .site-brand img,.header1 img, .header2 img, .header3 img, .header4 img, .header5 img, .header6 img, .header7 img, .header8 img, .header9 img,.header10 img, .header11 img, .header12 img, .header13 img, .header14 img, .header15 img, .header16 img, .header17 img,.custom-logo-link img, .logo-link img, .brand-link img { height: 60px !important; width: auto !important; max-height: 60px !important; object-fit: contain !important; object-position: center !important; display: block !important;}@media (min-width: 769px) { .hm-nav-section1 { margin-top: 12px !important; }}@media (max-width: 768px) { .hm-logo1, .custom-logo, .custom-logo2, .header2 img, .logo-container2 img, .logo-text img, .hm-mobile-logo img, .hm-mobile-logo .custom-logo, .logo-icon, .nav-logo, .brand-logo, .site-logo, .header-logo, .main-logo, .flex-shrink-0 img, .logo-section img, .logo-container img, .brand-container img, .site-brand img, .header1 img, .header2 img, .header3 img, .header4 img, .header5 img, .header6 img, .header7 img, .header8 img, .header9 img, .header10 img, .header11 img, .header12 img, .header13 img, .header14 img, .header15 img, .header16 img, .header17 img, .custom-logo-link img, .logo-link img, .brand-link img { height: 40px !important; max-height: 40px !important; object-fit: contain !important; object-position: center !important; } .hm-nav-section1 { margin-top: 0px !important; }}</style><style type="text/css">/* Couleurs personnalisées pour chaque catégorie */.custom-category-30 { background-color: #ea580c !important; color: #FFFFFF !important; }.custom-category-28 { background-color: #eb5e28 !important; color: #FFFFFF !important; }.custom-category-31 { background-color: #fb923c !important; color: #FFFFFF !important; }.custom-category-27 { background-color: #c2410c !important; color: #FFFFFF !important; }.custom-category-26 { background-color: #d97706 !important; color: #FFFFFF !important; }.custom-category-blog { background-color: #eb5e28 !important; color: #FFFFFF !important; }.custom-category-palette-0 { background-color: #eb5e28 !important; color: #FFFFFF !important; }.custom-category-palette-1 { background-color: #f97316 !important; color: #FFFFFF !important; }.custom-category-palette-2 { background-color: #ea580c !important; color: #FFFFFF !important; }.custom-category-palette-3 { background-color: #fb923c !important; color: #FFFFFF !important; }.custom-category-palette-4 { background-color: #252422 !important; color: #FFFFFF !important; }.custom-category-palette-5 { background-color: #d97706 !important; color: #FFFFFF !important; }.custom-category-palette-6 { background-color: #c2410c !important; color: #FFFFFF !important; }</style><!-- DEBUG MEGA: Option mega dropdown désactivée --><link rel="icon" href="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_40_11-PM-32x32.png" sizes="32x32" />
<link rel="icon" href="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_40_11-PM-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_40_11-PM-180x180.png" />
<meta name="msapplication-TileImage" content="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_40_11-PM-270x270.png" />
<style>
/* Variables CSS du Customizer pour header-2 */
:root {
--header2-bg: var(--header-bg-color);
--header2-menu: var(--header-menu-color);
--header2-menu-hover: var(--header-menu-hover-color);
--header2-icons: var(--header-icons-color);
--header2-icons-hover: var(--header-icons-hover-color);
--header2-cta-bg: var(--header-cta1-bg-color);
--header2-cta-text: var(--header-cta1-text-color);
--header2-cta-hover: var(--header-cta1-hover-color);
}
/* Header Style 2 - Image style */
.header-style-2 {
background: var(--header-bg-color) !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}
/* Logo section */
.logo-section {
padding: 25px 0 !important;
}
.logo-container-header2 {
display: flex !important;
align-items: center !important;
justify-content: center !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 20px !important;
position: relative !important;
}
.logo-main {
display: flex !important;
align-items: center !important;
gap: 15px !important;
}
.logo-icon {
width: 60px !important;
height: 60px !important;
background: var(--header-icons-color) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--header-bg-color) !important;
font-size: 30px !important;
}
.logo-text {
font-family: 'Arial Black', sans-serif !important;
font-weight: 900 !important;
font-size: 42px !important;
line-height: 1 !important;
letter-spacing: -1px !important;
}
.logo-text .main-text {
color: var(--header-icons-color) !important;
}
.logo-text .domain {
color: var(--header-menu-color) !important;
font-size: 26px !important;
font-weight: 700 !important;
}
/* CTA Button */
.cta-header {
position: absolute !important;
right: 20px !important;
padding: 12px 24px !important;
border-radius: 5px !important;
font-weight: 600 !important;
font-size: 16px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
white-space: nowrap !important;
}
.cta-header:hover {
transform: translateY(-1px) !important;
}
/* Custom logo handling */
.custom-logo {
height: 70px !important;
width: auto !important;
max-width: 300px !important;
object-fit: contain !important;
}
/* Navigation menu */
.main-navigation {
border-top: 1px solid #e6e6e6 !important;
padding: 0 !important;
background: #f9f9f9 !important;
}
.nav-container {
display: flex !important;
align-items: center !important;
justify-content: center !important;
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 20px !important;
position: relative !important;
}
.nav-menu {
display: flex !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
gap: 40px !important;
justify-content: center !important;
}
.nav-menu li a {
color: var(--header-menu-color) !important;
text-decoration: none !important;
font-weight: 500 !important;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 18px 0 !important;
border-bottom: 2px solid transparent !important;
transition: all 0.3s ease !important;
display: block !important;
}
.nav-menu li a:hover {
color: var(--header-menu-hover-color) !important;
border-bottom-color: var(--header-menu-hover-color) !important;
}
.search-icon {
position: absolute !important;
right: 20px !important;
padding: 12px !important;
color: var(--header-icons-color) !important;
cursor: pointer !important;
transition: color 0.3s ease !important;
}
.search-icon:hover {
color: var(--header-icons-hover-color) !important;
}
/* Search Form */
.search-form-container {
position: absolute !important;
top: 100% !important;
right: 0 !important;
background: var(--header-bg-color) !important;
border: 1px solid rgba(0,0,0,0.1) !important;
border-radius: 5px !important;
padding: 15px !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
width: 300px !important;
z-index: 1000 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-10px) !important;
transition: all 0.3s ease !important;
}
.search-form-container.active {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
.search-form {
display: flex !important;
gap: 10px !important;
}
.search-input {
flex: 1 !important;
padding: 10px 12px !important;
border: 1px solid rgba(0,0,0,0.1) !important;
border-radius: 5px !important;
font-size: 14px !important;
color: var(--header-menu-color) !important;
background: var(--header-bg-color) !important;
outline: none !important;
}
.search-input:focus {
border-color: var(--header-icons-color) !important;
}
.search-submit {
background: var(--header-icons-color) !important;
color: var(--header-bg-color) !important;
border: none !important;
padding: 10px 15px !important;
border-radius: 5px !important;
cursor: pointer !important;
font-size: 14px !important;
transition: background 0.3s ease !important;
}
.search-submit:hover {
background: var(--header-icons-hover-color) !important;
}
/* Mobile styles */
.mobile-toggle {
display: none !important;
}
/* Mobile Menu */
.mobile-menu-overlay {
position: fixed !important;
top: 0 !important;
right: -100% !important;
width: 300px !important;
height: 100% !important;
background: var(--header-bg-color) !important;
z-index: 999 !important;
transition: right 0.3s ease !important;
}
.mobile-menu-overlay.active {
right: 0 !important;
}
.mobile-menu-content {
height: 100% !important;
overflow-y: auto !important;
background: var(--header-bg-color) !important;
}
.mobile-menu-header {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 20px !important;
border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.mobile-menu-header .custom-logo {
height: 35px !important;
width: auto !important;
max-width: 150px !important;
object-fit: contain !important;
}
.mobile-close {
background: none !important;
border: none !important;
color: var(--header-icons-color) !important;
font-size: 18px !important;
cursor: pointer !important;
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.mobile-close:hover {
color: var(--header-icons-hover-color) !important;
}
.mobile-nav-menu {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.mobile-nav-menu li {
border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}
.mobile-nav-menu li:last-child {
border-bottom: none !important;
}
.mobile-nav-menu a {
display: block !important;
padding: 15px 20px !important;
color: var(--header-menu-color) !important;
text-decoration: none !important;
font-weight: 500 !important;
border-bottom-color: var(--header-menu-hover-color) !important;
transition: all 0.3s ease !important;
}
.mobile-nav-menu a:hover {
color: var(--header-menu-hover-color) !important;
border-bottom-color: var(--header-menu-hover-color) !important;
}
@media (max-width: 768px) {
.logo-container-header2 {
flex-direction: row !important;
justify-content: space-between !important;
gap: 0 !important;
text-align: left !important;
padding: 0 15px !important;
}
.cta-header {
display: none !important;
}
.logo-text {
font-size: 28px !important;
}
.logo-text .domain {
font-size: 18px !important;
}
.logo-icon {
width: 50px !important;
height: 50px !important;
font-size: 24px !important;
}
.custom-logo {
height: 50px !important;
}
.nav-container {
display: none !important;
}
.mobile-toggle {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
padding: 8px !important;
cursor: pointer !important;
background: none !important;
border: none !important;
}
.mobile-toggle span {
width: 24px !important;
height: 2px !important;
background: var(--header-icons-color) !important;
border-radius: 1px !important;
transition: all 0.3s ease !important;
}
.mobile-toggle.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px) !important;
}
.mobile-toggle.active span:nth-child(2) {
opacity: 0 !important;
}
.mobile-toggle.active span:nth-child(3) {
transform: rotate(-45deg) translate(7px, -6px) !important;
}
}
/* Styles de base pour le CTA - RENFORCER */
.cta-header {
display: inline-block !important;
padding: 12px 24px !important;
background: var(--header-cta1-bg-color) !important;
color: var(--header-cta1-text-color) !important;
text-decoration: none !important;
border-radius: 5px !important;
font-weight: 600 !important;
font-size: 16px !important;
transition: all 0.3s ease !important;
white-space: nowrap !important;
}
.cta-header:hover {
background: var(--header-cta1-hover-color) !important;
color: var(--header-cta1-text-color) !important;
transform: translateY(-1px) !important;
}
/* Renforcer les styles du menu avec spécificité maximale */
.header-style-2 .nav-menu a,
.header-style-2 .nav-menu a:link,
.header-style-2 .nav-menu a:visited {
color: var(--header-menu-color) !important;
text-decoration: none !important;
border-bottom-color: transparent !important;
}
.header-style-2 .nav-menu a:hover,
.header-style-2 .nav-menu a:focus,
.header-style-2 .nav-menu a:active {
color: var(--header-menu-hover-color) !important;
border-bottom-color: var(--header-menu-hover-color) !important;
}
/* Mobile toggle avec spécificité maximale */
.header-style-2 .mobile-toggle {
background: none !important;
border: none !important;
color: var(--header-icons-color) !important;
}
.header-style-2 .mobile-toggle span {
background-color: var(--header-icons-color) !important;
}
/* Mobile menu background */
.mobile-menu-overlay {
background-color: var(--header-bg-color) !important;
}
/* Masquer le CTA sur mobile car il est au-dessus du hamburger */
@media (max-width: 768px) {
.cta-header {
display: none !important;
}
}
</style>
</head>
<body class="home blog wp-custom-logo wp-embed-responsive wp-theme-generatepress wp-child-theme-generatepress_child right-sidebar nav-below-header one-container header-aligned-left dropdown-hover">
<script>
document.addEventListener('DOMContentLoaded', function() {
// Sélection des éléments
const mobileToggle = document.querySelector('.mobile-toggle');
const mobileOverlay = document.querySelector('.mobile-menu-overlay');
const mobileClose = document.querySelector('.mobile-close');
const searchIcon = document.querySelector('.search-icon');
const searchContainer = document.querySelector('.search-form-container');
// Fonction pour ouvrir le menu mobile
function openMobileMenu() {
if (mobileOverlay) {
mobileOverlay.classList.add('active');
document.body.style.overflow = 'hidden'; // Empêche le scroll de la page
}
if (mobileToggle) {
mobileToggle.classList.add('active');
}
}
// Fonction pour fermer le menu mobile
function closeMobileMenu() {
if (mobileOverlay) {
mobileOverlay.classList.remove('active');
document.body.style.overflow = ''; // Restaure le scroll
}
if (mobileToggle) {
mobileToggle.classList.remove('active');
}
}
// Event listener pour le bouton hamburger
if (mobileToggle) {
mobileToggle.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
if (mobileOverlay && mobileOverlay.classList.contains('active')) {
closeMobileMenu();
} else {
openMobileMenu();
}
});
}
// Event listener pour le bouton de fermeture
if (mobileClose) {
mobileClose.addEventListener('click', function(e) {
e.preventDefault();
closeMobileMenu();
});
}
// Fermer le menu en cliquant en dehors (sur l'overlay)
if (mobileOverlay) {
mobileOverlay.addEventListener('click', function(e) {
if (e.target === mobileOverlay) {
closeMobileMenu();
}
});
}
// Fermer le menu avec la touche Escape
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && mobileOverlay && mobileOverlay.classList.contains('active')) {
closeMobileMenu();
}
});
// Gestion de la recherche
if (searchIcon) {
searchIcon.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
if (searchContainer) {
searchContainer.classList.toggle('active');
}
});
}
// Fermer la recherche en cliquant ailleurs
document.addEventListener('click', function(e) {
if (searchContainer && !searchIcon.contains(e.target) && !searchContainer.contains(e.target)) {
searchContainer.classList.remove('active');
}
});
// Gérer le redimensionnement de la fenêtre
window.addEventListener('resize', function() {
if (window.innerWidth > 768) {
closeMobileMenu();
if (searchContainer) {
searchContainer.classList.remove('active');
}
}
});
// Focus trap pour l'accessibilité du menu mobile
function trapFocus(element) {
const focusableElements = element.querySelectorAll(
'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'
);
const firstFocusableElement = focusableElements[0];
const lastFocusableElement = focusableElements[focusableElements.length - 1];
element.addEventListener('keydown', function(e) {
if (e.key === 'Tab') {
if (e.shiftKey) {
if (document.activeElement === firstFocusableElement) {
lastFocusableElement.focus();
e.preventDefault();
}
} else {
if (document.activeElement === lastFocusableElement) {
firstFocusableElement.focus();
e.preventDefault();
}
}
}
});
}
// Appliquer le focus trap au menu mobile
if (mobileOverlay) {
trapFocus(mobileOverlay);
}
});
</script>
<!-- Header Style 2 -->
<header class="header-style-2">
<!-- Logo et bouton CTA -->
<div class="logo-section">
<div class="logo-container-header2">
<div class="logo-main">
<a href="https://monde-du-bricolage.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="1534" height="441" src="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM.png" class="custom-logo" alt="monde-du-bricolage.com" decoding="async" fetchpriority="high" srcset="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM.png 1534w, https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM-300x86.png 300w, https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM-1024x294.png 1024w, https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM-768x221.png 768w" sizes="(max-width: 1534px) 100vw, 1534px" /></a> </div>
<button class="mobile-toggle" style="background: none !important; border: none !important; color: var(--header-icons-color) !important;">
<span style="background-color: var(--header-icons-color) !important;"></span>
<span style="background-color: var(--header-icons-color) !important;"></span>
<span style="background-color: var(--header-icons-color) !important;"></span>
</button>
</div>
</div>
<!-- Menu de navigation -->
<div class="main-navigation">
<div class="nav-container">
<nav style="flex: 1;">
<ul id="menu-menu-principal" class="nav-menu"><li id="menu-item-1854" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1854"><a style="color: var(--header-menu-color) !important; text-decoration: none !important; border-bottom-color: transparent !important;" href="https://monde-du-bricolage.com/bricolage/">Bricolage</a></li>
<li id="menu-item-1997" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1997"><a style="color: var(--header-menu-color) !important; text-decoration: none !important; border-bottom-color: transparent !important;" href="https://monde-du-bricolage.com/amenagement-et-reparation/">Aménagement & Réparation</a></li>
<li id="menu-item-1852" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1852"><a style="color: var(--header-menu-color) !important; text-decoration: none !important; border-bottom-color: transparent !important;" href="https://monde-du-bricolage.com/jardinage-exterieur/">Jardin & Extérieur</a></li>
<li id="menu-item-1853" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1853"><a style="color: var(--header-menu-color) !important; text-decoration: none !important; border-bottom-color: transparent !important;" href="https://monde-du-bricolage.com/decoration-et-design/">Décoration & Design</a></li>
<li id="menu-item-1998" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1998"><a style="color: var(--header-menu-color) !important; text-decoration: none !important; border-bottom-color: transparent !important;" href="https://monde-du-bricolage.com/conseils-astuces/">Conseils & Astuces</a></li>
</ul> </nav>
<div class="search-icon" style="color: var(--header-icons-color) !important;">
<i class="fas fa-search"></i>
<div class="search-form-container">
<form class="search-form" method="get" action="https://monde-du-bricolage.com/">
<input type="text" class="search-input" name="s" placeholder="Rechercher..." value="" required>
<button type="submit" class="search-submit">
<i class="fas fa-search"></i>
</button>
</form>
</div>
</div>
</div>
</div>
</header>
<!-- Mobile Menu Overlay -->
<div class="mobile-menu-overlay">
<div class="mobile-menu-content">
<div class="mobile-menu-header">
<div style="display: flex; align-items: center; gap: 10px;">
<img src="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM.png" alt="monde-du-bricolage.com" class="custom-logo" style="width: auto !important; object-fit: contain !important;"> </div>
<button class="mobile-close" style="color: var(--header-icons-color) !important; background: none !important; border: none !important;">
<i class="fas fa-times"></i>
</button>
</div>
<nav>
<ul id="menu-menu-principal-1" class="mobile-nav-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1854"><a style="color: var(--header-menu-color) !important; text-decoration: none !important;" href="https://monde-du-bricolage.com/bricolage/">Bricolage</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1997"><a style="color: var(--header-menu-color) !important; text-decoration: none !important;" href="https://monde-du-bricolage.com/amenagement-et-reparation/">Aménagement & Réparation</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1852"><a style="color: var(--header-menu-color) !important; text-decoration: none !important;" href="https://monde-du-bricolage.com/jardinage-exterieur/">Jardin & Extérieur</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1853"><a style="color: var(--header-menu-color) !important; text-decoration: none !important;" href="https://monde-du-bricolage.com/decoration-et-design/">Décoration & Design</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1998"><a style="color: var(--header-menu-color) !important; text-decoration: none !important;" href="https://monde-du-bricolage.com/conseils-astuces/">Conseils & Astuces</a></li>
</ul> </nav>
</div>
</div>
<div id="page" class="site">
<div id="content" class="site-content">
<style>
.one-container, .container, .separate-containers, .paging-navigation, .inside-page-header {
background-color: #ffffff00!important;
}
</style> <!-- 96afe20fc479088a0a93d16abfabfb6e -->
<style>
<!-- 96afe20fc479088a0a93d16abfabfb6e -->
.site-content{
overflow-x:visible!important;
}
/* Masquage fort pour la section partenaire (liens SEO) */
.partenaire{
position: absolute !important;
left: -9999px !important; /* Le pousse loin à gauche */
top: -9999px !important;
}
/* Remplacement automatique des couleurs emerald par les couleurs personnalisées */
.hover\:text-emerald-600:hover { color: var(--site-link-color) !important; }
.hover\:text-emerald-700:hover { color: var(--site-link-hover) !important; }
.bg-emerald-600 { background-color: var(--site-primary-color) !important; }
.bg-emerald-700 { background-color: var(--site-primary-hover) !important; }
.hover\:bg-emerald-700:hover { background-color: var(--site-primary-hover) !important; }
.hover\:bg-emerald-50:hover { background-color: var(--site-primary-light) !important; }
.bg-emerald-50 { background-color: var(--site-primary-light) !important; }
.bg-emerald-100 { background-color: var(--site-tertiary-light) !important; }
.text-emerald-600 { color: var(--site-primary-color) !important; }
.text-emerald-700 { color: var(--site-primary-hover) !important; }
.text-emerald-100 { color: var(--site-tertiary-color) !important; }
.text-emerald-200 { color: var(--site-tertiary-light) !important; }
.text-emerald-800 { color: var(--site-primary-hover) !important; }
.border-emerald-600 { border-color: var(--site-primary-color) !important; }
.border-emerald-200 { border-color: var(--site-tertiary-light) !important; }
.focus\:ring-emerald-300:focus { box-shadow: 0 0 0 3px var(--site-primary-light) !important; }
.group:hover .group-hover\:text-emerald-600 { color: var(--site-link-color) !important; }
/* Classes CSS personnalisées pour les badges de catégorie */
.custom-primary-bg { background-color: var(--site-primary-color) !important; }
.custom-secondary-bg { background-color: var(--site-secondary-color) !important; }
.custom-tertiary-bg { background-color: var(--site-tertiary-color) !important; }
/* Distinction entre liens et boutons - SEULEMENT dans le contenu */
.post-content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]),
.content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]),
.article-content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]),
.entry-content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]) {
color: var(--site-link-color) !important;
}
.post-content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]):hover,
.content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]):hover,
.article-content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]):hover,
.entry-content a:not(.cta-btn):not(.custom-submit-btn):not(.btn):not([class*="bg-"]):not([class*="button"]):hover {
color: var(--site-link-hover) !important;
}
/* Harmonisation des autres couleurs bleues avec la palette principale */
.bg-blue-600 { background-color: var(--site-primary-color) !important; }
.bg-blue-700 { background-color: var(--site-primary-hover) !important; }
.bg-indigo-600 { background-color: var(--site-tertiary-color) !important; }
.bg-indigo-700 { background-color: var(--site-tertiary-hover) !important; }
.bg-cyan-600 { background-color: var(--site-secondary-color) !important; }
.bg-cyan-700 { background-color: var(--site-secondary-hover) !important; }
.bg-sky-600 { background-color: var(--site-tertiary-color) !important; }
.bg-slate-600 { background-color: var(--site-primary-color) !important; }
/* Règles spécifiques pour contrer le thème par défaut */
.inline-flex.bg-emerald-600 { background-color: var(--site-primary-color) !important; }
.inline-flex.bg-emerald-600:hover { background-color: var(--site-primary-hover) !important; }
.inline-flex.border-emerald-600 { border-color: var(--site-primary-color) !important; background-color: transparent !important; color: var(--site-primary-color) !important; }
.inline-flex.border-emerald-600:hover { background-color: var(--site-primary-color) !important; color: white !important; }
.inline-flex.text-emerald-600 { color: var(--site-primary-color) !important; }
.hover\:bg-emerald-600:hover { background-color: var(--site-primary-color) !important; }
.hover\:text-white:hover { color: var(--site-text-on-color) !important; }
/* Force la couleur du texte sur les boutons colorés */
.bg-emerald-600.text-white,
.bg-emerald-700.text-white,
.hover\:bg-emerald-600:hover,
.hover\:bg-emerald-700:hover,
.text-white[class*="bg-"],
.inline-flex.text-white {
color: var(--site-text-on-color) !important;
}
/* Override des règles du thème pour cette page spécifiquement */
.inline-flex button:hover, .inline-flex a:hover { color: var(--site-text-on-color) !important; background-color: var(--site-primary-hover) !important; }
.inline-flex.bg-emerald-600 button, .inline-flex.bg-emerald-600 a { color: var(--site-text-on-color) !important; background-color: var(--site-primary-color) !important; }
.inline-flex.border-emerald-600 button, .inline-flex.border-emerald-600 a { color: var(--site-primary-color) !important; background-color: transparent !important; border-color: var(--site-primary-color) !important; }
.inline-flex.border-emerald-600:hover button, .inline-flex.border-emerald-600:hover a { color: var(--site-text-on-color) !important; background-color: var(--site-primary-color) !important; }
/* Règles ultra-spécifiques pour forcer les couleurs personnalisées */
a.inline-flex.bg-emerald-600.text-white.font-semibold {
background-color: var(--site-primary-color) !important;
color: var(--site-text-on-color) !important;
}
a.inline-flex.bg-emerald-600.text-white.font-semibold:hover {
background-color: var(--site-primary-hover) !important;
color: var(--site-text-on-color) !important;
}
a.inline-flex.border-2.border-emerald-600.text-emerald-600.font-semibold {
border-color: var(--site-primary-color) !important;
color: var(--site-primary-color) !important;
background-color: transparent !important;
}
a.inline-flex.border-2.border-emerald-600.text-emerald-600.font-semibold:hover {
background-color: var(--site-primary-color) !important;
color: var(--site-text-on-color) !important;
border-color: var(--site-primary-color) !important;
}
/* Override complet des règles du thème pour les boutons de cette page */
section a.button:hover, section a.button:focus,
section button:hover, section button:focus,
section input[type="submit"]:hover, section input[type="submit"]:focus {
background-color: #174577 !important;
color: white !important;
}
section a.inline-flex:hover, section a.inline-flex:focus {
background-color: #174577 !important;
color: white !important;
}
/* Newsletter button spécifique - maintenant géré dans les fichiers CTA individuels */
/* Les styles CTA sont maintenant dans les fichiers cta-X.php individuels */
/* Règle finale pour tous les éléments text-white dans la page */
.text-white,
*[class*="text-white"] {
color: var(--site-text-on-color) !important;
}
/* Line clamp utility pour limiter les lignes de texte */
.line-clamp-3 {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.flex-shrink-0 img{
height: 100%!important;
width: 100%!important;
max-height: 100%!important;
object-fit: cover!important;}
</style>
<section class="py-2 relative z-50" style="margin-top:17px;background-color:#ffffff; position:relative; z-index:2!important;"><div class="header-container-override blog-container-override max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex items-center gap-2 overflow-hidden"><span class="inline-block text-[10px] md:text-xs font-semibold tracking-widest uppercase px-3 py-1" style="background-color:#252422 !important;z-index:2!important;color:#FFFFFF !important">Actu</span><div class="relative overflow-hidden flex-1" style="height:20px;"><div id="news-ticker" class="absolute inset-0 flex items-center"><a href="https://monde-du-bricolage.com/options-de-rideaux-dexterieur-durables-pour-les-conditions-meteorologiques-difficiles/" class="ticker-item block text-xs md:text-sm whitespace-nowrap pr-8 opacity-0 translate-y-full transition-all duration-400 ease-out" style="color:#252422">Options de rideaux d’extérieur durables pour les conditions météorologiques difficiles</a><a href="https://monde-du-bricolage.com/les-11-erreurs-de-debutant-en-renovation-qui-coutent-toujours-cher/" class="ticker-item block text-xs md:text-sm whitespace-nowrap pr-8 opacity-0 translate-y-full transition-all duration-400 ease-out" style="color:#252422">Les 11 erreurs de débutant en rénovation qui coûtent toujours cher</a><a href="https://monde-du-bricolage.com/isoler-une-maison-ancienne-les-erreurs-a-eviter/" class="ticker-item block text-xs md:text-sm whitespace-nowrap pr-8 opacity-0 translate-y-full transition-all duration-400 ease-out" style="color:#252422">Isoler une maison ancienne : les erreurs à éviter</a><a href="https://monde-du-bricolage.com/diy-deco-comment-fabriquer-une-lanterne-et-un-cendrier-elegants-avec-des-objets-recycles/" class="ticker-item block text-xs md:text-sm whitespace-nowrap pr-8 opacity-0 translate-y-full transition-all duration-400 ease-out" style="color:#252422">DIY déco : comment fabriquer une lanterne et un cendrier élégants avec des objets recyclés</a><a href="https://monde-du-bricolage.com/pose-de-fenetres-en-renovation-guide-complet-2026/" class="ticker-item block text-xs md:text-sm whitespace-nowrap pr-8 opacity-0 translate-y-full transition-all duration-400 ease-out" style="color:#252422">Pose de fenêtres en rénovation : guide complet 2026</a><a href="https://monde-du-bricolage.com/les-equipements-technologiques-qui-ameliorent-reellement-le-confort-dune-maison-moderne/" class="ticker-item block text-xs md:text-sm whitespace-nowrap pr-8 opacity-0 translate-y-full transition-all duration-400 ease-out" style="color:#252422">Les équipements technologiques qui améliorent réellement le confort d’une maison moderne</a></div></div></div><script>(function(){const items=document.querySelectorAll("#news-ticker .ticker-item");if(!items.length)return;let i=0;function show(idx){items.forEach((el,k)=>{if(k===idx){el.style.opacity="1";el.style.transform="translateY(0)";el.style.position="absolute";}else{el.style.opacity="0";el.style.transform="translateY(100%)";el.style.position="absolute";}});}show(0);setInterval(()=>{i=(i+1)%items.length;show(i);},3500);})();</script></div></section>
<div class="hero-container-override"><section class="pt-8 pb-8 bg-white">
<div class="hero-container-override max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<article class="group mb-10">
<a href="https://monde-du-bricolage.com/options-de-rideaux-dexterieur-durables-pour-les-conditions-meteorologiques-difficiles/" class="block">
<div class="relative h-[420px] overflow-hidden">
<img src="https://monde-du-bricolage.com/storage/2026/06/wqi7s4wjgqajXg6-1024x683.jpg" alt="" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent"></div>
<div class="absolute bottom-5 left-6 right-6 text-white">
<h2 class="text-3xl md:text-5xl font-extrabold leading-tight">Options de rideaux d’extérieur durables pour les conditions météorologiques difficiles</h2>
<p class="mt-2 hidden md:block text-white/90">Vous vous demandez si des rideaux d’extérieur peuvent vraiment tenir face aux surprises de la météo : pluie soudaine, rafales de vent, soleil fort ? Oui, c’est possible...</p>
</div>
</div>
</a>
</article>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
<article class="group">
<a href="https://monde-du-bricolage.com/les-11-erreurs-de-debutant-en-renovation-qui-coutent-toujours-cher/" class="block">
<div class="relative h-[220px] overflow-hidden">
<img src="https://monde-du-bricolage.com/storage/2026/05/09219dfd85af6e75a29ec8572e80c03d.jpg" alt="" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent"></div>
<h3 class="absolute bottom-3 left-3 right-3 text-white font-bold line-clamp-2">Les 11 erreurs de débutant en rénovation qui coûtent toujours cher</h3>
</div>
</a>
</article>
<article class="group">
<a href="https://monde-du-bricolage.com/isoler-une-maison-ancienne-les-erreurs-a-eviter/" class="block">
<div class="relative h-[220px] overflow-hidden">
<img src="https://monde-du-bricolage.com/storage/2026/05/Images-Blog-2-1.png" alt="" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent"></div>
<h3 class="absolute bottom-3 left-3 right-3 text-white font-bold line-clamp-2">Isoler une maison ancienne : les erreurs à éviter</h3>
</div>
</a>
</article>
<article class="group">
<a href="https://monde-du-bricolage.com/diy-deco-comment-fabriquer-une-lanterne-et-un-cendrier-elegants-avec-des-objets-recycles/" class="block">
<div class="relative h-[220px] overflow-hidden">
<img src="https://monde-du-bricolage.com/storage/2026/05/bfadabf1b1be4cb89131d0b7d4ebf739-1024x576.jpg" alt="" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/30 to-transparent"></div>
<h3 class="absolute bottom-3 left-3 right-3 text-white font-bold line-clamp-2">DIY déco : comment fabriquer une lanterne et un cendrier élégants avec des objets recyclés</h3>
</div>
</a>
</article>
</div>
</div>
</section> </div>
<style>.blog-section-title-size-1 h2 { font-size: 2.25rem !important; }</style><div class="blog-section-title-size-1 blog-container-override"><section class="py-16 bg-gray-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 font-sans">
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-900 mb-4">Jardin & Extérieur</h2>
<p class="text-xl text-gray-600">Nos conseils d'experts pour vos travaux</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/options-de-rideaux-dexterieur-durables-pour-les-conditions-meteorologiques-difficiles/" class="block">
<div class="mb-6 overflow-hidden rounded-none">
<img src="https://monde-du-bricolage.com/storage/2026/06/wqi7s4wjgqajXg6-1024x683.jpg"
alt="Options de rideaux d’extérieur durables pour les conditions météorologiques difficiles"
class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500 rounded-none">
</div>
<div class="space-y-4">
<span class="custom-category-26 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Jardin & Extérieur </span>
<h3 class="text-2xl font-bold text-gray-900 leading-tight group-hover:text-emerald-600 transition-colors duration-300">
Options de rideaux d’extérieur durables pour les conditions météorologiques difficiles </h3>
<p class="text-gray-600 text-base leading-relaxed">
Vous vous demandez si des rideaux d’extérieur peuvent vraiment tenir face aux surprises de la météo : pluie soudaine, rafales de vent, soleil fort ?... </p>
<div class="flex items-center text-sm text-gray-500 space-x-4">
<span>Par Olivier</span>
<span>•</span>
<span>1 Juin 2026</span>
</div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/laurier-sauce-maladie/" class="block">
<div class="mb-6 overflow-hidden rounded-none">
<img src="https://monde-du-bricolage.com/storage/2025/11/laurier-feuilles-mangees-jardin-flou-1024x683.png"
alt="Laurier Sauce Maladie : Ravageurs et Traitements"
class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500 rounded-none">
</div>
<div class="space-y-4">
<span class="custom-category-26 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Jardin & Extérieur </span>
<h3 class="text-2xl font-bold text-gray-900 leading-tight group-hover:text-emerald-600 transition-colors duration-300">
Laurier Sauce Maladie : Ravageurs et Traitements </h3>
<p class="text-gray-600 text-base leading-relaxed">
Votre laurier-sauce a mauvaise mine ? Ses feuilles sont noires, collantes ou enroulées sur elles-mêmes ? Vous cherchez à comprendre ce qui arrive à votre... </p>
<div class="flex items-center text-sm text-gray-500 space-x-4">
<span>Par Olivier</span>
<span>•</span>
<span>19 Déc 2025</span>
</div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/pompe-a-eau-demarre-et-sarrete/" class="block">
<div class="mb-6 overflow-hidden rounded-none">
<img src="https://monde-du-bricolage.com/storage/2025/11/pompe-eau-sous-sol-tuyaux-1024x683.png"
alt="Pompe à Eau Démarre et s'Arrête : Vérifications Essentielles"
class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500 rounded-none">
</div>
<div class="space-y-4">
<span class="custom-category-26 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Jardin & Extérieur </span>
<h3 class="text-2xl font-bold text-gray-900 leading-tight group-hover:text-emerald-600 transition-colors duration-300">
Pompe à Eau Démarre et s'Arrête : Vérifications Essentielles </h3>
<p class="text-gray-600 text-base leading-relaxed">
Votre pompe à eau s'allume et s'éteint sans arrêt, même quand vous n'utilisez pas beaucoup d'eau ? Ce phénomène de démarrages intempestifs est non seulement... </p>
<div class="flex items-center text-sm text-gray-500 space-x-4">
<span>Par Olivier</span>
<span>•</span>
<span>16 Déc 2025</span>
</div>
</div>
</a>
</article>
</div>
<div class="text-center mt-12">
<a href="https://monde-du-bricolage.com/jardinage-exterieur/"
class="inline-flex items-center px-8 py-3 bg-emerald-600 text-white font-semibold hover:bg-emerald-700 transition-colors duration-300">
Découvrir nos guides Jardin & Extérieur <svg class="ml-2 w-5 h-5" fill="none" stroke="currentColor" viewbox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
</div>
</div>
</section>
</div><!-- Newsletter Section -->
<section class="py-16 custom-newsletter-section">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<div class="mb-8">
<h2 class="text-3xl md:text-4xl font-bold mb-4 cta1-title">Restez informé !</h2>
<p class="text-xl cta1-subtitle">Recevez nos derniers tutoriels et conseils directement dans votre boîte mail</p>
</div>
<form class="max-w-md mx-auto" novalidate>
<div class="flex flex-col sm:flex-row gap-4">
<input type="email"
name="email"
placeholder="Votre adresse email"
class="flex-1 px-6 py-3 text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 custom-email-input">
<button type="button" id="newsletter-submit"
class="px-8 py-3 bg-white font-semibold transition-all duration-300 custom-submit-btn">
S'abonner </button>
</div>
<div id="newsletter-msg" class="mt-4 hidden"></div>
<p class="mt-4 text-sm cta1-disclaimer">
En vous inscrivant, vous acceptez de recevoir nos newsletters et vous reconnaissez avoir pris connaissance de nos mentions légales. </p>
</form>
</div>
</section>
<style>
.custom-newsletter-section {
background-color: var(--site-primary-color) !important;
}
.cta1-title {
color: white !important;
}
.cta1-subtitle, .cta1-disclaimer {
color: var(--site-tertiary-color) !important;
}
.custom-email-input:focus {
--tw-ring-color: var(--site-primary-light) !important;
box-shadow: 0 0 0 2px var(--site-primary-light) !important;
}
/* Newsletter button spécifique */
.custom-submit-btn {
background-color: white !important;
color: var(--site-primary-color) !important;
}
.custom-submit-btn:hover,
.custom-submit-btn:focus {
background-color: white !important;
color: var(--site-primary-color) !important;
}
/* Messages */
#newsletter-msg.success{background:#E6FFFA;border:1px solid #A7F3D0;color:#065F46}
#newsletter-msg.error{background:#FEF2F2;border:1px solid #FECACA;color:#991B1B}
#newsletter-msg{border-radius:6px;padding:10px 14px;display:inline-block}
.hidden{display:none}
</style>
<script>
document.addEventListener('DOMContentLoaded', function(){
const btn = document.getElementById('newsletter-submit');
const input = document.querySelector('input[name="email"]');
const box = document.getElementById('newsletter-msg');
function isValidEmail(v){return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(v||'').trim());}
btn?.addEventListener('click', function(){
const val = (input?.value || '').trim();
if (!val){
box.textContent = "Veuillez saisir une adresse email.";
box.className = "mt-4 error"; return;
}
if (!isValidEmail(val)){
box.textContent = "Oups, adresse email invalide. Veuillez réessayer.";
box.className = "mt-4 error"; return;
}
box.textContent = "Merci ! Votre inscription est bien prise en compte.";
box.className = "mt-4 success";
});
});
</script> <style>.blog-section-title-size-2 h2 { font-size: 2.25rem !important; }</style><div class="blog-section-title-size-2 blog-container-override">
<section class="py-16 bg-white font-sans">
<div class="max-w-7xl mx-auto px-4">
<!-- Titre de section -->
<div class="text-center mb-12">
<a href="https://monde-du-bricolage.com/decoration-et-design/"
class="text-3xl md:text-4xl font-black uppercase tracking-wide text-gray-900 hover:text-emerald-600 transition-colors duration-300">
Décoration & Design
</a> </div>
<!-- Grille 2x4 responsive -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/options-de-rideaux-dexterieur-durables-pour-les-conditions-meteorologiques-difficiles/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2026/06/wqi7s4wjgqajXg6-1024x683.jpg"
alt="Options de rideaux d’extérieur durables pour les conditions météorologiques difficiles"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
Options de rideaux d’extérieur durables pour les conditions météorologiques difficiles </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 10 minutes </div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/diy-deco-comment-fabriquer-une-lanterne-et-un-cendrier-elegants-avec-des-objets-recycles/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2026/05/bfadabf1b1be4cb89131d0b7d4ebf739-1024x576.jpg"
alt="DIY déco : comment fabriquer une lanterne et un cendrier élégants avec des objets recyclés"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
DIY déco : comment fabriquer une lanterne et un cendrier élégants avec des objets recyclés </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 5 jours </div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/pourquoi-les-acheteurs-quebecois-changent-leurs-habitudes-en-materiaux-de-finition/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2026/05/Images-Blog-4.png"
alt="Pourquoi les acheteurs québécois changent leurs habitudes en matériaux de finition"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
Pourquoi les acheteurs québécois changent leurs habitudes en matériaux de finition </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 1 mois </div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/maisondecor/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2025/11/salon-canape-table-basse-oeuvre-floue-1024x683.png"
alt="MaisonDecor : Meublez Votre Intérieur Avec Style"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
MaisonDecor : Meublez Votre Intérieur Avec Style </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 5 mois </div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/maxibrique/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2025/11/chantier-ouvriers-briques-maison-moderne-1024x683.png"
alt="Maxi Brique : Documentation Technique et Habitat Décor"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
Maxi Brique : Documentation Technique et Habitat Décor </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 6 mois </div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/maison-ethier/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2025/11/magasin-meubles-quebec-facade-enseigne-1024x683.png"
alt="Maison Ethier : Histoire et Destin d’un Géant du Meuble Québécois"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
Maison Ethier : Histoire et Destin d’un Géant du Meuble Québécois </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 6 mois </div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/moderniser-relooker-une-cuisine-rustique-en-chene/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2025/11/cuisine-chene-inox-rustique-moderne-1024x683.png"
alt="Comment Moderniser et Relooker une Cuisine Rustique en Chêne"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
Comment Moderniser et Relooker une Cuisine Rustique en Chêne </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 6 mois </div>
</div>
</a>
</article>
<article class="group cursor-pointer">
<a href="https://monde-du-bricolage.com/ral-2900/" class="block">
<!-- Container image avec ratio 16:10 -->
<div class="mb-4 bg-gray-100 overflow-hidden rounded-lg" style="aspect-ratio: 16/10;">
<img src="https://monde-du-bricolage.com/storage/2025/11/gros-plan-pot-bombe-marqueur-gris-1024x683.png"
alt="RAL 2900 Gris Sablé : Peinture Pot Bombe et Stylo"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
</div>
<!-- Contenu article -->
<div class="space-y-3">
<!-- Titre -->
<h3 class="text-base md:text-lg font-semibold leading-tight text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 line-clamp-3">
RAL 2900 Gris Sablé : Peinture Pot Bombe et Stylo </h3>
<!-- Métadonnées : temps relatif -->
<div class="text-sm text-gray-500">
il y a 6 mois </div>
</div>
</a>
</article>
</div>
</div>
</section>
</div><style>.blog-section-title-size-3 h2 { font-size: 2.25rem !important; }</style><div class="blog-section-title-size-3 blog-container-override"><section class="py-16 bg-gray-50">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 font-sans">
<div class="text-center mb-16">
<div class="flex items-center justify-center mb-4">
<div class="h-px bg-gray-400 flex-1 max-w-32"></div>
<a href="https://monde-du-bricolage.com/amenagement-et-reparation/"
class="px-8 text-3xl md:text-4xl font-bold text-gray-900 hover:text-emerald-600 transition-colors duration-300">
Aménagement & Réparation </a>
<div class="h-px bg-gray-400 flex-1 max-w-32"></div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<article class="min-h-[205px] border-2 border-gray-200 bg-white hover:shadow-xl transition-all duration-300 group">
<a href="https://monde-du-bricolage.com/les-11-erreurs-de-debutant-en-renovation-qui-coutent-toujours-cher/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://monde-du-bricolage.com/storage/2026/05/09219dfd85af6e75a29ec8572e80c03d-300x200.jpg"
alt="Les 11 erreurs de débutant en rénovation qui coûtent toujours cher"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 rounded-none">
<span class="absolute top-4 left-4 custom-category-30 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Aménagement & Réparation </span>
</div>
<div class="flex-1 p-6 flex flex-col">
<h3 class="text-lg font-bold leading-tight mb-3 group-hover:text-emerald-600 transition-colors duration-300">
Les 11 erreurs de débutant en rénovation qui coûtent toujours cher </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Selon l'Observatoire national du bâtiment, un projet de rénovation sur deux dépasse son budget initial... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Olivier</span>
<span>•</span>
<span>31 Mai 2026</span>
</div>
</div>
</a>
</article>
<article class="min-h-[205px] border-2 border-gray-200 bg-white hover:shadow-xl transition-all duration-300 group">
<a href="https://monde-du-bricolage.com/isoler-une-maison-ancienne-les-erreurs-a-eviter/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://monde-du-bricolage.com/storage/2026/05/Images-Blog-2-1-300x200.png"
alt="Isoler une maison ancienne : les erreurs à éviter"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 rounded-none">
<span class="absolute top-4 left-4 custom-category-30 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Aménagement & Réparation </span>
</div>
<div class="flex-1 p-6 flex flex-col">
<h3 class="text-lg font-bold leading-tight mb-3 group-hover:text-emerald-600 transition-colors duration-300">
Isoler une maison ancienne : les erreurs à éviter </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Isoler une maison ancienne n'a rien à voir avec une construction neuve. Les murs en... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Olivier</span>
<span>•</span>
<span>30 Mai 2026</span>
</div>
</div>
</a>
</article>
<article class="min-h-[205px] border-2 border-gray-200 bg-white hover:shadow-xl transition-all duration-300 group">
<a href="https://monde-du-bricolage.com/pourquoi-les-acheteurs-quebecois-changent-leurs-habitudes-en-materiaux-de-finition/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://monde-du-bricolage.com/storage/2026/05/Images-Blog-4-300x200.png"
alt="Pourquoi les acheteurs québécois changent leurs habitudes en matériaux de finition"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 rounded-none">
<span class="absolute top-4 left-4 custom-category-30 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Aménagement & Réparation </span>
</div>
<div class="flex-1 p-6 flex flex-col">
<h3 class="text-lg font-bold leading-tight mb-3 group-hover:text-emerald-600 transition-colors duration-300">
Pourquoi les acheteurs québécois changent leurs habitudes en matériaux de finition </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Près de six propriétaires québécois sur dix ayant rénové en 2024 affirment avoir comparé au... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Olivier</span>
<span>•</span>
<span>1 Mai 2026</span>
</div>
</div>
</a>
</article>
<article class="min-h-[205px] border-2 border-gray-200 bg-white hover:shadow-xl transition-all duration-300 group">
<a href="https://monde-du-bricolage.com/leprodestravaux-estimation-renovation/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://monde-du-bricolage.com/storage/2026/03/internal-1773673507082-149bb9a678ec-300x200.jpg"
alt="Leprodestravaux Estimation Rénovation : Avis et Fiabilité"
class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300 rounded-none">
<span class="absolute top-4 left-4 custom-category-30 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Aménagement & Réparation </span>
</div>
<div class="flex-1 p-6 flex flex-col">
<h3 class="text-lg font-bold leading-tight mb-3 group-hover:text-emerald-600 transition-colors duration-300">
Leprodestravaux Estimation Rénovation : Avis et Fiabilité </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Vous préparez une rénovation et la première question qui vous vient est : "Combien ça... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Olivier</span>
<span>•</span>
<span>4 Avr 2026</span>
</div>
</div>
</a>
</article>
</div>
</div>
</section>
</div>
<!-- Section SEO 123SantéMag -->
<section class="py-16 bg-gray-100">
<div class="blog-container-override max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-8">
<h1 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Monde du Bricolage : Votre Guide Expert en Travaux</h1>
<div class="w-24 h-1 bg-gray-600 mx-auto"></div>
</div>
<div class="prose prose-lg max-w-none text-gray-800 leading-relaxed">
<p class="text-xl text-gray-900 mb-6 font-medium">Bienvenue sur Monde du Bricolage, votre référence en ligne pour réussir tous vos projets de bricolage et travaux.</p><p class="mb-6">Depuis sa création, <strong>Monde du Bricolage</strong> accompagne bricoleurs débutants et experts dans la réalisation de leurs projets. Notre équipe d'artisans expérimentés, de professionnels du BTP et de passionnés de bricolage partage avec vous son savoir-faire pour vous garantir des conseils pratiques et fiables.</p><p class="mb-6">Nous couvrons tous les aspects du bricolage : <strong>rénovation, décoration, jardinage, électricité, plomberie, menuiserie</strong> et bien plus encore. Chaque article est rédigé avec soin pour vous accompagner étape par étape dans vos réalisations.</p><p class="mb-6">Que vous souhaitiez rénover votre intérieur, aménager votre jardin, ou simplement apprendre les bases du bricolage, vous trouverez ici toutes les informations nécessaires : guides détaillés, sélection d'outils, techniques professionnelles et astuces économiques.</p><p>Rejoignez la communauté Monde du Bricolage et transformez vos idées en réalité grâce à nos conseils d'experts, nos tutoriels illustrés et nos recommandations matériel pour bricoler comme un pro, et nos partenaires de choc : <a href="https://leprodestravaux.fr/">LeProdesTravaux.fr</a>, <a href="https://havredemaison.fr/">Havre de Maison</a> et le magazine déco <a href="https://vision-deco-interieur.fr/">Vision</a>, <a href="http://cosyalamaison.fr">Cosy à la maison</a> et <a href="http://hygge-a-la-maison.fr/">Hygge à la maison</a>.</p> </div>
<div class="text-center mt-8">
<div class="inline-flex items-center space-x-4">
<span class="text-sm font-bold text-gray-900 uppercase tracking-wide">Monde du Bricolage</span>
<span class="w-2 h-2 bg-gray-600 rounded-full"></span>
<span class="text-sm text-gray-700">Votre passion, notre expertise</span>
</div>
</div>
</div>
</div>
</section>
<footer class="footer7">
<div class="footer-container7">
<div class="footer-content7">
<div class="footer-logo-section7">
<img src="https://monde-du-bricolage.com/storage/2025/09/cropped-ChatGPT-Image-Sep-3-2025-04_33_33-PM.png" alt="Logo" class="footer-logo7"> </div>
<div class="footer-links7">
<div class="footer-column7">
<h3 class="footer-title7">Navigation</h3>
<ul class="footer-menu7">
<li><a href="/devis-gratuit">Devis d'artisans gratuit</a></li>
<li><a href="/a-propos">À Propos</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div>
<div class="footer-column7">
<h3 class="footer-title7">Informations</h3>
<ul class="footer-menu7">
<li><a href="/mentions-legales">Mentions Légales</a></li>
<li><a href="/politique-de-confidentialite">Politique de Confidentialité</a></li>
<li><a href="/cgv">CGV</a></li>
</ul>
</div>
<div class="footer-column7">
<h3 class="footer-title7">Catégories</h3>
<ul class="footer-menu7">
<li><a href="https://monde-du-bricolage.com/blog/">Blog</a></li><li><a href="https://monde-du-bricolage.com/conseils-astuces/">Conseils & Astuces</a></li><li><a href="https://monde-du-bricolage.com/bricolage/">Bricolage</a></li><li><a href="https://monde-du-bricolage.com/amenagement-et-reparation/">Aménagement & Réparation</a></li><li><a href="https://monde-du-bricolage.com/jardinage-exterieur/">Jardin & Extérieur</a></li> </ul>
</div>
</div>
</div>
<div class="footer-bottom7">
<p class="footer-copyright7">© 2026 Monde du Bricolage. Tous droits réservés.</p>
</div>
</div>
</footer>
<style>
.footer7 {
background-color: #252422;
color: #FFFFFF;
padding: 50px 0 20px 0;
}
.footer-container7 {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer-content7 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 50px;
margin-bottom: 40px;
}
.footer-logo-section7 {
display: flex;
align-items: flex-start;
}
.footer-logo7 {
max-width: 200px;
width: auto;
height: auto;
filter: brightness(0) invert(1);
}
.footer-links7 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.footer-column7 {
display: flex;
flex-direction: column;
}
.footer-title7 {
font-size: 1.2rem;
font-weight: 600;
color: #eb5e28;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.footer-menu7 {
list-style: none;
padding: 0;
margin: 0;
}
.footer-menu7 li {
margin-bottom: 12px;
}
.footer-menu7 a {
color: #FFFFFF;
text-decoration: none;
font-size: 0.95rem;
transition: color 0.3s ease;
display: block;
}
.footer-menu7 a:hover {
color: #eb5e28;
}
.footer-bottom7 {
border-top: 1px solid #444;
padding-top: 20px;
text-align: center;
}
.footer-copyright7 {
margin: 0;
font-size: 0.9rem;
color: #ccc;
}
@media (max-width: 768px) {
.footer7 {
padding: 30px 0 20px 0;
}
.footer-content7 {
grid-template-columns: 1fr;
gap: 30px;
margin-bottom: 30px;
}
.footer-logo-section7 {
justify-content: center;
text-align: center;
}
.footer-links7 {
grid-template-columns: 1fr;
gap: 25px;
text-align: center;
}
.footer-title7 {
font-size: 1.1rem;
margin-bottom: 15px;
}
.footer-menu7 li {
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.footer-container7 {
padding: 0 15px;
}
.footer-logo7 {
max-width: 150px;
}
.footer-content7 {
gap: 20px;
}
.footer-links7 {
gap: 20px;
}
}
</style>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/generatepress_child/*","/wp-content/themes/generatepress/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- DEBUG MEGA: wp_footer hook triggered --><!-- DEBUG MEGA: Mega disabled in wp_footer --><!-- DEBUG MEGA: wp_footer JS hook triggered --><!-- DEBUG MEGA: JS non injecté car option désactivée --><script id="generate-a11y">
!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("pointerdown",(function(){e.classList.add("using-mouse")}),{passive:!0}),e.addEventListener("keydown",(function(){e.classList.remove("using-mouse")}),{passive:!0})}}();
</script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://monde-du-bricolage.com/lib/js/wp-emoji-release.min.js?rnd=45449"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://monde-du-bricolage.com/lib/js/wp-emoji-loader.min.js
</script>
</body>
</html>
