/*! Atelier TO – Refonte 2026 · styles des pages test · toutes les règles sont scopées sous body.ato-refonte */
/* === 37387 === */
body.ato-refonte .tom, body.ato-refonte .tom-mega, body.ato-refonte .tom-ov { --ink: #1F1B1C; --txt: #4A4547; --mut: #6B6668; --blue: #1E9BD7; --line: #E2E2E2; --tint: #F6FAFD; --mono: Menlo,"SFMono-Regular",Consolas,"Liberation Mono",monospace; --sans: "Nunito",system-ui,sans-serif; font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body.ato-refonte .tom *, body.ato-refonte .tom-mega *, body.ato-refonte .tom-ov * { box-sizing: border-box; }
body.ato-refonte .tom a, body.ato-refonte .tom-mega a, body.ato-refonte .tom-ov a { color: inherit; text-decoration: none; }
body.ato-refonte .tom button, body.ato-refonte .tom-ov button { appearance: none; background: none; border: 0px; border-radius: 0px; padding: 0px; margin: 0px; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; line-height: 1; }
body.ato-refonte .tom button:hover, body.ato-refonte .tom button:focus, body.ato-refonte .tom-ov button:hover, body.ato-refonte .tom-ov button:focus { background: none; color: inherit; }
body.ato-refonte .tom :focus-visible, body.ato-refonte .tom-mega :focus-visible, body.ato-refonte .tom-ov :focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 4px; }
body.ato-refonte .tom svg, body.ato-refonte .tom-mega svg, body.ato-refonte .tom-ov svg { display: block; flex: 0 0 auto; }
body.ato-refonte .tom { display: flex; align-items: center; justify-content: flex-end; gap: 26px; min-height: 76px; }
body.ato-refonte .tom-nav ul { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0px; padding: 0px; }
body.ato-refonte .tom-nav li { margin: 0px; position: relative; display: flex; align-items: center; }
body.ato-refonte .tom-top { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 12px; font: 700 15px/1 var(--sans); color: var(--ink); white-space: nowrap; }
body.ato-refonte .tom-top::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 4px; height: 2px; background: var(--blue); transform: scaleX(0); transform-origin: left center; transition: transform 0.2s; }
body.ato-refonte .tom-top:hover::after, body.ato-refonte .tom-top[aria-current="page"]::after, body.ato-refonte .tom-top.is-section::after, body.ato-refonte .tom-has.is-open .tom-top::after { transform: scaleX(1); }
body.ato-refonte .tom-chev { margin: 0px 0px 0px -14px; width: 28px; height: 28px; align-items: center; justify-content: center; color: var(--ink); border-radius: 4px; display: inline-flex !important; }
body.ato-refonte .tom-chev svg { transition: transform 0.2s; }
body.ato-refonte .tom-has.is-open .tom-chev svg { transform: rotate(180deg); }
body.ato-refonte .tom-act { display: flex; align-items: center; gap: 18px; }
body.ato-refonte .tom-tel { display: inline-flex; align-items: center; gap: 8px; font: 700 14px/1 var(--mono); color: var(--ink); white-space: nowrap; }
body.ato-refonte .tom-tel svg { color: var(--blue); }
body.ato-refonte .tom-tel:hover { color: var(--blue); }
body.ato-refonte .tom .tom-devis { display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; border-radius: 6px; background: var(--blue); color: rgb(255, 255, 255); font: 700 15px/1 var(--sans); white-space: nowrap; transition: background 0.2s; }
body.ato-refonte .tom .tom-devis:hover, body.ato-refonte .tom .tom-devis:focus { background: var(--ink); color: rgb(255, 255, 255); }
body.ato-refonte .tom .tom-burger { display: none; align-items: center; justify-content: center; gap: 10px; height: 44px; min-width: 44px; padding: 0px 12px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); }
body.ato-refonte .tom .tom-burger:hover { border-color: var(--ink); }
body.ato-refonte .tom-burger b { font: 700 12px/1 var(--mono); letter-spacing: 1.5px; text-transform: uppercase; }
@media (max-width: 1180px){
body.ato-refonte .tom-tel { display: none; }
body.ato-refonte .tom { gap: 16px; }
}
@media (max-width: 1024px){
body.ato-refonte .tom-nav { display: none; }
body.ato-refonte .tom .tom-burger { display: inline-flex; }
body.ato-refonte .tom { min-height: 68px; }
body.ato-refonte .tom-act { gap: 10px; }
}
@media (max-width: 767px){
body.ato-refonte .tom { min-height: 62px; }
body.ato-refonte .tom .tom-devis { padding: 11px 14px; font-size: 14px; }
body.ato-refonte .tom .tom-burger { padding: 0px; width: 44px; }
body.ato-refonte .tom-burger b { display: none; }
}
@media (max-width: 359px){
body.ato-refonte .tom-devis .lg { display: none; }
}
body.ato-refonte .tom-mega { position: fixed; left: 0px; right: 0px; top: var(--tom-top,76px); z-index: 9990; background: rgb(255, 255, 255); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); opacity: 0; visibility: hidden; transition: opacity 0.15s, visibility 0.15s; }
body.ato-refonte .tom-mega.is-open { opacity: 1; visibility: visible; transition: opacity 0.15s; }
body.ato-refonte .tom-mega-in { max-width: 1200px; margin: 0px auto; padding: 34px 20px 38px; display: grid; grid-template-columns: 290px 1fr; gap: 48px; }
body.ato-refonte .tom-sur { display: block; font: 700 13px/1.2 var(--mono); letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin: 0px 0px 10px; }
body.ato-refonte .tom-mega-h { font: 700 24px/1.2 var(--mono); color: var(--ink); letter-spacing: -1px; word-spacing: -3px; margin: 0px 0px 12px; }
body.ato-refonte .tom-mega-p { font-size: 15px; line-height: 1.55; color: var(--txt); margin: 0px 0px 18px; }
body.ato-refonte .tom-mega .tom-all { font: 700 15px/1.3 var(--sans); color: var(--blue); }
body.ato-refonte .tom-mega .tom-all:hover { color: var(--ink); }
body.ato-refonte .tom-films { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; list-style: none; margin: 0px; padding: 0px; }
body.ato-refonte .tom-films li { margin: 0px; }
body.ato-refonte .tom-films a { display: block; height: 100%; padding: 16px 18px 17px; border: 1px solid var(--line); border-radius: 10px; background: rgb(255, 255, 255); transition: border-color 0.15s, background 0.15s; }
body.ato-refonte .tom-films a:hover, body.ato-refonte .tom-films a[aria-current="page"] { border-color: var(--blue); background: var(--tint); }
body.ato-refonte .tom-n { display: block; font: 700 12px/1 var(--mono); color: var(--blue); margin-bottom: 9px; }
body.ato-refonte .tom-films b { display: block; font: 700 15px/1.25 var(--mono); color: var(--ink); letter-spacing: -0.5px; margin-bottom: 5px; }
body.ato-refonte .tom-films a:hover b { color: var(--blue); }
body.ato-refonte .tom-films span:last-child { display: block; font-size: 14px; line-height: 1.45; color: var(--mut); }
body.ato-refonte .tom-ov { position: fixed; inset: 0px; z-index: 99999; background: rgb(255, 255, 255); display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; opacity: 0; transform: translateY(-6px); transition: opacity 0.18s, transform 0.18s; }
body.ato-refonte .tom-ov[hidden] { display: none; }
body.ato-refonte .tom-ov.is-open { opacity: 1; transform: none; }
body.ato-refonte .tom-ov:focus { outline: none; }
html.tom-lock, html.tom-lock body { overflow: hidden !important; }
body.ato-refonte .tom-ov-bar { flex: 0 0 auto; border-bottom: 3px solid transparent; border-image: linear-gradient(90deg, rgb(181, 18, 127) 0px, rgb(181, 18, 127) 33.33%, rgb(0, 159, 227) 33.33%, rgb(0, 159, 227) 66.66%, rgb(162, 197, 22) 66.66%) 1 / 1 / 0 stretch; }
body.ato-refonte .tom-ov-bar > div { max-width: 1200px; margin: 0px auto; padding: 0px 20px; min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
body.ato-refonte .tom-ov-logo img { width: 130px; height: auto; display: block; }
body.ato-refonte .tom-ov-logo .tom-wm { font: 700 20px/1 var(--mono); color: var(--ink); }
body.ato-refonte .tom-ov .tom-close { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 44px; min-width: 44px; padding: 0px 12px; border: 1px solid var(--line); border-radius: 6px; color: var(--ink); }
body.ato-refonte .tom-ov .tom-close:hover { border-color: var(--ink); }
body.ato-refonte .tom-close b { font: 700 12px/1 var(--mono); letter-spacing: 1.5px; text-transform: uppercase; }
body.ato-refonte .tom-ov-body { flex: 1 0 auto; width: 100%; max-width: 1200px; margin: 0px auto; padding: 18px 20px 30px; display: flex; flex-direction: column; }
body.ato-refonte .tom-ov-body > * { width: 100%; max-width: 680px; }
body.ato-refonte .tom-list { list-style: none; margin: 0px 0px 26px; padding: 0px; }
body.ato-refonte .tom-list > li { margin: 0px; border-bottom: 1px solid var(--line); }
body.ato-refonte .tom-row { display: flex; align-items: center; gap: 12px; }
body.ato-refonte .tom-row > a { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; gap: 14px; padding: 18px 0px; }
body.ato-refonte .tom-row > a::before { content: ""; flex: 0 0 auto; width: 4px; align-self: stretch; min-height: 40px; border-radius: 2px; background: var(--c,var(--ink)); }
body.ato-refonte .tom-row > a > span { flex: 1 1 0%; min-width: 0px; }
body.ato-refonte .tom-row .t { display: block; font: 700 23px/1.15 var(--mono); color: var(--ink); letter-spacing: -1px; word-spacing: -3px; }
body.ato-refonte .tom-row .s { display: block; margin-top: 5px; font-size: 14px; line-height: 1.4; color: var(--mut); }
body.ato-refonte .tom-row > a[aria-current="page"] .t { color: var(--blue); }
body.ato-refonte .tom-arr { flex: 0 0 auto; color: var(--ink); opacity: 0.55; }
body.ato-refonte .tom-row > a:hover .tom-arr { opacity: 1; color: var(--blue); }
body.ato-refonte .tom-ov .tom-acc { flex: 0 0 auto; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); }
body.ato-refonte .tom-ov .tom-acc[aria-expanded="true"] { background: var(--ink); border-color: var(--ink); color: rgb(255, 255, 255); }
body.ato-refonte .tom-acc svg { transition: transform 0.2s; }
body.ato-refonte .tom-acc[aria-expanded="true"] svg { transform: rotate(45deg); }
body.ato-refonte .tom-sub { padding: 0px 0px 18px 18px; }
body.ato-refonte .tom-sub[hidden] { display: none; }
body.ato-refonte .tom-sub ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; list-style: none; margin: 0px 0px 12px; padding: 0px; }
body.ato-refonte .tom-sub li { margin: 0px; }
body.ato-refonte .tom-sub ul a { display: flex; flex-direction: column; justify-content: center; height: 100%; min-height: 58px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; font: 700 14px/1.25 var(--mono); color: var(--ink); letter-spacing: -0.4px; }
body.ato-refonte .tom-sub ul a small { display: block; margin-top: 3px; font: 400 12.5px/1.35 var(--sans); color: var(--mut); letter-spacing: 0px; }
body.ato-refonte .tom-sub ul a:hover, body.ato-refonte .tom-sub ul a[aria-current="page"] { border-color: var(--blue); background: var(--tint); }
body.ato-refonte .tom-ov .tom-sub .tom-all { font: 700 15px/1.3 var(--sans); color: var(--blue); }
body.ato-refonte .tom-ov-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0px 0px 10px; }
body.ato-refonte .tom-tile { display: block; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; min-width: 0px; }
body.ato-refonte .tom-tile:hover { border-color: var(--ink); }
body.ato-refonte .tom-tile .tom-sur { font-size: 11px; margin: 0px 0px 6px; }
body.ato-refonte .tom-tile b { display: block; font: 700 15px/1.25 var(--mono); color: var(--ink); white-space: nowrap; }
body.ato-refonte .tom-tile b.mail { font: 700 14px/1.3 var(--sans); white-space: normal; overflow-wrap: anywhere; }
body.ato-refonte .tom-ov .tom-big { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 17px 20px; border-radius: 6px; background: var(--blue); color: rgb(255, 255, 255); font: 700 16px/1 var(--sans); margin: 0px 0px 18px; }
body.ato-refonte .tom-ov .tom-big:hover { background: var(--ink); color: rgb(255, 255, 255); }
body.ato-refonte .tom-ov-foot { font-size: 14px; line-height: 1.5; color: var(--mut); }
body.ato-refonte .tom-ov-foot p { margin: 0px 0px 4px; }
body.ato-refonte .tom-ov-foot a { color: var(--ink); font-weight: 700; }
body.ato-refonte .tom-ov-foot a:hover { color: var(--blue); }
@media (min-width: 768px){
body.ato-refonte .tom-ov-bar > div { min-height: 68px; }
body.ato-refonte .tom-row .t { font-size: 28px; }
body.ato-refonte .tom-row > a { padding: 22px 0px; }
body.ato-refonte .tom-sub ul { grid-template-columns: repeat(3, 1fr); }
body.ato-refonte .tom-ov-body { padding-top: 28px; }
}
@media (prefers-reduced-motion: reduce){
body.ato-refonte .tom-ov, body.ato-refonte .tom-mega, body.ato-refonte .tom-top::after, body.ato-refonte .tom-acc svg, body.ato-refonte .tom-chev svg { transition: none !important; }
}
body.ato-refonte .tom-ov .tom-sub .tom-all { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 16px; border: 1px solid var(--blue); border-radius: 10px; background: var(--tint); color: var(--blue); font: 700 15px/1.3 var(--sans); }
body.ato-refonte .tom-ov .tom-sub .tom-all:hover { background: var(--blue); color: rgb(255, 255, 255); }
body.ato-refonte .tom-ov .tom-row { cursor: pointer; }

/* === 37387 === */
html body.ato-refonte.page-id-37048 .to-hd, html body.ato-refonte.home .to-hd { box-shadow: rgba(0, 0, 0, 0) 0px 1px 0px; position: fixed !important; top: var(--wp-admin--admin-bar--height,0px) !important; left: 0px !important; right: 0px !important; width: 100% !important; max-width: none !important; background-color: rgba(255, 255, 255, 0) !important; border-bottom-color: rgba(226, 226, 226, 0) !important; transition: background-color 1.5s, border-color 1.5s, box-shadow 1.5s !important; }
html body.ato-refonte.page-id-37048 .elementor-sticky__spacer, html body.ato-refonte.home .elementor-sticky__spacer { display: none !important; }
html body.ato-refonte.page-id-37048 .to-hd::before, html body.ato-refonte.home .to-hd::before { content: ""; position: absolute; background: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0)); pointer-events: none; z-index: -1; opacity: 1; transition: opacity 1.5s; inset: 0px 0px -40px !important; width: auto !important; height: auto !important; border: 0px !important; border-radius: 0px !important; }
body.ato-refonte .to-hd.to-tr .tom-top, body.ato-refonte .to-hd.to-tr .tom-chev, body.ato-refonte .to-hd.to-tr .tom-tel, body.ato-refonte .to-hd.to-tr .tom .tom-burger { color: rgb(255, 255, 255); }
body.ato-refonte .to-hd.to-tr .tom .tom-burger { border-color: rgba(255, 255, 255, 0.55); }
body.ato-refonte .to-hd.to-tr .tom-tel svg { color: rgb(255, 255, 255); }
body.ato-refonte .to-hd .tom-top, body.ato-refonte .to-hd .tom-chev, body.ato-refonte .to-hd .tom-tel, body.ato-refonte .to-hd .tom-tel svg, body.ato-refonte .to-hd .tom .tom-burger { transition: color 1.5s, border-color 1.5s; }
html body.ato-refonte.page-id-37048 .to-hd.to-solid, html body.ato-refonte.home .to-hd.to-solid { box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 18px; background-color: rgb(255, 255, 255) !important; border-bottom-color: rgb(226, 226, 226) !important; }
body.ato-refonte .to-hd.to-solid::before { opacity: 0 !important; }
body.ato-refonte .to-hd .to-hd-logo .elementor-widget-container, body.ato-refonte .to-hd .to-hd-logo { position: relative; }
body.ato-refonte .to-hd .to-lg-w { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; opacity: 0; transition: opacity 1.5s; pointer-events: none; }
body.ato-refonte .to-hd.to-tr .to-lg-w { opacity: 1; }
body.ato-refonte .to-hd .to-hd-logo img:not(.to-lg-w) { transition: opacity 1.5s; }
body.ato-refonte .to-hd.to-tr .to-hd-logo img:not(.to-lg-w) { opacity: 0; }
body.ato-refonte .tom-top[href*="pub"]::after, body.ato-refonte .tom-top[href*="publicite"]::after, body.ato-refonte .tom-top[href*="enseignes"]::after { background: rgb(181, 18, 127) !important; }
body.ato-refonte .tom-top[href*="vitrerie"]::after { background: rgb(162, 197, 22) !important; }
body.ato-refonte .elementor-widget-image-box .elementor-image-box-img a img, body.ato-refonte .elementor-widget-image-box .elementor-image-box-img img { transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.45s; border-radius: 50%; }
body.ato-refonte .elementor-widget-image-box:has(a):hover .elementor-image-box-img img { transform: scale(1.06); box-shadow: rgba(31, 27, 28, 0.14) 0px 10px 24px; }
body.ato-refonte .elementor-widget-image-box:has(a) { cursor: pointer; }
@media (prefers-reduced-motion: reduce){
body.ato-refonte .elementor-widget-image-box .elementor-image-box-img img { transition: none; }
}
@media (max-width: 1024px){
body.ato-refonte .tom .tom-burger, body.ato-refonte .to-hd.to-tr .tom .tom-burger { height: 44px; margin-right: -6px; border: 0px !important; padding: 0px !important; min-width: 0px !important; width: auto !important; }
body.ato-refonte .tom .tom-burger svg { width: 26px; height: 26px; }
body.ato-refonte .tom .tom-act { gap: 26px !important; }
}
@media (max-width: 767px){
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c { grid-template-columns: minmax(0px, 1fr) !important; }
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c > .e-con, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c > .e-con { min-height: 62px; justify-content: center; border-top: 0px !important; border-left: 4px solid rgb(0, 159, 227) !important; padding: 12px 16px 12px 18px !important; }
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c > .e-con + .e-con, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c > .e-con + .e-con { border-top: 1px solid rgba(255, 255, 255, 0.14) !important; }
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c > .e-con.elementor-element-2c682e50, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c > .e-con.elementor-element-2c682e50 { border-left-color: rgb(181, 18, 127) !important; }
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c > .e-con.elementor-element-39ae80ad, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c > .e-con.elementor-element-39ae80ad { border-left-color: rgb(162, 197, 22) !important; }
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p .to-b1, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p .to-b1, html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p > span:first-child, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p > span:first-child { white-space: nowrap; font-family: Menlo, monospace !important; font-weight: 700 !important; font-size: 15px !important; color: rgb(255, 255, 255) !important; }
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p > span:last-child, html body.ato-refonte.home .elementor-element.elementor-element-2d1f485c .elementor-element.elementor-widget-text-editor p > span:last-child { width: 36px !important; height: 36px !important; font-size: 16px !important; font-family: inherit !important; }
}
@media (max-width: 1024px){
body.ato-refonte .e-con > .elementor-widget-heading, body.ato-refonte .e-con > .elementor-widget-text-editor { flex-shrink: 0 !important; }
body.ato-refonte .elementor-widget-heading p.elementor-heading-title { line-height: 1.35 !important; }
body.ato-refonte .elementor-widget-heading:has(p.elementor-heading-title) { margin-bottom: 4px !important; }
}
@media (max-width: 767px){
body.ato-refonte .elementor-element.elementor-element-19e86e37 > .e-con { width: 100% !important; max-width: 100% !important; }
body.ato-refonte .elementor-element.elementor-element-90d006b { flex-wrap: nowrap !important; gap: 12px !important; }
body.ato-refonte .elementor-element.elementor-element-90d006b > .e-con { width: auto !important; flex: 1 1 0px !important; min-width: 0px !important; }
html body.ato-refonte .elementor .elementor-element.elementor-element-1a064ea2.e-con { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; display: flex !important; flex-flow: row !important; align-items: stretch !important; gap: 14px !important; margin-right: -20px !important; padding: 0px 20px 10px 0px !important; }
html body.ato-refonte .elementor .elementor-element.elementor-element-1a064ea2.e-con::-webkit-scrollbar { display: none; }
html body.ato-refonte .elementor .elementor-element.elementor-element-1a064ea2.e-con > .e-con { scroll-snap-align: start; flex: 0 0 80% !important; max-width: 80% !important; }
body.ato-refonte .elementor-element.elementor-element-1a064ea2 .elementor-widget-image img, body.ato-refonte .elementor-element.elementor-element-37facb10 .elementor-widget-image img { object-fit: cover; height: 190px !important; aspect-ratio: auto !important; }
body.ato-refonte .elementor-element.elementor-element-1a064ea2 .elementor-widget-image, body.ato-refonte .elementor-element.elementor-element-37facb10 .elementor-widget-image { height: 190px; overflow: hidden; }
}
html body.ato-refonte .to-hd.to-fast, html body.ato-refonte .to-hd.to-fast::before, html body.ato-refonte .to-hd.to-fast .tom-top, html body.ato-refonte .to-hd.to-fast .tom-chev, html body.ato-refonte .to-hd.to-fast .tom-tel, html body.ato-refonte .to-hd.to-fast .tom-tel svg, html body.ato-refonte .to-hd.to-fast .tom .tom-burger, html body.ato-refonte .to-hd.to-fast .to-lg-w, html body.ato-refonte .to-hd.to-fast .to-hd-logo img { transition-duration: 0.15s !important; }

/* === 36979 === */
@font-face { font-family: Menlo; src: url("../fonts/DejaVuSansMono.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: Menlo; src: url("../fonts/DejaVuSansMono-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
body.ato-refonte .to-voir .to-voir-l p { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; margin: 0px; font-size: 0px !important; }
body.ato-refonte .to-voir .to-voir-l p::before { content: "VOIR AUSSI"; flex-basis: 100%; text-align: center; font: 700 12px / 1 Menlo, "DejaVu Sans Mono", monospace; letter-spacing: 3px; color: rgb(94, 88, 89); margin-bottom: 8px; }
body.ato-refonte .to-voir .to-voir-l a { display: inline-flex; align-items: center; min-height: 44px; padding: 0px 20px; border: 1px solid rgb(217, 213, 213); border-radius: 999px; background: rgb(255, 255, 255); transition: border-color 0.2s, color 0.2s; font-size: 15px !important; font-weight: 600 !important; color: rgb(35, 31, 32) !important; text-decoration: none !important; }
body.ato-refonte .to-voir .to-voir-l a:hover, body.ato-refonte .to-voir .to-voir-l a:focus { border-color: rgb(30, 155, 215); color: rgb(21, 119, 168) !important; }
body.ato-refonte .to-voir .to-voir-b p { margin: 0px; text-align: center; font-size: 14px; color: rgb(94, 88, 89); }
body.ato-refonte .to-voir .to-voir-b a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0px 18px; margin-left: 6px; border-radius: 8px; background: rgb(205, 232, 248); font-weight: 700; transition: background 0.2s; color: rgb(15, 94, 134) !important; text-decoration: none !important; }
body.ato-refonte .to-voir .to-voir-b a:hover { background: rgb(184, 222, 245); }
body.ato-refonte .to-voir .to-voir-b a::before { content: ""; width: 18px; height: 18px; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M4 20h16'/%3E%3C/svg%3E") center center / contain no-repeat; }
@media (max-width: 767px){
body.ato-refonte .to-voir .to-voir-l a { padding: 0px 16px; font-size: 14px !important; }
body.ato-refonte .to-voir .to-voir-b a { margin: 8px 0px 0px; }
}
body.ato-refonte .elementor-toggle .elementor-tab-title .elementor-toggle-icon-opened, body.ato-refonte .elementor-accordion .elementor-tab-title .elementor-accordion-icon-opened { display: none !important; }
body.ato-refonte .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-closed, body.ato-refonte .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-closed { display: none !important; }
body.ato-refonte .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened, body.ato-refonte .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon-opened { display: inline-flex !important; }
body.ato-refonte .elementor-toggle .elementor-tab-title, body.ato-refonte .elementor-accordion .elementor-tab-title { align-items: center; gap: 16px; display: flex !important; }
body.ato-refonte .elementor-toggle .elementor-tab-title .elementor-toggle-icon, body.ato-refonte .elementor-accordion .elementor-tab-title .elementor-accordion-icon { order: 2; flex: 0 0 auto; align-items: center; line-height: 1; float: none !important; margin: 0px 0px 0px auto !important; display: inline-flex !important; }
body.ato-refonte .elementor-toggle .elementor-tab-title .elementor-toggle-title, body.ato-refonte .elementor-accordion .elementor-tab-title .elementor-accordion-title { flex: 1 1 auto; order: 1; line-height: 1.5; }
body.ato-refonte .elementor div[style*="border-left: 5px solid #1E9BD7"] { background: rgb(205, 232, 248) !important; border-left: 0px !important; border-radius: 10px !important; padding: 20px 24px !important; align-items: center !important; }
body.ato-refonte .elementor div[style*="border-left: 5px solid #1E9BD7"]::before { content: "i"; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: rgb(30, 155, 215); color: rgb(255, 255, 255); font: 700 15px / 28px Menlo, "DejaVu Sans Mono", monospace; text-align: center; }
body.ato-refonte .elementor div[style*="border-left: 5px solid #1E9BD7"] strong { color: rgb(21, 119, 168) !important; }
@media (max-width: 767px){
body.ato-refonte .elementor div[style*="border-left: 5px solid #1E9BD7"] { align-items: flex-start !important; padding: 16px 18px !important; }
}
body.ato-refonte .to-mono-ws { word-spacing: -0.1em !important; }
body.ato-refonte .to-voir .to-voir-l p { row-gap: 14px !important; }
body.ato-refonte .to-voir .to-voir-l p::before { margin-bottom: 18px !important; }
body.ato-refonte .to-voir .to-voir-b { margin-top: 30px !important; }
body.ato-refonte .to-voir .to-voir-b a { min-height: 48px !important; padding: 0px 24px !important; margin-left: 10px !important; }
body.ato-refonte .to-voir { padding-top: 16px !important; padding-bottom: 52px !important; }
@media (max-width: 767px){
body.ato-refonte .to-voir { padding-bottom: 40px !important; }
body.ato-refonte .to-voir .to-voir-b { margin-top: 20px !important; }
body.ato-refonte .to-voir .to-voir-b a { margin: 10px 0px 0px !important; }
}

/* Tuiles accueil : fleche fine aux couleurs des metiers (remplace les ronds) */
body.ato-refonte .elementor-element-7d76cfde{--ato-arrow:#009FE3}
body.ato-refonte .elementor-element-2c682e50{--ato-arrow:#B5127F}
body.ato-refonte .elementor-element-39ae80ad{--ato-arrow:#A2C516}
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c :is(.elementor-element-7d76cfde,.elementor-element-2c682e50,.elementor-element-39ae80ad) .elementor-widget-text-editor p > span.to-b1:last-child{position:relative!important;flex:0 0 auto!important;display:block!important;width:68px!important;min-width:0!important;height:24px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;line-height:0!important;color:transparent!important;transition:width .25s ease!important}
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c :is(.elementor-element-7d76cfde,.elementor-element-2c682e50,.elementor-element-39ae80ad) .elementor-widget-text-editor p > span.to-b1:last-child::before{content:"";position:absolute;left:0;right:3px;top:50%;height:3px;border-radius:2px;background:var(--ato-arrow);transform:translateY(-50%)}
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c :is(.elementor-element-7d76cfde,.elementor-element-2c682e50,.elementor-element-39ae80ad) .elementor-widget-text-editor p > span.to-b1:last-child::after{content:"";position:absolute;right:2px;top:50%;width:13px;height:13px;border-top:3px solid var(--ato-arrow);border-right:3px solid var(--ato-arrow);border-radius:1px;transform:translateY(-50%) rotate(45deg)}
@media (hover:hover){html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c :is(.elementor-element-7d76cfde,.elementor-element-2c682e50,.elementor-element-39ae80ad):hover .elementor-widget-text-editor p > span.to-b1:last-child{width:84px!important}}
@media (max-width:767px){html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c :is(.elementor-element-7d76cfde,.elementor-element-2c682e50,.elementor-element-39ae80ad) .elementor-widget-text-editor p > span.to-b1:last-child{width:44px!important;height:20px!important}html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d1f485c :is(.elementor-element-7d76cfde,.elementor-element-2c682e50,.elementor-element-39ae80ad) .elementor-widget-text-editor p > span.to-b1:last-child::after{width:11px;height:11px}}


/* Accueil · cartes « Quel est votre projet ? » : liens alignés en bas de carte */
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d7f85f5 > .e-con > .elementor-widget-text-editor,
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d7f85f5 > .e-con > .elementor-widget-text-editor > .elementor-widget-container{display:flex;flex-direction:column;flex-grow:1}
html body.ato-refonte.page-id-37048 .elementor-element.elementor-element-2d7f85f5 .to-l{margin-top:auto!important}


/* Accueil · cartes Publicité / Métal-verre (mobile) : deux colonnes, carte cliquable, pastille fléchée en haut à droite */
@media (max-width:767px){
html body.ato-refonte.page-id-37048 :is(.elementor-element-7da837f7,.elementor-element-676ac096){padding:20px 14px 16px!important;--padding-top:20px;--padding-right:14px;--padding-bottom:16px;--padding-left:14px;row-gap:8px!important}
html body.ato-refonte.page-id-37048 :is(.elementor-element-b3e5530,.elementor-element-9628403){padding-right:40px!important;box-sizing:border-box;max-width:100%}
html body.ato-refonte.page-id-37048 :is(.elementor-element-b3e5530,.elementor-element-9628403) .elementor-heading-title{font-size:10.5px!important;letter-spacing:1.1px!important;line-height:1.6!important;overflow-wrap:anywhere}
html body.ato-refonte.page-id-37048 :is(.elementor-element-1fec279f,.elementor-element-552d05b2) .elementor-heading-title{font-size:15px!important;line-height:1.3!important}
html body.ato-refonte.page-id-37048 .elementor-element-20e6ee6a{--ato-c:#B5127F}
html body.ato-refonte.page-id-37048 .elementor-element-56bc9b65{--ato-c:#5F7F0A}
html body.ato-refonte.page-id-37048 :is(.elementor-element-20e6ee6a,.elementor-element-56bc9b65),html body.ato-refonte.page-id-37048 :is(.elementor-element-20e6ee6a,.elementor-element-56bc9b65) .elementor-widget-container,html body.ato-refonte.page-id-37048 :is(.elementor-element-20e6ee6a,.elementor-element-56bc9b65) p{position:static!important;margin:0!important}
html body.ato-refonte.page-id-37048 :is(.elementor-element-20e6ee6a,.elementor-element-56bc9b65) a{position:absolute!important;inset:0;z-index:2;padding:0!important;background:transparent!important;color:transparent!important;font-size:0!important;border-radius:inherit!important}
html body.ato-refonte.page-id-37048 :is(.elementor-element-20e6ee6a,.elementor-element-56bc9b65) a::after{content:"";position:absolute;right:14px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--ato-c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s ease}
html body.ato-refonte.page-id-37048 :is(.elementor-element-20e6ee6a,.elementor-element-56bc9b65) a:hover::after{transform:translateX(3px)}
html body.ato-refonte.page-id-37048 :is(.elementor-element-20e6ee6a,.elementor-element-56bc9b65) a:focus-visible{outline:3px solid var(--ato-c);outline-offset:-3px}
}


/* Listes numérotées · mobile
   - « Pourquoi Atelier TO » : une colonne, traits fins, numéro à gauche
   - Étapes 01-04 : deux colonnes compactes, traits fins */
@media (max-width:767px){
html body.ato-refonte .elementor .e-con.ato-li{border-top:1px solid #D9D5D5!important;border-bottom:0!important;position:relative}
html body.ato-refonte .elementor .e-con:has(> .ato-li h3 > span:first-child){display:flex!important;flex-direction:column!important;gap:0!important;row-gap:0!important;--row-gap:0px;--gap:0px}
html body.ato-refonte .elementor .e-con.ato-li:has(h3 > span:first-child){padding:14px 0 14px 46px!important;--padding-top:14px;--padding-bottom:14px;--padding-left:46px;--padding-right:0px;row-gap:4px!important;--row-gap:4px}
html body.ato-refonte .elementor .e-con.ato-li:has(h3 > span:first-child) h3 > span:first-child{position:absolute;left:-46px;top:0;margin:0!important}
html body.ato-refonte .elementor .e-con:has(> .ato-li h3 > span:first-child) > .elementor-widget-button{display:none!important}
html body.ato-refonte .elementor .e-con:has(> .ato-li > .elementor-widget-heading:first-child + .elementor-widget-heading){display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:20px!important;row-gap:8px!important;--row-gap:8px;--column-gap:20px}
html body.ato-refonte .elementor .e-con.ato-li:not(:has(h3 > span:first-child)){padding:14px 0 16px!important;--padding-top:14px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;row-gap:6px!important;--row-gap:6px;width:auto!important;max-width:none!important}
html body.ato-refonte .elementor .e-con.ato-li:not(:has(h3 > span:first-child)) > .elementor-widget-heading:first-child .elementor-heading-title{font-size:24px!important;line-height:1.1!important}
html body.ato-refonte .elementor .e-con.ato-li:not(:has(h3 > span:first-child)) > .elementor-widget-heading:nth-child(2) .elementor-heading-title{font-size:17px!important;line-height:1.25!important}
html body.ato-refonte .elementor .e-con.ato-li:not(:has(h3 > span:first-child)) > .elementor-widget-text-editor,html body.ato-refonte .elementor .e-con.ato-li:not(:has(h3 > span:first-child)) > .elementor-widget-text-editor p{font-size:14.5px!important;line-height:1.5!important}
}


/* Encadrés « Le saviez-vous ? » (toutes les pages) : contour bleu, titre sur sa ligne, texte pleine largeur */
html body.ato-refonte .elementor :is(div[style*="border-left: 5px solid #1E9BD7"],div[style*="border-left:5px solid #1E9BD7"]){display:block!important;background:transparent!important;border:1.5px solid #1E9BD7!important;border-radius:12px!important;padding:18px 20px!important}
html body.ato-refonte .elementor :is(div[style*="border-left: 5px solid #1E9BD7"],div[style*="border-left:5px solid #1E9BD7"])::before{content:"i";float:left;width:26px;height:26px;margin:0 10px 0 0;box-sizing:border-box;border-radius:50%;background:transparent;border:1.5px solid #1E9BD7;color:#1E9BD7;font:700 13px/23px Menlo,"DejaVu Sans Mono",monospace;text-align:center}
html body.ato-refonte .elementor :is(div[style*="border-left: 5px solid #1E9BD7"],div[style*="border-left:5px solid #1E9BD7"]) p{margin:0!important}
html body.ato-refonte .elementor :is(div[style*="border-left: 5px solid #1E9BD7"],div[style*="border-left:5px solid #1E9BD7"]) strong{display:block;line-height:26px;margin-bottom:6px;color:#1577A8!important}


/* Pages métiers (films, publicité, métal/verre) · mobile : espacements verticaux réduits entre les sections */
@media (max-width:767px){
html body.ato-refonte.page-id-37467 .elementor[data-elementor-type="wp-page"] > .e-con.ato-cta > .e-con-inner{padding-top:50px!important;padding-bottom:50px!important}
html body.ato-refonte:is(.page-id-36857,.page-id-36754,.page-id-36889,.page-id-36908,.page-id-37389,.page-id-37011,.page-id-36995,.page-id-37467,.page-id-37468) .elementor[data-elementor-type="wp-page"] > .e-con:not(:first-child):not(.ato-cta) > .e-con-inner{padding-top:36px!important;padding-bottom:36px!important;--padding-top:36px;--padding-bottom:36px}
html body.ato-refonte:is(.page-id-36857,.page-id-36754,.page-id-36889,.page-id-36908,.page-id-37389,.page-id-37011,.page-id-36995,.page-id-37467,.page-id-37468) .elementor[data-elementor-type="wp-page"] > .e-con:is(.elementor-element-d1a4976,.elementor-element-3e0616c4,.elementor-element-781b9b92,.elementor-element-bec948b,.elementor-element-227a537a,.elementor-element-4148115c,.elementor-element-5fdd28d2,.elementor-element-843e226,.elementor-element-de6b066){padding-top:8px!important;padding-bottom:0!important;--padding-top:8px;--padding-bottom:0px}
html body.ato-refonte:is(.page-id-36857,.page-id-36754,.page-id-36889,.page-id-36908,.page-id-37389,.page-id-37011,.page-id-36995,.page-id-37467,.page-id-37468) .elementor[data-elementor-type="wp-page"] > .e-con:is(.elementor-element-d1a4976,.elementor-element-3e0616c4,.elementor-element-781b9b92,.elementor-element-bec948b,.elementor-element-227a537a,.elementor-element-4148115c,.elementor-element-5fdd28d2,.elementor-element-843e226,.elementor-element-de6b066) > .e-con-inner{padding-top:28px!important;padding-bottom:40px!important}
}


/* Mobile · tailles minimales des petites étiquettes */
@media (max-width:767px){
html body.ato-refonte .elementor .to-k{font-size:11px!important}
html body.ato-refonte.page-id-37048 .elementor .to-tag{font-size:10.5px!important;letter-spacing:1px!important}
/* Boutons du haut de page et du bandeau final : pleine largeur, même taille */
html body.ato-refonte .elementor[data-elementor-type="wp-page"] > .e-con:first-child .elementor-widget-button,html body.ato-refonte .elementor[data-elementor-type="wp-page"] > .e-con.ato-cta .elementor-widget-button{width:100%!important;max-width:100%!important}
html body.ato-refonte .elementor[data-elementor-type="wp-page"] > .e-con:first-child .elementor-widget-button .elementor-button,html body.ato-refonte .elementor[data-elementor-type="wp-page"] > .e-con.ato-cta .elementor-widget-button .elementor-button{display:flex!important;width:100%!important;justify-content:center;box-sizing:border-box}
}


/* Listes « Pour qui » : sans trait au-dessus */
html body.ato-refonte .elementor ul.to-av{border-top:0!important;padding-top:4px!important}


/* « Voir aussi » : teinte très légère selon le métier de la page */
html body.ato-refonte:is(.page-id-36857,.page-id-36754,.page-id-36889,.page-id-36908,.page-id-37389,.page-id-37011,.page-id-36995) .elementor .to-voir-l a{background:#F0F7FC!important;border-color:#D3E6F3!important}
html body.ato-refonte:is(.page-id-36857,.page-id-36754,.page-id-36889,.page-id-36908,.page-id-37389,.page-id-37011,.page-id-36995) .elementor .to-voir-l a:hover{background:#E3F0FA!important}
html body.ato-refonte.page-id-37467 .elementor .to-voir-l a{background:#FBF1F7!important;border-color:#EFD6E5!important}
html body.ato-refonte.page-id-37467 .elementor .to-voir-l a:hover{background:#F6E3EE!important}
html body.ato-refonte.page-id-37468 .elementor .to-voir-l a{background:#F4F8EA!important;border-color:#DFE8C7!important}
html body.ato-refonte.page-id-37468 .elementor .to-voir-l a:hover{background:#EAF1D8!important}


/* Pages métiers · mobile : image du haut au format carré (1/1) */
@media (max-width:767px){
html body.ato-refonte:is(.page-id-36857,.page-id-36754,.page-id-36889,.page-id-36908,.page-id-37389,.page-id-37011,.page-id-36995,.page-id-37467,.page-id-37468) .elementor[data-elementor-type="wp-page"] > .e-con:first-child .elementor-widget-image img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:1/1;object-fit:cover}
}


/* Fiche anti-UV · mobile : espace sous le schéma avant les cartes de films */
@media (max-width:767px){
html body.ato-refonte.page-id-37011 .elementor .elementor-element.elementor-element-a7e5c0b1{width:100%!important;flex-shrink:0!important}
html body.ato-refonte.page-id-37011 .elementor .elementor-element.elementor-element-ccc3753{margin-top:-22px!important}
}


/* En-tête · Logo plus grand sur ordinateur (même taille en haut et au défilement) */
@media (min-width:1025px){
html body.ato-refonte .elementor-37387 .elementor-element.elementor-element-3753abb2 img{width:186px!important;max-width:none!important;transition:width .25s ease}
html body.ato-refonte.ato-scrolled .elementor-37387 .elementor-element.elementor-element-3753abb2 img{width:150px!important}
html body.ato-refonte .elementor-37387 .tom{transition:min-height .25s ease}
html body.ato-refonte.ato-scrolled .elementor-37387 .tom{min-height:62px!important}
}