<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">
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* Reset et base */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.container{
background-color: #ffffff!important;
}
/* Variables couleurs bricolage */
:root {
--primary-orange: var(--header-cta1-bg-color);
--secondary-orange: var(--header-cta1-hover-color);
--dark-brown: var(--header-icons-color);
--light-brown: var(--header-bg-color);
--text-dark: var(--header-menu-color);
--white: var(--header-bg-color);
--light-gray: #f8f8f8;
}
/* Header principal */
.main-header {
background: var(--header-bg-color);
border-bottom: 3px solid var(--header-cta1-bg-color);
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(--header-icons-color);
text-decoration: none;
transition: color 0.3s ease;
}
.site-logo .logo-text:hover {
color: var(--header-cta1-bg-color);
}
/* 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(--header-menu-color);
font-weight: 500;
font-size: 16px;
padding: 10px 0;
transition: color 0.3s ease;
display: block;
}
.primary-menu a:hover {
color: var(--header-menu-hover-color);
}
/* Sous-menus */
.primary-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: var(--header-bg-color);
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(--header-cta1-bg-color), var(--header-cta1-hover-color));
color: var(--header-cta1-text-color);
padding: 8px 16px;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
font-size: 14px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: all 0.3s ease;
box-shadow: 0 1px 4px rgba(255, 107, 53, 0.2);
}
.cta-button:hover {
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(255, 107, 53, 0.3);
background: linear-gradient(135deg, var(--header-cta1-hover-color), var(--header-cta1-bg-color));
}
/* Variantes outline (CTA2) */
.cta-button--outline {
background: transparent !important;
color: var(--header-cta2-bg-color) !important;
border: 2px solid var(--header-cta2-bg-color) !important;
box-shadow: none !important;
}
.cta-button--outline:hover {
background: var(--header-cta2-bg-color) !important;
color: var(--header-cta2-text-color) !important;
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
}
/* 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;
position: relative;
}
.mobile-menu-toggle:hover,
.mobile-menu-toggle:focus {
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none;
}
.hamburger-line {
width: 24px;
height: 2px;
background: #284b63;
transition: transform 0.25s ease, opacity 0.2s ease, background-color 0.2s ease;
border-radius: 2px;
}
.mobile-menu-toggle.active .hamburger-line {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mobile-menu-toggle.active .hamburger-line:nth-child(1) {
transform: translate(-50%, -50%) rotate(45deg);
}
.mobile-menu-toggle.active .hamburger-line:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle.active .hamburger-line:nth-child(3) {
transform: translate(-50%, -50%) rotate(-45deg);
}
/* Menu mobile */
.mobile-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--header-bg-color);
border-bottom: 3px solid var(--header-cta1-bg-color);
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(--header-menu-color);
font-size: 18px;
font-weight: 500;
transition: color 0.3s ease;
}
.mobile-nav-menu a:hover {
color: var(--header-menu-hover-color);
}
/* CTA Mobile */
.mobile-cta {
padding: 20px;
text-align: center;
}
.mobile-cta-button {
display: inline-block;
background: linear-gradient(135deg, var(--header-cta1-bg-color), var(--header-cta1-hover-color));
text color: white !important;
padding: 12px 20px;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
font-size: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: all 0.3s ease;
box-shadow: 0 1px 4px rgba(255, 107, 53, 0.2);
}
.mobile-cta-button:hover {
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(255, 107, 53, 0.3);
}
.mobile-cta-button--outline {
background: transparent !important;
color: var(--header-cta2-bg-color) !important;
border: 2px solid var(--header-cta2-bg-color) !important;
box-shadow: none !important;
}
.mobile-cta-button--outline:hover {
background: var(--header-cta2-bg-color) !important;
color: var(--header-cta2-text-color) !important;
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
}
/* 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;
}
/* Boutons du header (mobile uniquement) en texte blanc */
.mobile-cta-button,
.mobile-cta-button--outline {
color: #ffffff !important;
}
/* Nouveau design CTAs mobile */
.mobile-cta-buttons { padding: 16px; display: grid; gap: 10px; }
.mobile-cta-btn {
display: block;
width: 100%;
text-align: center;
padding: 12px 16px;
border-radius: 8px;
font-weight: 700;
text-decoration: none !important;
line-height: 1;
}
.mobile-cta-btn--primary {
background: #ffffff !important;
border: 2px solid #284b63 !important;
color: #284b63 !important;
}
.mobile-cta-btn--primary:hover {
background: #f8fafc !important;
color: #284b63 !important;
}
.mobile-cta-btn--secondary {
background: #ffffff !important;
border: 2px solid #284b63 !important;
color: #284b63 !important;
}
.mobile-cta-btn--secondary:hover {
background: #f8fafc !important;
color: #284b63 !important;
}
}
@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;
}
}
/* Styles CSS complets pour remplacer le JavaScript supprimé */
/* Menu links styles (desktop et mobile) */
.primary-menu a,
.mobile-nav-menu a,
.desktop-navigation a,
.mobile-navigation a,
.primary-menu a:link,
.primary-menu a:visited,
.mobile-nav-menu a:link,
.mobile-nav-menu a:visited,
.desktop-navigation a:link,
.desktop-navigation a:visited,
.mobile-navigation a:link,
.mobile-navigation a:visited {
color: var(--header-menu-color) !important;
text-decoration: none !important;
text-transform: uppercase !important;
}
.primary-menu a:hover,
.mobile-nav-menu a:hover,
.desktop-navigation a:hover,
.mobile-navigation a:hover,
.primary-menu a:focus,
.mobile-nav-menu a:focus,
.desktop-navigation a:focus,
.mobile-navigation a:focus,
.primary-menu a:active,
.mobile-nav-menu a:active,
.desktop-navigation a:active,
.mobile-navigation a:active {
color: var(--header-menu-hover-color) !important;
}
/* CTA button styles avec gradients */
.cta-button,
.mobile-cta-button {
text-decoration: none !important;
}
/* CTA1 styles (par défaut avec gradient) */
.cta-button:not([style*="--header-cta2-bg-color"]):not([style*="--header-cta3-bg-color"]),
.mobile-cta-button:not([style*="--header-cta2-bg-color"]):not([style*="--header-cta3-bg-color"]) {
background: linear-gradient(135deg, var(--header-cta1-bg-color), var(--header-cta1-hover-color)) !important;
color: var(--header-cta1-text-color) !important;
}
.cta-button:not([style*="--header-cta2-bg-color"]):not([style*="--header-cta3-bg-color"]):hover,
.mobile-cta-button:not([style*="--header-cta2-bg-color"]):not([style*="--header-cta3-bg-color"]):hover {
background: linear-gradient(135deg, var(--header-cta1-hover-color), var(--header-cta1-bg-color)) !important;
color: var(--header-cta1-text-color) !important;
}
/* CTA2 styles (détection par attribut style avec gradient) */
.cta-button[style*="--header-cta2-bg-color"],
.mobile-cta-button[style*="--header-cta2-bg-color"] {
background: linear-gradient(135deg, var(--header-cta2-bg-color), var(--header-cta2-hover-color)) !important;
color: var(--header-cta2-text-color) !important;
}
.cta-button[style*="--header-cta2-bg-color"]:hover,
.mobile-cta-button[style*="--header-cta2-bg-color"]:hover {
background: linear-gradient(135deg, var(--header-cta2-hover-color), var(--header-cta2-bg-color)) !important;
color: var(--header-cta2-text-color) !important;
}
/* CTA3 styles (détection par attribut style avec gradient) */
.cta-button[style*="--header-cta3-bg-color"],
.mobile-cta-button[style*="--header-cta3-bg-color"] {
background: linear-gradient(135deg, var(--header-cta3-bg-color), var(--header-cta3-hover-color)) !important;
color: var(--header-cta3-text-color) !important;
}
.cta-button[style*="--header-cta3-bg-color"]:hover,
.mobile-cta-button[style*="--header-cta3-bg-color"]:hover {
background: linear-gradient(135deg, var(--header-cta3-hover-color), var(--header-cta3-bg-color)) !important;
color: var(--header-cta3-text-color) !important;
}
/* Logo text styles */
.logo-text {
color: var(--header-icons-color) !important;
}
.logo-text:hover {
color: var(--header-cta1-bg-color) !important;
}
</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">
<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https://yoast.com/product/yoast-seo-wordpress/ -->
<title>Vision-Deco-Interieur : Magazine bimensuel d'inspiration déco | vision-deco-interieur.fr</title>
<link rel="canonical" href="https://vision-deco-interieur.fr/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Vision-Deco-Interieur : Magazine bimensuel d'inspiration déco | vision-deco-interieur.fr" />
<meta property="og:url" content="https://vision-deco-interieur.fr/" />
<meta property="og:site_name" content="vision-deco-interieur.fr" />
<meta property="article:modified_time" content="2025-08-13T09:53:44+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://vision-deco-interieur.fr/","url":"https://vision-deco-interieur.fr/","name":"Vision-Deco-Interieur : Magazine bimensuel d'inspiration déco | vision-deco-interieur.fr","isPartOf":{"@id":"https://vision-deco-interieur.fr/#website"},"about":{"@id":"https://vision-deco-interieur.fr/#organization"},"datePublished":"2025-03-15T18:37:40+00:00","dateModified":"2025-08-13T09:53:44+00:00","breadcrumb":{"@id":"https://vision-deco-interieur.fr/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https://vision-deco-interieur.fr/"]}]},{"@type":"BreadcrumbList","@id":"https://vision-deco-interieur.fr/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil"}]},{"@type":"WebSite","@id":"https://vision-deco-interieur.fr/#website","url":"https://vision-deco-interieur.fr/","name":"vision-deco-interieur.fr","description":"vision-deco-interieur.fr","publisher":{"@id":"https://vision-deco-interieur.fr/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://vision-deco-interieur.fr/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https://vision-deco-interieur.fr/#organization","name":"vision-deco-interieur.fr","url":"https://vision-deco-interieur.fr/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https://vision-deco-interieur.fr/#/schema/logo/image/","url":"https://vision-deco-interieur.fr/storage/2025/08/cropped-decoscope.fr_-1.png","contentUrl":"https://vision-deco-interieur.fr/storage/2025/08/cropped-decoscope.fr_-1.png","width":612,"height":182,"caption":"vision-deco-interieur.fr"},"image":{"@id":"https://vision-deco-interieur.fr/#/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="vision-deco-interieur.fr » Flux" href="https://vision-deco-interieur.fr/feed/" />
<link rel="alternate" type="application/rss+xml" title="vision-deco-interieur.fr » Flux des commentaires" href="https://vision-deco-interieur.fr/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://vision-deco-interieur.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvision-deco-interieur.fr%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://vision-deco-interieur.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fvision-deco-interieur.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://vision-deco-interieur.fr/lib/css/dist/block-library/style.min.css?rnd=36669' 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://vision-deco-interieur.fr/lib/blocks/heading/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://vision-deco-interieur.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://vision-deco-interieur.fr/lib/css/dashicons.min.css?rnd=36669' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='https://vision-deco-interieur.fr/lib/css/admin-bar.min.css?rnd=36669' 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://vision-deco-interieur.fr/core/views/generatepress/assets/css/main.min.css?rnd=36669' 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://vision-deco-interieur.fr/core/views/generatepress_child/style.css?rnd=36669' 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=36669' 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>
<link rel='shortlink' href='https://vision-deco-interieur.fr/' />
<style>:root {
--site-primary-color: #284b63;
--site-secondary-color: #000000;
--site-tertiary-color: #3d6b8a;
--site-title-color: #1a1a1a;
--site-text-on-color: #FFFFFF;
--site-menu-color: #333333;
--site-link-color: #284b63;
--site-menu-hover-color: #284b63;
--site-menu-hover-bg-color: #f5f5f5;
--site-header-cta-bg-color: #284b63;
--site-header-cta-text-color: #FFFFFF;
--site-header-cta-hover-bg-color: #1e3a4f;
--site-primary-hover: #1e3a4f;
--site-secondary-hover: #ffffff;
--site-tertiary-hover: #2e5670;
--site-link-hover: #223f54;
--site-primary-light: #3d6b8a;
--site-secondary-light: #ffffff;
--site-tertiary-light: #5a8bb0;
--site-link-light: #3d5d72;
--navigation-bg-color: #ffffff;
--navigation-text-color: #284b63;
--pagination-bg-color: #284b63;
--pagination-text-color: #ffffff;
--pagination-hover-bg-color: #1e3a4f;
--pagination-hover-text-color: #FFFFFF;
--pagination-active-bg-color: #000000;
--pagination-active-text-color: #FFFFFF;
--hero-bg-color: #284b63;
--hero-text-color: #ffffff;
--hero-gradient-start: #284b63;
--hero-gradient-end: #3d6b8a;
--newsletter-bg-color: #284b63;
--newsletter-text-color: #ffffff;
--archive-button-bg-color: #284b63;
--archive-button-text-color: #ffffff;
--single-hero-bg-start: #284b63;
--single-hero-bg-end: #3d6b8a;
--single-title-color: #1a1a1a;
--single-border-color: #284b63;
--single-button-bg-color: #284b63;
--single-button-text-color: #ffffff;
--single-button-hover-color: #1e3a4f;
--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: #000000;
--header-topbar-text-color: #ffffff;
--header-topbar-hover-color: #284b63;
--header-cta1-bg-color: #284b63;
--header-cta1-text-color: #ffffff;
--header-cta1-hover-color: #1e3a4f;
--header-cta2-bg-color: #000000;
--header-cta2-text-color: #ffffff;
--header-cta2-hover-color: #333333;
--header-cta3-bg-color: #284b63;
--header-cta3-text-color: #ffffff;
--header-cta3-hover-color: #1e3a4f;
--header-icons-color: #333333;
--header-icons-hover-color: #284b63;
--header-menu-color: #333333;
--header-menu-hover-color: #284b63;
--header-border-color: #284b63;
}
/* 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: #1e72bd !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-28 { background-color: #284b63 !important; color: #FFFFFF !important; }.custom-category-25 { background-color: #666666 !important; color: #FFFFFF !important; }.custom-category-27 { background-color: #2e5670 !important; color: #FFFFFF !important; }.custom-category-29 { background-color: #3d6b8a !important; color: #FFFFFF !important; }.custom-category-26 { background-color: #1e3a4f !important; color: #FFFFFF !important; }.custom-category-blog { background-color: #284b63 !important; color: #FFFFFF !important; }.custom-category-palette-0 { background-color: #284b63 !important; color: #FFFFFF !important; }.custom-category-palette-1 { background-color: #3d6b8a !important; color: #FFFFFF !important; }.custom-category-palette-2 { background-color: #5a8bb0 !important; color: #FFFFFF !important; }.custom-category-palette-3 { background-color: #000000 !important; color: #FFFFFF !important; }.custom-category-palette-4 { background-color: #666666 !important; color: #FFFFFF !important; }.custom-category-palette-5 { background-color: #1e3a4f !important; color: #FFFFFF !important; }.custom-category-palette-6 { background-color: #2e5670 !important; color: #FFFFFF !important; }</style><!-- DEBUG MEGA: Option mega dropdown désactivée --><link rel="icon" href="https://vision-deco-interieur.fr/storage/2025/08/cropped-7-32x32.png" sizes="32x32" />
<link rel="icon" href="https://vision-deco-interieur.fr/storage/2025/08/cropped-7-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://vision-deco-interieur.fr/storage/2025/08/cropped-7-180x180.png" />
<meta name="msapplication-TileImage" content="https://vision-deco-interieur.fr/storage/2025/08/cropped-7-270x270.png" />
</head>
<body class="home wp-singular page-template page-template-page-blank-accueil page-template-page-blank-accueil-php 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://vision-deco-interieur.fr/" class="custom-logo-link" rel="home" aria-current="page"><img width="612" height="182" src="https://vision-deco-interieur.fr/storage/2025/08/cropped-decoscope.fr_-1.png" class="custom-logo" alt="vision-deco-interieur.fr" decoding="async" fetchpriority="high" srcset="https://vision-deco-interieur.fr/storage/2025/08/cropped-decoscope.fr_-1.png 612w, https://vision-deco-interieur.fr/storage/2025/08/cropped-decoscope.fr_-1-300x89.png 300w" sizes="(max-width: 612px) 100vw, 612px" /></a> </div>
</div>
<div class="header-right">
<nav class="desktop-navigation">
<ul id="menu-menu-principal" class="primary-menu"><li id="menu-item-1848" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1848"><a style="color: #000000 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/decoration/">Décoration</a></li>
<li id="menu-item-1849" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1849"><a style="color: #000000 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/maison/">Maison</a></li>
<li id="menu-item-1850" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1850"><a style="color: #000000 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/interieur/">Interieur</a></li>
<li id="menu-item-1968" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1968"><a style="color: #000000 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/bricolage/">Bricolage</a></li>
<li id="menu-item-1969" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1969"><a style="color: #000000 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/jardin/">Jardin</a></li>
</ul> </nav>
<div class="header-cta">
<a href="https://vision-deco-interieur.fr/magazine" class="cta-button" style="background: linear-gradient(135deg, var(--header-cta1-bg-color), var(--header-cta1-hover-color)) !important; color: var(--header-cta1-text-color) !important;">
MAGAZINE </a>
<a href="https://vision-deco-interieur.fr/a-propos" class="cta-button cta-button--outline" style="background: transparent !important; color: var(--header-cta2-bg-color) !important; border: 2px solid var(--header-cta2-bg-color) !important; margin-left: 15px;">
À PROPOS </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-1848"><a style="color: #284b63 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/decoration/">Décoration</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1849"><a style="color: #284b63 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/maison/">Maison</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1850"><a style="color: #284b63 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/interieur/">Interieur</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1968"><a style="color: #284b63 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/bricolage/">Bricolage</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1969"><a style="color: #284b63 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/jardin/">Jardin</a></li>
</ul><div class="mobile-cta mobile-cta-buttons"><a style="color: #284b63 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/magazine" class="mobile-cta-btn mobile-cta-btn--primary">MAGAZINE</a><a style="color: #284b63 !important; text-decoration: none !important;" href="https://vision-deco-interieur.fr/a-propos" class="mobile-cta-btn mobile-cta-btn--secondary">À PROPOS</a></div> </nav>
</div>
</header>
<!-- JavaScript fonctionnel pour menu mobile uniquement -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const toggleButton = document.querySelector('.mobile-menu-toggle');
const mobileMenu = document.querySelector('.mobile-menu');
function toggleMobileMenu() {
if (mobileMenu.classList.contains('active')) {
mobileMenu.classList.remove('active');
toggleButton.classList.remove('active');
document.body.style.overflow = '';
} else {
mobileMenu.classList.add('active');
toggleButton.classList.add('active');
document.body.style.overflow = 'hidden';
}
}
if (toggleButton) {
toggleButton.addEventListener('click', toggleMobileMenu);
}
// Fermer menu quand on clique sur un lien
const mobileLinks = mobileMenu ? mobileMenu.querySelectorAll('a') : [];
mobileLinks.forEach(link => {
link.addEventListener('click', function() {
mobileMenu.classList.remove('active');
toggleButton.classList.remove('active');
document.body.style.overflow = '';
});
});
});
</script>
</body>
</html> <!-- 8dea1e7f444ac2eb99a33418ea78c0ba -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
.site-content{
overflow-x:visible!important;
}
/* Police globale de la page d'accueil */
body { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif; }
/* 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;}
/* Intro au-dessus du hero */
.pre-hero-intro {
padding: 56px 0;
background-color: #ffffff;
background-image: url('https://vision-deco-interieur.fr/storage/2025/08/stylish-composition-of-artist-workspace-room-2024-10-18-06-25-58-utc-scaled.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.pre-hero-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 1;
}
.pre-hero-title {
font-weight: 800;
font-size: 3rem;
color: #284b63;
text-align: center;
margin: 0 0 22px 0;
white-space: nowrap;
}
.pre-hero-title strong {
text-transform: uppercase;
}
.pre-hero-subtitle {
text-align: center;
font-style: italic;
font-weight: 400;
color: #111827;
margin: 0 0 20px 0;
}
.pre-hero-desc {
max-width: 1300px;
margin: 16px auto;
color: #4b5563;
font-size: 1.05rem;
line-height: 1.7;
text-align: center;
}
.pre-hero-intro::after {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.8);
z-index: 0;
}
@media (max-width: 480px) {
.pre-hero-title {
white-space: normal;
font-size: 2rem;
line-height: 1.2;
overflow-wrap: anywhere;
word-break: break-word;
margin: 0 0 16px 0;
}
/* Centrage de la dernière section uniquement (mobile) */
.final-section .prose { text-align: center !important; }
.final-section h1,
.final-section h2,
.final-section h3,
.final-section p { text-align: center !important; }
.final-section .flex,
.final-section .inline-flex { justify-content: center !important; }
}
</style>
<section class="pre-hero-intro">
<div class="pre-hero-container">
<h1 class="pre-hero-title"><strong>VISION-DÉCO-INTÉRIEUR.FR</strong></h1>
<p class="pre-hero-subtitle">Parce que votre intérieur mérite mieux qu'un catalogue IKEA.</p>
<p class="pre-hero-desc">Bienvenue dans notre univers, votre dose mensuelle d'inspiration déco sans prise de tête ! Ici, on mixe les tendances qui cartonnent sur Insta avec des astuces de pro qui marchent vraiment. Que vous soyez team épuré chic ou maximalisme assumé, quel que soit votre budget ou la taille de votre appart', on vous donne les clés pour transformer votre chez-vous en véritable crush déco. Prêts à faire vibrer vos murs et à impressionner vos potes ? Let's go, on vous embarque dans l'aventure du style !</p>
</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">
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-2">
<article class="group">
<a href="https://vision-deco-interieur.fr/linge-de-table-brode-le-detail-qui-transforme-un-repas/" class="block">
<div class="aspect-[4/5] overflow-hidden">
<img src="https://vision-deco-interieur.fr/storage/2026/04/4a0e2d56269d1514747170e76c482a97-819x1024.jpg" alt="" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105">
</div>
<h3 class="mt-5 text-xl font-extrabold text-gray-900 group-hover:text-emerald-600 transition-colors line-clamp-3">Linge de table brodé : le détail qui transforme un repas</h3>
<div class="mt-2 text-sm text-gray-500">avril 22, 2026</div>
</a>
</article>
<article class="group">
<a href="https://vision-deco-interieur.fr/les-differents-types-de-canape-trouver-celui-qui-vous-correspond-vraiment/" class="block">
<div class="aspect-[4/5] overflow-hidden">
<img src="https://vision-deco-interieur.fr/storage/2026/04/81ff452ec95f6a722b68c7d4aed6df8b-1024x682.png" alt="" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105">
</div>
<h3 class="mt-5 text-xl font-extrabold text-gray-900 group-hover:text-emerald-600 transition-colors line-clamp-3">Les différents types de canapé : trouver celui qui vous correspond vraiment</h3>
<div class="mt-2 text-sm text-gray-500">avril 22, 2026</div>
</a>
</article>
<article class="group">
<a href="https://vision-deco-interieur.fr/plaids-impermeables-protegez-votre-literie-sans-sacrifier-le-style/" class="block">
<div class="aspect-[4/5] overflow-hidden">
<img src="https://vision-deco-interieur.fr/storage/2026/03/35a994cbe2d9993a581aab9020042679-1024x572.jpg" alt="" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105">
</div>
<h3 class="mt-5 text-xl font-extrabold text-gray-900 group-hover:text-emerald-600 transition-colors line-clamp-3">Plaids imperméables : protégez votre literie sans sacrifier le style</h3>
<div class="mt-2 text-sm text-gray-500">mars 20, 2026</div>
</a>
</article>
<article class="group">
<a href="https://vision-deco-interieur.fr/quel-type-de-tapis-prioriser-en-fonction-de-la-decoration-de-votre-interieur/" class="block">
<div class="aspect-[4/5] overflow-hidden">
<img src="https://vision-deco-interieur.fr/storage/2026/03/a976b8566398ec3eae444173ca7a279b-1024x684.jpg" alt="" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105">
</div>
<h3 class="mt-5 text-xl font-extrabold text-gray-900 group-hover:text-emerald-600 transition-colors line-clamp-3">Quel type de tapis prioriser en fonction de la décoration de votre intérieur ?</h3>
<div class="mt-2 text-sm text-gray-500">mars 12, 2026</div>
</a>
</article>
</div>
</div>
</section> </div>
<!-- CTA-2 Magazine Premium Section -->
<section class="py-16 cta2-section">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="bg-white rounded-lg shadow-lg overflow-hidden cta2-container">
<div class="grid md:grid-cols-2 gap-0">
<!-- Image du magazine -->
<div class="relative cta2-image-container">
<div class="cta2-magazine-wrapper">
<img src="https://vision-deco-interieur.fr/storage/2025/08/4.png" alt="Magazine" class="cta2-magazine-img">
</div>
</div>
<!-- Contenu -->
<div class="p-8 lg:p-12 flex flex-col justify-center cta2-content">
<div class="mb-6">
<h3 class="text-sm font-semibold text-blue-600 mb-2 cta2-subtitle">
VISION-DECO-INTERIEUR.FR VOUS PRESENTE </h3>
<h2 class="text-3xl lg:text-4xl font-bold mb-4 cta2-title">
Votre Magazine Décoration Tendance </h2>
<p class="text-gray-600 text-lg leading-relaxed mb-6 cta2-description">
Tous les mois, on vous livre 80+ pages de pure inspiration déco ! Tendances qui buzzent, projets avant/après bluffants, et astuces de pros pour transformer votre intérieur en véritable coup de cœur. Prêts à faire de votre chez-vous THE place to be ? </p>
</div>
<!-- Liste des avantages -->
<div class="mb-8">
<div class="space-y-4">
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center mr-4">
<span class="text-blue-600 font-bold text-sm">1</span>
</div>
<div>
<h4 class="font-semibold text-gray-900 cta2-feature1-title">
Tendances Déco </h4>
<p class="text-gray-600 text-sm cta2-feature1-desc">
Les styles qui font vibrer Insta et Pinterest </p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center mr-4">
<span class="text-blue-600 font-bold text-sm">2</span>
</div>
<div>
<h4 class="font-semibold text-gray-900 cta2-feature2-title">
Projets Réels </h4>
<p class="text-gray-600 text-sm cta2-feature2-desc">
Makeovers bluffants et transformations WOW </p>
</div>
</div>
<div class="flex items-start">
<div class="flex-shrink-0 w-8 h-8 bg-blue-100 rounded-full flex items-center justify-center mr-4">
<span class="text-blue-600 font-bold text-sm">3</span>
</div>
<div>
<h4 class="font-semibold text-gray-900 cta2-feature3-title">
Guides Exclusifs </h4>
<p class="text-gray-600 text-sm cta2-feature3-desc">
Les secrets de pros pour un intérieur qui claque </p>
</div>
</div>
</div>
</div>
<!-- Boutons d'action -->
<div class="flex flex-col sm:flex-row gap-4">
<a href="/a-propos"
class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 transition-colors duration-300 cta2-button1">
Découvrir le Magazine </a>
<a href="/magazine"
class="inline-flex items-center justify-center px-6 py-3 border-2 border-blue-600 text-base font-medium rounded-md text-blue-600 bg-transparent hover:bg-blue-50 transition-colors duration-300 cta2-button2">
S'abonner dès 9,90€/mois </a>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cta2-section {
background-color: #f8fafc !important;
}
.cta2-title {
color: #1f2937 !important;
}
.cta2-subtitle, .cta2-description {
}
.cta2-button1 {
}
.cta2-button1:hover {
}
.cta2-button2 {
}
.cta2-button2:hover {
}
.cta2-image-container {
min-height: 350px;
display: flex;
align-items: center;
justify-content: center;
padding: 1.5rem;
}
.cta2-magazine-wrapper {
display: inline-block;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
padding: 0px;
border-radius: 12px;
box-shadow:
0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04);
transform: perspective(1000px) rotateY(-5deg) rotateX(2deg);
transition: transform 0.3s ease;
}
.cta2-magazine-wrapper:hover {
transform: perspective(1000px) rotateY(-2deg) rotateX(1deg) scale(1.02);
}
.cta2-magazine-img {
display: block;
max-height: 450px;
max-width: 100%;
object-fit: contain;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
.cta2-image-container {
min-height: 220px;
padding: 1rem;
}
.cta2-magazine-wrapper {
padding: 0px;
transform: perspective(1000px) rotateY(-3deg) rotateX(1deg);
}
.cta2-magazine-wrapper:hover {
transform: perspective(1000px) rotateY(-1deg) rotateX(0.5deg) scale(1.01);
}
.cta2-magazine-img {
max-height: 300px;
}
.cta2-content {
padding: 2rem 1.5rem !important;
}
}
</style>
<style>.blog-section-title-size-1 h2 { font-size: 2.25rem !important; }</style><div class="blog-section-title-size-1 blog-container-override">
<style>
/* Styles isolés pour blog-section-10 */
.wh-blog10-card:hover .wh-blog10-image {
transform: scale(1.05);
}
.wh-blog10-category {
color: #EA5B10 !important;
}
.wh-blog10-title:hover {
color: #EA5B10 !important;
}
.wh-blog10-flex-shrink-111{
width: 186px !important;
height: 140px !important;
}
</style>
<section class="bg-blue-50 py-16 font-sans">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<!-- Titre de section -->
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold mb-4 text-gray-900 relative inline-block">
Décoration
<span class="absolute -bottom-1 left-0 w-16 h-1 blog-trait-color"></span>
</h2> <p class="text-lg text-gray-600 max-w-2xl mx-auto">
Restez informé des dernières tendances et découvrez nos conseils d'experts pour réussir tous vos projets </p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
<!-- Article principal (gauche) -->
<article class="wh-blog10-card group">
<a href="https://vision-deco-interieur.fr/linge-de-table-brode-le-detail-qui-transforme-un-repas/" class="block">
<div class="mb-6 overflow-hidden bg-gray-100 rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2026/04/4a0e2d56269d1514747170e76c482a97-819x1024.jpg"
alt="Linge de table brodé : le détail qui transforme un repas"
class="wh-blog10-image w-full transition-transform duration-500"
style="aspect-ratio: 560/420; object-fit: cover;">
</div>
<div class="space-y-3">
<span class="custom-category-blog text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Blog </span>
<h3 class="wh-blog10-title text-xl md:text-2xl font-semibold transition-colors duration-300 text-gray-900 group-hover:text-emerald-600">
Linge de table brodé : le détail qui transforme un repas </h3>
<p class="text-gray-600 leading-relaxed">
Ce moment où la table est prête… mais sans âme Tout est là.Les assiettes.Les verres.Les couverts.Et pourtant, il manque quelque... </p>
<div class="flex items-center text-sm text-gray-500">
<span>22 Avr 2026</span>
</div>
</div>
</a>
</article>
<!-- Articles secondaires (droite) -->
<div class="space-y-6">
<article class="wh-blog10-card group">
<a href="https://vision-deco-interieur.fr/plaids-impermeables-protegez-votre-literie-sans-sacrifier-le-style/" class="flex items-start space-x-4">
<div class="wh-blog10-flex-shrink-111 overflow-hidden bg-gray-100 rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2026/03/35a994cbe2d9993a581aab9020042679-300x167.jpg"
alt="Plaids imperméables : protégez votre literie sans sacrifier le style"
class="wh-blog10-image transition-transform duration-500 rounded-none wh-blog10-flex-shrink-111"
style="width: 120px; height: 90px; object-fit: cover;">
</div>
<div class="flex-1 space-y-2">
<span class="custom-category-blog text-white px-2 py-1 text-xs font-bold uppercase tracking-wide rounded">
Blog </span>
<h4 class="wh-blog10-title text-base md:text-lg font-semibold leading-tight transition-colors duration-300 text-gray-900 group-hover:text-emerald-600">
Plaids imperméables : protégez votre literie sans sacrifier le style </h4>
<p class="text-gray-600 text-sm leading-relaxed">
Vous avez investi dans un beau canapé, une literie soigneusement choisie, des coussins coordonnés… et... </p>
<div class="text-xs text-gray-500">
<span>20 Mar 2026</span>
</div>
</div>
</a>
</article>
<article class="wh-blog10-card group">
<a href="https://vision-deco-interieur.fr/quel-type-de-tapis-prioriser-en-fonction-de-la-decoration-de-votre-interieur/" class="flex items-start space-x-4">
<div class="wh-blog10-flex-shrink-111 overflow-hidden bg-gray-100 rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2026/03/a976b8566398ec3eae444173ca7a279b-300x200.jpg"
alt="Quel type de tapis prioriser en fonction de la décoration de votre intérieur ?"
class="wh-blog10-image transition-transform duration-500 rounded-none wh-blog10-flex-shrink-111"
style="width: 120px; height: 90px; object-fit: cover;">
</div>
<div class="flex-1 space-y-2">
<span class="custom-category-blog text-white px-2 py-1 text-xs font-bold uppercase tracking-wide rounded">
Blog </span>
<h4 class="wh-blog10-title text-base md:text-lg font-semibold leading-tight transition-colors duration-300 text-gray-900 group-hover:text-emerald-600">
Quel type de tapis prioriser en fonction de la décoration de votre intérieur ? </h4>
<p class="text-gray-600 text-sm leading-relaxed">
Les tapis sont généralement utilisés en intérieur pour améliorer le confort thermique et acoustique. Mais... </p>
<div class="text-xs text-gray-500">
<span>12 Mar 2026</span>
</div>
</div>
</a>
</article>
<article class="wh-blog10-card group">
<a href="https://vision-deco-interieur.fr/et-si-votre-gouttiere-devenait-latout-design-de-votre-facade/" class="flex items-start space-x-4">
<div class="wh-blog10-flex-shrink-111 overflow-hidden bg-gray-100 rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2026/02/69985fbbb47a2-rain-gutter-roof-with-downpipe-new-metal-pipe-corner-1-300x200.jpg"
alt="Et si votre gouttière devenait l’atout design de votre façade ?"
class="wh-blog10-image transition-transform duration-500 rounded-none wh-blog10-flex-shrink-111"
style="width: 120px; height: 90px; object-fit: cover;">
</div>
<div class="flex-1 space-y-2">
<span class="custom-category-blog text-white px-2 py-1 text-xs font-bold uppercase tracking-wide rounded">
Blog </span>
<h4 class="wh-blog10-title text-base md:text-lg font-semibold leading-tight transition-colors duration-300 text-gray-900 group-hover:text-emerald-600">
Et si votre gouttière devenait l’atout design de votre façade ? </h4>
<p class="text-gray-600 text-sm leading-relaxed">
Lorsqu'on envisage la rénovation extérieure d'une maison, on pense immédiatement à la peinture des volets,... </p>
<div class="text-xs text-gray-500">
<span>20 Fév 2026</span>
</div>
</div>
</a>
</article>
</div>
</div>
<!-- Bouton voir tous les articles -->
<div class="text-center mt-12">
<a href="https://vision-deco-interieur.fr/decoration/" class="inline-flex items-center px-8 py-4 font-semibold rounded-lg transform hover:scale-105 transition-all duration-300 shadow-lg hover:shadow-xl" style="background-color: var(--site-primary-color) !important; color: var(--site-text-on-color) !important;">
<i class="fas fa-newspaper mr-3"></i>
Voir tous les articles <i class="fas fa-arrow-right ml-3"></i>
</a>
</div>
</div>
</section>
</div><style>.blog-section-title-size-2 h2 { font-size: 2.25rem !important; }</style><div class="blog-section-title-size-2 blog-container-override">
<!-- Section Hero + Articles Empilés -->
<section class="py-20 bg-white font-sans">
<div class="max-w-6xl mx-auto px-5">
<!-- Titre de section -->
<div class="text-center mb-16">
<h2 class="text-4xl font-bold text-gray-800 relative inline-block">Bricolage<span class="absolute -bottom-1 left-0 w-16 h-1 blog-trait-color"></span></h2>
<p class="text-lg text-gray-600 mt-4 max-w-2xl mx-auto">
Découvrir nos publications
</p>
</div>
<!-- Layout principal : Hero + Articles empilés -->
<div class="grid lg:grid-cols-3 gap-8 items-start">
<!-- Article Hero (Gauche) - 2 colonnes -->
<article class="lg:col-span-2 group">
<a href="https://vision-deco-interieur.fr/murteriso-specialiste-du-traitement-dhumidite-des-murs-a-saint-nazaire/" class="block">
<!-- Image Hero -->
<div class="relative overflow-hidden rounded-none mb-6">
<img src="https://vision-deco-interieur.fr/storage/2026/02/69931e5071914-3-2-819x1024.png"
alt="Murteriso : spécialiste du traitement d’humidité des murs à Saint-Nazaire"
class="w-full h-[400px] object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
<!-- Badge catégorie -->
<div class="absolute top-4 left-4">
<span class="custom-category-blog text-white px-3 py-1 text-sm font-medium uppercase tracking-wide">
Blog </span>
</div>
</div>
<!-- Contenu Hero -->
<div class="space-y-4">
<h3 class="text-2xl font-bold text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 leading-tight">
Murteriso : spécialiste du traitement d’humidité des murs à Saint-Nazaire </h3>
<p class="text-gray-600 leading-relaxed">
L’humidité des murs est un problème courant qui peut fragiliser votre maison et dégrader l’esthétique des façades. À Saint-Nazaire, Murteriso se distingue comme spécialiste du traitement d’humidité, en proposant des techniques efficaces et durables adaptées aux maisons individuelles. Détection et... </p>
<!-- Métadonnées -->
<div class="flex items-center space-x-4 text-sm text-gray-500">
<span class="font-medium text-gray-700">
Serge </span>
<span>•</span>
<time datetime="2026-02-17T10:12:31+00:00">
17 Fév 2026 </time>
</div>
</div>
</a>
</article>
<!-- Articles Empilés (Droite) - 1 colonne -->
<div class="space-y-8">
<article class="group">
<a href="https://vision-deco-interieur.fr/isolation-comble-pour-marcher-dessus/" class="block">
<!-- Image grande -->
<div class="relative overflow-hidden rounded-none mb-4">
<img src="https://vision-deco-interieur.fr/storage/2025/11/grenier-poutres-ouvrier-isolation-lumiere-300x200.png"
alt="Isolation Comble pour Marcher Dessus : Quel Isolant Choisir"
class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
<!-- Badge catégorie sur image -->
<div class="absolute top-3 left-3">
<span class="custom-category-blog text-white px-2 py-1 text-xs font-medium uppercase tracking-wide">
Blog </span>
</div>
</div>
<!-- Contenu sous l'image -->
<div class="space-y-3">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 leading-tight">
Isolation Comble pour Marcher Dessus : Quel Isolant Choisir </h3>
<!-- Métadonnées -->
<div class="flex items-center space-x-3 text-sm text-gray-500">
<span class="font-medium text-gray-700">
Serge </span>
<span>•</span>
<time datetime="2025-12-19T12:08:47+00:00">
19 Déc 2025 </time>
</div>
</div>
</a>
</article>
<article class="group">
<a href="https://vision-deco-interieur.fr/probleme-chaudiere-morvan/" class="block">
<!-- Image grande -->
<div class="relative overflow-hidden rounded-none mb-4">
<img src="https://vision-deco-interieur.fr/storage/2025/11/technicien-dos-chaudiere-outils-300x200.png"
alt="Problème Chaudière Morvan : Solutions et Dépannage"
class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-500"
loading="lazy">
<!-- Badge catégorie sur image -->
<div class="absolute top-3 left-3">
<span class="custom-category-blog text-white px-2 py-1 text-xs font-medium uppercase tracking-wide">
Blog </span>
</div>
</div>
<!-- Contenu sous l'image -->
<div class="space-y-3">
<h3 class="text-lg font-bold text-gray-900 group-hover:text-emerald-600 transition-colors duration-300 leading-tight">
Problème Chaudière Morvan : Solutions et Dépannage </h3>
<!-- Métadonnées -->
<div class="flex items-center space-x-3 text-sm text-gray-500">
<span class="font-medium text-gray-700">
Serge </span>
<span>•</span>
<time datetime="2025-12-18T12:08:47+00:00">
18 Déc 2025 </time>
</div>
</div>
</a>
</article>
</div>
</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-blue-50">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 font-sans">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4 relative inline-block">
Jardin <span class="absolute -bottom-1 left-0 w-16 h-1 bg-blue-400"></span>
</h2>
</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://vision-deco-interieur.fr/et-si-votre-gouttiere-devenait-latout-design-de-votre-facade/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2026/02/69985fbbb47a2-rain-gutter-roof-with-downpipe-new-metal-pipe-corner-1-300x200.jpg"
alt="Et si votre gouttière devenait l’atout design de votre façade ?"
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-29 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Jardin </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">
Et si votre gouttière devenait l’atout design de votre façade ? </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Lorsqu'on envisage la rénovation extérieure d'une maison, on pense immédiatement à la peinture des volets,... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Serge</span>
<span>•</span>
<span>20 Fév 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://vision-deco-interieur.fr/org-habitats-durables/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2025/11/maison-ecologique-jardin-panneaux-solaires-300x200.png"
alt="Org Habitats Durables : Guide Complet pour un Logement Écologique"
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-29 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Jardin </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">
Org Habitats Durables : Guide Complet pour un Logement Écologique </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Vous voulez rendre votre logement plus écologique ? Vous cherchez des solutions face à la... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Serge</span>
<span>•</span>
<span>17 Déc 2025</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://vision-deco-interieur.fr/jutiernet/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2025/11/jardin-fleuri-patio-table-cuisine-exterieure-300x200.png"
alt="Jutier.net : Tout pour la Maison, le Jardin et la Cuisine"
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-29 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Jardin </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">
Jutier.net : Tout pour la Maison, le Jardin et la Cuisine </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Vous avez un projet pour la maison, le jardin ou un peu de bricolage ?... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Serge</span>
<span>•</span>
<span>16 Déc 2025</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://vision-deco-interieur.fr/peut-on-toucher-une-limace/" class="flex items-start h-full">
<div class="w-[180px] h-full flex-shrink-0 relative overflow-hidden rounded-none">
<img src="https://vision-deco-interieur.fr/storage/2025/11/limace-feuille-enfant-flou-300x200.png"
alt="Peut-on Toucher une Limace sans Danger ?"
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-29 text-white px-3 py-1 text-xs font-bold uppercase tracking-wide">
Jardin </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">
Peut-on Toucher une Limace sans Danger ? </h3>
<p class="text-sm leading-relaxed mb-4 text-gray-600 flex-1">
Vous trouvez une limace dans votre jardin et une question vous vient : peut-on la... </p>
<div class="flex items-center text-xs text-gray-500 space-x-2 mt-auto">
<span>Par Serge</span>
<span>•</span>
<span>14 Déc 2025</span>
</div>
</div>
</a>
</article>
</div>
</div>
</section>
</div>
<!-- Section SEO 123SantéMag -->
<section class="py-16 bg-gray-100 final-section">
<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">Vision Déco Intérieur : Votre Magazine de Décoration Tendance</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">Vision Déco Intérieur, c'est LE mag qui va booster votre game déco !</p><p class="mb-6">Depuis qu'on existe, <strong>Vision Déco Intérieur</strong> est devenus la référence pour tous les accros de la déco qui veulent passer au niveau supérieur. Notre dream team d'experts en design, d'archi cool et de décorateurs qui déchirent bossent ensemble pour vous livrer des conseils déco qui marchent vraiment.</p><p class="mb-6"><strong>Notre magazine mensuel</strong> vous sert sur un plateau les tendances les plus hot, les astuces qui changent tout et les projets qui vont vous faire craquer. Couleurs qui claquent, mobilier de ouf, on couvre tout ce qui rend la déco contemporaine addictive !</p><p class="mb-6">Avec nos tutos ultra détaillés et nos shootings photo de malade, apprenez à créer des espaces qui vous ressemblent à 200% et qui collent parfaitement à votre vibe.</p><p class="mb-6"><strong>On adore aussi :</strong>
Si vous cherchez de l'inspi ailleurs, on valide totalement <strong><u><a href="https://ma-deco-minimaliste.fr" target="_blank">Ma Déco Minimaliste</a></u></strong> pour leur approche épurée, <strong><u><a href="https://balconsdepicure.fr" target="_blank">Balcons de Picure</a></u></strong> si vous rêvez d'un balcon de ouf, ou encore <strong><u><a href="https://cest-moi-qui-decore.fr" target="_blank">C'est Moi Qui Décore</a></u></strong> pour découvrir votre style perso. Besoin d'un pro ? Check <strong><u><a href="https://decoserotonine.fr" target="_blank">Déco Sérotonine</a></u></strong>. Et pour ceux qui veulent se former sérieusement, <strong><u><a href="https://decoscope.fr" target="_blank">Décoscope</a></u></strong> propose des formations top !</p><p>Rejoignez la famille Vision Déco Intérieur et plongez dans notre univers déco total : articles inspirants, tips d'experts, tutos faciles et tendances exclusives pour créer l'intérieur de vos rêves. Let's make your home amazing !</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">Vision Déco Intérieur</span>
<span class="w-2 h-2 bg-gray-600 rounded-full"></span>
<span class="text-sm text-gray-700">Your Home, Your Vibe</span>
</div>
</div>
</div>
</div>
</section>
<style>
.footer8 {
background-color: #284b63;
color: white;
padding: 60px 0 20px 0;
}
.footer-container8 {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer-content8 {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 50px;
margin-bottom: 40px;
}
.footer-logo8 {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.footer-logo8 img {
max-width: 200px;
width: auto;
height: auto;
filter: brightness(0) invert(1);
}
.footer-nav8 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.footer-nav-column8 {
display: flex;
flex-direction: column;
}
.footer-nav-column8 h3 {
color: white;
font-size: 1.2rem;
margin-bottom: 15px;
font-weight: bold;
}
.footer-nav-column8 a {
color: white;
text-decoration: none;
margin-bottom: 8px;
transition: color 0.3s ease;
}
.footer-nav-column8 a:hover {
color: #F8F9FA;
}
.footer-info8 {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.footer-info8 h3 {
color: white;
font-size: 1.2rem;
margin-bottom: 15px;
font-weight: bold;
}
.footer-info8 p {
margin-bottom: 10px;
font-size: 0.9rem;
line-height: 1.6;
}
.footer-info-box8 {
border: 1px solid rgba(255, 255, 255, 1);
padding: 20px;
border-radius: 8px;
width: 100%;
max-width: 360px;
}
.footer-bottom8 {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 20px;
text-align: center;
}
.footer-bottom8 p {
margin: 0;
font-size: 0.9rem;
color: rgba(255, 255, 255, 0.8);
}
.footer-categories8 {
margin-bottom: 20px;
}
.categories-list8 {
display: flex;
flex-direction: column;
}
.categories-list8 a {
color: white;
text-decoration: none;
margin-bottom: 8px;
transition: color 0.3s ease;
}
.categories-list8 a:hover {
color: #F8F9FA;
}
@media (max-width: 768px) {
.footer-content8 {
grid-template-columns: 1fr;
gap: 30px;
text-align: center;
}
.footer-nav8 {
grid-template-columns: 1fr;
gap: 20px;
}
.footer-logo8 {
justify-content: center;
}
.footer-info8 {
align-items: center;
text-align: center;
}
.footer8 {
padding: 40px 0 20px 0;
}
}
</style>
<footer class="footer8">
<div class="footer-container8">
<div class="footer-content8">
<div class="footer-logo8">
<img src="https://vision-deco-interieur.fr/storage/2025/08/cropped-decoscope.fr_-1.png" alt="Logo"> </div>
<div class="footer-nav8">
<div class="footer-nav-column8">
<h3>Navigation</h3>
<a href="https://vision-deco-interieur.fr/">Accueil</a>
<a href="https://vision-deco-interieur.fr/magazine/">Le Magazine</a>
<a href="https://vision-deco-interieur.fr/blog/">Le Blog</a>
<a href="https://vision-deco-interieur.fr/a-propos/">À Propos</a>
<a href="https://vision-deco-interieur.fr/contact/">Contact</a>
</div>
<div class="footer-nav-column8">
<h3>Catégories du Blog</h3>
<div class="categories-list8">
<a href="https://vision-deco-interieur.fr/bricolage/">Bricolage</a><a href="https://vision-deco-interieur.fr/decoration/">Décoration</a><a href="https://vision-deco-interieur.fr/interieur/">Interieur</a><a href="https://vision-deco-interieur.fr/jardin/">Jardin</a><a href="https://vision-deco-interieur.fr/maison/">Maison</a> </div>
</div>
</div>
<div class="footer-info8">
<div class="footer-info-box8">
<h3>Magazine</h3>
<p>Découvrez notre magazine mensuel de décoration d'intérieur</p>
<p>Inspirations, conseils et tendances pour votre intérieur</p>
<a href="https://vision-deco-interieur.fr/magazine/" style="color: white; text-decoration: underline;">S'abonner</a>
</div>
</div>
</div>
<div class="footer-bottom8">
<p>
<a href="https://vision-deco-interieur.fr/mentions-legales/" style="color: rgba(255, 255, 255, 0.8); text-decoration: none; margin: 0 10px;">Mentions Légales</a>
<a href="https://vision-deco-interieur.fr/politique-de-confidentialite/" style="color: rgba(255, 255, 255, 0.8); text-decoration: none; margin: 0 10px;">Politique de Confidentialité</a>
<a href="https://vision-deco-interieur.fr/cgv/" style="color: rgba(255, 255, 255, 0.8); text-decoration: none; margin: 0 10px;">CGV</a>
</p>
<p>© 2026 Vision Déco Intérieur. Tous droits réservés.</p>
</div>
</div>
</footer>
<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://vision-deco-interieur.fr/lib/js/wp-emoji-release.min.js?rnd=36669"}}
</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://vision-deco-interieur.fr/lib/js/wp-emoji-loader.min.js
</script>
</body>
</html>
