PageSourceSearch

https://flouxdesign.com/

html flouxdesign.com collected 2026-10-06 13:34:42 UTC 77,465 bytes, 862 lines download raw bytes

1<!doctype html>
2<html lang="fr-CA">
3
4<head>
5	<!-- Google Tag Manager -->
6	
6<script>
vendor: 419 bytes, lines 6-20
6
7		(function(w, d, s, l, i) {
8			w[l] = w[l] || [];
9			w[l].push({
10				'gtm.start': new Date().getTime(),
11				event: 'gtm.js'
12			});
13			var f = d.getElementsByTagName(s)[0],
14				j = d.createElement(s),
15				dl = l != 'dataLayer' ? '&l=' + l : '';
16			j.async = true;
17			j.src =
18				'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
19			f.parentNode.insertBefore(j, f);
20		})(window, document, 'script', 'dataLayer', '
20GTM-NH5QJRZ
vendor: 5 bytes, lines 20-21
20');
21	
21</script>
21
22	<!-- End Google Tag Manager -->
23	<meta charset="UTF-8">
24	<meta name="viewport" content="width=device-width, initial-scale=1">
25
26	<!-- Check is the page is the IE template-->
27			
27<script src="https://flouxdesign.com/wp-content/themes/floux/assets/src/js/internet-explorer.js"></script>
27
28	
29	<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
30<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/b8d72cbb11531cb07caa2f51/script.js"></script>
30
31	<!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ -->
32	<title>Floux - Designer d&#039;intérieur</title>
33	<meta name="description" content="Nous concevons des environnements intérieurs distinctifs. votre projetest unique, c’est pourquoi notre approche vous place au cœur du processus." />
34	<link rel="canonical" href="https://flouxdesign.com/" />
35	<meta property="og:locale" content="fr_CA" />
36	<meta property="og:type" content="website" />
37	<meta property="og:title" content="Floux - Designer d&#039;intérieur" />
38	<meta property="og:description" content="Nous concevons des environnements intérieurs distinctifs. votre projetest unique, c’est pourquoi notre approche vous place au cœur du processus." />
39	<meta property="og:url" content="https://flouxdesign.com/" />
40	<meta property="og:site_name" content="Floux" />
41	<meta property="article:modified_time" content="2025-07-02T14:55:02+00:00" />
42	<meta name="twitter:card" content="summary_large_image" />
43	<meta name="twitter:title" content="Floux - Designer d&#039;intérieur" />
44	<meta name="twitter:description" content="Nous concevons des environnements intérieurs distinctifs. votre projetest unique, c’est pourquoi notre approche vous place au cœur du processus." />
45	
45<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flouxdesign.com\/","url":"https:\/\/flouxdesign.com\/","name":"Floux - Designer d&#039;intérieur","isPartOf":{"@id":"https:\/\/flouxdesign.com\/#website"},"datePublished":"2020-06-10T15:31:49+00:00","dateModified":"2025-07-02T14:55:02+00:00","description":"Nous concevons des environnements intérieurs distinctifs. votre projetest unique, c’est pourquoi notre approche vous place au cœur du processus.","breadcrumb":{"@id":"https:\/\/flouxdesign.com\/#breadcrumb"},"inLanguage":"fr-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flouxdesign.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/flouxdesign.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/flouxdesign.com\/#website","url":"https:\/\/flouxdesign.com\/","name":"Floux","description":"Designer d&#039;intérieur","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flouxdesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-CA"}]}</script>
45
46	<!-- / Yoast SEO plugin. -->
47
48
49<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://flouxdesign.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fflouxdesign.com%2F" />
50<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://flouxdesign.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fflouxdesign.com%2F&#038;format=xml" />
51<style id="wp-img-auto-sizes-contain-inline-css">
52img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
53/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
54</style>
55<style id="wp-emoji-styles-inline-css">
56
57	img.wp-smiley, img.emoji {
58		display: inline !important;
59		border: none !important;
60		box-shadow: none !important;
61		height: 1em !important;
62		width: 1em !important;
63		margin: 0 0.07em !important;
64		vertical-align: -0.1em !important;
65		background: none !important;
66		padding: 0 !important;
67	}
68/*# sourceURL=wp-emoji-styles-inline-css */
69</style>
70<style id="wp-block-library-inline-css">
71:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
71--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
72
73/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
74</style>
75<style id="classic-theme-styles-inline-css">
76/*! This file is auto-generated */
77.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}
78/*# sourceURL=/wp-includes/css/classic-themes.min.css */
79</style>
80
81<style id="global-styles-inline-css">
82: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--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,
820) 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);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-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;}
82.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;}
83/*# sourceURL=global-styles-inline-css */
84</style>
85
86<link rel='stylesheet' id='theme-css-css' href='https://flouxdesign.com/wp-content/themes/floux/assets/dist/css/main.css' media='all' />
87<link rel="https://api.w.org/" href="https://flouxdesign.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://flouxdesign.com/wp-json/wp/v2/pages/34" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://flouxdesign.com/xmlrpc.php?rsd" />
88<meta name="generator" content="WordPress 7.1.2" />
89<link rel='shortlink' href='https://flouxdesign.com/' />
90<link rel="icon" href="https://flouxdesign.com/wp-content/uploads/2020/09/cropped-Favicon.jpg-1-32x32.png" sizes="32x32" />
91<link rel="icon" href="https://flouxdesign.com/wp-content/uploads/2020/09/cropped-Favicon.jpg-1-192x192.png" sizes="192x192" />
92<link rel="apple-touch-icon" href="https://flouxdesign.com/wp-content/uploads/2020/09/cropped-Favicon.jpg-1-180x180.png" />
93<meta name="msapplication-TileImage" content="https://flouxdesign.com/wp-content/uploads/2020/09/cropped-Favicon.jpg-1-270x270.png" />
94</head>
95
96<body class="home wp-singular page-template page-template-template-home page-template-template-home-php page page-id-34 wp-theme-floux">
97	<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 97-98
97
98	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
98GTM-NH5QJRZ
vendor: 84 bytes, lines 98-99
98" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
99	
99<!-- End Google Tag Manager (noscript) -->
100	<div class="cursor">
101		<div class="cursor__ball cursor__ball--big ">
102			<svg height="100" width="100">
103				<circle cx="50" cy="50" r="40" stroke-width="0"></circle>
104			</svg>
105		</div>
106
107		<div class="cursor__ball cursor__ball--small">
108			<svg height="32" width="32">
109				<circle cx="15" cy="16" r="4" stroke-width="0"></circle>
110			</svg>
111		</div>
112
113		<svg class="cursor__ball cursor__ball--arrow" xmlns="http://www.w3.org/2000/svg" width="62.659" height="21.213" viewBox="0 0 62.659 21.213">
114			<g id="Groupe_55" data-name="Groupe 55" transform="translate(-944.086 -11757.586)">
115				<g id="Groupe_53" data-name="Groupe 53" transform="translate(996.139 11759)">
116					<line id="Ligne_8" data-name="Ligne 8" x2="13" transform="translate(0) rotate(45)" fill="none" stroke="#fff" stroke-linecap="square" stroke-width="2" />
117					<line id="Ligne_9" data-name="Ligne 9" x2="13" transform="translate(9.192 9.192) rotate(135)" fill="none" stroke="#fff" stroke-linecap="square" stroke-width="2" />
118				</g>
119				<g id="Groupe_54" data-name="Groupe 54" transform="translate(945.5 11759)">
120					<line id="Ligne_8-2" data-name="Ligne 8" x2="13" transform="translate(9.192) rotate(135)" fill="none" stroke="#fff" stroke-linecap="square" stroke-width="2" />
121					<line id="Ligne_9-2" data-name="Ligne 9" x2="13" transform="translate(0 9.192) rotate(45)" fill="none" stroke="#fff" stroke-linecap="square" stroke-width="2" />
122				</g>
123				<line id="Ligne_25" data-name="Ligne 25" x2="59.639" transform="translate(945.5 11768.5)" fill="none" stroke="#fff" stroke-width="2" />
124			</g>
125		</svg>
126
127
128	</div>
129			<section id="p5" class="hero plasma p5 preloader" data-preloader>
130			<div class="container __flex __full-center">
131				<img src='https://flouxdesign.com/wp-content/uploads/2020/08/logo_seul_blanc.svg' alt='logo_seul_blanc'>
132			</div>
133		</section>
134
135		<div class="page-wrapper no-opacity">
136		<header data-sticky-header data-header>
137
138						<!-- <div class="header__desktop"> -->
139			<div class="logo-btn-container container __flex" data-nav-container>
140				<div class="logo" data-logo>
141					<a href="https://flouxdesign.com">
142						<img src="https://flouxdesign.com/wp-content/uploads/2020/08/logo_header.svg" alt="Logo">
143					</a>
144				</div>
145
146				<div class="nav-container -desktop" data-nav>
147					<nav role="navigation" class="nav main-nav container">
148						<div class="menu-menu-principal-container"><ul id="menu-menu-principal" class="menu"><li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-15"><a href="/#projects" aria-current="page">Projets</a></li>
149<li id="menu-item-104" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-104"><a href="/#services" aria-current="page">Services</a></li>
150<li id="menu-item-105" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-105"><a href="/#about" aria-current="page">À Propos</a></li>
151<li id="menu-item-106" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-106"><a href="/#contact" aria-current="page">Contact</a></li>
152</ul></div>					</nav>
153				</div>
154				<div class="menu-btn" data-nav-btn>
155					<svg id="menu" class="menu" data-name="menu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 84 60">
156						<line id="line1" class="line" data-line="1" x1="25" y1="40" x2="84" y2="40" style="fill: none;stroke-width: 3px;"></line>
157						<line id="line2" class="line" data-line="2" y1="20" x2="84" y2="20" style="fill: none;stroke-width: 3px;"></line>
158					</svg>
159				</div>
160			</div>
161			<!-- </div> -->
162
163			<div class="nav-container -mobile" data-nav>
164				<nav role="navigation" class="nav main-nav container">
165					<div class="menu-menu-principal-container"><ul id="menu-menu-principal-1" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-15"><a href="/#projects" aria-current="page">Projets</a></li>
166<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-104"><a href="/#services" aria-current="page">Services</a></li>
167<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-105"><a href="/#about" aria-current="page">À Propos</a></li>
168<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-106"><a href="/#contact" aria-current="page">Contact</a></li>
169</ul></div>				</nav>
170			</div>
171		</header>
172				<main role="main" class="homepage">
173
174
175<section class="hero">
176
177    <div class="hero__container-title container">
178        <h1 class="hero__title"><span class="visuallyhidden">Floux - </span>Dépassons les limites, ensemble</h1>
179    </div>
180
181    <div class=" hero-img" style="background-image: url('https://flouxdesign.com/wp-content/uploads/2025/06/c.d_cloutier.cossette_0032-ezgif.com-jpg-to-webp-converter.webp');">
182
183    </div>
184</section>
185
186<section class="services" id="services">
187    <div class="container ">
188        <div class="text-wrapper">
189            <div class="top-text">
190                <div class="left">
191                    <p class="asterisk __gray">*</p>
192                    <h2 class="services-title __gray">Notre offre de service</h2>
193                </div>
194                <div class="right">
195                    <p class="services-subtitle __gray __subtext">Nous créons des espaces intérieurs réfléchis. Nous sommes spécialisés en projets commerciaux et résidentiels majeurs.</p>
196                </div>
197            </div>
198            <div class="main-text">
199                <p class="__home-text">Notre mission: s'approprier vos habitudes et votre image, créer des environnements sur mesure. Pour chaque projet, notre objectif est de planifier efficacement les espaces en répondant à vos exigences fonctionnelles, esthétiques et budgétaires. </p>
200
201                                    <ul class="services-list">
202                                                    <li>
203                                <dl>
204                                    <dt>
205                                        Projets commerciaux                                    </dt>
206                                    <dd>
207                                        Restaurants, boutiques, cliniques.                                    </dd>
208                                </dl>
209                            </li>
210                                                    <li>
211                                <dl>
212                                    <dt>
213                                        Projets résidentiels majeurs                                    </dt>
214                                    <dd>
215                                        Conversion, réaménagement, agrandissement.                                    </dd>
216                                </dl>
217                            </li>
218                                                    <li>
219                                <dl>
220                                    <dt>
221                                        Projets résidentiels neufs                                     </dt>
222                                    <dd>
223                                        Résidence sur mesure.                                     </dd>
224                                </dl>
225                            </li>
226                                                    <li>
227                                <dl>
228                                    <dt>
229                                                                            </dt>
230                                    <dd>
231                                                                            </dd>
232                                </dl>
233                            </li>
234                                            </ul>
235                
236            </div>
237        </div>
238
239    </div>
240</section>
241
242
243
244
245<section class="projects" id="projects">
246    <div class="container">
247        <div class="filters__container">
248            <div class="filters__filter-mobile">
249                <p class="filters__filters-title">
250                    <span class="filters__filters-title-content" data-filter-title>
251                        Tous                    </span>
252                    <svg class="home-medias__filters-arrow" xmlns="http://www.w3.org/2000/svg" width="8.322" height="4.144" viewBox="0 0 8.322 4.144">
253                        <path id="Tracé_218" data-name="Tracé 218" d="M0,0,2.072,2.08l2.072,2.08L0,8.322" transform="translate(8.322) rotate(90)" fill="#d6d6d6" />
254                    </svg>
255                    <select class="home-medias__filters-select" data-select>
256                        <option value="Tous">Tous</option>
257                                                    <option value="Commercial">Commercial</option>
258                                                    <option value="Clinique dentaire">Clinique dentaire</option>
259                                                    <option value="Résidentiel">Résidentiel</option>
260                                            </select>
261                </p>
262            </div>
263            <div class="filters__filter-desktop">
264                <span class="filters__all filters__all--active" data-project-filter="all">Tous</span>
265                                    <li class="filters__filter" data-project-filter="Commercial">
266                        <img class="filters__filter-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/comercial.svg" alt="Commercial">
267                        <span class="filters__filter-title">Commercial</span>
268                    </li>
269                                    <li class="filters__filter" data-project-filter="Clinique dentaire">
270                        <img class="filters__filter-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/tooth-2.png" alt="Clinique dentaire">
271                        <span class="filters__filter-title">Clinique dentaire</span>
272                    </li>
273                                    <li class="filters__filter" data-project-filter="Résidentiel">
274                        <img class="filters__filter-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/rési.svg" alt="Résidentiel">
275                        <span class="filters__filter-title">Résidentiel</span>
276                    </li>
277                            </div>
278        </div>
279
280
281                    <div id="projects">
282                <ul class="list project-list" data-post-list>
283                    
284                    
285                                    <li class="project-item">
286                                        <a href="https://flouxdesign.com/projet/verdi/">
287                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2026/02/verdi_003.004a.jpg" alt="verdi_003.004a">
288                                            <div class="overlay">
289                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
290                                                <h3 class="project-title">Verdi - Chirurgie privé</h3>
291                                                <ul class="categories">
292                                                    <li class="category" data-project-category>
293                                                                                                            </li>
294                                                </ul>
295                                            </div>
296                                        </a>
297                                    </li>
298                        
299                    
300                                    <li class="project-item">
301                                        <a href="https://flouxdesign.com/projet/casaubon-sante-dentaire/">
302                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2025/11/casaubon_0005.jpg" alt="casaubon_0005">
303                                            <div class="overlay">
304                                                <img src="https://flouxdesign.com/wp-content/uploads/2025/05/tooth-blanche-1.png" alt="tooth-blanche" class="category-icon">
305                                                <h3 class="project-title">Casaubon Santé dentaire</h3>
306                                                <ul class="categories">
307                                                    <li class="category" data-project-category>
308                                                        Clinique dentaire, Commercial                                                    </li>
309                                                </ul>
310                                            </div>
311                                        </a>
312                                    </li>
313                        
314                    
315                                    <li class="project-item">
316                                        <a href="https://flouxdesign.com/projet/papillote-boucherie/">
317                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2025/07/papillotte.ste-foy_0013.jpg" alt="papillotte.ste-foy_0013">
318                                            <div class="overlay">
319                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
320                                                <h3 class="project-title">Papillote & Cie Halles Ste-Foy – Boucherie</h3>
321                                                <ul class="categories">
322                                                    <li class="category" data-project-category>
323                                                        Boucherie, Commercial, Kiosque gourmand                                                    </li>
324                                                </ul>
325                                            </div>
326                                        </a>
327                                    </li>
328                        
329                    
330                                    <li class="project-item">
331                                        <a href="https://flouxdesign.com/projet/papillote-cie-cartier-boucherie/">
332                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2025/07/papillote.cartier_031-scaled.jpg" alt="papillote.cartier_031">
333                                            <div class="overlay">
334                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
335                                                <h3 class="project-title">Papillote & Cie Cartier - Boucherie</h3>
336                                                <ul class="categories">
337                                                    <li class="category" data-project-category>
338                                                        Commercial                                                    </li>
339                                                </ul>
340                                            </div>
341                                        </a>
342                                    </li>
343                        
344                    
345                                    <li class="project-item">
346                                        <a href="https://flouxdesign.com/projet/clinique-dorval-et-beaudet/">
347                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2025/07/orthodentistes.beaudet.dorval_0014.jpg" alt="orthodentistes.beaudet.dorval_0014">
348                                            <div class="overlay">
349                                                <img src="https://flouxdesign.com/wp-content/uploads/2025/05/tooth-blanche-1.png" alt="tooth-blanche" class="category-icon">
350                                                <h3 class="project-title">
350Clinique Orthodontiste Québec - Équipe Dorval et Beaudet</h3>
351                                                <ul class="categories">
352                                                    <li class="category" data-project-category>
353                                                        Clinique dentaire, Commercial                                                    </li>
354                                                </ul>
355                                            </div>
356                                        </a>
357                                    </li>
358                        
359                    
360                                    <li class="project-item">
361                                        <a href="https://flouxdesign.com/projet/clinique-dentaire-boisvert/">
362                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2025/05/c.dentaire.dre_.boisvert_012_1.jpg" alt="c.dentaire.dre.boisvert_012_1">
363                                            <div class="overlay">
364                                                <img src="https://flouxdesign.com/wp-content/uploads/2025/05/tooth-blanche-1.png" alt="tooth-blanche" class="category-icon">
365                                                <h3 class="project-title">
365Clinique Julie Boisvert</h3>
366                                                <ul class="categories">
367                                                    <li class="category" data-project-category>
368                                                        Clinique dentaire, Commercial                                                    </li>
369                                                </ul>
370                                            </div>
371                                        </a>
372                                    </li>
373                        
374                    
375                                    <li class="project-item">
376                                        <a href="https://flouxdesign.com/projet/clinique-dentaire-godefroy/">
377                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2025/05/clin.dentaire.godefroy_015-1.jpg" alt="clin.dentaire.godefroy_015">
378                                            <div class="overlay">
379                                                <img src="https://flouxdesign.com/wp-content/uploads/2025/05/tooth-blanche-1.png" alt="tooth-blanche" class="category-icon">
380                                                <h3 class="project-title">
380Clinique dentaire Godefroy</h3>
381                                                <ul class="categories">
382                                                    <li class="category" data-project-category>
383                                                        Clinique dentaire, Commercial                                                    </li>
384                                                </ul>
385                                            </div>
386                                        </a>
387                                    </li>
388                        
389                    
390                                    <li class="project-item">
391                                        <a href="https://flouxdesign.com/projet/clinique-dentaire-cloutier-cossette/">
392                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2024/12/c.d_cloutier.cossette_015-1.jpg" alt="c.d_cloutier.cossette_015">
393                                            <div class="overlay">
394                                                <img src="https://flouxdesign.com/wp-content/uploads/2025/05/tooth-blanche-1.png" alt="tooth-blanche" class="category-icon">
395                                                <h3 class="project-title">
395Clinique dentaire Cloutier Cossette</h3>
396                                                <ul class="categories">
397                                                    <li class="category" data-project-category>
398                                                        Clinique dentaire, Commercial                                                    </li>
399                                                </ul>
400                                            </div>
401                                        </a>
402                                    </li>
403                        
404                    
405                                    <li class="project-item">
406                                        <a href="https://flouxdesign.com/projet/clinique-dentaire-saint-jean-port-joli/">
407                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2024/11/clin.dentaire.st-jean-port-joli_023.jpg" alt="clin.dentaire.st-jean-port-joli_023">
408                                            <div class="overlay">
409                                                <img src="https://flouxdesign.com/wp-content/uploads/2022/09/tooth-2.png" alt="tooth (2)" class="category-icon">
410                                                <h3 class="project-title">
410Clinique Dentaire Saint-Jean-Port-Joli</h3>
411                                                <ul class="categories">
412                                                    <li class="category" data-project-category>
413                                                        Clinique dentaire, Commercial                                                    </li>
414                                                </ul>
415                                            </div>
416                                        </a>
417                                    </li>
418                        
419                    
420                                    <li class="project-item">
421                                        <a href="https://flouxdesign.com/projet/clinique-dentaire-michaud-vallieres/">
422                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2024/11/clinique_valliere.michaud_009.jpg" alt="clinique_valliere.michaud_009">
423                                            <div class="overlay">
424                                                <img src="https://flouxdesign.com/wp-content/uploads/2022/09/tooth-2.png" alt="tooth (2)" class="category-icon">
425                                                <h3 class="project-title">
425Clinique dentaire Michaud & Vallières</h3>
426                                                <ul class="categories">
427                                                    <li class="category" data-project-category>
428                                                        Clinique dentaire, Commercial                                                    </li>
429                                                </ul>
430                                            </div>
431                                        </a>
432                                    </li>
433                        
434                    
435                                    <li class="project-item">
436                                        <a href="https://flouxdesign.com/projet/piazzetta-granby/">
437                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2023/10/Piazetta6-logo-scaled.jpg" alt="Piazetta6 - logo">
438                                            <div class="overlay">
439                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
440                                                <h3 class="project-title">La Piazzetta Granby</h3>
441                                                <ul class="categories">
442                                                    <li class="category" data-project-category>
443                                                        Commercial, Restaurant                                                    </li>
444                                                </ul>
445                                            </div>
446                                        </a>
447                                    </li>
448                        
449                    
450                                    <li class="project-item">
451                                        <a href="https://flouxdesign.com/projet/centre-dentaire-nadeau-pettigrew/">
452                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2023/09/Z62_4988_logo-scaled.jpg" alt="Z62_4988_logo">
453                                            <div class="overlay">
454                                                <img src="https://flouxdesign.com/wp-content/uploads/2022/09/comercial.svg" alt="comercial" class="category-icon">
455                                                <h3 class="project-title">Centre dentaire Nadeau & Pettigrew</h3>
456                                                <ul class="categories">
457                                                    <li class="category" data-project-category>
458                                                        Clinique dentaire, Commercial                                                    </li>
459                                                </ul>
460                                            </div>
461                                        </a>
462                                    </li>
463                        
464                    
465                                    <li class="project-item">
466                                        <a href="https://flouxdesign.com/projet/medicina/">
467                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2023/09/Z62_2342_logo.jpg" alt="Z62_2342_logo">
468                                            <div class="overlay">
469                                                <img src="https://flouxdesign.com/wp-content/uploads/2022/09/comercial.svg" alt="comercial" class="category-icon">
470                                                <h3 class="project-title">Medicina Clinique médicale privée</h3>
471                                                <ul class="categories">
472                                                    <li class="category" data-project-category>
473                                                        Clinique médicale, Commercial                                                    </li>
474                                                </ul>
475                                            </div>
476                                        </a>
477                                    </li>
478                        
479                    
480                                    <li class="project-item">
481                                        <a href="https://flouxdesign.com/projet/la-piazzetta-st-nicolas/">
482                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2023/09/Z62_8213_logo.jpg" alt="Z62_8213_logo">
483                                            <div class="overlay">
484                                                <img src="https://flouxdesign.com/wp-content/uploads/2022/09/comercial.svg" alt="comercial" class="category-icon">
485                                                <h3 class="project-title">La Piazzetta St-Nicolas</h3>
486                                                <ul class="categories">
487                                                    <li class="category" data-project-category>
488                                                        Commercial, Restaurant                                                    </li>
489                                                </ul>
490                                            </div>
491                                        </a>
492                                    </li>
493                        
494                    
495                                    <li class="project-item">
496                                        <a href="https://flouxdesign.com/projet/dentistes-pour-enfants-de-quebec/">
497                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2023/03/Z62_9859.jpg" alt="Z62_9859">
498                                            <div class="overlay">
499                                                <img src="https://flouxdesign.com/wp-content/uploads/2022/09/tooth-2.png" alt="tooth (2)" class="category-icon">
500                                                <h3 class="project-title">Dentistes pour enfants de québec</h3>
501                                                <ul class="categories">
502                                                    <li class="category" data-project-category>
503                                                        Clinique dentaire, Commercial                                                    </li>
504                                                </ul>
505                                            </div>
506                                        </a>
507                                    </li>
508                        
509                    
510                                    <li class="project-item">
511                                        <a href="https://flouxdesign.com/projet/centre-dentaire-marie-eve-lemieux/">
512                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/11/CD_ME.Lemieux_Floux_DBPhoto_1web.jpg" alt="CD_ME.Lemieux_Floux_DBPhoto_1(web)">
513                                            <div class="overlay">
514                                                <img src="" alt="" class="category-icon">
515                                                <h3 class="project-title">Centre dentaire Marie-Ève Lemieux</h3>
516                                                <ul class="categories">
517                                                    <li class="category" data-project-category>
518                                                        Clinique dentaire, Commercial                                                    </li>
519                                                </ul>
520                                            </div>
521                                        </a>
522                                    </li>
523                        
524                    
525                                    <li class="project-item">
526                                        <a href="https://flouxdesign.com/projet/residence-adrovick-lapointe/">
527                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/SandraHaris_Floux_DBPhoto_7web-e1664512588798.jpg" alt="SandraHaris_Floux_DBPhoto_7(web)">
528                                            <div class="overlay">
529                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/Residentiel.png" alt="Residentiel" class="category-icon">
530                                                <h3 class="project-title">Résidence Adrovick & Lapointe</h3>
531                                                <ul class="categories">
532                                                    <li class="category" data-project-category>
533                                                        Cuisine, Rénovations majeures, Résidentiel                                                    </li>
534                                                </ul>
535                                            </div>
536                                        </a>
537                                    </li>
538                        
539                    
540                                    <li class="project-item">
541                                        <a href="https://flouxdesign.com/projet/residence-ot/">
542                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/20211214_Floux_Design_1036_Élisabeth_Becker_063_sRGB_moyenne_reso_1800px.jpg" alt="20211214_Floux_Design_1036_Élisabeth_Becker_063_sRGB_moyenne_reso_(1800px)">
543                                            <div class="overlay">
544                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/Residentiel.png" alt="Residentiel" class="category-icon">
545                                                <h3 class="project-title">Résidence OT</h3>
546                                                <ul class="categories">
547                                                    <li class="category" data-project-category>
548                                                        Cuisine, Résidentiel, Salle de bain                                                    </li>
549                                                </ul>
550                                            </div>
551                                        </a>
552                                    </li>
553                        
554                    
555                                    <li class="project-item">
556                                        <a href="https://flouxdesign.com/projet/centre-dentaire-dionne/">
557                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/CD_Dionne_FlouxDesign_7web_low.jpg" alt="CD_Dionne_FlouxDesign_7(web)_low">
558                                            <div class="overlay">
559                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
560                                                <h3 class="project-title">Centre dentaire Dionne</h3>
561                                                <ul class="categories">
562                                                    <li class="category" data-project-category>
563                                                        Clinique dentaire, Commercial                                                    </li>
564                                                </ul>
565                                            </div>
566                                        </a>
567                                    </li>
568                        
569                    
570                                    <li class="project-item">
571                                        <a href="https://flouxdesign.com/projet/residence-bm-2/">
572                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/RueTrudelle_FlouxDesign_DBPhoto_1web-e1664509767904.jpg" alt="RueTrudelle_FlouxDesign_DBPhoto_1(web)">
573                                            <div class="overlay">
574                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/Residentiel.png" alt="Residentiel" class="category-icon">
575                                                <h3 class="project-title">Résidence Bourdeau Marcotte</h3>
576                                                <ul class="categories">
577                                                    <li class="category" data-project-category>
578                                                        Cuisine, Rénovations majeures, Résidentiel                                                    </li>
579                                                </ul>
580                                            </div>
581                                        </a>
582                                    </li>
583                        
584                    
585                                    <li class="project-item">
586                                        <a href="https://flouxdesign.com/projet/paradoxe-tatouage/">
587                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/09/ParadoXe_FlouxDesign_DBPhoto_7web.jpg" alt="ParadoXe_FlouxDesign_DBPhoto_7(web)">
588                                            <div class="overlay">
589                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
590                                                <h3 class="project-title">Paradoxe Tatouage</h3>
591                                                <ul class="categories">
592                                                    <li class="category" data-project-category>
593                                                        Commercial                                                    </li>
594                                                </ul>
595                                            </div>
596                                        </a>
597                                    </li>
598                        
599                    
600                                    <li class="project-item">
601                                        <a href="https://flouxdesign.com/projet/clinique-dentaire-julie-sylvain/">
602                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/11/CD.J.Sylvain_FlouxDesign_DBPhoto_4web.jpg" alt="CD.J.Sylvain_FlouxDesign_DBPhoto_4(web)">
603                                            <div class="overlay">
604                                                <img src="https://flouxdesign.com/wp-content/uploads/2025/05/tooth-blanche-1.png" alt="tooth-blanche" class="category-icon">
605                                                <h3 class="project-title">
605Clinique dentaire Julie Sylvain</h3>
606                                                <ul class="categories">
607                                                    <li class="category" data-project-category>
608                                                        Clinique dentaire, Commercial                                                    </li>
609                                                </ul>
610                                            </div>
611                                        </a>
612                                    </li>
613                        
614                    
615                                    <li class="project-item">
616                                        <a href="https://flouxdesign.com/projet/clinique-dentaire-portneuf/">
617                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2022/02/CDPortneuf_Floux_DBPhoto_1-scaled.jpg" alt="CDPortneuf_Floux_DBPhoto_1">
618                                            <div class="overlay">
619                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
620                                                <h3 class="project-title">
620Clinique dentaire Portneuf</h3>
621                                                <ul class="categories">
622                                                    <li class="category" data-project-category>
623                                                        Clinique dentaire, Commercial                                                    </li>
624                                                </ul>
625                                            </div>
626                                        </a>
627                                    </li>
628                        
629                    
630                                    <li class="project-item">
631                                        <a href="https://flouxdesign.com/projet/residence-trudeau/">
632                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2021/12/Floux_CindyKevin_DBPhoto_18.jpg" alt="Floux_CindyKevin_DBPhoto_18">
633                                            <div class="overlay">
634                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/Residentiel.png" alt="Residentiel" class="category-icon">
635                                                <h3 class="project-title">Résidence TG</h3>
636                                                <ul class="categories">
637                                                    <li class="category" data-project-category>
638                                                        Construction neuve                                                    </li>
639                                                </ul>
640                                            </div>
641                                        </a>
642                                    </li>
643                        
644                    
645                                    <li class="project-item">
646                                        <a href="https://flouxdesign.com/projet/residence-b/">
647                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2021/11/G.Babin_FlouxDesign_DBPhoto_2-1.jpg" alt="G.Babin_FlouxDesign_DBPhoto_2">
648                                            <div class="overlay">
649                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/Residentiel.png" alt="Residentiel" class="category-icon">
650                                                <h3 class="project-title">Résidence B - Rénovation cuisine </h3>
651                                                <ul class="categories">
652                                                    <li class="category" data-project-category>
653                                                        Rénovations majeures, Résidentiel                                                    </li>
654                                                </ul>
655                                            </div>
656                                        </a>
657                                    </li>
658                        
659                    
660                                    <li class="project-item">
661                                        <a href="https://flouxdesign.com/projet/residence-bm/">
662                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2021/05/ChezFarah_Floux_DBPhoto_5-scaled.jpg" alt="ChezFarah_Floux_DBPhoto_5">
663                                            <div class="overlay">
664                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/07/icon.png" alt="icon" class="category-icon">
665                                                <h3 class="project-title">Résidence BM</h3>
666                                                <ul class="categories">
667                                                    <li class="category" data-project-category>
668                                                        Rénovations majeures, Résidentiel                                                    </li>
669                                                </ul>
670                                            </div>
671                                        </a>
672                                    </li>
673                        
674                    
675                                    <li class="project-item">
676                                        <a href="https://flouxdesign.com/projet/residence-lm/">
677                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2020/12/©PPD_3_md-scaled.jpg" alt="©PPD_3_md">
678                                            <div class="overlay">
679                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/Residentiel.png" alt="Residentiel" class="category-icon">
680                                                <h3 class="project-title">Résidence LM</h3>
681                                                <ul class="categories">
682                                                    <li class="category" data-project-category>
683                                                        Construction neuve, Résidentiel                                                    </li>
684                                                </ul>
685                                            </div>
686                                        </a>
687                                    </li>
688                        
689                    
690                                    <li class="project-item">
691                                        <a href="https://flouxdesign.com/projet/ma-cabane-en-gaspesie/">
692                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2020/08/C-G-4-e1599258494687.jpg" alt="C-G-4">
693                                            <div class="overlay">
694                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
695                                                <h3 class="project-title">Ma cabane en Gaspésie</h3>
696                                                <ul class="categories">
697                                                    <li class="category" data-project-category>
698                                                        Commercial, Kiosque gourmand                                                    </li>
699                                                </ul>
700                                            </div>
701                                        </a>
702                                    </li>
703                        
704                    
705                                    <li class="project-item">
706                                        <a href="https://flouxdesign.com/projet/la-buche-glacee/">
707                                            <img class="masonry-img" src="https://flouxdesign.com/wp-content/uploads/2020/08/B-G-4-e1664508920322.jpg" alt="B-G-4">
708                                            <div class="overlay">
709                                                <img src="https://flouxdesign.com/wp-content/uploads/2020/08/commercial.png" alt="commercial" class="category-icon">
710                                                <h3 class="project-title">La Bûche Glacée</h3>
711                                                <ul class="categories">
712                                                    <li class="category" data-project-category>
713                                                        Commercial, Kiosque gourmand                                                    </li>
714                                                </ul>
715                                            </div>
716                                        </a>
717                                    </li>
718                        
719                                    </ul>
720            </div>
721
722            </div>
723</section>
724
725
726<section class="about" id="about">
727    <div class="">
728        <div class="text about__text container">
729            <p class="__home-text">Floux est une firme de design d'intérieur basée à Québec. Depuis, plusieurs années, notre rigueur technique à fait ses preuves sur les chantiers. Nos réalisations témoignent de notre versatilité et de notre adaptabilité. Dépassons les limites, ensemble. 
730</p>
731        </div>
732
733        <div class=" about__team-container ">
734            <p class="about__team-container-title __gray container">Dépassons <br />
735les limites, <br />
736ensemble</p>
737            <div class="about__container-team-image">
738                <img class="about__team-image" src="">
739                </img>
740            </div>
741
742            <div class="about__team-container-carrousel" data-cursor data-cursor-class="swipe">
743                <div class="about__team-carrousel" data-drag>
744                    <div class="about__container-team-image-carrousel">
745                        <img class="about__team-image-carrousel" src="">
746                        </img>
747                    </div>
748                                            <div class="about__member">
749                            <div class="about__container-member-image">
750                                <img class="about__member-image" src="https://flouxdesign.com/wp-content/uploads/2022/09/DB__0031R-scaled.jpg">
751                                </img>
752                                <div class="about__content-img">
753                                    <div class="about__content-top">
754                                        <ul class="about__list-tag">
755
756                                                                                                <li class="about__tag"> Québec</li>
757                                                                                                <li class="about__tag">Designer d’intérieur 
intermédiaire</li>
758                                                                                    </ul>
759                                    </div>
760                                    <div class="about__content-bottom">
761                                        <span class="about__member-name">Anaïs Floux</span>
762                                        <span class="about__member-job">Propriétaire, Designer d’intérieur APDIQ</span>
763                                        <span class="about__member-description">Diplômée en techniques de
 design d’intérieur en 2015.
 L’entreprise FLOUX design 
a été créee en 2016. Elle 
a acquis de nombreuses 
expériences en ce qui
 concerne la conception, 
la gestion et la réalisation
 de projets commerciaux et résidentiels 
majeurs diversifiés.
764</span>
765                                                                            </div>
766                                </div>
767                            </div>
768                            <div class="about__content-btm-img">
769                                <span class="about__member-name">Anaïs Floux</span>
770                                <span class="about__member-job">Propriétaire, Designer d’intérieur APDIQ</span>
771                                
772
773                            </div>
774                        </div>
775                                    </div>
776            </div>
777        </div>
778
779        <div class="top about__list-container container">
780            <div class="top-text">
781                <div class="smiley">
782                    <img src="https://flouxdesign.com/wp-content/uploads/2020/07/smile-regular.svg" alt="smile-regular">
783                </div>
784                <div class="about-title">
785                    <h2 class="__gray">On parle de nous ici</h2>
786                </div>
787            </div>
788            <div class="links-container">
789                                    <ul class="links-list">
790                                                    <li class="link-element">
791                                <a class="link -external" target="" href="https://flouxdesign.com/wp-content/uploads/2020/08/D1508_078.pdf">Je décore - Les plus belles cuisines du Québec</a>
792                            </li>
793
794                                                    <li class="link-element">
795                                <a class="link -external" target="" href="https://www.brouillardcommunication.com/nicky-sushi-rouvre-ses-portes-aujourdhui-apres-un-important-projet-dagrandissement/">Nicky Sushi - Première rivière à sushis </a>
796                            </li>
797
798                                            </ul>
799                            </div>
800        </div>
801
802
803    </div>
804</section>
805</main>
806
807<div class="hr container">
808    <hr>
809</div>
810<footer class="footer" id="contact">
811    <div class="container">
812
813        <div class="wrapper">
814            <div class="top-footer">
815                <div class="logo"><img src="https://flouxdesign.com/wp-content/uploads/2020/08/logo_seul_noir.svg" alt="logo_seul_noir"></div>
816                <div class="links">
817                    <ul class="social-list">
818                        <li class="single-social">
819                            <a href="https://www.instagram.com/flouxdesign/" target="">Instagram</a>
820                        </li>
821                        <li class="single-social">
822                            <a href="https://www.facebook.com/anaisflouxdesigner/" target="">Facebook</a>
823                        </li>
824                                            </ul>
825                </div>
826            </div>
827            <div class="bottom-footer">
828                <div class="coords">
829                    <div class="top-coords">
830                        <a href="tel:Anaïs Floux 418 558-6290 [email protected] " class="phone">Anaïs Floux 418 558-6290 [email protected] </a>
831                        <address>325, 5 rue #107 
832Québec G1L 2R8</address>
833                    </div>
834                    <div class="bottom-coords">
835                        <a href="mailto:" class="email"></a>
836                    </div>
837                </div>
838            </div>
839
840        </div>
841        <div class="copyright">
842            <p>© Floux design d’intérieur. Site Web créé par <a href="https://instynctweb.com/" target="_blank">Instynct</a>. <a href="https://flouxdesign.com/wp-content/uploads/2024/11/FLOUX-POLITIQUE-DE-CONFIDENTIALITE.pdf" target="_blank">Politique de confidentialité</a></p>
843        </div>
844    </div>
845</footer>
846</div>
847
848<script type="speculationrules">
849{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/floux/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
850</script>
vendor: 1 bytes, line 850
850
851<script id="theme-js-js" src="https://flouxdesign.com/wp-content/themes/floux/assets/dist/js/main.js"></script>
vendor: 1 bytes, line 851
851
852<script id="wp-emoji-settings" type="application/json">
853{"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://flouxdesign.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
854</script>
vendor: 1 bytes, line 854
854
855<script type="module">
856/*! This file is auto-generated */
857var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,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 r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[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,r){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!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));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(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
858//# sourceURL=https://flouxdesign.com/wp-includes/js/wp-emoji-loader.min.js
859</script>
859
860</body>
861
862</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.