@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-sans-3.ttf) format("truetype")}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}a.jlc-small[href="#contenu"]{position:absolute;left:20px;top:-100px;background:#fff;padding:10px;z-index:5}a.jlc-small[href="#contenu"]:focus{top:40px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.jlc-page{color:#191919;background:#fff;font-family:"Source Sans 3",Arial,sans-serif;font-size:17px;line-height:1.65; & *{box-sizing:border-box;} & h1,& h2,& h3,& p{margin:0;} & h1,& h2,& h3{line-height:1.12;text-wrap:balance;font-weight:500;} & h1{font-size:clamp(2.8rem,6.4vw,5.8rem);letter-spacing:-.025em;max-width:16ch;} & h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.025em;} & h3{font-size:1.45rem;letter-spacing:-.015em;} & [id]{scroll-margin-top:24px;} & time{font-variant-numeric:tabular-nums;} & a{color:inherit;text-underline-offset:.25em;} & a:hover{text-decoration-thickness:2px;} & :focus-visible{outline:3px solid #222;outline-offset:5px;} & ::selection{background:#222;color:#fff;}}.jlc-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto; @media(max-width:700px){width:calc(100% - 36px);}}.jlc-notice{background:#ededed;border-bottom:1px solid #ccc;padding:9px 20px;text-align:center;font-size:12px;letter-spacing:.025em;}.jlc-header{padding-block:27px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc; @media(max-width:1050px){flex-direction:column;align-items:flex-start;}}.jlc-brand{font-size:26px;font-weight:700;text-decoration:none;letter-spacing:-.03em;white-space:nowrap;}.jlc-nav{display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:13px; & a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;padding-block:10px;transition:color .16s ease;} & a:hover{text-decoration:underline;text-decoration-thickness:1px;} & a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;} @media(max-width:700px){display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 20px;font-size:13px;align-items:stretch; & a{line-height:1.4;min-height:44px;} & a:nth-child(2){font-size:12px;}}}.jlc-hero{padding-block:85px 70px;display:grid;grid-template-columns:1.55fr 1fr;gap:60px;align-items:end; & p{max-width:48ch;} @media(max-width:700px){grid-template-columns:1fr;gap:28px;padding-block:48px;}}.jlc-stack{display:flex;flex-direction:column;gap:24px;align-items:flex-start;}.jlc-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:#222;color:#fff!important;text-decoration:none;font-size:14px;border:1px solid #222; &:hover{background:#444;} &:disabled{opacity:.65;cursor:not-allowed;}}.jlc-section{padding-block:72px;border-top:1px solid #ccc;display:flex;flex-direction:column;gap:34px; @media(max-width:700px){padding-block:44px;}}.jlc-wide-image{width:100%;min-height:310px;background:#e9e9e9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid #bdbdbd;color:#555;text-align:center;padding:28px; & span{font-size:13px;} @media(max-width:700px){min-height:230px;}}.jlc-portrait{width:min(100%,360px);aspect-ratio:4/5;min-height:0; @media(max-width:700px){width:min(100%,320px);min-height:0;}}.jlc-columns{display:grid;grid-template-columns:1fr 1fr;gap:56px; & p{max-width:68ch;} @media(max-width:700px){grid-template-columns:1fr;gap:28px;}}.jlc-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:24px; & article{border-top:2px solid #222;padding-top:22px;display:flex;flex-direction:column;gap:12px;} & time{font-size:26px;} & p{font-size:14px;} @media(max-width:700px){grid-template-columns:1fr 1fr;}}.jlc-logos{display:flex;flex-wrap:wrap;gap:20px; & span{border:1px solid #bbb;background:#f4f4f4;min-width:150px;flex:1;padding:25px;text-align:center;font-size:13px;}}.jlc-service-list{display:flex;flex-direction:column; & article{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:28px;border-top:1px solid #bbb;} & p{font-size:15px;} @media(max-width:700px){& article{grid-template-columns:1fr;gap:14px;}}}.jlc-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px; & article{display:flex;flex-direction:column;gap:16px;} & a{display:flex;flex-direction:column;gap:16px;text-decoration:none;} & a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;} & .jlc-wide-image{aspect-ratio:16/10;min-height:0;} & p{font-size:14px;} @media(max-width:650px){grid-template-columns:1fr;}}.jlc-footer{background:#222;color:#fff;padding-block:50px; & a{color:inherit;} & .jlc-button{background:#fff;color:#222!important;border-color:#fff;} & .jlc-button:hover{background:#ededed;} & :focus-visible{outline-color:#fff;}}.jlc-small{font-size:13px;color:#555;max-width:70ch;}.jlc-form{display:grid;grid-template-columns:1fr 1fr;gap:22px; & label{display:flex;flex-direction:column;gap:8px;font-size:14px;} & input,& select,& textarea{font:inherit;color:#222;padding:12px;border:1px solid #888;background:#fff;width:100%;border-radius:0;min-height:48px;} & textarea{min-height:145px;} & .full{grid-column:1/-1;} & button{font:inherit;} @media(max-width:650px){grid-template-columns:1fr;}}