/* Studio 47 — page « projets ». CSS du template Framer Pulvinar
   (pulvinar.framer.website), relevé tel que rendu à 1440 px : seules
   restent les règles qui touchent un élément du cadre. */
html, body, #main { box-sizing: border-box; margin: 0px; padding: 0px; }
:root { -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; -webkit-font-smoothing: inherit; }
h1, h2, h3, h4, h5, h6, p, figure { margin: 0px; }
body, input, textarea, select, button { font-family: sans-serif; font-size: 12px; }
body { --token-cfc9508c-5ae6-487b-bae4-3fcca7747e73: #fff; --token-f41b75b7-67e3-49b4-982f-f6f3e5df864e: #000; --token-28ebcd82-66b0-4f49-b6b0-b4e59f00734d: #a1a1a1; --token-b09e7a6b-64cc-4197-8a78-fa2523eb5ecd: #4a4a4a; --token-ec4b8267-9334-4331-8d75-9b782ef0f322: #303030; --token-e5fe01a4-7fd4-4a51-8718-ac178865cf48: #bdbdbd; --token-1513b6d9-e250-4421-8848-72b416481b57: #fff; --token-2197f61a-f848-45b8-8a5f-42cc8751b328: #7a7a7a; --token-f81bdd53-0cb0-4797-8dd6-60b913fedc45: #fff; --token-03ded43b-40ad-4078-ac73-f57fa7462949: #d1d1d1; --token-1bc58724-b47c-4b06-9ce5-f5f0318d9a25: #e6e6e6; --token-f2eee0a6-5b26-4ba6-a005-f355224f8450: #999; --token-93a4230d-dd8e-4b26-bdbe-bd7469402040: #000; --token-69933b41-9291-4e5a-b413-8e10fb5dcfb7: #323232; --token-cf44f8cc-f186-43f1-90ba-8dab4364639a: #454545; }
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body { --framer-will-change-override: transform; }
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body { --framer-will-change-filter-override: filter; }
}
@supports not (color:color(display-p3 1 1 1)) {
p.framer-text, div.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, li.framer-text, ol.framer-text, ul.framer-text, span.framer-text:not([data-text-fill]) { color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000)))); -webkit-text-stroke-color: var(--framer-text-stroke-color-rgb,var(--framer-text-stroke-color,initial)); }
}
@supports not (overflow:clip) {
:root { --overflow-clip-fallback: hidden; }
}
@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {
div.framer-text, p.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, ol.framer-text, ul.framer-text, li.framer-text, blockquote.framer-text, .framer-text.framer-image { display: var(--text-truncation-display-inline-for-safari-16,revert); }
div.framer-text::after, p.framer-text::after, h1.framer-text::after, h2.framer-text::after, h3.framer-text::after, h4.framer-text::after, h5.framer-text::after, h6.framer-text::after, ol.framer-text::after, ul.framer-text::after, li.framer-text::after, blockquote.framer-text::after, .framer-text.framer-image::after { content: var(--text-truncation-line-break-for-safari-16); white-space: pre; }
}
@supports (corner-shape:superellipse(2)) {
:root { --one-if-corner-shape-supported: 1; }
}
.framer-mfYYT.framer-fl0mzz { background-color: var(--token-cfc9508c-5ae6-487b-bae4-3fcca7747e73,#fff); flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; width: 100%; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-mfYYT .framer-99ifeq-container { mix-blend-mode: difference; height: auto; position: var(--framer-canvas-fixed-position,fixed); z-index: 8; flex: 0 0 auto; order: -1000; width: 100%; top: 0px; left: 50%; transform: translate(-50%); }
.framer-mfYYT .framer-1ka7o4r { margin: 0px; background: 0px 0px; flex-grow: 1; width: 0px; height: 0px; position: relative; }
.framer-mfYYT .framer-bumdrc-container { z-index: 1; flex: 0 0 auto; order: 1003; width: 1px; height: 1px; position: absolute; top: 0px; left: calc(50% - 0.5px); }
.framer-mfYYT .framer-bckrqc-container { flex: 0 0 auto; order: 1004; width: auto; height: auto; position: relative; }
[data-layout-template="true"] > #overlay { margin-bottom: 0px; }
.ssr-variant { display: contents; }
@supports (aspect-ratio:1) {
body { --framer-aspect-ratio-supported: auto; }
}
.framer-Njuh8.framer-1vj2mu0 { grid-template-rows: repeat(2, min-content); grid-template-columns: repeat(6, minmax(50px, 1fr)); grid-auto-rows: min-content; justify-content: center; gap: 10px 2px; width: 1200px; height: min-content; padding: 20px 20px 0px; display: grid; position: relative; overflow: visible; }
.framer-Njuh8 .framer-e9nwnu { flex-flow: row; flex: 0 0 auto; grid-column: span 6; place-content: center space-between; place-self: start; align-items: center; width: 100%; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-Njuh8 .framer-gbxdor, .framer-Njuh8 .framer-18wyvq4, .framer-Njuh8 .framer-uvw6ln, .framer-Njuh8 .framer-a2tbno, .framer-Njuh8 .framer-1afb1ds, .framer-Njuh8 .framer-42q70m, .framer-Njuh8 .framer-1g2tfyr { flex: 0 0 auto; width: 4px; height: 4px; position: relative; overflow: visible; }
.framer-Njuh8 .framer-1ls6mj6 { flex-flow: column; flex: 0 0 auto; grid-column: span 6; place-content: flex-start center; place-self: start; align-items: flex-start; gap: 5px; width: 100%; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-Njuh8 .framer-xzapqj { flex: 0 0 auto; grid-template-rows: repeat(1, minmax(0px, 1fr)); grid-template-columns: repeat(6, minmax(50px, 1fr)); grid-auto-rows: minmax(0px, 1fr); justify-content: center; gap: 0px; width: 100%; height: min-content; padding: 0px; display: grid; position: relative; overflow: visible; }
.framer-Njuh8 .framer-urlugr { flex-flow: row; flex: 0 0 auto; grid-column: span 2; place-content: flex-start; place-self: start; align-items: flex-start; gap: 2px; width: 100%; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-Njuh8 .framer-ftd5wh-container, .framer-Njuh8 .framer-1x40vzx-container, .framer-Njuh8 .framer-lneyd8-container, .framer-Njuh8 .framer-7z2bls-container { flex: 0 0 auto; width: auto; height: auto; position: relative; }
.framer-Njuh8 .framer-18hvbz-container { flex: 0 0 auto; grid-column: span 2; place-self: start; width: 100%; height: auto; position: relative; }
.framer-Njuh8 .framer-1eiizi6 { flex-flow: row; flex: 0 0 auto; place-content: center flex-start; place-self: start; align-items: center; gap: 10px; width: 100%; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-Njuh8 .framer-t0tq3c { white-space: pre; flex: 0 0 auto; width: auto; height: auto; position: relative; }
.framer-Njuh8 .framer-13hrkk8 { flex-flow: row; flex: 0 0 auto; place-content: center; place-self: start end; align-items: center; gap: 10px; width: min-content; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-WjYz4.framer-12bspy4, .framer-WjYz4 .framer-12bspy4 { display: block; }
.framer-WjYz4.framer-1cmf3wv { cursor: pointer; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; width: min-content; height: 18px; padding: 0px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.framer-WjYz4 .framer-1h9mpfo { flex-flow: column; flex: 0 0 auto; place-content: center flex-start; align-items: center; gap: 8px; width: min-content; height: 18px; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-WjYz4 .framer-h1siql, .framer-WjYz4 .framer-nfc6kk { white-space: pre; flex: 0 0 auto; width: auto; height: auto; position: relative; }
.framer-WjYz4.framer-v-jfifmj.framer-1cmf3wv { align-content: flex-end; align-items: flex-end; }
body { --framer-will-change-override: none; }
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
body { --framer-will-change-override: transform; }
}
body { --framer-will-change-filter-override: none; }
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
body { --framer-will-change-filter-override: filter; }
}
[data-framer-component-type] { position: absolute; }
[data-framer-component-type="RichTextContainer"] { outline: none; flex-direction: column; flex-shrink: 0; justify-content: flex-start; display: flex; }
p.framer-text, div.framer-text, figure.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, ol.framer-text, ul.framer-text { margin: 0px; padding: 0px; }
p.framer-text, div.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, li.framer-text, ol.framer-text, ul.framer-text, mark.framer-text, span.framer-text:not([data-text-fill]) { font-family: var(--framer-font-family-preview,var(--framer-blockquote-font-family,var(--framer-font-family,Inter,Inter Placeholder,sans-serif))); font-style: var(--framer-font-style-preview,var(--framer-blockquote-font-style,var(--framer-font-style,normal))); font-weight: var(--framer-font-weight-preview,var(--framer-blockquote-font-weight,var(--framer-font-weight,400))); color: var(--framer-blockquote-text-color,var(--framer-text-color,#000)); font-size: calc(var(--framer-blockquote-font-size,var(--framer-font-size,16px))*var(--framer-font-size-scale,1)); letter-spacing: var(--framer-blockquote-letter-spacing,var(--framer-letter-spacing,0)); text-transform: var(--framer-blockquote-text-transform,var(--framer-text-transform,none)); text-decoration-line: var(--framer-blockquote-text-decoration,var(--framer-text-decoration,initial)); text-decoration-style: var(--framer-blockquote-text-decoration-style,var(--framer-text-decoration-style,initial)); text-decoration-color: var(--framer-blockquote-text-decoration-color,var(--framer-text-decoration-color,initial)); text-decoration-thickness: var(--framer-blockquote-text-decoration-thickness,var(--framer-text-decoration-thickness,initial)); text-decoration-skip-ink: var(--framer-blockquote-text-decoration-skip-ink,var(--framer-text-decoration-skip-ink,initial)); text-underline-offset: var(--framer-blockquote-text-decoration-offset,var(--framer-text-decoration-offset,initial)); line-height: var(--framer-blockquote-line-height,var(--framer-line-height,1.2em)); text-align: var(--framer-blockquote-text-alignment,var(--framer-text-alignment,start)); -webkit-text-stroke-width: var(--framer-text-stroke-width,initial); -webkit-text-stroke-color: var(--framer-text-stroke-color,initial); font-feature-settings: var(--framer-font-open-type-features,initial); font-variation-settings: var(--framer-font-variation-axes-preview,var(--framer-font-variation-axes,normal)); text-wrap: var(--framer-text-wrap-override,var(--framer-text-wrap)); }
mark.framer-text, p.framer-text, div.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, li.framer-text, ol.framer-text, ul.framer-text { background-color: var(--framer-blockquote-text-background-color,var(--framer-text-background-color,initial)); border-radius: var(--framer-blockquote-text-background-radius,var(--framer-text-background-radius,initial)); corner-shape: var(--framer-blockquote-text-background-corner-shape,var(--framer-text-background-corner-shape,initial)); padding: var(--framer-blockquote-text-background-padding,var(--framer-text-background-padding,initial)); }
@supports not (color:color(display-p3 1 1 1)) {
p.framer-text, div.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, li.framer-text, ol.framer-text, ul.framer-text, span.framer-text:not([data-text-fill]) { color: var(--framer-blockquote-text-color-rgb,var(--framer-blockquote-text-color,var(--framer-text-color-rgb,var(--framer-text-color,#000)))); -webkit-text-stroke-color: var(--framer-text-stroke-color-rgb,var(--framer-text-stroke-color,initial)); }
}
@supports not (overflow:clip) {
:root { --overflow-clip-fallback: hidden; }
}
@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {
div.framer-text, p.framer-text, h1.framer-text, h2.framer-text, h3.framer-text, h4.framer-text, h5.framer-text, h6.framer-text, ol.framer-text, ul.framer-text, li.framer-text, blockquote.framer-text, .framer-text.framer-image { display: var(--text-truncation-display-inline-for-safari-16,revert); }
div.framer-text::after, p.framer-text::after, h1.framer-text::after, h2.framer-text::after, h3.framer-text::after, h4.framer-text::after, h5.framer-text::after, h6.framer-text::after, ol.framer-text::after, ul.framer-text::after, li.framer-text::after, blockquote.framer-text::after, .framer-text.framer-image::after { content: var(--text-truncation-line-break-for-safari-16); white-space: pre; }
}
@supports (corner-shape:superellipse(2)) {
:root { --one-if-corner-shape-supported: 1; }
}
@supports (aspect-ratio:1) {
body { --framer-aspect-ratio-supported: auto; }
}
.framer-KvbuR.framer-2boai4 { height: min-content; overflow: var(--overflow-clip-fallback,clip); flex-flow: column; place-content: flex-start; align-items: flex-start; gap: 2px; width: min-content; padding: 0px; display: flex; position: relative; }
.framer-KvbuR .framer-1xxdfh8-container, .framer-KvbuR .framer-76ja2g-container, .framer-KvbuR .framer-ygr8da-container, .framer-KvbuR .framer-p0ad6i-container, .framer-KvbuR .framer-i4bwbd-container, .framer-KvbuR .framer-16tc550-container, .framer-KvbuR .framer-1plpbfh-container, .framer-KvbuR .framer-4ydgii-container, .framer-KvbuR .framer-1yd0lr4-container, .framer-KvbuR .framer-1zg6ey-container { flex: 0 0 auto; width: auto; height: auto; position: relative; }
@supports (aspect-ratio:1) {
body { --framer-aspect-ratio-supported: auto; }
}
.framer-wnuJE.framer-72rtr7 { background-color: var(--token-cfc9508c-5ae6-487b-bae4-3fcca7747e73,#fff); flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; width: 1200px; height: min-content; padding: 0px; display: flex; position: relative; overflow: hidden; }
.framer-wnuJE .framer-l47j8u { will-change: var(--framer-will-change-effect-override,transform); z-index: 1; background-color: rgb(255, 255, 255); flex-flow: row; flex: 0 0 auto; place-content: flex-end flex-start; align-items: flex-end; gap: 2px; width: 100%; height: 100vh; padding: 0px 5px; display: flex; position: relative; overflow: visible; }
.framer-wnuJE .framer-1hduf4s, .framer-wnuJE .framer-gvtwkn { flex-flow: column; flex: 0 0 auto; place-content: flex-start center; align-items: flex-start; gap: 20px; width: 35%; height: min-content; padding: 0px; display: flex; position: relative; }
.framer-wnuJE .framer-1ecfaoa, .framer-wnuJE .framer-1m33t38, .framer-wnuJE .framer-4sip7d, .framer-wnuJE .framer-1u5jcy7, .framer-wnuJE .framer-11karjr, .framer-wnuJE .framer-tup2ig, .framer-wnuJE .framer-13tqpij, .framer-wnuJE .framer-1awbns2 { flex-flow: row; flex: 0 0 auto; place-content: center flex-start; align-items: center; gap: 10px; width: 100%; height: min-content; padding: 0px; display: flex; position: relative; }
.framer-wnuJE .framer-c18u1y-container, .framer-wnuJE .framer-1u99t3g-container, .framer-wnuJE .framer-5ojmhm-container, .framer-wnuJE .framer-jwv735-container, .framer-wnuJE .framer-d7sfb2-container, .framer-wnuJE .framer-j0hcac-container, .framer-wnuJE .framer-wybdlf-container { flex: 1 0 0px; width: 1px; height: auto; position: relative; }
.framer-wnuJE .framer-fcqz28, .framer-wnuJE .framer-4t4jyp, .framer-wnuJE .framer-1w4aaw4, .framer-wnuJE .framer-r950nr { flex-flow: column; flex: 0 0 auto; place-content: flex-start center; align-items: flex-start; gap: 20px; width: 45%; height: min-content; padding: 0px; display: flex; position: relative; }
.framer-wnuJE .framer-19ih0ef-container { flex: 0 0 auto; width: 100%; height: auto; position: relative; }
.framer-wnuJE .framer-1ijdf9q, .framer-wnuJE .framer-ptsda { flex-flow: column; flex: 0 0 auto; place-content: flex-start center; align-items: flex-start; gap: 20px; width: 55%; height: min-content; padding: 0px; display: flex; position: relative; }
.framer-BU5L7.framer-1byknrf, .framer-BU5L7 .framer-1byknrf { display: block; }
.framer-BU5L7.framer-103nkua { cursor: pointer; flex-flow: column wrap; place-content: flex-start; align-items: flex-start; gap: 10px 0px; width: 351px; height: min-content; padding: 0px; text-decoration: none; display: flex; position: relative; overflow: hidden; }
.framer-BU5L7 .framer-1nxtd1w { z-index: 1; flex-flow: column; flex: 0 0 auto; place-content: flex-start space-between; align-items: flex-start; width: 230px; height: min-content; padding: 0px; display: flex; position: relative; }
.framer-BU5L7 .framer-do1cf5 { flex-flow: column; flex: 0 0 auto; place-content: center; align-items: center; gap: 0px; width: 100%; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-BU5L7 .framer-16dllo8 { white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; flex: 0 0 auto; width: 100%; height: auto; position: relative; }
.framer-BU5L7 .framer-5xfsio { flex-flow: row; flex: 0 0 auto; place-content: center flex-start; align-items: center; gap: 13px; width: min-content; height: min-content; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-BU5L7 .framer-3nn4rw, .framer-BU5L7 .framer-1jt6shf, .framer-BU5L7 .framer-hwc82j { white-space: pre; flex: 0 0 auto; width: auto; height: auto; position: relative; }
.framer-BU5L7 .framer-760bcl { aspect-ratio: 1.25357 / 1; flex-flow: column; flex: 0 0 auto; place-content: center flex-start; align-items: center; gap: 10px; width: 100%; height: auto; padding: 0px; display: flex; position: relative; overflow: visible; }
.framer-BU5L7 .framer-1q3qwwn { z-index: 1; flex: 0 0 auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; overflow: visible; }
.framer-BU5L7 .framer-18f2rih-container { flex: 0 0 auto; width: 100%; height: 100%; position: absolute; top: 0%; left: -0.142449%; }
.framer-ypJUc .framer-styles-preset-yjrjg8:not(.rich-text-wrapper), .framer-ypJUc .framer-styles-preset-yjrjg8.rich-text-wrapper p { --framer-font-family: "Archivo","Archivo Placeholder",sans-serif; --framer-font-family-bold: "Inter","Inter Placeholder",sans-serif; --framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif; --framer-font-family-italic: "Inter","Inter Placeholder",sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 500; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: .03em; --framer-line-height: 1.3em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-background-padding: 0px; --framer-text-color: var(--token-cfc9508c-5ae6-487b-bae4-3fcca7747e73,#fff); --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }
* { -webkit-tap-highlight-color: transparent; }
html, body { scrollbar-width: none !important; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none !important; }
@supports (aspect-ratio: 1) {
body { --framer-aspect-ratio-supported: auto; }
}