{"id":30,"date":"2026-06-23T19:02:07","date_gmt":"2026-06-23T19:02:07","guid":{"rendered":"https:\/\/ateliercagnin.fr\/?page_id=30"},"modified":"2026-08-05T13:30:54","modified_gmt":"2026-08-05T13:30:54","slug":"accueil","status":"publish","type":"page","link":"https:\/\/ateliercagnin.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\" data-elementor-post-type=\"page\">\n\t\t\t\t<header class=\"elementor-element elementor-element-2335c0a e-con-full e-flex e-con e-parent\" data-id=\"2335c0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3079a4 elementor-fixed elementor-widget elementor-widget-html\" data-id=\"d3079a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n\u2551  ATELIER CAGNIN \u2014 HEADER                                        \u2551\r\n\u2551                                                                  \u2551\r\n\u2551  \u2192 Colle ce code dans un widget HTML Elementor                  \u2551\r\n\u2551    en haut de la page, AVANT le widget hero                     \u2551\r\n\u2551  \u2192 Stretch Section activ\u00e9, padding 0                            \u2551\r\n\u2551  \u2192 Le CSS du header s'ajoute au CSS additionnel WordPress        \u2551\r\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n\r\n<style id=\"cagnin-header-css\">\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.ac-header {\r\n  position: fixed;\r\n  top: 0; left: 0; right: 0;\r\n  z-index: 9999;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 1.25rem 3rem;\r\n  background: #103743;\r\n  border-bottom: none;\r\n  transition: padding 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n.ac-header.scrolled {\r\n  padding: 0.75rem 3rem;\r\n  background: #0b2229;\r\n  box-shadow: 0 2px 24px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Logo *\/\r\n.ac-header-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  flex-shrink: 0;\r\n}\r\n.ac-header-logo svg {\r\n  display: block;\r\n  height: 44px;\r\n  width: auto;\r\n  transition: height 0.35s ease;\r\n}\r\n.ac-header.scrolled .ac-header-logo svg { height: 34px; }\r\n\r\n\/* Nav desktop *\/\r\n.ac-header-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0;\r\n  list-style: none;\r\n}\r\n.ac-header-nav li a {\r\n  font-family: 'Jost', system-ui, sans-serif;\r\n  font-size: 0.72rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.75);\r\n  text-decoration: none;\r\n  padding: 0.5rem 1.25rem;\r\n  position: relative;\r\n  transition: color 0.2s;\r\n}\r\n.ac-header-nav li a::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -2px; left: 1.25rem; right: 1.25rem;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.75);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.25s ease;\r\n}\r\n.ac-header-nav li a:hover::after { transform: scaleX(1); }\r\n.ac-header-nav li a:hover { color: #ffffff; }\r\n\r\n\/* CTA contact *\/\r\n.ac-header-cta {\r\n  font-family: 'Jost', system-ui, sans-serif;\r\n  font-size: 0.7rem;\r\n  font-weight: 400;\r\n  letter-spacing: 0.14em;\r\n  text-transform: uppercase;\r\n  color: #103743;\r\n  background: #f7f4ef;\r\n  padding: 0.65rem 1.5rem;\r\n  text-decoration: none;\r\n  border: 1px solid #f7f4ef;\r\n  transition: background 0.2s, color 0.2s;\r\n  white-space: nowrap;\r\n}\r\n.ac-header-cta:hover {\r\n  background: transparent;\r\n  color: #f7f4ef;\r\n}\r\n\r\n\/* Burger mobile *\/\r\n.ac-burger {\r\n  display: none;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: 5px;\r\n  width: 28px;\r\n  height: 28px;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  padding: 0;\r\n  z-index: 10001;\r\n}\r\n.ac-burger span {\r\n  display: block;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: #f7f4ef;\r\n  transition: transform 0.3s ease, opacity 0.3s ease;\r\n  transform-origin: center;\r\n}\r\n.ac-burger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }\r\n.ac-burger.open span:nth-child(2) { opacity: 0; }\r\n.ac-burger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }\r\n\r\n\/* Menu mobile overlay *\/\r\n.ac-mobile-menu {\r\n  position: fixed;\r\n  inset: 0;\r\n  z-index: 9998;\r\n  background: #103743;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity 0.35s ease;\r\n}\r\n.ac-mobile-menu.open {\r\n  opacity: 1;\r\n  pointer-events: all;\r\n}\r\n.ac-mobile-menu nav {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  width: 100%;\r\n}\r\n.ac-mobile-menu nav a {\r\n  font-family: 'Cormorant Garamond', Georgia, serif;\r\n  font-size: clamp(2rem, 8vw, 3rem);\r\n  font-weight: 300;\r\n  color: rgba(247,244,239,0.9);\r\n  text-decoration: none;\r\n  letter-spacing: 0.04em;\r\n  padding: 0.5rem 2rem;\r\n  position: relative;\r\n  transition: color 0.2s;\r\n}\r\n.ac-mobile-menu nav a:hover { color: #ffffff; }\r\n.ac-mobile-menu-divider {\r\n  width: 40px;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.2);\r\n  margin: 1.5rem 0;\r\n}\r\n.ac-mobile-menu-tagline {\r\n  font-family: 'Jost', system-ui, sans-serif;\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,0.35);\r\n}\r\n.ac-mobile-cta {\r\n  display: inline-block;\r\n  margin-top: 2rem;\r\n  font-family: 'Jost', system-ui, sans-serif;\r\n  font-size: 0.7rem;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n  color: #103743;\r\n  background: #f7f4ef;\r\n  padding: 0.85rem 2.5rem;\r\n  text-decoration: none;\r\n  transition: background 0.2s;\r\n}\r\n.ac-mobile-cta:hover { background: #ffffff; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n  .ac-header { padding: 1rem 1.5rem; }\r\n  .ac-header.scrolled { padding: 0.75rem 1.5rem; }\r\n  .ac-header-nav, .ac-header-cta { display: none; }\r\n  .ac-burger { display: flex; }\r\n}\r\n@media (min-width: 1025px) {\r\n  .ac-mobile-menu { display: none !important; }\r\n}\r\n<\/style>\r\n\r\n<!-- HEADER -->\r\n<header class=\"ac-header\" id=\"acHeader\">\r\n\r\n  <!-- Logo -->\r\n  <a href=\"#\" class=\"ac-header-logo\" aria-label=\"Atelier Cagnin \u2014 Accueil\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" viewBox=\"190 730 1760 780\" aria-hidden=\"true\">\r\n      <defs><clipPath id=\"clip_hdr\"><path transform=\"matrix(1,0,0,-1,0,2000)\" d=\"M0 2000H2000V0H0Z\"\/><\/clipPath><\/defs>\r\n      <path transform=\"matrix(1,0,0,-1,0,2000)\" d=\"M1021.88 1230.722H1032.777V1146.019H1021.88Z\" fill=\"#f7f4ef\"\/>\r\n      <g clip-path=\"url(#clip_hdr)\">\r\n      <path transform=\"matrix(1,0,0,-1,1407.433,813.0565)\" d=\"M0 0C2.661 11.99 9.928 20.828 24.096 20.828V19.618C6.536 19.618 0 5.209 0-11.744V-40.924H-10.899V19.618H0Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,788.7075,832.5499)\" d=\"M0 0C0-15.619-7.99-22.52-17.556-22.52-27.484-22.52-35.839-16.829-35.839-2.665V37.898H-47.099V39.111H-35.839L-26.029 63.731H-24.82V39.111H-1.209V37.898H-24.82V-5.692C-24.82-14.771-21.31-19.373-14.044-19.373-7.263-19.373-1.331-13.802-1.209 0Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,0,2000)\" d=\"M1131.92 1146.019H1142.817V1206.561H1131.92Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,1144.3744,775.3301)\" d=\"M0 0-7.05 7.049-14.099 0-7.05-7.05Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,628.8698,850.2273)\" d=\"M0 0C-7.387 0-11.262 3.875-11.262 10.414-11.262 21.672 .362 27.85 20.342 29.666 20.221 9.567 9.807 0 0 0M6.417 57.998C-3.988 57.998-11.684 54.096-15.881 46.871H-14.409C-10.641 52.851-4.398 56.062 3.147 56.062 15.498 56.062 20.342 48.433 20.342 35.234V30.511C-6.78 28.819-22.159 21.431-22.159 8.356-22.159 1.09-17.195-4.964-6.66-4.964 4.6-4.964 16.951 2.058 20.463 19.253L23.889-4.964H31.238V32.086C31.238 48.795 22.64 57.998 6.417 57.998\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,896.9014,793.4385)\" d=\"M0 0C10.655 0 16.71-10.659 16.831-29.304H-18.282C-17.92-11.021-10.533 0 0 0M24.723-43.946C22.023-53.722 14.788-59.453 3.997-59.453-10.292-59.453-18.282-50.008-18.282-30.756V-30.515H27.365C27.85-10.534 16.952 1.209 .122 1.209-17.436 1.209-29.785-11.383-29.785-30.515-29.785-49.281-17.92-61.753 .848-61.753 13.889-61.753 22.861-55.423 25.87-43.946Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,1271.649,793.4385)\" d=\"M0 0C10.655 0 16.71-10.659 16.831-29.304H-18.282C-17.92-11.021-10.533 0 0 0M24.723-43.946C22.023-53.722 14.788-59.453 3.997-59.453-10.292-59.453-18.282-50.008-18.282-30.756V-30.515H27.365C27.85-10.534 16.952 1.209 .122 1.209-17.436 1.209-29.785-11.383-29.785-30.515-29.785-49.281-17.92-61.753 .848-61.753 13.889-61.753 22.861-55.423 25.87-43.946Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,1071.8849,1228.7191)\" d=\"M0 0V182.875C7.86 167.774 34.246 125.797 93.328 104.745 179.116 74.176 208.103 1.782 208.571 .107 208.614 .107 208.651 .153 208.693 .158V0H243.675V256.115H208.693V59.477C200.779 73.47 172.705 115.215 106.58 143.39 26.768 177.397 6.612 242.16 0 259.306V259.771H-15.276V0Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,1753.2837,971.9486)\" d=\"M0 0V-182.875C-7.86-167.774-34.246-125.797-93.328-104.745-179.116-74.176-208.103-1.782-208.571-.107-208.614-.107-208.651-.154-208.693-.159V0H-243.675L-243.674-256.115H-208.693V-59.477C-200.779-73.47-172.705-115.215-106.58-143.391-26.768-177.397-6.612-242.16 0-259.306V-259.771H15.276V0Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,724.5557,1225.0632)\" d=\"M0 0-119.642 259.771H-120.37L-138.307 218.952-136.099 214.407-88.349 109.602C-209.687 110.819-239.135-.001-239.135-.001H-204.979C-188.985 85.869-112.974 100.219-85.154 102.586L-38.415 0Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,449.0528,1185.2039)\" d=\"M0 0C-18.61-24.852-46.003-37.019-76.019-37.019-138.22-37.019-179.197 15.3-179.197 89.568-179.197 162.013-139.319 213.24-76.388 213.24-46.716 213.24-19.359 199.7-1.147 174.688H3.907C-15.563 203.413-47.475 219.46-86.633 219.46-162.734 219.46-217.612 162.379-217.612 87.38-217.612 7.247-156.881-43.969-85.17-43.969-50.315-43.969-18.988-30.943 1.883-3.793Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,1006.9758,1225.0632)\" d=\"M0 0C0 0-29.792 112.584-153.411 109.666V102.526C-128.643 100.33-67.837 88.735-42.528 28.363-60.232 11.652-83.034 3.294-107.693 3.294-169.895 3.294-210.872 55.613-210.872 129.881-210.872 202.326-170.995 253.553-108.063 253.553-78.391 253.553-51.034 240.012-32.821 215.001H-27.769C-47.238 243.726-79.149 259.773-118.308 259.773-194.409 259.773-249.288 202.692-249.288 127.692-249.288 47.56-188.557-3.656-116.846-3.656-87.761-3.656-61.229 5.555-41.084 24.333-38.25 16.893-35.816 8.915-34.155 0Z\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,1470.0955,948.2009)\" d=\"M0 0C-12.504-19.666-24.535-25.223-40.91-22.957-47.843-14.905-52.821-3.143-40.317 13.92-35.218 3.521-33.532-4.505-35.083-11.546-29.027-3.817-18.6 1.551 0 0\" fill=\"#f7f4ef\"\/>\r\n      <path transform=\"matrix(1,0,0,-1,1436.5595,969.2809)\" d=\"M0 0-.31-2.82C-1.28-4.78-4.83-8.26-6-10-8.46-13.64-9.49-14.45-13-17-13.02-17.03-6.94-18.39-6.95-18.42-6.37-19.08-5.85-19.8-5.59-20.63-5.45-20.71-5.34-20.87-5.36-21.03-5.67-23.61-6.62-25.98-6.94-28.58-7.27-31.27-8.41-33.42-9.36-35.89-10.45-38.71-11.5-41.59-12.11-44.56V-44.59C-12.13-44.62-12.13-44.66-12.14-44.69-12.32-45.54-12.46-46.4-12.56-47.25-12.56-47.3-12.57-47.33-12.57-47.38-12.83-49.66-12.86-51.95-12.76-54.28-12.65-57.38-12.89-60.46-12.81-63.55-12.73-66.6-12.49-69.66-12.37-72.71-12.24-75.72-12.27-78.73-12.11-81.72-12.05-83-11.84-84.23-11.7-85.5-11.61-86.34-11.7-87.1-11.62-87.89-11.61-88.02-11.59-88.16-11.56-88.28-11.54-88.39-11.53-88.49-11.51-88.58-11.5-88.62-11.5-88.65-11.51-88.68-11.07-91.51-10.21-94.2-9.34-96.96-8.38-99.98-7.49-103.03-6.61-106.07-5.07-111.4-3.43-116.91-3.93-122.53-4.44-128.4-5.67-134.19-6.4-140.03-6.8-143.12-7.1-146.22-7.6-149.27-7.62-149.38-7.63-149.49-7.65-149.6-7.79-153.7-8.28-157.72-8.08-161.84-7.97-163.81-8-165.76-7.76-167.74-7.56-169.53-7.57-171.3-7.62-173.12-7.86-181.32-7.92-189.53-8.2-197.74-8.33-201.9-7.95-206.16-7.57-210.31-7.21-214.2-8.41-217.78-9.42-221.48-9.9-223.25-10.42-224.99-10.97-226.73-11.42-228.09-11.67-229.28-11.69-230.55-11.27-232.03-11.1-233.58-10.99-235.15-10.86-236.73-10.39-238.36-10.47-239.96-10.64-243.29-11.83-246.2-13.49-249.03-14.5-250.76-15.11-256.19-15.41-259H-44.75C-44.05-256.76-43.36-252.17-42.85-250.61-41.58-246.73-40.82-242.71-40.22-238.68-39.62-234.56-39.14-230.37-39.17-226.21-39.19-221.87-39.89-217.52-40.31-213.17-40.68-212.42-41.06-211.7-41.49-210.98-41.91-210.26-42.34-209.53-42.78-208.82-42.81-208.77-42.84-208.74-42.86-208.69-41.27-219.2-50.42-223.65-50.42-223.65-54.73-213.57-49.81-206.85-45.23-205.36L-47-203C-47.17-202.79-47.07-202.85-47.25-202.65-47.66-202.17-48.07-201.65-48.48-201.13-48.85-200.65-49.22-200.18-49.6-199.71-49.73-199.81-49.86-199.9-50-200-55.98-204.1-67.46-203.18-72.94-187.44-72.94-187.44-64.24-183.2-56.38-188.22-59.18-176.98-53-168-53-168-41.26-179.74-43.38-193.1-48.33-198.53-48.2-198.65-48.07-198.77-47.93-198.89-46.23-200.4-44.25-202.44-42.83-204.16-42.07-205.08-41.36-206.03-40.68-207.03-40.68-205.56-40.6-204.1-40.41-202.65-39.87-198.56-39.32-194.5-38.87-190.4-38.46-186.36-38.23-182.31-37.83-178.28-37.94-177.07-38.1-175.85-38.1-175.55-38.08-173.65-38-171.74-37.92-169.86-37.73-165.79-38.08-161.79-38.1-157.72-38.13-153.48-38.34-149.24-38.29-145-38.23-141.1-38.15-136.94-37.13-133.16-36.07-129.27-34.08-125.69-33.84-121.58-33.75-119.87-33.84-118.14-34.06-116.43V-116.39C-34.4-113.73-35.01-111.08-35.68-108.52-36.71-104.53-38.3-100.77-39.3-96.78-40.22-93.08-41.17-89.44-41.9-85.67-42.4-85.45-42.89-85.24-43.34-85.07-44.61-92.91-49.14-101.09-64.63-102.84-60.35-91.81-55.3-86.29-47.92-84.4-58.08-83.42-68.56-77.83-73.74-58.9-54.66-63.07-45.9-70.34-42.72-83.61-42.56-83.65-42.41-83.7-42.26-83.76V-83.72C-42.36-82.89-42.36-82.05-42.42-81.22-42.55-79.45-42.75-77.68-42.89-75.91-43.18-72.24-43.18-68.53-43.57-64.86-43.99-61.27-41.63-56.66-41.6-53.04-41.57-49.76-40.9-32.85-40.99-28.48-40.83-27.31-40.64-26.15-40.6-24.95-40.54-23.15-40.76-21.38-40.85-19.57-40.9-18.67-40.82-17.77-40.96-16.88-41.11-15.9-41.33-14.95-41.44-13.97-41.58-12.81-42.09-11.15-41.85-9.98-41.82-9.79-41.75-9.65-41.68-9.52-41.5-9.44-41.33-9.38-41.14-9.3-40.9-9.25-40.66-9.21-40.42-9.16-40.36-9.19-40.3-9.21-40.25-9.22-38.65-9.78-37.04-10.27-35.44-10.8-33.86-11.34-25.07-12.56-23.79-13.62-22.84-14.41-22.03-15.36-21.21-16.3-20.99-16.15-20.77-15.99-20.54-15.82-20.29-15.65-20.02-15.44-19.77-15.25-19.37-14.93-18.99-14.62-18.61-14.29-17.77-13.57-16.98-12.81-16.22-12.01-15.08-10.82-13.98-9.59-12.92-8.3L-11.96-7.02C-16.46-9.79-22.53-10.83-30.42-4.32-21.48-.57-15.82-.97-10.71-5.35L-10.31-4.81C-10.15-4.59-9.99-4.36-9.85-4.13-9.15-3.03-8.31-1.93-7.54-.8-7.35-.53-7.17-.27-6.99 0Z\" fill=\"#f7f4ef\"\/>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/a>\r\n\r\n  <!-- Navigation desktop -->\r\n  <nav aria-label=\"Menu principal\">\r\n    <ul class=\"ac-header-nav\">\r\n      <li><a href=\"#atelier\">L'atelier<\/a><\/li>\r\n      <li><a href=\"#savoir-faire\">Savoir-faire<\/a><\/li>\r\n      <li><a href=\"#realisations\">R\u00e9alisations<\/a><\/li>\r\n      <li><a href=\"#contact\">Contact<\/a><\/li>\r\n    <\/ul>\r\n  <\/nav>\r\n\r\n  <!-- CTA desktop -->\r\n  <a href=\"#contact\" class=\"ac-header-cta\">Prendre contact<\/a>\r\n\r\n  <!-- Burger mobile -->\r\n  <button class=\"ac-burger\" id=\"acBurger\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\">\r\n    <span><\/span>\r\n    <span><\/span>\r\n    <span><\/span>\r\n  <\/button>\r\n\r\n<\/header>\r\n\r\n<!-- Menu mobile -->\r\n<div class=\"ac-mobile-menu\" id=\"acMobileMenu\" aria-hidden=\"true\">\r\n  <nav aria-label=\"Menu mobile\">\r\n    <a href=\"#atelier\" class=\"ac-mobile-link\">L'atelier<\/a>\r\n    <a href=\"#savoir-faire\" class=\"ac-mobile-link\">Savoir-faire<\/a>\r\n    <a href=\"#realisations\" class=\"ac-mobile-link\">R\u00e9alisations<\/a>\r\n    <a href=\"#contact\" class=\"ac-mobile-link\">Contact<\/a>\r\n  <\/nav>\r\n  <div class=\"ac-mobile-menu-divider\"><\/div>\r\n  <p class=\"ac-mobile-menu-tagline\">\u00e9b\u00e9niste &nbsp;\u00b7&nbsp; agenceur &nbsp;\u00b7&nbsp; depuis 1890<\/p>\r\n  <a href=\"#contact\" class=\"ac-mobile-cta\">Prendre contact<\/a>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var header  = document.getElementById('acHeader');\r\n  var burger  = document.getElementById('acBurger');\r\n  var menu    = document.getElementById('acMobileMenu');\r\n  var links   = document.querySelectorAll('.ac-mobile-link');\r\n  var isOpen  = false;\r\n\r\n  \/\/ Scroll \u2192 header r\u00e9duit\r\n  window.addEventListener('scroll', function(){\r\n    header.classList.toggle('scrolled', window.scrollY > 60);\r\n  }, { passive: true });\r\n\r\n  \/\/ Burger toggle\r\n  function toggleMenu(open) {\r\n    isOpen = open;\r\n    burger.classList.toggle('open', isOpen);\r\n    menu.classList.toggle('open', isOpen);\r\n    burger.setAttribute('aria-expanded', isOpen);\r\n    menu.setAttribute('aria-hidden', !isOpen);\r\n    document.body.style.overflow = isOpen ? 'hidden' : '';\r\n  }\r\n\r\n  burger.addEventListener('click', function(){ toggleMenu(!isOpen); });\r\n\r\n  \/\/ Fermer au clic sur un lien\r\n  links.forEach(function(link){\r\n    link.addEventListener('click', function(){ toggleMenu(false); });\r\n  });\r\n\r\n  \/\/ Scroll doux sur ancres\r\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\r\n    a.addEventListener('click', function(e){\r\n      var target = document.querySelector(a.getAttribute('href'));\r\n      if (target) {\r\n        e.preventDefault();\r\n        var offset = header.offsetHeight;\r\n        var top = target.getBoundingClientRect().top + window.scrollY - offset;\r\n        window.scrollTo({ top: top, behavior: 'smooth' });\r\n      }\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<div class=\"elementor-element elementor-element-0d0d4a6 e-con-full e-flex e-con e-parent\" data-id=\"0d0d4a6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af89cda elementor-widget elementor-widget-html\" data-id=\"af89cda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n\u2551  ATELIER CAGNIN \u2014 CODE ELEMENTOR PRO                            \u2551\r\n\u2551                                                                  \u2551\r\n\u2551  MODE D'EMPLOI                                                   \u2551\r\n\u2551  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500  \u2551\r\n\u2551  1. BLOC CSS GLOBAL                                              \u2551\r\n\u2551     \u2192 Colle le 1er bloc dans :                                   \u2551\r\n\u2551       Elementor > Site Settings > Custom CSS                     \u2551\r\n\u2551       (ou Apparence > Customiser > CSS additionnel)              \u2551\r\n\u2551                                                                  \u2551\r\n\u2551  2. SECTIONS HTML                                                \u2551\r\n\u2551     \u2192 Chaque section = 1 widget \"HTML\" Elementor en pleine      \u2551\r\n\u2551       largeur (Stretch Section activ\u00e9)                           \u2551\r\n\u2551                                                                  \u2551\r\n\u2551  3. ZONES IMAGES \u2190 marqu\u00e9es [WIDGET IMAGE ELEMENTOR]            \u2551\r\n\u2551     \u2192 Dans Elementor, pose un widget \"Image\" ou d\u00e9finis un       \u2551\r\n\u2551       Background Image sur la section\/colonne correspondante.    \u2551\r\n\u2551       Hauteur, object-fit et position sont d\u00e9j\u00e0 d\u00e9finies         \u2551\r\n\u2551       via les classes CSS.                                        \u2551\r\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\r\n-->\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2460 CSS GLOBAL\r\n     \u2192 Coller dans : Elementor > Site Settings > Custom CSS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<style id=\"cagnin-global-css\">\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500&display=swap');\r\n\r\n:root {\r\n  --bleu:       #103743;\r\n  --bleu-fonce: #0b2229;\r\n  --bleu-clair: #4d7a85;\r\n  --creme:      #f7f4ef;\r\n  --blanc:      #ffffff;\r\n  --gris:       #ede9e2;\r\n  --texte:      #0b2229;\r\n  --texte-doux: #4a6f78;\r\n  --serif:      'Cormorant Garamond', Georgia, serif;\r\n  --sans:       'Jost', system-ui, sans-serif;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\n\r\n\/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n.ac-hero {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 8rem 3rem 5rem;\r\n  background: var(--creme);\r\n  position: relative;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n.ac-hero::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--bleu);\r\n}\r\n.ac-hero::after {\r\n  content: '1890';\r\n  position: absolute;\r\n  bottom: -2rem; right: -1rem;\r\n  font-family: var(--serif);\r\n  font-size: clamp(8rem, 20vw, 18rem);\r\n  font-weight: 300;\r\n  color: rgba(61,84,89,0.042);\r\n  line-height: 1;\r\n  pointer-events: none;\r\n  user-select: none;\r\n  letter-spacing: -0.04em;\r\n}\r\n.ac-hero-brand { margin-bottom: 2.5rem; position: relative; }\r\n.ac-hero-brand svg { max-width: 92vw; }\r\n.ac-hero-ornement {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1.25rem;\r\n  margin-bottom: 3rem;\r\n}\r\n.ac-hero-ornement-trait { width: 80px; height: 1px; background: var(--bleu); opacity: 0.35; }\r\n.ac-hero-ornement-losange { width: 5px; height: 5px; background: var(--bleu); transform: rotate(45deg); opacity: 0.55; }\r\n.ac-hero-inner { max-width: 820px; position: relative; }\r\n.ac-hero-accroche {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1.8rem, 4vw, 3rem);\r\n  font-weight: 300;\r\n  font-style: italic;\r\n  line-height: 1.3;\r\n  color: var(--texte);\r\n  margin-bottom: 2rem;\r\n  letter-spacing: -0.01em;\r\n}\r\n.ac-hero-accroche em { font-style: normal; color: var(--bleu); }\r\n.ac-hero-desc {\r\n  font-family: var(--serif);\r\n  font-size: 1.05rem;\r\n  font-weight: 300;\r\n  line-height: 1.85;\r\n  color: var(--texte-doux);\r\n  max-width: 580px;\r\n  margin: 0 auto 2rem;\r\n}\r\n.ac-hero-divider { width: 48px; height: 1px; background: var(--bleu); margin: 1.5rem auto; opacity: 0.35; }\r\n.ac-hero-tagline {\r\n  font-family: var(--sans);\r\n  font-size: 0.72rem;\r\n  letter-spacing: 0.28em;\r\n  text-transform: uppercase;\r\n  color: var(--bleu-clair);\r\n}\r\n\r\n\/* \u2500\u2500 PHOTOS PLEINE LARGEUR (placeholders supprim\u00e9s \u2014 widget Elementor) \u2500\u2500 *\/\r\n\/* La classe .ac-img-full s'applique sur la Section Elementor elle-m\u00eame *\/\r\n\/* R\u00e9glages Elementor : hauteur min 70vh, Background Image, Position Center, Size Cover *\/\r\n\r\n\/* \u2500\u2500 3 CARTES NAVIGATION \u2500\u2500 *\/\r\n.ac-nav-section { background: var(--creme); padding: 5rem 3rem; }\r\n.ac-nav-header { text-align: center; margin-bottom: 3rem; }\r\n.ac-eyebrow {\r\n  font-family: var(--sans);\r\n  font-size: 0.68rem;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n  color: var(--bleu-clair);\r\n  margin-bottom: 0.75rem;\r\n  display: block;\r\n}\r\n.ac-titre-section {\r\n  font-family: var(--serif);\r\n  font-size: clamp(2rem, 4vw, 3.2rem);\r\n  font-weight: 300;\r\n  line-height: 1.15;\r\n  color: var(--texte);\r\n}\r\n.ac-nav-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n.ac-card {\r\n  position: relative;\r\n  overflow: hidden;\r\n  text-decoration: none;\r\n  display: block;\r\n  aspect-ratio: 3\/4;\r\n}\r\n\/* La photo de fond de chaque carte = widget Image Elementor en background\r\n   OU background-image inline sur .ac-card-bg via CSS Elementor *\/\r\n.ac-card-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  transition: transform 0.7s ease;\r\n  background-size: cover;\r\n  background-position: center;\r\n}\r\n\/* Couleurs de fallback tant que les images ne sont pas pos\u00e9es *\/\r\n.ac-card-atelier .ac-card-bg { background-color: #0e3d4a; }\r\n.ac-card-savoir  .ac-card-bg { background-color: #2e4a50; }\r\n.ac-card-real    .ac-card-bg { background-color: #3d5c63; }\r\n.ac-card:hover .ac-card-bg { transform: scale(1.05); }\r\n.ac-card-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(to top, rgba(20,32,35,0.85) 0%, rgba(20,32,35,0.1) 60%, transparent 100%);\r\n}\r\n.ac-card-content {\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  padding: 2.5rem;\r\n  color: var(--blanc);\r\n}\r\n.ac-card-num {\r\n  font-family: var(--sans);\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  color: rgba(255,255,255,0.45);\r\n  margin-bottom: 0.5rem;\r\n}\r\n.ac-card-titre {\r\n  font-family: var(--serif);\r\n  font-size: 1.7rem;\r\n  font-weight: 300;\r\n  line-height: 1.2;\r\n  margin-bottom: 0.75rem;\r\n}\r\n.ac-card-arrow {\r\n  width: 28px; height: 1px;\r\n  background: rgba(255,255,255,0.45);\r\n  position: relative;\r\n  transition: width 0.3s;\r\n}\r\n.ac-card-arrow::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0; top: -3px;\r\n  width: 7px; height: 7px;\r\n  border-right: 1px solid rgba(255,255,255,0.45);\r\n  border-top: 1px solid rgba(255,255,255,0.45);\r\n  transform: rotate(45deg);\r\n}\r\n.ac-card:hover .ac-card-arrow { width: 44px; }\r\n.ac-card:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.07); }\r\n\r\n\/* \u2500\u2500 L'ATELIER : HISTOIRE \u2500\u2500 *\/\r\n.ac-histoire {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  min-height: 560px;\r\n}\r\n\/* .ac-histoire-photo = colonne gauche : widget Image Elementor\r\n   R\u00e9glages Elementor : hauteur 100%, object-fit cover, stretch *\/\r\n.ac-histoire-photo {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 400px;\r\n  background: var(--bleu-fonce); \/* fallback *\/\r\n}\r\n\/* Si tu utilises un widget HTML pour cette section, ajoute l'image ainsi :\r\n   <img decoding=\"async\" src=\"URL\" class=\"ac-histoire-img\"> *\/\r\n.ac-histoire-img {\r\n  position: absolute; inset: 0;\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transition: transform 0.8s ease;\r\n}\r\n.ac-histoire:hover .ac-histoire-img { transform: scale(1.03); }\r\n.ac-histoire-texte {\r\n  padding: 5rem 4.5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  background: var(--bleu);\r\n}\r\n.ac-histoire-titre {\r\n  font-family: var(--serif);\r\n  font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n  font-weight: 300;\r\n  line-height: 1.15;\r\n  color: var(--blanc);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ac-histoire-titre em { font-style: italic; color: rgba(255,255,255,0.7); }\r\n.ac-ligne { width: 36px; height: 1px; background: var(--bleu); margin-bottom: 1.5rem; }\r\n.ac-histoire-corps {\r\n  font-family: var(--serif);\r\n  font-size: 1.05rem;\r\n  font-weight: 300;\r\n  line-height: 1.9;\r\n  color: rgba(255,255,255,0.72);\r\n}\r\n.ac-histoire-corps p + p { margin-top: 1.25rem; }\r\n\r\n\r\n\/* \u2500\u2500 LES ASSOCI\u00c9S \u2500\u2500 *\/\r\n.ac-associes { background: var(--creme); padding: 5rem 3rem 6rem; }\r\n.ac-associes-header { text-align: center; margin-bottom: 4rem; }\r\n.ac-associes-titre { font-family: var(--serif); font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 300; color: var(--texte); }\r\n.ac-divider { width: 40px; height: 2px; background: var(--bleu); margin: 1.5rem auto; }\r\n.ac-associes-grille {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 2rem;\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n.ac-associe {\r\n  display: flex;\r\n  align-items: stretch;\r\n  background: var(--blanc);\r\n  overflow: hidden;\r\n}\r\n.ac-associe-photo {\r\n  width: 260px;\r\n  min-width: 260px;\r\n  flex-shrink: 0;\r\n  overflow: hidden;\r\n  background: var(--bleu-fonce);\r\n  display: flex;\r\n}\r\n.ac-associe-img {\r\n  width: 100%;\r\n  min-height: 100%;\r\n  object-fit: cover;\r\n  object-position: center top;\r\n  display: block;\r\n  flex: 1;\r\n}\r\n.ac-associe-texte {\r\n  padding: 2.5rem 2rem;\r\n  display: flex; flex-direction: column; justify-content: center;\r\n}\r\n.ac-associe-nom { font-family: var(--serif); font-size: 1.7rem; font-weight: 300; color: var(--texte); line-height: 1.1; margin-bottom: 0.3rem; }\r\n.ac-associe-role { font-family: var(--sans); font-size: 0.63rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--bleu-clair); margin-bottom: 1.25rem; }\r\n.ac-associe-ligne { width: 28px; height: 1px; background: var(--bleu); margin-bottom: 1.25rem; }\r\n.ac-associe-bio { font-family: var(--serif); font-size: 0.95rem; font-weight: 300; line-height: 1.85; color: var(--texte-doux); }\r\n\r\n\/* \u2500\u2500 SAVOIR-FAIRE \u2500\u2500 *\/\r\n.ac-sf-intro { background: var(--bleu); padding: 5rem 3rem 3rem; text-align: center; }\r\n.ac-sf-intro .ac-eyebrow { color: rgba(255,255,255,0.45); }\r\n.ac-sf-intro .ac-divider { background: rgba(255,255,255,0.3); }\r\n.ac-sf-intro-inner { max-width: 700px; margin: 0 auto; }\r\n.ac-sf-titre { font-family: var(--serif); font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 300; color: var(--blanc); line-height: 1.2; }\r\n.ac-sf-accroche { font-family: var(--serif); font-size: 1.1rem; font-style: italic; font-weight: 300; color: rgba(255,255,255,0.68); line-height: 1.8; max-width: 620px; margin: 0 auto; }\r\n\r\n.ac-etape { display: grid; grid-template-columns: 1fr 1fr; min-height: 560px; }\r\n.ac-etape:nth-child(even) { direction: rtl; }\r\n.ac-etape:nth-child(even) > * { direction: ltr; }\r\n\/* .ac-etape-photo = widget Image Elementor, hauteur 100%, cover *\/\r\n.ac-etape-photo {\r\n  position: relative;\r\n  overflow: hidden;\r\n  min-height: 380px;\r\n  background: var(--bleu-fonce);\r\n}\r\n.ac-etape-photo img,\r\n.ac-etape-img {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  display: block;\r\n  transition: transform 0.8s ease;\r\n}\r\n.ac-etape:hover .ac-etape-img { transform: scale(1.04); }\r\n.ac-etape-texte {\r\n  padding: 5rem 4.5rem;\r\n  display: flex; flex-direction: column; justify-content: center;\r\n  background: var(--creme);\r\n}\r\n.ac-etape:nth-child(even) .ac-etape-texte { background: var(--creme); }\r\n.ac-etape-num { font-family: var(--serif); font-size: 5rem; font-weight: 300; color: rgba(16,55,67,0.12); line-height: 1; margin-bottom: 0.2rem; letter-spacing: -0.02em; min-width: 3rem; }\r\n.ac-etape-label { font-family: var(--sans); font-size: 0.65rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--bleu-clair); margin-bottom: 1rem; }\r\n.ac-etape-titre { font-family: var(--serif); font-size: clamp(2rem, 3vw, 2.8rem); font-weight: 300; line-height: 1.1; color: var(--texte); margin-bottom: 1.5rem; }\r\n.ac-etape-titre em { font-style: italic; color: var(--bleu); }\r\n.ac-etape-corps { font-family: var(--serif); font-size: 1.05rem; font-weight: 300; line-height: 1.85; color: var(--texte-doux); }\r\n\r\n.ac-sf-cta { background: var(--bleu-fonce); padding: 5rem 3rem; text-align: center; color: var(--blanc); }\r\n.ac-sf-cta-eyebrow { font-family: var(--sans); font-size: 0.68rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.42); margin-bottom: 1.25rem; }\r\n.ac-sf-cta-titre { font-family: var(--serif); font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 300; line-height: 1.15; color: var(--blanc); }\r\n.ac-sf-cta-titre em { font-style: italic; color: rgba(255,255,255,0.6); }\r\n.ac-sf-cta-divider { width: 40px; height: 1px; background: rgba(255,255,255,0.28); margin: 2rem auto; }\r\n.ac-sf-cta-texte { font-family: var(--serif); font-size: 1.05rem; font-weight: 300; font-style: italic; color: rgba(255,255,255,0.6); margin: 0 auto 2.5rem; max-width: 460px; }\r\n.ac-btn-blanc { display: inline-block; font-family: var(--sans); font-size: 0.75rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 400; color: var(--bleu); background: var(--blanc); padding: 1rem 2.75rem; text-decoration: none; transition: background 0.2s; }\r\n.ac-btn-blanc:hover { background: var(--creme); }\r\n\r\n\/* \u2500\u2500 R\u00c9ALISATIONS \u2500\u2500 *\/\r\n.ac-real-section { background: var(--creme); padding: 5rem 3rem 6rem; }\r\n.ac-real-section .ac-eyebrow { color: rgba(255,255,255,0.45); }\r\n.ac-real-section .ac-divider { background: rgba(255,255,255,0.3); }\r\n.ac-real-header { text-align: center; margin-bottom: 3.5rem; }\r\n.ac-real-titre { font-family: var(--serif); font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 300; color: var(--texte); line-height: 1.15; }\r\n.ac-filtres {\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 3rem;\r\n  border-bottom: 1px solid var(--gris);\r\n}\r\n.ac-filtre {\r\n  font-family: var(--sans); font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 400;\r\n  color: var(--texte-doux); background: none; border: none;\r\n  padding: 0.9rem 2rem; cursor: pointer; position: relative; transition: color 0.2s;\r\n}\r\n.ac-filtre::after {\r\n  content: ''; position: absolute;\r\n  bottom: -1px; left: 0; right: 0; height: 2px;\r\n  background: var(--bleu); transform: scaleX(0); transition: transform 0.25s ease;\r\n}\r\n.ac-filtre:hover { color: var(--texte); }\r\n.ac-filtre.actif { color: var(--bleu); }\r\n.ac-filtre.actif::after { transform: scaleX(1); }\r\n.ac-grille { max-width: 1200px; margin: 0 auto; columns: 3; column-gap: 1.25rem; }\r\n.ac-item {\r\n  break-inside: avoid; margin-bottom: 1.25rem;\r\n  position: relative; overflow: hidden; cursor: pointer;\r\n  display: none; background: var(--gris);\r\n}\r\n.ac-item.visible { display: block; }\r\n.ac-item-img {\r\n  width: 100%; display: block;\r\n  object-fit: cover;\r\n  transition: transform 0.6s ease;\r\n}\r\n.ac-item:hover .ac-item-img { transform: scale(1.04); }\r\n\/* Placeholder tant que la photo n'est pas pos\u00e9e *\/\r\n.ac-item-ph { width: 100%; display: block; transition: transform 0.6s ease; }\r\n.ac-item:hover .ac-item-ph { transform: scale(1.04); }\r\n.ac-legende {\r\n  position: absolute; bottom: 0; left: 0; right: 0;\r\n  padding: 1.5rem 1.25rem 1rem;\r\n  background: linear-gradient(to top, rgba(20,32,35,0.68) 0%, transparent 100%);\r\n  opacity: 0; transition: opacity 0.3s ease;\r\n}\r\n.ac-item:hover .ac-legende { opacity: 1; }\r\n.ac-legende-texte { font-family: var(--sans); font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.82); }\r\n\r\n\/* \u2500\u2500 AVIS \u2500\u2500 *\/\r\n.ac-avis { background: var(--bleu-fonce); color: var(--blanc); padding: 5rem 3rem; }\r\n.ac-avis-header { text-align: center; margin-bottom: 3rem; }\r\n.ac-avis-logo { font-family: var(--sans); font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.38); margin-bottom: 0.5rem; }\r\n.ac-avis-titre { font-family: var(--serif); font-size: 2rem; font-weight: 300; font-style: italic; color: var(--blanc); }\r\n.ac-avis-stars { color: #c9a96e; letter-spacing: 2px; font-size: 0.9rem; margin-top: 0.4rem; }\r\n.ac-avis-wrapper { max-width: 1100px; margin: 0 auto; overflow: hidden; }\r\n.ac-avis-track { display: flex; gap: 1.5rem; transition: transform 0.5s ease; }\r\n.ac-avis-card { min-width: calc(33.333% - 1rem); background: rgba(255,255,255,0.06); border: 0.5px solid rgba(255,255,255,0.11); padding: 2rem; flex-shrink: 0; }\r\n.ac-avis-quote { font-family: var(--serif); font-size: 1.05rem; font-weight: 300; font-style: italic; line-height: 1.7; color: rgba(255,255,255,0.82); margin-bottom: 1.25rem; }\r\n.ac-avis-author { font-family: var(--sans); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.38); }\r\n.ac-avis-nav { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-top: 2.5rem; }\r\n.ac-avis-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.22); cursor: pointer; border: none; transition: background 0.2s; }\r\n.ac-avis-dot.active { background: var(--blanc); }\r\n.ac-avis-btn { background: none; border: 0.5px solid rgba(255,255,255,0.28); color: var(--blanc); width: 36px; height: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1rem; transition: border-color 0.2s, background 0.2s; }\r\n.ac-avis-btn:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.55); }\r\n\r\n\/* \u2500\u2500 CONTACT & FORMULAIRE \u2500\u2500 *\/\r\n.ac-contact { background: var(--bleu); padding: 6rem 3rem; }\r\n.ac-contact .ac-eyebrow { color: rgba(255,255,255,0.45); }\r\n.ac-contact-inner { max-width: 760px; margin: 0 auto; text-align: center; }\r\n.ac-contact-titre { font-family: var(--serif); font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 300; line-height: 1.15; color: var(--blanc); margin-bottom: 1.25rem; }\r\n.ac-contact-titre em { font-style: italic; color: rgba(255,255,255,0.65); }\r\n.ac-contact-texte { font-family: var(--serif); font-size: 1.05rem; font-weight: 300; font-style: italic; color: rgba(255,255,255,0.65); line-height: 1.8; margin-bottom: 3rem; }\r\n.ac-form { text-align: left; }\r\n.ac-form-ligne { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }\r\n.ac-form-groupe { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1.25rem; }\r\n.ac-form-label { font-family: var(--sans); font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.7); }\r\n.ac-form-req { color: var(--bleu); }\r\n.ac-form-input { font-family: var(--sans); font-size: 0.9rem; font-weight: 300; color: var(--texte); background: var(--blanc); border: 1px solid rgba(255,255,255,0.2); border-radius: 0; padding: 0.85rem 1rem; transition: border-color 0.2s; width: 100%; appearance: none; }\r\n.ac-form-input:focus { outline: none; border-color: var(--blanc); }\r\n.ac-form-input::placeholder { color: var(--texte-doux); opacity: 0.55; }\r\n.ac-form-select { cursor: pointer; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b8a90' stroke-width='1.5' fill='none'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 1rem center; padding-right: 2.5rem; }\r\n.ac-form-textarea { min-height: 140px; resize: vertical; line-height: 1.6; }\r\n.ac-form-submit { width: 100%; margin-top: 0.5rem; font-family: var(--sans); font-size: 0.78rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 400; color: var(--bleu); background: var(--blanc); border: none; padding: 1.1rem 2rem; cursor: pointer; transition: background 0.2s; }\r\n.ac-form-submit:hover { background: var(--creme); }\r\n.ac-form-submit:disabled { opacity: 0.6; cursor: not-allowed; }\r\n.ac-form-mention { font-family: var(--sans); font-size: 0.65rem; color: rgba(255,255,255,0.4); margin-top: 1rem; line-height: 1.6; }\r\n.ac-form-merci { text-align: center; padding: 3rem 0; }\r\n.ac-form-merci-icon { font-size: 1.5rem; color: var(--bleu); width: 56px; height: 56px; border: 1.5px solid var(--bleu); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; }\r\n.ac-form-merci-titre { font-family: var(--serif); font-size: 2rem; font-weight: 300; color: var(--texte); margin-bottom: 0.75rem; }\r\n.ac-form-merci-texte { font-family: var(--serif); font-size: 1.05rem; font-style: italic; color: var(--texte-doux); }\r\n\r\n\/* \u2500\u2500 AVIS BILIK \u2500\u2500 *\/\r\n.ac-avis { background: var(--bleu); padding: 5rem 3rem 4rem; }\r\n.ac-avis-header { text-align: center; margin-bottom: 3.5rem; }\r\n.ac-avis-logo { font-family: var(--sans); font-size: 0.68rem; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 0.75rem; }\r\n.ac-avis-titre { font-family: var(--serif); font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 300; color: var(--blanc); line-height: 1.2; }\r\n.ac-avis-note { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 0.75rem; }\r\n.ac-avis-stars { color: #c9a96e; letter-spacing: 3px; font-size: 1rem; }\r\n.ac-avis-score { font-family: var(--sans); font-size: 0.68rem; letter-spacing: 0.1em; color: rgba(255,255,255,0.45); }\r\n.ac-avis-grille { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\r\n.ac-avis-track { display: contents; }\r\n.ac-avis-card { background: var(--creme); padding: 2rem; display: flex; flex-direction: column; border-left: 2px solid var(--bleu); }\r\n.ac-avis-projet { font-family: var(--sans); font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--bleu); margin-bottom: 1rem; }\r\n.ac-avis-quote { font-family: var(--serif); font-size: 1rem; font-weight: 300; font-style: italic; line-height: 1.8; color: var(--texte); margin-bottom: 1.5rem; flex: 1; }\r\n.ac-avis-footer { border-top: 0.5px solid rgba(61,84,89,0.15); padding-top: 1rem; display: flex; flex-direction: column; gap: 0.2rem; }\r\n.ac-avis-author { font-family: var(--sans); font-size: 0.72rem; font-weight: 400; color: var(--texte); letter-spacing: 0.04em; }\r\n.ac-avis-meta { font-family: var(--sans); font-size: 0.62rem; color: #103743 !important; letter-spacing: 0.06em; }\r\n.ac-avis-lien { display: inline-block; font-family: var(--sans); font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.6); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 2px; transition: color 0.2s, border-color 0.2s; }\r\n.ac-avis-lien:hover { color: var(--blanc) !important; border-bottom-color: var(--blanc); opacity: 1; }\r\n\r\n.ac-histoire-corps, .ac-histoire-corps p,\r\n.ac-histoire-titre, .ac-histoire-titre em,\r\n.ac-associe-bio, .ac-associe-bio p,\r\n.ac-etape-corps, .ac-etape-corps p,\r\n.ac-sf-accroche, .ac-hero-accroche, .ac-hero-desc,\r\n.ac-avis-quote, .ac-contact-texte {\r\n  text-transform: none !important;\r\n  letter-spacing: normal !important;\r\n}\r\n\r\n\/* Ancres *\/\r\n#atelier, #savoir-faire, #realisations, #contact { scroll-margin-top: 80px; }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .ac-nav-grid { grid-template-columns: 1fr; }\r\n  .ac-card { aspect-ratio: 4\/3; }\r\n  .ac-histoire { grid-template-columns: 1fr; }\r\n  .ac-histoire-photo { min-height: 280px; }\r\n  .ac-histoire-texte { padding: 3rem 1.5rem; }\r\n  .ac-associes-grille { grid-template-columns: 1fr; gap: 1.5rem; }\r\n  .ac-associe { flex-direction: column; }\r\n  .ac-associe-photo { width: 100%; min-width: 0; height: 280px; min-height: 0; }\r\n  .ac-associe-img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\r\n  .ac-associe-texte { padding: 2rem 1.5rem; }\r\n  .ac-etape { grid-template-columns: 1fr; direction: ltr; }\r\n  .ac-etape:nth-child(even) { direction: ltr; }\r\n  .ac-etape-photo { min-height: 260px; }\r\n  .ac-etape-texte { padding: 3rem 1.5rem; }\r\n  .ac-grille { columns: 2; }\r\n  .ac-filtres { flex-wrap: wrap; }\r\n  .ac-filtre { padding: 0.7rem 1.1rem; font-size: 0.66rem; }\r\n  .ac-avis-grille { grid-template-columns: 1fr; }\r\n  .ac-nav-section, .ac-associes, .ac-real-section, .ac-contact { padding: 3.5rem 1.5rem; }\r\n  .ac-form-ligne { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2461 SECTION HERO\r\n     \u2192 1 widget HTML, Stretch Section activ\u00e9\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"ac-hero\">\r\n  <div class=\"ac-hero-brand\">\r\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" width=\"700\" height=\"220\" viewBox=\"190 730 1760 780\" style=\"display:block;margin:0 auto;max-width:92vw;height:auto;\">\r\n    <defs><clipPath id=\"clip_logo\"><path transform=\"matrix(1,0,0,-1,0,2000)\" d=\"M0 2000H2000V0H0Z\"\/><\/clipPath><\/defs>\r\n    <path transform=\"matrix(1,0,0,-1,0,2000)\" d=\"M1021.88 1230.722H1032.777V1146.019H1021.88Z\" fill=\"#103743\"\/>\r\n    <g clip-path=\"url(#clip_logo)\">\r\n    <path transform=\"matrix(1,0,0,-1,1407.433,813.0565)\" d=\"M0 0C2.661 11.99 9.928 20.828 24.096 20.828V19.618C6.536 19.618 0 5.209 0-11.744V-40.924H-10.899V19.618H0Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,788.7075,832.5499)\" d=\"M0 0C0-15.619-7.99-22.52-17.556-22.52-27.484-22.52-35.839-16.829-35.839-2.665V37.898H-47.099V39.111H-35.839L-26.029 63.731H-24.82V39.111H-1.209V37.898H-24.82V-5.692C-24.82-14.771-21.31-19.373-14.044-19.373-7.263-19.373-1.331-13.802-1.209 0Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,0,2000)\" d=\"M1131.92 1146.019H1142.817V1206.561H1131.92Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,1144.3744,775.3301)\" d=\"M0 0-7.05 7.049-14.099 0-7.05-7.05Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,628.8698,850.2273)\" d=\"M0 0C-7.387 0-11.262 3.875-11.262 10.414-11.262 21.672 .362 27.85 20.342 29.666 20.221 9.567 9.807 0 0 0M6.417 57.998C-3.988 57.998-11.684 54.096-15.881 46.871H-14.409C-10.641 52.851-4.398 56.062 3.147 56.062 15.498 56.062 20.342 48.433 20.342 35.234V30.511C-6.78 28.819-22.159 21.431-22.159 8.356-22.159 1.09-17.195-4.964-6.66-4.964 4.6-4.964 16.951 2.058 20.463 19.253L23.889-4.964H31.238V32.086C31.238 48.795 22.64 57.998 6.417 57.998\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,896.9014,793.4385)\" d=\"M0 0C10.655 0 16.71-10.659 16.831-29.304H-18.282C-17.92-11.021-10.533 0 0 0M24.723-43.946C22.023-53.722 14.788-59.453 3.997-59.453-10.292-59.453-18.282-50.008-18.282-30.756V-30.515H27.365C27.85-10.534 16.952 1.209 .122 1.209-17.436 1.209-29.785-11.383-29.785-30.515-29.785-49.281-17.92-61.753 .848-61.753 13.889-61.753 22.861-55.423 25.87-43.946Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,1271.649,793.4385)\" d=\"M0 0C10.655 0 16.71-10.659 16.831-29.304H-18.282C-17.92-11.021-10.533 0 0 0M24.723-43.946C22.023-53.722 14.788-59.453 3.997-59.453-10.292-59.453-18.282-50.008-18.282-30.756V-30.515H27.365C27.85-10.534 16.952 1.209 .122 1.209-17.436 1.209-29.785-11.383-29.785-30.515-29.785-49.281-17.92-61.753 .848-61.753 13.889-61.753 22.861-55.423 25.87-43.946Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,1071.8849,1228.7191)\" d=\"M0 0V182.875C7.86 167.774 34.246 125.797 93.328 104.745 179.116 74.176 208.103 1.782 208.571 .107 208.614 .107 208.651 .153 208.693 .158V0H243.675V256.115H208.693V59.477C200.779 73.47 172.705 115.215 106.58 143.39 26.768 177.397 6.612 242.16 0 259.306V259.771H-15.276V0Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,1753.2837,971.9486)\" d=\"M0 0V-182.875C-7.86-167.774-34.246-125.797-93.328-104.745-179.116-74.176-208.103-1.782-208.571-.107-208.614-.107-208.651-.154-208.693-.159V0H-243.675L-243.674-256.115H-208.693V-59.477C-200.779-73.47-172.705-115.215-106.58-143.391-26.768-177.397-6.612-242.16 0-259.306V-259.771H15.276V0Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,724.5557,1225.0632)\" d=\"M0 0-119.642 259.771H-120.37L-138.307 218.952-136.099 214.407-88.349 109.602C-209.687 110.819-239.135-.001-239.135-.001H-204.979C-188.985 85.869-112.974 100.219-85.154 102.586L-38.415 0Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,449.0528,1185.2039)\" d=\"M0 0C-18.61-24.852-46.003-37.019-76.019-37.019-138.22-37.019-179.197 15.3-179.197 89.568-179.197 162.013-139.319 213.24-76.388 213.24-46.716 213.24-19.359 199.7-1.147 174.688H3.907C-15.563 203.413-47.475 219.46-86.633 219.46-162.734 219.46-217.612 162.379-217.612 87.38-217.612 7.247-156.881-43.969-85.17-43.969-50.315-43.969-18.988-30.943 1.883-3.793Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,1006.9758,1225.0632)\" d=\"M0 0C0 0-29.792 112.584-153.411 109.666V102.526C-128.643 100.33-67.837 88.735-42.528 28.363-60.232 11.652-83.034 3.294-107.693 3.294-169.895 3.294-210.872 55.613-210.872 129.881-210.872 202.326-170.995 253.553-108.063 253.553-78.391 253.553-51.034 240.012-32.821 215.001H-27.769C-47.238 243.726-79.149 259.773-118.308 259.773-194.409 259.773-249.288 202.692-249.288 127.692-249.288 47.56-188.557-3.656-116.846-3.656-87.761-3.656-61.229 5.555-41.084 24.333-38.25 16.893-35.816 8.915-34.155 0Z\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,1470.0955,948.2009)\" d=\"M0 0C-12.504-19.666-24.535-25.223-40.91-22.957-47.843-14.905-52.821-3.143-40.317 13.92-35.218 3.521-33.532-4.505-35.083-11.546-29.027-3.817-18.6 1.551 0 0\" fill=\"#103743\"\/>\r\n    <path transform=\"matrix(1,0,0,-1,1436.5595,969.2809)\" d=\"M0 0-.31-2.82C-1.28-4.78-4.83-8.26-6-10-8.46-13.64-9.49-14.45-13-17-13.02-17.03-6.94-18.39-6.95-18.42-6.37-19.08-5.85-19.8-5.59-20.63-5.45-20.71-5.34-20.87-5.36-21.03-5.67-23.61-6.62-25.98-6.94-28.58-7.27-31.27-8.41-33.42-9.36-35.89-10.45-38.71-11.5-41.59-12.11-44.56V-44.59C-12.13-44.62-12.13-44.66-12.14-44.69-12.32-45.54-12.46-46.4-12.56-47.25-12.56-47.3-12.57-47.33-12.57-47.38-12.83-49.66-12.86-51.95-12.76-54.28-12.65-57.38-12.89-60.46-12.81-63.55-12.73-66.6-12.49-69.66-12.37-72.71-12.24-75.72-12.27-78.73-12.11-81.72-12.05-83-11.84-84.23-11.7-85.5-11.61-86.34-11.7-87.1-11.62-87.89-11.61-88.02-11.59-88.16-11.56-88.28-11.54-88.39-11.53-88.49-11.51-88.58-11.5-88.62-11.5-88.65-11.51-88.68-11.07-91.51-10.21-94.2-9.34-96.96-8.38-99.98-7.49-103.03-6.61-106.07-5.07-111.4-3.43-116.91-3.93-122.53-4.44-128.4-5.67-134.19-6.4-140.03-6.8-143.12-7.1-146.22-7.6-149.27-7.62-149.38-7.63-149.49-7.65-149.6-7.79-153.7-8.28-157.72-8.08-161.84-7.97-163.81-8-165.76-7.76-167.74-7.56-169.53-7.57-171.3-7.62-173.12-7.86-181.32-7.92-189.53-8.2-197.74-8.33-201.9-7.95-206.16-7.57-210.31-7.21-214.2-8.41-217.78-9.42-221.48-9.9-223.25-10.42-224.99-10.97-226.73-11.42-228.09-11.67-229.28-11.69-230.55-11.27-232.03-11.1-233.58-10.99-235.15-10.86-236.73-10.39-238.36-10.47-239.96-10.64-243.29-11.83-246.2-13.49-249.03-14.5-250.76-15.11-256.19-15.41-259H-44.75C-44.05-256.76-43.36-252.17-42.85-250.61-41.58-246.73-40.82-242.71-40.22-238.68-39.62-234.56-39.14-230.37-39.17-226.21-39.19-221.87-39.89-217.52-40.31-213.17-40.68-212.42-41.06-211.7-41.49-210.98-41.91-210.26-42.34-209.53-42.78-208.82-42.81-208.77-42.84-208.74-42.86-208.69-41.27-219.2-50.42-223.65-50.42-223.65-54.73-213.57-49.81-206.85-45.23-205.36L-47-203C-47.17-202.79-47.07-202.85-47.25-202.65-47.66-202.17-48.07-201.65-48.48-201.13-48.85-200.65-49.22-200.18-49.6-199.71-49.73-199.81-49.86-199.9-50-200-55.98-204.1-67.46-203.18-72.94-187.44-72.94-187.44-64.24-183.2-56.38-188.22-59.18-176.98-53-168-53-168-41.26-179.74-43.38-193.1-48.33-198.53-48.2-198.65-48.07-198.77-47.93-198.89-46.23-200.4-44.25-202.44-42.83-204.16-42.07-205.08-41.36-206.03-40.68-207.03-40.68-205.56-40.6-204.1-40.41-202.65-39.87-198.56-39.32-194.5-38.87-190.4-38.46-186.36-38.23-182.31-37.83-178.28-37.94-177.07-38.1-175.85-38.1-175.55-38.08-173.65-38-171.74-37.92-169.86-37.73-165.79-38.08-161.79-38.1-157.72-38.13-153.48-38.34-149.24-38.29-145-38.23-141.1-38.15-136.94-37.13-133.16-36.07-129.27-34.08-125.69-33.84-121.58-33.75-119.87-33.84-118.14-34.06-116.43V-116.39C-34.4-113.73-35.01-111.08-35.68-108.52-36.71-104.53-38.3-100.77-39.3-96.78-40.22-93.08-41.17-89.44-41.9-85.67-42.4-85.45-42.89-85.24-43.34-85.07-44.61-92.91-49.14-101.09-64.63-102.84-60.35-91.81-55.3-86.29-47.92-84.4-58.08-83.42-68.56-77.83-73.74-58.9-54.66-63.07-45.9-70.34-42.72-83.61-42.56-83.65-42.41-83.7-42.26-83.76V-83.72C-42.36-82.89-42.36-82.05-42.42-81.22-42.55-79.45-42.75-77.68-42.89-75.91-43.18-72.24-43.18-68.53-43.57-64.86-43.99-61.27-41.63-56.66-41.6-53.04-41.57-49.76-40.9-32.85-40.99-28.48-40.83-27.31-40.64-26.15-40.6-24.95-40.54-23.15-40.76-21.38-40.85-19.57-40.9-18.67-40.82-17.77-40.96-16.88-41.11-15.9-41.33-14.95-41.44-13.97-41.58-12.81-42.09-11.15-41.85-9.98-41.82-9.79-41.75-9.65-41.68-9.52-41.5-9.44-41.33-9.38-41.14-9.3-40.9-9.25-40.66-9.21-40.42-9.16-40.36-9.19-40.3-9.21-40.25-9.22-38.65-9.78-37.04-10.27-35.44-10.8-33.86-11.34-25.07-12.56-23.79-13.62-22.84-14.41-22.03-15.36-21.21-16.3-20.99-16.15-20.77-15.99-20.54-15.82-20.29-15.65-20.02-15.44-19.77-15.25-19.37-14.93-18.99-14.62-18.61-14.29-17.77-13.57-16.98-12.81-16.22-12.01-15.08-10.82-13.98-9.59-12.92-8.3L-11.96-7.02C-16.46-9.79-22.53-10.83-30.42-4.32-21.48-.57-15.82-.97-10.71-5.35L-10.31-4.81C-10.15-4.59-9.99-4.36-9.85-4.13-9.15-3.03-8.31-1.93-7.54-.8-7.35-.53-7.17-.27-6.99 0Z\" fill=\"#103743\"\/>\r\n    <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"ac-hero-ornement\">\r\n    <div class=\"ac-hero-ornement-trait\"><\/div>\r\n    <div class=\"ac-hero-ornement-losange\"><\/div>\r\n    <div class=\"ac-hero-ornement-trait\"><\/div>\r\n  <\/div>\r\n  <div class=\"ac-hero-inner\">\r\n    <p class=\"ac-hero-accroche\">\r\n      Meubles et agencements <em>sur mesure<\/em>,<br>depuis 1890\r\n    <\/p>\r\n    <p class=\"ac-hero-desc\">\r\n      \u00c9b\u00e9niste de la r\u00e9gion lyonnaise, install\u00e9 au c\u0153ur de Pierre-B\u00e9nite. Depuis plus d'un si\u00e8cle, notre savoir-faire artisanal se transmet pour r\u00e9aliser des ouvrages sur mesure, pens\u00e9s pour r\u00e9pondre avec justesse \u00e0 vos besoins.\r\n    <\/p>\r\n    <div class=\"ac-hero-divider\"><\/div>\r\n    <p class=\"ac-hero-tagline\">\u00e9b\u00e9niste &nbsp;\u00b7&nbsp; agenceur<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2462 PHOTO EMBL\u00c9MATIQUE 1\r\n     \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n     \u2502  [WIDGET IMAGE ELEMENTOR]                               \u2502\r\n     \u2502  Section Elementor \u00b7 Stretch \u00b7 hauteur min 70vh         \u2502\r\n     \u2502  \u2192 Onglet Style > Background > Image                    \u2502\r\n     \u2502  \u2192 Position : Center Center                             \u2502\r\n     \u2502  \u2192 Size : Cover                                         \u2502\r\n     \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2463 PHOTO EMBL\u00c9MATIQUE 2\r\n     \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n     \u2502  [WIDGET IMAGE ELEMENTOR]                               \u2502\r\n     \u2502  Section Elementor \u00b7 Stretch \u00b7 hauteur min 55vh         \u2502\r\n     \u2502  \u2192 m\u00eame r\u00e9glages que ci-dessus                          \u2502\r\n     \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2464 3 CARTES DE NAVIGATION\r\n     \u2192 1 widget HTML, Stretch Section activ\u00e9\r\n     \u2192 Les fonds color\u00e9s sont des fallbacks.\r\n       Pour ajouter une photo sur chaque carte :\r\n       style=\"background-image: url('URL-PHOTO');\" sur .ac-card-bg\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"ac-nav-section\">\r\n  <div class=\"ac-nav-header\">\r\n    <span class=\"ac-eyebrow\">Explorer<\/b>\r\n    <h2 class=\"ac-titre-section\">Notre univers<\/h2>\r\n  <\/div>\r\n  <div class=\"ac-nav-grid\">\r\n\r\n    <a href=\"#atelier\" class=\"ac-card ac-card-atelier\">\r\n      <div class=\"ac-card-bg\" style=\"background-image:url('http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07642-scaled.jpg');\"><\/div>\r\n      <div class=\"ac-card-overlay\"><\/div>\r\n      <div class=\"ac-card-content\">\r\n        <p class=\"ac-card-num\">01<\/p>\r\n        <h3 class=\"ac-card-titre\">Notre atelier<br>et son histoire<\/h3>\r\n        <div class=\"ac-card-arrow\"><\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#savoir-faire\" class=\"ac-card ac-card-savoir\">\r\n      <div class=\"ac-card-bg\" style=\"background-image:url('http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07620-scaled.jpg');\"><\/div>\r\n      <div class=\"ac-card-overlay\"><\/div>\r\n      <div class=\"ac-card-content\">\r\n        <p class=\"ac-card-num\">02<\/p>\r\n        <h3 class=\"ac-card-titre\">Nos<br>savoir-faire<\/h3>\r\n        <div class=\"ac-card-arrow\"><\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n    <a href=\"#realisations\" class=\"ac-card ac-card-real\">\r\n      <div class=\"ac-card-bg\" style=\"background-image:url('http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/07\/DSC07125.jpg');\"><\/div>\r\n      <div class=\"ac-card-overlay\"><\/div>\r\n      <div class=\"ac-card-content\">\r\n        <p class=\"ac-card-num\">03<\/p>\r\n        <h3 class=\"ac-card-titre\">Nos<br>r\u00e9alisations<\/h3>\r\n        <div class=\"ac-card-arrow\"><\/div>\r\n      <\/div>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2465 L'ATELIER \u2014 HISTOIRE\r\n     \u2192 1 widget HTML, Stretch Section activ\u00e9\r\n     \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n     \u2502  PHOTO HISTOIRE (colonne gauche)                        \u2502\r\n     \u2502  Remplace le div.ac-histoire-photo par :               \u2502\r\n     \u2502  <div class=\"ac-histoire-photo\">                        \u2502\r\n     \u2502    <img decoding=\"async\" src=\"URL\" class=\"ac-histoire-img\"               \u2502\r\n     \u2502         alt=\"Atelier Cagnin\">                           \u2502\r\n     \u2502  <\/div>                                                  \u2502\r\n     \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"atelier\">\r\n  <div class=\"ac-histoire\">\r\n    <div class=\"ac-histoire-photo\">\r\n      <img decoding=\"async\" src=\"http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07512-scaled.jpg\" class=\"ac-histoire-img\" alt=\"Atelier Cagnin \u2014 Notre histoire\">\r\n    <\/div>\r\n    <div class=\"ac-histoire-texte\">\r\n      <span class=\"ac-eyebrow\">L'atelier<\/b>\r\n      <h2 class=\"ac-histoire-titre\">Une histoire<br>qui <em>se transmet<\/em><\/h2>\r\n      <div class=\"ac-ligne\"><\/div>\r\n      <div class=\"ac-histoire-corps\">\r\n        <p>C'est en 1890 que Joseph Gabriel Cagnin fonde un atelier de charronnerie \u00e0 Pierre-B\u00e9nite. Son fils, Antoine, \u00e9b\u00e9niste de formation, reprend rapidement l'activit\u00e9 de son p\u00e8re et d\u00e9veloppe l'atelier autour de la fabrication de jouets en bois, de mobilier et de travaux de menuiserie.<\/p>\r\n        <p>Au fil du temps, l'atelier \u00e9volue et le savoir-faire se transmet de p\u00e8re en fils durant quatre g\u00e9n\u00e9rations, jusqu'\u00e0 la reprise de l'entreprise par Jean-Pierre Cagnin en 1997, qui poursuit et affirme l'identit\u00e9 artisanale de la maison.<\/p>\r\n        <p>Aujourd'hui, Jonathan et Adrien s'associent pour \u00e9crire la suite de l'histoire. Tous deux \u00e9b\u00e9nistes, form\u00e9s au sein de l'atelier Cagnin, ils ont \u00e0 c\u0153ur de faire perdurer le savoir-faire et les valeurs qui leur ont \u00e9t\u00e9 transmis. La proximit\u00e9 avec le client, la relation de confiance et l'exigence de qualit\u00e9 sont au c\u0153ur de leur d\u00e9marche.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Les associ\u00e9s -->\r\n  <div class=\"ac-associes\">\r\n    <div class=\"ac-associes-header\">\r\n      <span class=\"ac-eyebrow\">L'\u00e9quipe<\/b>\r\n      <h2 class=\"ac-associes-titre\">Les associ\u00e9s<\/h2>\r\n      <div class=\"ac-divider\"><\/div>\r\n    <\/div>\r\n    <div class=\"ac-associes-grille\">\r\n\r\n      <div class=\"ac-associe\">\r\n        <div class=\"ac-associe-photo\">\r\n          <img decoding=\"async\" src=\"http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07495-2-scaled.jpg\" class=\"ac-associe-img\" alt=\"Jonathan Colin\">\r\n        <\/div>\r\n        <div class=\"ac-associe-texte\">\r\n          <h3 class=\"ac-associe-nom\">Jonathan Colin<\/h3>\r\n          <p class=\"ac-associe-role\">\u00c9b\u00e9niste \u2014 fabrication & savoir-faire<\/p>\r\n          <div class=\"ac-associe-ligne\"><\/div>\r\n          <p class=\"ac-associe-bio\">Titulaire d'un CAP \u00e9b\u00e9niste obtenu aupr\u00e8s des Compagnons du Devoir, Jonathan a travaill\u00e9 plus de vingt ans au sein de l'Atelier Cagnin. Il en conna\u00eet ainsi tous les rouages et s'est pleinement appropri\u00e9 le savoir-faire familial de l'entreprise.<br><br>Son exp\u00e9rience, son efficacit\u00e9 op\u00e9rationnelle et son expertise technique constituent des atouts majeurs pour mener \u00e0 bien chaque projet, de la fabrication \u00e0 la pose, avec exigence et pr\u00e9cision.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-associe\">\r\n        <div class=\"ac-associe-photo\">\r\n          <img decoding=\"async\" src=\"http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07478-2-scaled.jpg\" class=\"ac-associe-img\" alt=\"Adrien Chapuis\">\r\n        <\/div>\r\n        <div class=\"ac-associe-texte\">\r\n          <h3 class=\"ac-associe-nom\">Adrien Chapuis<\/h3>\r\n          <p class=\"ac-associe-role\">\u00c9b\u00e9niste \u2014 conception & conduite de projet<\/p>\r\n          <div class=\"ac-associe-ligne\"><\/div>\r\n          <p class=\"ac-associe-bio\">Apr\u00e8s dix ann\u00e9es d'exp\u00e9rience dans le monde de l'industrie, Adrien fait le choix de se r\u00e9orienter vers le m\u00e9tier d'\u00e9b\u00e9niste. Il obtient un CAP, puis un Brevet des M\u00e9tiers d'Art en \u00e9b\u00e9nisterie, qu'il pr\u00e9pare aupr\u00e8s de Jean-Pierre Cagnin.<br><br>Anim\u00e9 par l'excellence op\u00e9rationnelle et le respect des savoir-faire traditionnels, il porte un regard neuf sur le m\u00e9tier et accompagne chaque projet avec m\u00e9thode, sens du d\u00e9tail et engagement.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2466 SAVOIR-FAIRE\r\n     \u2192 1 widget HTML, Stretch Section activ\u00e9\r\n     \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n     \u2502  PHOTOS DES \u00c9TAPES (3 colonnes gauche)                  \u2502\r\n     \u2502  Remplace chaque div.ac-etape-photo par :               \u2502\r\n     \u2502  <div class=\"ac-etape-photo\">                           \u2502\r\n     \u2502    <img decoding=\"async\" src=\"URL\" class=\"ac-etape-img\" alt=\"...\">       \u2502\r\n     \u2502  <\/div>                                                  \u2502\r\n     \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"savoir-faire\">\r\n\r\n  <div class=\"ac-sf-intro\" style=\"background-image:url('http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07620-scaled.jpg'); background-size:cover; background-position:center; position:relative;\">\r\n    <div style=\"position:absolute;inset:0;background:rgba(16,55,67,0.78);\"><\/div>\r\n    <div class=\"ac-sf-intro-inner\" style=\"position:relative;z-index:1;\">\r\n      <span class=\"ac-eyebrow\">Nos savoir-faire<\/b>\r\n      <h2 class=\"ac-sf-titre\">Un projet en trois \u00e9tapes<\/h2>\r\n      <div class=\"ac-divider\"><\/div>\r\n      <p class=\"ac-sf-accroche\">Chacune de nos r\u00e9alisations est unique, pens\u00e9e pour \u00eatre utile, esth\u00e9tique et durable, et s'int\u00e9grer parfaitement \u00e0 votre int\u00e9rieur.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div>\r\n    <div class=\"ac-etape\">\r\n      <div class=\"ac-etape-photo\">\r\n        <img decoding=\"async\" src=\"http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07769-scaled.jpg\" class=\"ac-etape-img\" alt=\"Conception \u2014 Atelier Cagnin\">\r\n      <\/div>\r\n      <div class=\"ac-etape-texte\">\r\n        <div class=\"ac-etape-num\">1<\/div>\r\n        <p class=\"ac-etape-label\">Premi\u00e8re \u00e9tape<\/p>\r\n        <h3 class=\"ac-etape-titre\">La <em>conception<\/em><\/h3>\r\n        <div class=\"ac-ligne\"><\/div>\r\n        <p class=\"ac-etape-corps\">\u00c0 l'Atelier Cagnin, chaque projet d\u00e9bute par une phase d'\u00e9coute et de r\u00e9flexion. Nous sommes sans cesse \u00e0 la recherche de solutions techniques adapt\u00e9es aux demandes les plus complexes. \u00c0 l'\u00e9coute de vos besoins, force de proposition et dot\u00e9s d'une grande polyvalence, nous concevons des projets sur mesure en ad\u00e9quation avec vos attentes et votre budget. Des visuels 3D et des \u00e9chantillons de mati\u00e8res vous permettent de vous projeter et d'alimenter nos \u00e9changes tout au long de la conception.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ac-etape\">\r\n      <div class=\"ac-etape-photo\">\r\n        <img decoding=\"async\" src=\"http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07592-scaled.jpg\" class=\"ac-etape-img\" alt=\"Fabrication \u2014 Atelier Cagnin\" style=\"object-position: center 70%;\">\r\n      <\/div>\r\n      <div class=\"ac-etape-texte\">\r\n        <div class=\"ac-etape-num\">2<\/div>\r\n        <p class=\"ac-etape-label\">Deuxi\u00e8me \u00e9tape<\/p>\r\n        <h3 class=\"ac-etape-titre\">La <em>fabrication<\/em><\/h3>\r\n        <div class=\"ac-ligne\"><\/div>\r\n        <p class=\"ac-etape-corps\">L'ensemble de nos ouvrages est fabriqu\u00e9 dans notre atelier de Pierre-B\u00e9nite, o\u00f9 nous mettons notre savoir-faire d'\u00e9b\u00e9nistes et nos outils au service de votre projet. \u00c0 partir de la planche de bois brute, soigneusement s\u00e9lectionn\u00e9e, nous fa\u00e7onnons la mati\u00e8re avec exigence jusqu'aux finitions, pour donner vie \u00e0 des ouvrages durables et soign\u00e9s.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ac-etape\">\r\n      <div class=\"ac-etape-photo\">\r\n        <img decoding=\"async\" src=\"http:\/\/ateliercagnin.fr\/wp-content\/uploads\/2026\/08\/DSC07252.jpg\" class=\"ac-etape-img\" alt=\"La pose \u2014 Atelier Cagnin\">\r\n      <\/div>\r\n      <div class=\"ac-etape-texte\">\r\n        <div class=\"ac-etape-num\">3<\/div>\r\n        <p class=\"ac-etape-label\">Troisi\u00e8me \u00e9tape<\/p>\r\n        <h3 class=\"ac-etape-titre\">La <em>pose<\/em><\/h3>\r\n        <div class=\"ac-ligne\"><\/div>\r\n        <p class=\"ac-etape-corps\">L'Atelier Cagnin accorde une importance particuli\u00e8re \u00e0 la pose de ses r\u00e9alisations. Cette derni\u00e8re \u00e9tape est essentielle pour garantir la justesse des ajustements, la qualit\u00e9 des finitions et l'int\u00e9gration parfaite de l'ouvrage dans votre int\u00e9rieur.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ac-sf-cta\">\r\n    <p class=\"ac-sf-cta-eyebrow\">Votre projet<\/p>\r\n    <h3 class=\"ac-sf-cta-titre\">Parlons de votre<br><em>projet sur mesure<\/em><\/h3>\r\n    <div class=\"ac-sf-cta-divider\"><\/div>\r\n    <p class=\"ac-sf-cta-texte\">De la premi\u00e8re esquisse \u00e0 la pose finale, nous vous accompagnons \u00e0 chaque \u00e9tape.<\/p>\r\n    <a href=\"#contact\" class=\"ac-btn-blanc\">Nous contacter<\/a>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     AVIS BILIK\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"ac-avis\">\r\n  <div class=\"ac-avis-header\">\r\n    <p class=\"ac-avis-logo\">Ils nous recommandent sur Bilik<\/p>\r\n    <h2 class=\"ac-avis-titre\">Ce que nos clients disent<\/h2>\r\n    <div class=\"ac-avis-note\">\r\n      <span class=\"ac-avis-stars\">\u2605\u2605\u2605\u2605\u2605<\/b>\r\n      <span class=\"ac-avis-score\">5,0 \u00b7 50 avis \u00b7 Recommand\u00e9 2023<\/b>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ac-avis-grille\">\r\n    <div class=\"ac-avis-track\" id=\"acAvisTrack\">\r\n\r\n      <div class=\"ac-avis-card\">\r\n        <p class=\"ac-avis-projet\">Cr\u00e9ation d'un placard mural<\/p>\r\n        <p class=\"ac-avis-quote\">\u00ab Pleinement satisfaits. Visite et devis tr\u00e8s rapide, r\u00e9alisation ex\u00e9cut\u00e9e plus t\u00f4t qu'annonc\u00e9e. Travail minutieux et tr\u00e8s s\u00e9rieux. Parfaite organisation, placard fonctionnel d\u00e8s la fin des travaux. N'h\u00e9sitez pas \u00e0 solliciter Adrien et Jonathan pour vos futurs projets. \u00bb<\/p>\r\n        <div class=\"ac-avis-footer\">\r\n          <span class=\"ac-avis-author\">Fr\u00e9d\u00e9rique & Fran\u00e7ois B. \u2014 Lyon 7<\/span>\r\n          <p style=\"color:#103743;font-size:0.62rem;letter-spacing:0.06em;font-family:Jost,sans-serif;margin:0;\">Juillet 2026<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-avis-card\">\r\n        <p class=\"ac-avis-projet\">R\u00e9alisation d'une cuisine<\/p>\r\n        <p class=\"ac-avis-quote\">\u00ab Le travail r\u00e9alis\u00e9 est de tr\u00e8s grande qualit\u00e9, les finitions sont impeccables et le rendu correspond parfaitement \u00e0 mes attentes. Jonathan est tr\u00e8s \u00e0 l'\u00e9coute du client et de tr\u00e8s bons conseils. Je recommande sans h\u00e9sitation pour le s\u00e9rieux, l'\u00e9coute et la qualit\u00e9 de la prestation. \u00bb<\/p>\r\n        <div class=\"ac-avis-footer\">\r\n          <span class=\"ac-avis-author\">Ana\u00efs G. \u2014 Sainte-Foy-l\u00e8s-Lyon<\/span>\r\n          <p style=\"color:#103743;font-size:0.62rem;letter-spacing:0.06em;font-family:Jost,sans-serif;margin:0;\">Juin 2026<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-avis-card\">\r\n        <p class=\"ac-avis-projet\">Penderies et \u00e9tag\u00e8res sur mesure<\/p>\r\n        <p class=\"ac-avis-quote\">\u00ab Adrien a \u00e9t\u00e9 tr\u00e8s r\u00e9actif tout au long du projet, s'est d\u00e9plac\u00e9 deux fois en amont pour prendre les cotes. Nous ne pouvions pas esp\u00e9rer meilleure communication et sommes tr\u00e8s satisfaits du r\u00e9sultat final. Nous ne manquerons pas de les rappeler si un nouveau projet se pr\u00e9sente. \u00bb<\/p>\r\n        <div class=\"ac-avis-footer\">\r\n          <span class=\"ac-avis-author\">\u00c9milie J. \u2014 Lyon 2<\/span>\r\n          <p style=\"color:#103743;font-size:0.62rem;letter-spacing:0.06em;font-family:Jost,sans-serif;margin:0;\">Juin 2026<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-avis-card\">\r\n        <p class=\"ac-avis-projet\">Placard sous escalier<\/p>\r\n        <p class=\"ac-avis-quote\">\u00ab Prise de contact rapide, devis r\u00e9alis\u00e9 de mani\u00e8re soigneuse et prise en compte du besoin aux petits oignons. Respecte ses d\u00e9lais d'intervention et travaille tr\u00e8s proprement. Je ne peux que recommander l'Atelier Cagnin pour vos travaux de menuiserie. \u00bb<\/p>\r\n        <div class=\"ac-avis-footer\">\r\n          <span class=\"ac-avis-author\">Sylvain G. \u2014 Lyon<\/span>\r\n          <p style=\"color:#103743;font-size:0.62rem;letter-spacing:0.06em;font-family:Jost,sans-serif;margin:0;\">Juin 2026<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-avis-card\">\r\n        <p class=\"ac-avis-projet\">Meuble d'entr\u00e9e<\/p>\r\n        <p class=\"ac-avis-quote\">\u00ab L'Atelier Cagnin a su r\u00e9pondre \u00e0 nos attentes et nous a apport\u00e9 les conseils n\u00e9cessaires \u00e0 la r\u00e9alisation de notre meuble. Nous sommes enchant\u00e9s et en profitons pleinement. Les d\u00e9lais ont \u00e9t\u00e9 respect\u00e9s et le travail est plus que soign\u00e9. \u00bb<\/p>\r\n        <div class=\"ac-avis-footer\">\r\n          <span class=\"ac-avis-author\">V\u00e9ronique B. \u2014 Villeurbanne<\/span>\r\n          <p style=\"color:#103743;font-size:0.62rem;letter-spacing:0.06em;font-family:Jost,sans-serif;margin:0;\">Mai 2026<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-avis-card\">\r\n        <p class=\"ac-avis-projet\">Cuisine<\/p>\r\n        <p class=\"ac-avis-quote\">\u00ab Tr\u00e8s belle r\u00e9alisation de notre cuisine. Travail soign\u00e9 et montage termin\u00e9 dans les d\u00e9lais. Cet artisan est \u00e0 l'\u00e9coute du client et de bon conseil. Je le recommande vivement. \u00bb<\/p>\r\n        <div class=\"ac-avis-footer\">\r\n          <span class=\"ac-avis-author\">C\u00e9cile D. \u2014 Brignais<\/span>\r\n          <p style=\"color:#103743;font-size:0.62rem;letter-spacing:0.06em;font-family:Jost,sans-serif;margin:0;\">Mai 2026<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div style=\"text-align:center; margin-top:3rem;\">\r\n    <a href=\"https:\/\/www.bilik.fr\/presentations\/1854-cagnin-jp\" target=\"_blank\" rel=\"noopener\" class=\"ac-avis-lien\">Voir les 50 avis sur Bilik<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2467 R\u00c9ALISATIONS\r\n     \u2192 1 widget HTML, Stretch Section activ\u00e9\r\n     \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\r\n     \u2502  PHOTOS DE LA GALERIE                                   \u2502\r\n     \u2502  Remplace chaque div.ac-item-ph par :                   \u2502\r\n     \u2502  <img decoding=\"async\" src=\"URL\" class=\"ac-item-img\"                     \u2502\r\n     \u2502       style=\"aspect-ratio:4\/3;\" alt=\"...\">              \u2502\r\n     \u2502  Les ratios sont libres : 4\/3 \u00b7 3\/4 \u00b7 1\/1              \u2502\r\n     \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div id=\"realisations\" class=\"ac-real-section\">\r\n  <div class=\"ac-real-header\">\r\n    <span class=\"ac-eyebrow\" style=\"color:#103743 !important;\">Nos r\u00e9alisations<\/b>\r\n    <h2 class=\"ac-real-titre\">L'atelier en images<\/h2>\r\n    <div class=\"ac-divider\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ac-filtres\">\r\n    <button class=\"ac-filtre actif\" data-cat=\"tous\">Tout voir<\/button>\r\n    <button class=\"ac-filtre\" data-cat=\"cuisines\">Cuisines<\/button>\r\n    <button class=\"ac-filtre\" data-cat=\"dressings\">Dressings<\/button>\r\n    <button class=\"ac-filtre\" data-cat=\"bibliotheques\">Biblioth\u00e8ques<\/button>\r\n    <button class=\"ac-filtre\" data-cat=\"agencements-pro\">Agencements pro<\/button>\r\n  <\/div>\r\n\r\n  <div class=\"ac-grille\" id=\"acGrille\">\r\n    <!-- CUISINES -->\r\n    <div class=\"ac-item visible\" data-cat=\"cuisines\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(155deg,#1a4d5c,#0b2229);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Cuisine \u00b7 Ch\u00eane naturel<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"cuisines\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(170deg,#1d5060,#071e24);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Cuisine \u00b7 Laqu\u00e9 blanc<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"cuisines\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(140deg,#103743,#0b2229);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Cuisine \u00b7 Noyer & inox<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"cuisines\"><div class=\"ac-item-ph\" style=\"aspect-ratio:1\/1;background:linear-gradient(160deg,#1d5560,#0a2830);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Cuisine \u00b7 \u00celot central<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"cuisines\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(150deg,#0e3d4a,#1a2d31);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Cuisine \u00b7 Fa\u00e7ades teint\u00e9es<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"cuisines\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(165deg,#154d5c,#0a2c34);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Cuisine \u00b7 Bois massif<\/b><\/div><\/div>\r\n    <!-- DRESSINGS -->\r\n    <div class=\"ac-item visible\" data-cat=\"dressings\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(155deg,#124858,#071e26);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Dressing \u00b7 Ch\u00eane fum\u00e9<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"dressings\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(170deg,#1a5060,#233537);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Dressing \u00b7 Laqu\u00e9 gris<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"dressings\"><div class=\"ac-item-ph\" style=\"aspect-ratio:1\/1;background:linear-gradient(145deg,#1d5560,#08252c);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Dressing \u00b7 Portes coulissantes<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"dressings\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(160deg,#124a55,#061c24);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Dressing \u00b7 Sous combles<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"dressings\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(150deg,#154d5c,#0a2830);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Dressing \u00b7 Noyer & tissu<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"dressings\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(165deg,#104856,#071e26);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Dressing \u00b7 Open space chambre<\/b><\/div><\/div>\r\n    <!-- BIBLIOTH\u00c8QUES -->\r\n    <div class=\"ac-item visible\" data-cat=\"bibliotheques\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(155deg,#184d5c,#202e31);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Biblioth\u00e8que \u00b7 Sol au plafond<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"bibliotheques\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(170deg,#104855,#1e3237);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Biblioth\u00e8que \u00b7 Ch\u00eane & laiton<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"bibliotheques\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(145deg,#1a5060,#08222c);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Biblioth\u00e8que \u00b7 Biblioth\u00e8que-bureau<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"bibliotheques\"><div class=\"ac-item-ph\" style=\"aspect-ratio:1\/1;background:linear-gradient(160deg,#0e4855,#071e26);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Biblioth\u00e8que \u00b7 Alc\u00f4ve<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"bibliotheques\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(150deg,#124d5c,#08202a);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Biblioth\u00e8que \u00b7 Laqu\u00e9 noir<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"bibliotheques\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(165deg,#184d5c,#0a2830);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Biblioth\u00e8que \u00b7 Noyer massif<\/b><\/div><\/div>\r\n    <!-- AGENCEMENTS PRO -->\r\n    <div class=\"ac-item visible\" data-cat=\"agencements-pro\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(155deg,#104858,#061e24);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Agencement \u00b7 Cabinet m\u00e9dical<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"agencements-pro\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(170deg,#185060,#08242c);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Agencement \u00b7 Espace accueil<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"agencements-pro\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(145deg,#104855,#071e26);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Agencement \u00b7 Showroom<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"agencements-pro\"><div class=\"ac-item-ph\" style=\"aspect-ratio:1\/1;background:linear-gradient(160deg,#184d5c,#09242c);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Agencement \u00b7 Mobilier de bureau<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"agencements-pro\"><div class=\"ac-item-ph\" style=\"aspect-ratio:4\/3;background:linear-gradient(150deg,#124d5c,#08222a);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Agencement \u00b7 Commerce<\/b><\/div><\/div>\r\n    <div class=\"ac-item visible\" data-cat=\"agencements-pro\"><div class=\"ac-item-ph\" style=\"aspect-ratio:3\/4;background:linear-gradient(165deg,#104858,#07202a);\"><\/div><div class=\"ac-legende\"><span class=\"ac-legende-texte\">Agencement \u00b7 Restaurant<\/b><\/div><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     \u2468 CONTACT + FORMULAIRE\r\n     \u2192 1 widget HTML, Stretch Section activ\u00e9\r\n     \u2192 Le formulaire envoie vers contact@ateliercagnin.fr\r\n       via Formspree (gratuit, sans backend)\r\n       Remplace XXXXXXXXXXXX par ton ID Formspree :\r\n       1. Va sur https:\/\/formspree.io\r\n       2. Cr\u00e9e un compte gratuit\r\n       3. Nouveau formulaire \u2192 copie l'ID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"contact\" class=\"ac-contact\">\r\n  <div class=\"ac-contact-inner\">\r\n    <span class=\"ac-eyebrow\">Parlons de votre projet<\/b>\r\n    <h2 class=\"ac-contact-titre\">Donnons vie \u00e0 votre<br><em>projet sur mesure<\/em><\/h2>\r\n    <p class=\"ac-contact-texte\">D\u00e9crivez-nous votre projet \u2014 nous vous recontactons sous 48h pour en discuter.<\/p>\r\n\r\n    <form class=\"ac-form\" action=\"https:\/\/formspree.io\/f\/xkolgalo\" method=\"POST\" id=\"acContactForm\">\r\n      <input type=\"text\" name=\"_gotcha\" style=\"display:none\">\r\n      <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande \u2014 Atelier Cagnin\">\r\n      <input type=\"hidden\" name=\"_replyto\" value=\"achapuis@ateliercagnin.fr\">\r\n\r\n      <div class=\"ac-form-ligne\">\r\n        <div class=\"ac-form-groupe\">\r\n          <label class=\"ac-form-label\" for=\"prenom\">Pr\u00e9nom <span class=\"ac-form-req\">*<\/b><\/label>\r\n          <input class=\"ac-form-input\" type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Jean\" required>\r\n        <\/div>\r\n        <div class=\"ac-form-groupe\">\r\n          <label class=\"ac-form-label\" for=\"nom\">Nom <span class=\"ac-form-req\">*<\/b><\/label>\r\n          <input class=\"ac-form-input\" type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Dupont\" required>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-form-ligne\">\r\n        <div class=\"ac-form-groupe\">\r\n          <label class=\"ac-form-label\" for=\"telephone\">T\u00e9l\u00e9phone <span class=\"ac-form-req\">*<\/b><\/label>\r\n          <input class=\"ac-form-input\" type=\"tel\" id=\"telephone\" name=\"telephone\" placeholder=\"06 00 00 00 00\" required>\r\n        <\/div>\r\n        <div class=\"ac-form-groupe\">\r\n          <label class=\"ac-form-label\" for=\"email\">Courriel <span class=\"ac-form-req\">*<\/b><\/label>\r\n          <input class=\"ac-form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"jean.dupont@email.fr\" required>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ac-form-groupe\">\r\n        <label class=\"ac-form-label\" for=\"type\">Type de projet<\/label>\r\n        <select class=\"ac-form-input ac-form-select\" id=\"type\" name=\"type\">\r\n          <option value=\"\" disabled selected>S\u00e9lectionnez une cat\u00e9gorie<\/option>\r\n          <option value=\"cuisine\">Cuisine<\/option>\r\n          <option value=\"dressing\">Dressing<\/option>\r\n          <option value=\"bibliotheque\">Biblioth\u00e8que<\/option>\r\n          <option value=\"agencement-pro\">Agencement professionnel<\/option>\r\n          <option value=\"autre\">Autre<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <div class=\"ac-form-groupe\">\r\n        <label class=\"ac-form-label\" for=\"demande\">Votre demande <span class=\"ac-form-req\">*<\/b><\/label>\r\n        <textarea class=\"ac-form-input ac-form-textarea\" id=\"demande\" name=\"demande\" placeholder=\"D\u00e9crivez votre projet, les dimensions approximatives, vos contraintes, votre calendrier souhait\u00e9\u2026\" required><\/textarea>\r\n      <\/div>\r\n\r\n      <div class=\"ac-form-groupe\">\r\n        <label class=\"ac-form-label\" for=\"budget\">Budget envisag\u00e9<\/label>\r\n        <select class=\"ac-form-input ac-form-select\" id=\"budget\" name=\"budget\">\r\n          <option value=\"\" disabled selected>Fourchette approximative<\/option>\r\n          <option value=\"moins-5k\">Moins de 5 000 \u20ac<\/option>\r\n          <option value=\"5k-10k\">5 000 \u2013 10 000 \u20ac<\/option>\r\n          <option value=\"10k-20k\">10 000 \u2013 20 000 \u20ac<\/option>\r\n          <option value=\"plus-20k\">Plus de 20 000 \u20ac<\/option>\r\n          <option value=\"nc\">Je ne sais pas encore<\/option>\r\n        <\/select>\r\n      <\/div>\r\n\r\n      <button type=\"submit\" class=\"ac-form-submit\" id=\"acSubmitBtn\">Envoyer ma demande<\/button>\r\n      <p class=\"ac-form-mention\">* Champs obligatoires. Vos donn\u00e9es sont utilis\u00e9es uniquement pour r\u00e9pondre \u00e0 votre demande.<\/p>\r\n    <\/form>\r\n\r\n    <div class=\"ac-form-merci\" id=\"acFormMerci\" style=\"display:none;\">\r\n      <div class=\"ac-form-merci-icon\">\u2713<\/div>\r\n      <h3 class=\"ac-form-merci-titre\">Message envoy\u00e9<\/h3>\r\n      <p class=\"ac-form-merci-texte\">Merci pour votre demande. Jonathan et Adrien vous recontacteront dans les 48h.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     JAVASCRIPT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n(function(){\r\n  \/\/ Formulaire Formspree\r\n  const form  = document.getElementById('acContactForm');\r\n  const merci = document.getElementById('acFormMerci');\r\n  const btn   = document.getElementById('acSubmitBtn');\r\n  if (form) {\r\n    form.addEventListener('submit', async function(e) {\r\n      e.preventDefault();\r\n      btn.textContent = 'Envoi en cours\u2026';\r\n      btn.disabled = true;\r\n      try {\r\n        const res = await fetch(form.action, {\r\n          method: 'POST',\r\n          body: new FormData(form),\r\n          headers: { 'Accept': 'application\/json' }\r\n        });\r\n        if (res.ok) {\r\n          form.style.display = 'none';\r\n          merci.style.display = 'block';\r\n        } else {\r\n          btn.textContent = 'Une erreur est survenue \u2014 r\u00e9essayez';\r\n          btn.disabled = false;\r\n        }\r\n      } catch(err) {\r\n        btn.textContent = 'Une erreur est survenue \u2014 r\u00e9essayez';\r\n        btn.disabled = false;\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Galerie filtres\r\n  const filtres = document.querySelectorAll('.ac-filtre');\r\n  const items   = document.querySelectorAll('.ac-item');\r\n  filtres.forEach(btn => {\r\n    btn.addEventListener('click', () => {\r\n      filtres.forEach(b => b.classList.remove('actif'));\r\n      btn.classList.add('actif');\r\n      const cat = btn.dataset.cat;\r\n      items.forEach(item => {\r\n        item.classList.toggle('visible', cat==='tous' || item.dataset.cat===cat);\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L&rsquo;atelier Savoir-faire R\u00e9alisations Contact Prendre contact L&rsquo;atelier Savoir-faire R\u00e9alisations Contact \u00e9b\u00e9niste &nbsp;\u00b7&nbsp; agenceur &nbsp;\u00b7&nbsp; depuis 1890 Prendre contact Meubles et agencements sur mesure,depuis 1890 \u00c9b\u00e9niste de la r\u00e9gion lyonnaise, install\u00e9 au c\u0153ur de Pierre-B\u00e9nite. Depuis plus d&rsquo;un si\u00e8cle, notre savoir-faire artisanal se transmet pour r\u00e9aliser des ouvrages sur mesure, pens\u00e9s pour r\u00e9pondre avec justesse \u00e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":41,"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/ateliercagnin.fr\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}