<!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">
<style>
/* Reset et base */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.container{
background-color: #ffffff00!important;
}
/* Variables couleurs bricolage */
:root {
--primary-orange: #ff6b35;
--secondary-orange: #ff8c42;
--dark-brown: #8b4513;
--light-brown: #d2b48c;
--text-dark: #333333;
--white: #ffffff;
--light-gray: #f8f8f8;
}
/* Header principal */
.main-header {
background: var(--white);
border-bottom: 3px solid var(--primary-orange);
position: relative;
z-index: 1000;
}
.header-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
height: 80px;
padding: 0 20px;
}
/* Logo */
.header-center {
flex: 1;
}
.site-logo .custom-logo-link {
display: inline-block;
line-height: 0;
}
.site-logo .custom-logo {
height: 50px;
width: auto;
max-width: 250px;
transition: opacity 0.3s ease;
}
.site-logo .custom-logo:hover {
opacity: 0.8;
}
/* Fallback texte si pas de logo */
.site-logo .logo-text {
font-family: 'Arial', sans-serif;
font-size: 28px;
font-weight: bold;
color: var(--dark-brown);
text-decoration: none;
transition: color 0.3s ease;
}
.site-logo .logo-text:hover {
color: var(--primary-orange);
}
/* Header droite */
.header-right {
display: flex;
align-items: center;
gap: 30px;
}
/* Navigation desktop */
.desktop-navigation {
display: flex;
}
.primary-menu {
display: flex;
list-style: none;
gap: 25px;
margin: 0;
padding: 0;
}
.primary-menu li {
position: relative;
}
.primary-menu a {
text-decoration: none;
color: var(--text-dark);
font-weight: 500;
font-size: 16px;
padding: 10px 0;
transition: color 0.3s ease;
display: block;
}
.primary-menu a:hover {
color: var(--primary-orange);
}
/* Sous-menus */
.primary-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: var(--white);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
border: 1px solid #e0e0e0;
min-width: 200px;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.3s ease;
}
.primary-menu li:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.primary-menu .sub-menu a {
padding: 12px 20px;
border-bottom: 1px solid #f0f0f0;
}
.primary-menu .sub-menu a:hover {
background: var(--light-gray);
}
/* CTA Desktop */
.header-cta {
display: flex;
}
.cta-button {
background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));
color: var(--white);
padding: 12px 24px;
text-decoration: none;
border-radius: 25px;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
background: linear-gradient(135deg, var(--secondary-orange), var(--primary-orange));
}
/* Bouton hamburger */
.mobile-menu-toggle {
display: none;
width: 50px;
height: 50px;
background: transparent !important;
border: none !important;
box-shadow: none !important;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
transition: all 0.3s ease;
}
.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus {
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none;
}
.hamburger-line {
width: 25px;
height: 3px;
background: var(--dark-brown);
transition: all 0.3s ease;
border-radius: 2px;
}
.mobile-menu-toggle.active .hamburger-line:nth-child(1) {
transform: rotate(45deg) translate(6px, 6px);
}
.mobile-menu-toggle.active .hamburger-line:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle.active .hamburger-line:nth-child(3) {
transform: rotate(-45deg) translate(6px, -6px);
}
/* Menu mobile */
.mobile-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--white);
border-bottom: 3px solid var(--primary-orange);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.mobile-menu.active {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.mobile-nav-menu {
list-style: none;
padding: 20px;
margin: 0;
}
.mobile-nav-menu li {
border-bottom: 1px solid #f0f0f0;
}
.mobile-nav-menu a {
display: block;
padding: 15px 0;
text-decoration: none;
color: var(--text-dark);
font-size: 18px;
font-weight: 500;
transition: color 0.3s ease;
}
.mobile-nav-menu a:hover {
color: var(--primary-orange);
}
/* CTA Mobile */
.mobile-cta {
padding: 20px;
text-align: center;
}
.mobile-cta-button {
display: inline-block;
background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));
color: var(--white);
padding: 15px 30px;
text-decoration: none;
border-radius: 25px;
font-weight: 600;
font-size: 18px;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
}
.mobile-cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);
}
/* Responsive */
@media (max-width: 768px) {
.header-container {
height: 60px;
padding: 0 15px;
}
.site-logo {
margin-right: 15px;
}
.site-logo .custom-logo {
height: 40px;
}
.site-logo .logo-text {
font-size: 22px;
}
.desktop-navigation,
.header-cta {
display: none;
}
.mobile-menu-toggle {
display: flex;
}
}
@media (max-width: 480px) {
.site-logo .custom-logo {
height: 35px;
}
.site-logo .logo-text {
font-size: 18px;
}
.header-container {
padding: 0 10px;
}
}
/* Sticky header optionnel */
.main-header.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.main-header.sticky + .site {
padding-top: 80px;
}
@media (max-width: 768px) {
.main-header.sticky + .site {
padding-top: 60px;
}
}
</style>
<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">
<title>BricolageEtTravaux.fr : Devenir un Pro du Bricolage Rapidement</title>
<link rel="canonical" href="https://bricolageettravaux.fr/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="BricolageEtTravaux.fr : Devenir un Pro du Bricolage Rapidement" />
<meta property="og:url" content="https://bricolageettravaux.fr/" />
<meta property="og:site_name" content="bricolageettravaux.fr" />
<meta property="article:modified_time" content="2025-06-04T12:59:29+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://bricolageettravaux.fr/","url":"https://bricolageettravaux.fr/","name":"BricolageEtTravaux.fr : Devenir un Pro du Bricolage Rapidement","isPartOf":{"@id":"https://bricolageettravaux.fr/#website"},"about":{"@id":"https://bricolageettravaux.fr/#organization"},"datePublished":"2025-03-15T18:37:40+00:00","dateModified":"2025-06-04T12:59:29+00:00","breadcrumb":{"@id":"https://bricolageettravaux.fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://bricolageettravaux.fr/"]}]},{"@type":"BreadcrumbList","@id":"https://bricolageettravaux.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https://bricolageettravaux.fr/#website","url":"https://bricolageettravaux.fr/","name":"bricolageettravaux.fr","description":"bricolageettravaux.fr","publisher":{"@id":"https://bricolageettravaux.fr/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://bricolageettravaux.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https://bricolageettravaux.fr/#organization","name":"bricolageettravaux.fr","url":"https://bricolageettravaux.fr/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://bricolageettravaux.fr/#/schema/logo/image/","url":"https://bricolageettravaux.fr/storage/2025/06/cropped-logo-bricolage-et-travaux.png","contentUrl":"https://bricolageettravaux.fr/storage/2025/06/cropped-logo-bricolage-et-travaux.png","width":951,"height":334,"caption":"bricolageettravaux.fr"},"image":{"@id":"https://bricolageettravaux.fr/#/schema/logo/image/"}}]}</script>
<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="bricolageettravaux.fr » Flux" href="https://bricolageettravaux.fr/feed/" />
<link rel="alternate" type="application/rss+xml" title="bricolageettravaux.fr » Flux des commentaires" href="https://bricolageettravaux.fr/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://bricolageettravaux.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricolageettravaux.fr%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://bricolageettravaux.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricolageettravaux.fr%2F&format=xml" />
<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>
<link rel='stylesheet' id='wp-block-library-css' href='https://bricolageettravaux.fr/lib/css/dist/block-library/style.min.css?rnd=81572' media='all' />
<style id='wp-block-heading-inline-css'>
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
/*# sourceURL=https://bricolageettravaux.fr/lib/blocks/heading/style.min.css */
</style>
<style id='wp-block-list-inline-css'>
ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}
/*# sourceURL=https://bricolageettravaux.fr/lib/blocks/list/style.min.css */
</style>
<style id='wp-block-paragraph-inline-css'>
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
/*# sourceURL=https://bricolageettravaux.fr/lib/blocks/paragraph/style.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(.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;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.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-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-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-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://bricolageettravaux.fr/lib/css/dashicons.min.css?rnd=81572' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='https://bricolageettravaux.fr/lib/css/admin-bar.min.css?rnd=81572' 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='parent-style-css' href='https://bricolageettravaux.fr/core/views/generatepress/style.css?rnd=81572' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://bricolageettravaux.fr/core/views/generatepress_child/style.css?rnd=81572' media='all' />
<link rel='stylesheet' id='theme-style-css' href='https://bricolageettravaux.fr/core/views/generatepress_child/style.css?rnd=81572' media='all' />
<link rel='stylesheet' id='generate-style-css' href='https://bricolageettravaux.fr/core/views/generatepress/assets/css/main.min.css?rnd=81572' 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:100%;}@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://bricolageettravaux.fr/core/views/generatepress_child/style.css?rnd=81572' media='all' />
<link rel='stylesheet' id='generate-google-fonts-css' href='https://fonts.googleapis.com/css?family=Poppins%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=auto&rnd=81572' 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>
<script src="https://bricolageettravaux.fr/lib/js/jquery/jquery.min.js?rnd=81572" id="jquery-core-js"></script>
<script src="https://bricolageettravaux.fr/lib/js/jquery/jquery-migrate.min.js?rnd=81572" id="jquery-migrate-js"></script>
<link rel='shortlink' href='https://bricolageettravaux.fr/' />
<style>
body {
padding-top: 0 !important;
}
</style>
<style>
body {
padding-top: 0 !important; /* Ajustez selon les besoins */
}
</style>
<link rel="icon" href="https://bricolageettravaux.fr/storage/2025/06/cropped-bricolage-et-travaux-fav-32x32.png" sizes="32x32" />
<link rel="icon" href="https://bricolageettravaux.fr/storage/2025/06/cropped-bricolage-et-travaux-fav-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://bricolageettravaux.fr/storage/2025/06/cropped-bricolage-et-travaux-fav-180x180.png" />
<meta name="msapplication-TileImage" content="https://bricolageettravaux.fr/storage/2025/06/cropped-bricolage-et-travaux-fav-270x270.png" />
</head>
<body class="home wp-singular page-template-default page page-id-1778 wp-custom-logo wp-embed-responsive wp-theme-generatepress wp-child-theme-generatepress_child no-sidebar nav-below-header one-container header-aligned-left dropdown-hover">
<header class="main-header">
<div class="header-container">
<div class="header-center">
<div class="site-logo">
<a href="https://bricolageettravaux.fr/" class="custom-logo-link" rel="home" aria-current="page"><img width="951" height="334" src="https://bricolageettravaux.fr/storage/2025/06/cropped-logo-bricolage-et-travaux.png" class="custom-logo" alt="bricolageettravaux.fr" decoding="async" fetchpriority="high" srcset="https://bricolageettravaux.fr/storage/2025/06/cropped-logo-bricolage-et-travaux.png 951w, https://bricolageettravaux.fr/storage/2025/06/cropped-logo-bricolage-et-travaux-300x105.png 300w, https://bricolageettravaux.fr/storage/2025/06/cropped-logo-bricolage-et-travaux-768x270.png 768w" sizes="(max-width: 951px) 100vw, 951px" /></a> </div>
</div>
<div class="header-right">
<nav class="desktop-navigation">
<ul id="menu-menu-principal" class="primary-menu"><li id="menu-item-1860" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1860 menu-item1"><a href="https://bricolageettravaux.fr/bricolage/" class="menu-link1">Bricolage</a></li>
<li id="menu-item-1861" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1861 menu-item1"><a href="https://bricolageettravaux.fr/travaux/" class="menu-link1">Travaux</a></li>
<li id="menu-item-1862" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1862 menu-item1"><a href="https://bricolageettravaux.fr/maison/" class="menu-link1">Maison</a></li>
<li id="menu-item-1863" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1863 menu-item1"><a href="https://bricolageettravaux.fr/decoration/" class="menu-link1">Décoration</a></li>
<li id="menu-item-1864" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1864 menu-item1"><a href="https://bricolageettravaux.fr/renovation/" class="menu-link1">Rénovation</a></li>
<li id="menu-item-1865" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1865 menu-item1"><a href="https://bricolageettravaux.fr/btp/" class="menu-link1">BTP</a></li>
</ul> </nav>
<div class="header-cta">
<a href="/formations" class="cta-button">Voir nos Formations</a>
</div>
<button class="mobile-menu-toggle" type="button" aria-label="Menu mobile">
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
<span class="hamburger-line"></span>
</button>
</div>
</div>
<div class="mobile-menu">
<nav class="mobile-navigation">
<ul class="mobile-nav-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1860 menu-item1"><a href="https://bricolageettravaux.fr/bricolage/" class="menu-link1">Bricolage</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1861 menu-item1"><a href="https://bricolageettravaux.fr/travaux/" class="menu-link1">Travaux</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1862 menu-item1"><a href="https://bricolageettravaux.fr/maison/" class="menu-link1">Maison</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1863 menu-item1"><a href="https://bricolageettravaux.fr/decoration/" class="menu-link1">Décoration</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1864 menu-item1"><a href="https://bricolageettravaux.fr/renovation/" class="menu-link1">Rénovation</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1865 menu-item1"><a href="https://bricolageettravaux.fr/btp/" class="menu-link1">BTP</a></li>
</ul><div class="mobile-cta"><a href="/formations" class="mobile-cta-button">Voir nos Formations</a></div> </nav>
</div>
</header>
<script>
document.addEventListener('DOMContentLoaded', function() {
const mobileToggle = document.querySelector('.mobile-menu-toggle');
const mobileMenu = document.querySelector('.mobile-menu');
if (mobileToggle && mobileMenu) {
mobileToggle.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
mobileToggle.classList.toggle('active');
mobileMenu.classList.toggle('active');
});
// Fermer le menu en cliquant ailleurs
document.addEventListener('click', function(e) {
if (!mobileToggle.contains(e.target) && !mobileMenu.contains(e.target)) {
mobileToggle.classList.remove('active');
mobileMenu.classList.remove('active');
}
});
}
});
</script>
<div id="page" class="site">
<div id="content" class="site-content">
<style>
/* Reset et variables */
:root {
--primary-orange: #FF6B35;
--secondary-orange: #ff8c42;
--accent-red: #D84315;
--dark-brown: #8b4513;
--text-dark: #333333;
--text-light: #666666;
--white: #ffffff;
--light-gray: #f8f8f8;
--border-light: #e0e0e0;
}
/* Reset global pour éliminer les problèmes */
.post-card-wrapper *,
.category-card *,
.popular-post * {
box-shadow: none !important;
text-shadow: none !important;
}
.post-card-wrapper img,
.category-card img,
.popular-post img,
.split-image img {
display: block !important;
vertical-align: top !important;
border: none !important;
outline: none !important;
margin: 0 !important;
padding: 0 !important;
}
.post-card-image,
.category-image,
.popular-post-image {
line-height: 0 !important;
font-size: 0 !important;
}
.post-card-wrapper h3,
.post-card-wrapper p,
.post-card-wrapper span,
.category-card h3,
.category-card span,
.popular-post h4 {
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
}
/* Styles généraux */
.home-section {
padding: 80px 0;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.section-title {
font-size: 2.5rem;
color: var(--text-dark);
text-align: center;
margin-bottom: 50px;
font-weight: 700;
}
.container{
background-color: #ffffff00!important;
}
.btn {
display: inline-block;
padding: 15px 30px;
text-decoration: none;
border-radius: 25px;
font-weight: 600;
font-size: 16px;
transition: all 0.3s ease;
cursor: pointer;
border: none;
text-align: center;
}
.btn-primary {
background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));
color: var(--white);
box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}
.btn-secondary {
background: transparent;
color: var(--white);
border: 2px solid var(--white);
}
.btn-secondary:hover {
background: var(--white);
color: var(--primary-orange);
}
.btn-outline {
background: transparent;
color: var(--primary-orange);
border: 2px solid var(--primary-orange);
}
.btn-outline:hover {
background: var(--primary-orange);
color: var(--white);
}
/* Hero Section */
.hero {
height: 100vh;
min-height: 600px;
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
url('https://bricolageettravaux.fr/storage/2025/06/Design-sans-titre-18.png') center/cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--white);
}
.hero-content h1 {
font-size: 3.5rem;
margin-bottom: 20px;
font-weight: 700;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.hero-content .subtitle {
font-size: 1.4rem;
margin-bottom: 40px;
opacity: 0.9;
max-width: 600px;
}
.hero-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
/* Sections avec layout image/texte */
.split-section {
display: flex;
align-items: center;
gap: 60px;
}
.split-section.reverse {
flex-direction: row-reverse;
}
.split-content,
.split-image {
flex: 1;
}
.split-content h2 {
font-size: 2.2rem;
color: var(--text-dark);
margin-bottom: 20px;
font-weight: 600;
}
.split-content p {
font-size: 1.1rem;
color: var(--text-light);
line-height: 1.6;
margin-bottom: 15px;
}
.split-content ul {
list-style: none;
margin: 20px 0;
}
.split-content ul li {
padding: 8px 0;
color: var(--text-light);
position: relative;
padding-left: 25px;
}
.split-content ul li:before {
content: "✓";
position: absolute;
left: 0;
color: var(--primary-orange);
font-weight: bold;
}
.split-image img {
width: 100%;
height: 400px;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
display: block;
}
/* Grille articles */
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 30px;
margin-top: 50px;
}
.post-card-wrapper {
background: var(--white);
border-radius: 10px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
overflow: hidden;
transition: all 0.3s ease;
}
.post-card-wrapper:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.post-card-link {
display: block;
text-decoration: none;
color: inherit;
cursor: pointer;
}
.post-card-link:hover {
text-decoration: none;
color: inherit;
}
.post-card-image {
height: auto;
background: var(--light-gray);
position: relative;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.post-card-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
display: block;
vertical-align: top;
border: none;
outline: none;
}
.post-card-wrapper:hover .post-card-image img {
transform: scale(1.05);
}
.post-card-content {
padding: 25px;
line-height: normal;
font-size: inherit;
}
.post-card-title {
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 15px;
color: var(--text-dark);
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
}
.post-card-excerpt {
color: var(--text-light);
line-height: 1.5;
margin-bottom: 15px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
}
.post-card-meta {
color: var(--primary-orange);
font-size: 0.9rem;
font-weight: 500;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
}
/* Grille catégories */
.categories-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin-top: 50px;
}
.category-card {
background: var(--white);
border-radius: 15px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
transition: all 0.3s ease;
cursor: pointer;
text-decoration: none;
color: inherit;
position: relative;
height: 250px;
}
.category-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
text-decoration: none;
color: inherit;
}
.category-image {
width: 100%;
height: 180px;
background: var(--light-gray);
position: relative;
overflow: hidden;
line-height: 0;
font-size: 0;
}
.category-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
display: block;
vertical-align: top;
border: none;
outline: none;
}
.category-card:hover .category-image img {
transform: scale(1.05);
}
.category-content {
padding: 20px;
text-align: center;
background: var(--white);
position: relative;
}
.category-name {
font-size: 1.3rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 8px;
line-height: 1.2;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
}
.category-count {
color: var(--primary-orange);
font-size: 0.9rem;
font-weight: 500;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
}
/* Témoignages */
.testimonials {
background: var(--light-gray);
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 50px;
}
.testimonial-card {
background: var(--white);
padding: 30px;
border-radius: 10px;
text-align: center;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
border: 2px solid var(--border-light);
}
.testimonial-quote {
font-size: 1.1rem;
color: var(--text-light);
font-style: italic;
margin-bottom: 20px;
line-height: 1.6;
}
.testimonial-author {
font-weight: 600;
color: var(--text-dark);
margin-bottom: 5px;
}
.testimonial-rating {
color: var(--primary-orange);
font-size: 1.2rem;
}
/* Articles populaires - Layout compact */
.popular-posts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
margin-top: 50px;
}
.popular-post {
display: flex;
background: var(--white);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 15px rgba(0,0,0,0.08);
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
border: 1px solid var(--border-light);
}
.popular-post:hover {
transform: translateY(-2px);
box-shadow: 0 5px 20px rgba(0,0,0,0.12);
text-decoration: none;
color: inherit;
border-color: var(--primary-orange);
}
.popular-post-image {
width: 100px;
height: 80px;
background: var(--light-gray);
line-height: 0;
font-size: 0;
overflow: hidden;
}
.popular-post-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
vertical-align: top;
border: none;
outline: none;
}
.popular-post-content {
padding: 15px;
flex: 1;
}
.popular-post-title {
font-size: 1rem;
font-weight: 600;
color: var(--text-dark);
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
outline: none !important;
}
/* Section SEO */
.seo-section {
background: var(--light-gray);
text-align: center;
}
.seo-content {
max-width: 800px;
margin: 0 auto;
background: var(--white);
padding: 40px;
border-radius: 15px;
box-shadow: 0 5px 25px rgba(0,0,0,0.08);
border: 2px solid var(--border-light);
}
.seo-content h2 {
font-size: 2.2rem;
color: var(--text-dark);
margin-bottom: 30px;
font-weight: 600;
}
.seo-content p {
font-size: 1.1rem;
color: var(--text-light);
line-height: 1.7;
margin-bottom: 20px;
text-align: left;
}
/* Newsletter */
.newsletter {
background: linear-gradient(135deg, var(--primary-orange), var(--accent-red));
color: var(--white);
text-align: center;
}
.newsletter h2 {
font-size: 2.5rem;
margin-bottom: 15px;
font-weight: 700;
}
.newsletter .subtitle {
font-size: 1.2rem;
opacity: 0.9;
margin-bottom: 40px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.newsletter-form {
display: flex;
max-width: 500px;
margin: 0 auto;
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.newsletter-input {
flex: 1;
min-width: 250px;
padding: 15px 20px;
border: none;
border-radius: 25px;
font-size: 16px;
outline: none;
}
.newsletter-btn {
background: var(--white);
color: var(--primary-orange);
border: none;
padding: 15px 30px;
border-radius: 25px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.newsletter-btn:hover {
background: var(--light-gray);
transform: translateY(-2px);
}
/* Responsive */
@media (max-width: 768px) {
.hero-content h1 {
font-size: 2.5rem;
}
.hero-content .subtitle {
font-size: 1.2rem;
}
.hero-buttons {
flex-direction: column;
align-items: center;
}
.split-section,
.split-section.reverse {
flex-direction: column;
gap: 40px;
}
.posts-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.categories-grid {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
}
.testimonials-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.popular-posts {
grid-template-columns: 1fr;
}
.popular-post {
flex-direction: column;
}
.popular-post-image {
width: 100%;
height: 150px;
}
.newsletter-form {
flex-direction: column;
align-items: center;
}
.newsletter-input {
min-width: auto;
width: 100%;
max-width: 400px;
}
.section-title {
font-size: 2rem;
}
.home-section {
padding: 60px 0;
}
.container {
padding: 0 15px;
}
}
@media (max-width: 480px) {
.hero-content h1 {
font-size: 2rem;
}
.posts-grid {
grid-template-columns: 1fr;
}
.post-card-content {
padding: 20px;
}
.split-content h2 {
font-size: 1.8rem;
}
}
</style>
<section class="hero">
<div class="hero-content">
<h1>bricolageettravaux.fr</h1>
<p class="subtitle">Formations, cours et guides pratiques pour devenir autonome en bricolage</p>
<div class="hero-buttons">
<a href="/formations" class="btn btn-primary">Découvrir nos Formations</a>
<a href="/blog" class="btn btn-secondary">Voir le Blog</a>
</div>
</div>
</section>
<section class="home-section">
<div class="container">
<h2 class="section-title">Derniers Articles de Bricolage</h2>
<div class="posts-grid">
<div class="post-card-wrapper">
<a href="https://bricolageettravaux.fr/cloture-alu-en-kit-peut-on-vraiment-linstaller-facilement-soi-meme/" class="post-card-link">
<div class="post-card-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/1.jpg" alt="Bricolage et outils">
</div>
<div class="post-card-content">
<h3 class="post-card-title">Clôture alu en kit : peut-on vraiment l’installer facilement soi-même ?</h3>
<p class="post-card-excerpt">Installer facilement une clôture alu en kit : promesse tenue ? La cloture alu en kit séduit de plus en plus de particuliers à la recherche d’une solution pratique, esthétique et accessible. Sur le papier, la promesse est séduisante : acheter, monter, installer, sans faire appel à un professionnel. Mais dans la réalité, est-ce vraiment ... Lire la suite</p>
<span class="post-card-meta">Lire la suite →</span>
</div>
</a>
</div>
<div class="post-card-wrapper">
<a href="https://bricolageettravaux.fr/cloture-claire-voie-pourquoi-les-architectes-ladoptent-dans-les-projets-modernes/" class="post-card-link">
<div class="post-card-image">
<img src="https://bricolageettravaux.fr/storage/2026/04/gen-1776283693944-1-300x164.jpg" alt="Clôture claire voie : pourquoi les architectes l’adoptent dans les projets modernes">
</div>
<div class="post-card-content">
<h3 class="post-card-title">Clôture claire voie : pourquoi les architectes l’adoptent dans les projets modernes</h3>
<p class="post-card-excerpt">La cloture claire voie s’impose aujourd’hui comme une référence dans les projets d’aménagement extérieur contemporains. Loin des clôtures pleines traditionnelles, elle répond à une nouvelle manière de concevoir les espaces : plus ouverts, plus lumineux, mais toujours structurés. Dans cette dynamique, la cloture claire voie séduit par sa capacité à délimiter un terrain sans créer ... Lire la suite</p>
<span class="post-card-meta">Lire la suite →</span>
</div>
</a>
</div>
<div class="post-card-wrapper">
<a href="https://bricolageettravaux.fr/comment-creer-des-enseignes-personnalisees-a-fort-impact-avec-une-decoupeuse-laser/" class="post-card-link">
<div class="post-card-image">
<img src="https://bricolageettravaux.fr/storage/2026/03/google-docs-image-1774617304578-0-300x300.jpeg" alt="Comment créer des enseignes personnalisées à fort impact avec une découpeuse laser">
</div>
<div class="post-card-content">
<h3 class="post-card-title">Comment créer des enseignes personnalisées à fort impact avec une découpeuse laser</h3>
<p class="post-card-excerpt">Dans le paysage commercial français, qu’il s’agisse d’une boutique chic à Paris ou d’un artisan local en province, une enseigne est bien plus qu’une simple information : c’est la « carte de visite » d’une marque. Que vous créiez un logo minimaliste pour un concept-store, un panneau de bienvenue en chêne rustique pour un mariage ou une ... Lire la suite</p>
<span class="post-card-meta">Lire la suite →</span>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="home-section" style="background: var(--light-gray);">
<div class="container">
<div class="split-section">
<div class="split-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/1017a824-698d-4a9c-b521-9d8a6dc25306_03951345.png" alt="Formation bricolage">
</div>
<div class="split-content">
<h2>Formations Bricolage Professionnelles</h2>
<p>Découvrez nos cours complets pour maîtriser tous les aspects du bricolage. De la menuiserie à la plomberie, en passant par l'électricité et la décoration.</p>
<ul>
<li>Cours pratiques en atelier équipé</li>
<li>Formateurs experts avec 15+ ans d'expérience</li>
<li>Groupes réduits pour un suivi personnalisé</li>
<li>Certificat de formation délivré</li>
</ul>
<a href="/formations" class="btn btn-primary">Voir toutes les Formations</a>
</div>
</div>
</div>
</section>
<section class="home-section">
<div class="container">
<h2 class="section-title">Explorez nos Guides par Thématique</h2>
<div class="categories-grid">
<a href="https://bricolageettravaux.fr/bricolage/" class="category-card">
<div class="category-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/1.jpg" alt="Bricolage">
</div>
<div class="category-content">
<h3 class="category-name">Bricolage</h3>
</div>
</a>
<a href="https://bricolageettravaux.fr/btp/" class="category-card">
<div class="category-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/2.jpg" alt="BTP">
</div>
<div class="category-content">
<h3 class="category-name">BTP</h3>
</div>
</a>
<a href="https://bricolageettravaux.fr/decoration/" class="category-card">
<div class="category-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/3.jpg" alt="Décoration">
</div>
<div class="category-content">
<h3 class="category-name">Décoration</h3>
</div>
</a>
<a href="https://bricolageettravaux.fr/maison/" class="category-card">
<div class="category-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/4.jpg" alt="Maison">
</div>
<div class="category-content">
<h3 class="category-name">Maison</h3>
</div>
</a>
<a href="https://bricolageettravaux.fr/renovation/" class="category-card">
<div class="category-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/5.jpg" alt="Rénovation">
</div>
<div class="category-content">
<h3 class="category-name">Rénovation</h3>
</div>
</a>
<a href="https://bricolageettravaux.fr/travaux/" class="category-card">
<div class="category-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/6.jpg" alt="Travaux">
</div>
<div class="category-content">
<h3 class="category-name">Travaux</h3>
</div>
</a>
</div>
</div>
</section>
<section class="home-section" style="background: var(--light-gray);">
<div class="container">
<div class="split-section reverse">
<div class="split-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/Sans-titre-700-x-509-px-1.jpg" alt="Expertise bricolage">
</div>
<div class="split-content">
<h2>Pourquoi Choisir BricolageEtTravaux.fr ?</h2>
<ul>
<li>Plus de 15 ans d'expertise dans la formation bricolage</li>
<li>Méthodes pédagogiques innovantes et pratiques</li>
<li>Suivi personnalisé tout au long de votre apprentissage</li>
<li>Communauté active de 5000+ bricoleurs passionnés</li>
</ul>
<p>Chez BricolageEtTravaux.fr, nous croyons que chacun peut devenir autonome en bricolage avec les bonnes techniques et un accompagnement de qualité.</p>
<a href="/a-propos" class="btn btn-outline">En Savoir Plus</a>
</div>
</div>
</div>
</section>
<section class="home-section testimonials">
<div class="container">
<h2 class="section-title">Ce que disent nos élèves</h2>
<div class="testimonials-grid">
<div class="testimonial-card">
<p class="testimonial-quote">"Grâce aux formations de BricolageEtTravaux.fr, j'ai pu rénover entièrement ma maison. Les formateurs sont exceptionnels !"</p>
<h4 class="testimonial-author">Amélie Bonnet</h4>
<div class="testimonial-rating">★★★★★</div>
</div>
<div class="testimonial-card">
<p class="testimonial-quote">"Les cours de bricolage BricolageEtTravaux.fr m'ont donné confiance pour tous mes projets. Je recommande vivement !"</p>
<h4 class="testimonial-author">Julien Carpentier</h4>
<div class="testimonial-rating">★★★★★</div>
</div>
<div class="testimonial-card">
<p class="testimonial-quote">"Formation bricolage de qualité, très pratique. J'ai appris plus en 3 mois qu'en 10 ans d'essais seul."</p>
<h4 class="testimonial-author">Camille Rousseau</h4>
<div class="testimonial-rating">★★★★★</div>
</div>
</div>
</div>
</section>
<section class="home-section">
<div class="container">
<h2 class="section-title">Nos Guides les Plus Consultés</h2>
<div class="popular-posts">
<a href="https://bricolageettravaux.fr/cloture-alu-en-kit-peut-on-vraiment-linstaller-facilement-soi-meme/" class="popular-post">
<div class="popular-post-image">
<img src="https://bricolageettravaux.fr/storage/2025/06/1.jpg" alt="Clôture alu en kit : peut-on vraiment l’installer facilement soi-même ?" style="width: 100%; height: 100%; object-fit: cover;">
</div>
<div class="popular-post-content">
<h4 class="popular-post-title">Clôture alu en kit : peut-on vraiment l’installer facilement soi-même ?</h4>
</div>
</a>
<a href="https://bricolageettravaux.fr/cloture-claire-voie-pourquoi-les-architectes-ladoptent-dans-les-projets-modernes/" class="popular-post">
<div class="popular-post-image">
<img src="https://bricolageettravaux.fr/storage/2026/04/gen-1776283693944-1-150x150.jpg" alt="Clôture claire voie : pourquoi les architectes l’adoptent dans les projets modernes">
</div>
<div class="popular-post-content">
<h4 class="popular-post-title">Clôture claire voie : pourquoi les architectes l’adoptent dans les projets modernes</h4>
</div>
</a>
<a href="https://bricolageettravaux.fr/comment-creer-des-enseignes-personnalisees-a-fort-impact-avec-une-decoupeuse-laser/" class="popular-post">
<div class="popular-post-image">
<img src="https://bricolageettravaux.fr/storage/2026/03/google-docs-image-1774617304578-0-150x150.jpeg" alt="Comment créer des enseignes personnalisées à fort impact avec une découpeuse laser">
</div>
<div class="popular-post-content">
<h4 class="popular-post-title">Comment créer des enseignes personnalisées à fort impact avec une découpeuse laser</h4>
</div>
</a>
<a href="https://bricolageettravaux.fr/decorer-saterrasse-creer-un-espace-exterieur-elegant-et-accueillant/" class="popular-post">
<div class="popular-post-image">
<img src="https://bricolageettravaux.fr/storage/2026/03/img-1773842351727-1-150x150.jpg" alt="Décorer saterrasse : créer un espace extérieur élégant et accueillant">
</div>
<div class="popular-post-content">
<h4 class="popular-post-title">Décorer sa
terrasse : créer un espace extérieur élégant et accueillant</h4>
</div>
</a>
<a href="https://bricolageettravaux.fr/comment-entretenir-les-canalisations-pour-eviter-les-bouchons/" class="popular-post">
<div class="popular-post-image">
<img src="https://bricolageettravaux.fr/storage/2026/03/img-1773675160668-1-150x150.jpg" alt="Comment entretenir les canalisations pour éviter les bouchons ?">
</div>
<div class="popular-post-content">
<h4 class="popular-post-title">Comment entretenir les canalisations pour éviter les bouchons ?</h4>
</div>
</a>
<a href="https://bricolageettravaux.fr/quelles-etapes-avant-de-vendre-ma-maison/" class="popular-post">
<div class="popular-post-image">
<img src="https://bricolageettravaux.fr/storage/2026/03/gen-1773315781434-1-150x150.jpg" alt="Quelles étapes avant de vendre ma maison ?">
</div>
<div class="popular-post-content">
<h4 class="popular-post-title">Quelles étapes avant de vendre ma maison ?</h4>
</div>
</a>
</div>
</div>
</section>
<section class="home-section seo-section">
<div class="container">
<div class="seo-content">
<h2>BricolageEtTravaux.fr - Votre Expert Bricolage</h2>
<p>
<strong>BricolageEtTravaux.fr</strong> est votre référence pour apprendre le bricolage de manière professionnelle et pratique.
Nos <strong>cours de bricolage BricolageEtTravaux.fr</strong> couvrent tous les domaines essentiels : menuiserie, plomberie,
électricité, décoration et jardinage.
</p>
<p>
Que vous soyez débutant ou bricoleur confirmé, <strong>BricolageEtTravaux.fr formation bricolage</strong> vous accompagne
avec des méthodes pédagogiques éprouvées et des formateurs experts. Rejoignez la communauté <strong>BricolageEtTravaux</strong>
et développez votre autonomie en bricolage avec confiance et plaisir.
</p>
<p>
Découvrez nos guides pratiques, nos formations complètes et nos conseils d'experts pour réussir tous vos projets
de bricolage et de rénovation. BricolageEtTravaux.fr, c'est 15 ans d'expertise au service de votre passion du bricolage.
</p>
</div>
</div>
</section>
<section class="home-section newsletter">
<div class="container">
<h2>Recevez nos Conseils Bricolage</h2>
<p class="subtitle">Astuces, guides et promotions formations directement dans votre boîte mail</p>
<form class="newsletter-form" method="post" action="#newsletter">
<input type="email" class="newsletter-input" placeholder="Votre adresse email" required>
<button type="submit" class="newsletter-btn">S'abonner</button>
</form>
</div>
</section>
<script>
// Font Awesome pour les icônes
if (!document.querySelector('link[href*="font-awesome"]')) {
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css';
document.head.appendChild(link);
}
// Smooth scroll pour les liens internes
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Animation simple au scroll (optionnel)
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Appliquer l'animation aux sections
document.addEventListener('DOMContentLoaded', function() {
const sections = document.querySelectorAll('.home-section');
sections.forEach(section => {
section.style.opacity = '0';
section.style.transform = 'translateY(20px)';
section.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(section);
});
});
</script>
<style>
/* Footer Styles */
.site-footer {
background: #191919;
color: #ffffff;
padding: 60px 0 30px 0;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer-content {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 50px;
}
/* Section Logo */
.footer-logo-section {
grid-column: span 1;
}
.footer-logo {
width: 200px;
height: auto;
margin-bottom: 25px;
display: block;
}
.footer-description {
color: #cccccc;
line-height: 1.6;
margin-bottom: 25px;
font-size: 0.95rem;
}
.footer-social {
display: flex;
gap: 15px;
}
.social-link {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
background: #2a2a2a;
border-radius: 50%;
color: #ffffff;
text-decoration: none;
font-size: 1.2rem;
transition: all 0.3s ease;
}
.social-link:hover {
background: #FF6B35;
transform: translateY(-3px);
color: #ffffff;
text-decoration: none;
}
/* Section Navigation */
.footer-nav-section {
grid-column: span 1;
}
.footer-section-title {
font-size: 1.3rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 25px;
position: relative;
padding-bottom: 10px;
}
.footer-section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background: #FF6B35;
border-radius: 2px;
}
.footer-nav-list {
list-style: none;
padding: 0;
margin: 0;
}
.footer-nav-list li {
margin-bottom: 12px;
}
.footer-nav-list a {
color: #cccccc;
text-decoration: none;
font-size: 0.95rem;
transition: all 0.3s ease;
position: relative;
padding-left: 0;
}
.footer-nav-list a:hover {
color: #FF6B35;
text-decoration: none;
padding-left: 10px;
}
.footer-nav-list a::before {
content: '';
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 2px;
background: #FF6B35;
transition: width 0.3s ease;
}
.footer-nav-list a:hover::before {
width: 8px;
}
/* Section Catégories */
.footer-categories-section {
grid-column: span 1;
}
.footer-categories-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.footer-categories-list li {
margin: 0;
}
.footer-categories-list a {
color: #cccccc;
text-decoration: none;
font-size: 0.95rem;
transition: all 0.3s ease;
position: relative;
padding-left: 0;
display: block;
}
.footer-categories-list a:hover {
color: #FF6B35;
text-decoration: none;
padding-left: 10px;
}
.footer-categories-list a::before {
content: '';
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 2px;
background: #FF6B35;
transition: width 0.3s ease;
}
.footer-categories-list a:hover::before {
width: 8px;
}
/* Section Contact */
.footer-contact-section {
grid-column: span 1;
}
.footer-contact-info {
color: #cccccc;
line-height: 1.7;
margin-bottom: 15px;
}
.footer-contact-item {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 15px;
font-size: 0.95rem;
}
.footer-contact-icon {
color: #FF6B35;
font-size: 1.1rem;
margin-top: 2px;
min-width: 18px;
}
.footer-newsletter {
margin-top: 25px;
}
.newsletter-input {
flex: 1;
padding: 12px 20px;
border: none;
background: transparent;
color: #ffffff;
font-size: 0.9rem;
outline: none;
}
.newsletter-input::placeholder {
color: #888888;
}
.newsletter-btn {
background: #FF6B35;
color: #ffffff;
border: none;
padding: 12px 20px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
font-size: 0.9rem;
}
.newsletter-btn:hover {
background: #D84315;
}
/* Footer Bottom */
.footer-bottom {
border-top: 1px solid #2a2a2a;
padding-top: 30px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.footer-copyright {
color: #888888;
font-size: 0.9rem;
}
.footer-legal-links {
display: flex;
gap: 25px;
flex-wrap: wrap;
}
.footer-legal-links a {
color: #888888;
text-decoration: none;
font-size: 0.9rem;
transition: color 0.3s ease;
}
.footer-legal-links a:hover {
color: #FF6B35;
text-decoration: none;
}
/* Responsive */
@media (max-width: 968px) {
.footer-content {
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.footer-logo-section {
grid-column: span 2;
text-align: center;
border-bottom: 1px solid #2a2a2a;
padding-bottom: 40px;
margin-bottom: 20px;
}
.footer-nav-section,
.footer-categories-section,
.footer-contact-section {
grid-column: span 1;
}
}
@media (max-width: 768px) {
.site-footer {
padding: 50px 0 25px 0;
margin-top: 60px;
}
.footer-content {
grid-template-columns: 1fr;
gap: 40px;
}
.footer-logo-section,
.footer-nav-section,
.footer-categories-section,
.footer-contact-section {
grid-column: span 1;
}
.footer-bottom {
flex-direction: column;
text-align: center;
gap: 15px;
}
.footer-legal-links {
justify-content: center;
gap: 15px;
}
.newsletter-form {
flex-direction: column;
border-radius: 12px;
}
.newsletter-btn {
border-radius: 0 0 12px 12px;
}
}
@media (max-width: 480px) {
.footer-container {
padding: 0 15px;
}
.footer-content {
gap: 35px;
}
.footer-logo {
width: 180px;
}
.footer-social {
justify-content: center;
gap: 12px;
}
.social-link {
width: 40px;
height: 40px;
font-size: 1.1rem;
}
.footer-legal-links {
flex-direction: column;
gap: 10px;
}
}
</style>
<footer class="site-footer">
<div class="footer-container">
<div class="footer-content">
<div class="footer-logo-section">
<img src="https://bricolageettravaux.fr/storage/2025/06/logo-blanc-e1748991568757.png" alt="BricolageEtTravaux.fr" class="footer-logo">
<p class="footer-description">
Votre référence pour apprendre le bricolage avec des formations professionnelles,
des cours pratiques et un accompagnement expert. Plus de 15 ans d'expérience
au service de votre réussite.
</p>
</div>
<div class="footer-nav-section">
<h3 class="footer-section-title">Navigation</h3>
<ul class="footer-nav-list">
<li><a href="/">Accueil</a></li>
<li><a href="/formations">Formations</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/faq">FAQ</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/a-propos">À Propos</a></li>
</ul>
</div>
<div class="footer-categories-section">
<h3 class="footer-section-title">Nos Guides</h3>
<ul class="footer-categories-list">
<li>
<a href="https://bricolageettravaux.fr/bricolage/">
Bricolage </a>
</li>
<li>
<a href="https://bricolageettravaux.fr/btp/">
BTP </a>
</li>
<li>
<a href="https://bricolageettravaux.fr/decoration/">
Décoration </a>
</li>
<li>
<a href="https://bricolageettravaux.fr/maison/">
Maison </a>
</li>
<li>
<a href="https://bricolageettravaux.fr/renovation/">
Rénovation </a>
</li>
<li>
<a href="https://bricolageettravaux.fr/travaux/">
Travaux </a>
</li>
</ul>
</div>
<div class="footer-contact-section">
<h3 class="footer-section-title">Nous Contacter</h3>
<div class="footer-contact-item">
<span class="footer-contact-icon">📧</span>
<div>
<strong>Email:</strong><br>
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0a6965647e6b697e4a6878636965666b6d6f6f7e7e786b7c6b7f72246c78">[email protected]</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-copyright">
© 2026 BricolageEtTravaux.fr - Tous droits réservés
</div>
<div class="footer-legal-links">
<a href="/mentions-legales">Mentions Légales</a>
<a href="/politique-de-confidentialite">Politique de Confidentialité</a>
<a href="/cgv">CGV</a>
<a href="/contact">Contact</a>
</div>
</div>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js" defer></script><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>
<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://bricolageettravaux.fr/lib/js/wp-emoji-release.min.js?rnd=81572"}}
</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://bricolageettravaux.fr/lib/js/wp-emoji-loader.min.js
</script>
</body>
</html>
