/* Mise en page LUP ; polices et couleurs du site d’origine. */
html{scroll-behavior:smooth;scroll-padding-top:30px;height:auto}body{height:auto;background:#fff;overflow-x:clip}body::after{display:none!important;content:none!important}.container{max-width:1200px}p+p{margin-top:20px}h2{font-size:clamp(1.65rem,2.5vw,2.1rem);font-weight:500;margin-bottom:30px}h3{font-size:1.3rem;font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;color:white}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-header img{width:150px;max-height:65px}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav a{color:white;font-size:.88rem;text-decoration:none}.menu-toggle{display:none}
.landing{position:relative;min-height:700px;min-height:100svh;display:flex;align-items:center;background:linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.48)),url('../images/fond_noiretable.jpg') center center/cover no-repeat}.landing-content{width:100%;padding-top:145px;padding-bottom:160px}.landing h1{font-size:clamp(1.9rem,3.05vw,3rem);font-weight:300;color:white;line-height:1.5;max-width:1110px;letter-spacing:-.3px;margin:0}.down-arrow{position:absolute;bottom:50px;left:max(30px,calc((100% - 1140px)/2));display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #ffffff80;border-radius:50%;color:white;font-size:26px;text-decoration:none}.down-arrow:hover{color:white;background:#ffffff20}
.page-section{padding:90px 0}.section-title{text-align:center;margin-bottom:45px}.intro-title{font-family:Poppins,sans-serif;font-size:1.65rem;font-weight:300;line-height:1.5;color:#121518;margin-bottom:30px;max-width:920px}.plain-list{padding-left:22px;margin-top:15px;margin-bottom:30px}.plain-list li{padding-left:5px;margin-bottom:8px}.team-grid{margin-top:45px}.portrait{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:5px;margin-bottom:24px}.team-grid h3{text-align:center;margin-bottom:15px}.team-grid p{font-size:.94rem;line-height:1.8}.overline{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;color:#7c7c7c;margin:0 0 18px}.conviction-grid{margin-top:35px;margin-bottom:55px}.conviction-grid h3{font-weight:400;line-height:1.5;margin-bottom:18px}.conviction-grid article{padding-right:30px}.approach-title{font-size:1.6rem;margin-bottom:25px}.needs{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:35px 0 55px}.needs li{font-family:Poppins,sans-serif;font-size:1.08rem;font-weight:300;line-height:1.65;color:#121518;padding:0 0 20px;border-bottom:1px solid #ddd}.example-label{margin-bottom:12px}.project-title{font-size:1.4rem;font-weight:400;margin-bottom:30px;line-height:1.55}.project-image{display:block;width:100%;max-height:680px;object-fit:contain;margin:0 auto 35px}.service p{max-width:1100px}.service p+p{margin-top:20px}.map-image{display:block;width:100%;max-height:850px;object-fit:contain;margin:35px auto 0}footer{padding:90px 0;background:linear-gradient(#0009,#0009),url('../images/picauville.jpg') center/cover;color:white}.contact-details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;margin-bottom:65px}.contact-details a{color:white;font-size:1.05rem}.legal p{margin:0;line-height:1.8;font-size:.82rem}.legal{text-align:center}
@media(max-width:991px){.header-inner{min-height:85px}.site-header img{width:115px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:12px}.menu-toggle span{width:23px;height:1px;background:white}.site-header nav{display:none;position:absolute;top:85px;left:0;right:0;background:#17191b;padding:25px 30px;flex-direction:column;align-items:flex-start;gap:20px}.site-header nav.open{display:flex}.page-section{padding:65px 0}.landing{background-position:52% center}.landing h1{font-size:2.2rem}.needs{gap:25px}.contact-details{flex-direction:column;text-align:center}.team-grid p{font-size:.9rem}}
@media(max-width:575px){.container{padding-left:25px;padding-right:25px}.landing h1{font-size:1.8rem;line-height:1.55}.landing-content{padding-top:125px;padding-bottom:145px}.down-arrow{bottom:35px;left:25px;width:55px;height:55px}.page-section{padding:55px 0}.intro-title{font-size:1.3rem}.needs{grid-template-columns:1fr;gap:17px;margin:25px 0 35px}.needs li{font-size:1rem;padding-bottom:15px}.team-grid{margin-top:25px}.team-grid article+article{margin-top:35px}.team-grid p{font-size:1rem}.portrait{aspect-ratio:4/4.6}.project-title{font-size:1.2rem}.project-image{margin-bottom:25px}.conviction-grid{margin-bottom:40px}.conviction-grid article{padding-right:12px}.conviction-grid article+article{margin-top:30px}footer{padding:65px 0}.contact-details{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Mise en page issue de la plaquette : marges, cadres et bleu InDesign. */
:root{--lup-blue:#58b7c6;--lup-highlight:#f1e4aa}
.page-section>.container{max-width:1060px;padding-left:50px;padding-right:50px}
.page-section{color:#555;line-height:1.8}
.page-section h2,.page-section h3,.intro-title{color:var(--lup-blue)}
.page-section h2{font-weight:400}
.page-section strong{font-weight:800;color:#262626}
.page-section h2 strong,.page-section h3 strong{color:inherit}
.overline,.example-label{color:var(--lup-blue);width:fit-content;background:linear-gradient(transparent 75%,var(--lup-highlight) 75%,var(--lup-highlight) 94%,transparent 94%)}
.conviction-grid{align-items:stretch}
.conviction-grid article{padding-right:12px;display:flex}
.conviction-card{border:1.5px solid var(--lup-blue);border-radius:16px;padding:25px 23px;width:100%}
.conviction-card h3{font-family:'Open Sans',sans-serif;font-size:1.12rem;font-weight:800;line-height:1.45;margin-bottom:20px}
.conviction-card p{font-size:.95rem;line-height:1.7}
.needs{gap:18px;margin:30px 0 40px;align-items:stretch}
.needs li{border:0;background:var(--lup-blue);color:#fff;padding:24px 23px;font-family:Poppins,sans-serif;font-size:1.03rem;font-weight:800;line-height:1.6;display:block}
.needs strong{color:#fff;font-weight:900}
.project-title{font-weight:300;font-size:1.3rem;margin-bottom:28px}
.project-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.project-image{width:100%;height:auto;max-height:none;margin:0;object-fit:contain}
.project-copy p{font-size:.95rem;line-height:1.8}
.project-copy .plain-list{font-size:.95rem;line-height:1.8;margin-bottom:0}
.comparison{position:relative}
.image-label,.existing figcaption{background:#171717;color:#fff;font-size:.67rem;font-weight:800;padding:2px 7px;line-height:1.5}
.image-label{position:absolute;right:0;bottom:0}
.existing{position:absolute;left:0;bottom:0;width:33%;margin:0;border:2px solid white}
.existing img{display:block;width:100%;height:auto}
.existing figcaption{font-size:.57rem;text-align:center;padding:1px 2px}
@media(max-width:991px){.page-section>.container{max-width:880px;padding-left:40px;padding-right:40px}.project-layout{gap:25px}.needs li{font-size:.95rem;padding:22px 18px}.conviction-card{padding:22px 18px}}
@media(max-width:767px){.project-layout{grid-template-columns:1fr}.project-visual{max-width:560px;width:100%;margin:0 auto}.needs{grid-template-columns:1fr;gap:12px}.needs li{padding:20px 22px;font-size:1rem}.conviction-grid article+article{margin-top:20px}.page-section>.container{padding-left:32px;padding-right:32px}.project-title{font-size:1.2rem}.project-copy p,.project-copy .plain-list{font-size:1rem}}

footer .contact-details{margin-bottom:0}

/* Accordéons : présentation Mono, interaction native accessible au clavier. */
.lup-accordion{border-top:1px solid #e5e5e5;margin-top:25px}
.mission{border-bottom:1px solid #e5e5e5;scroll-margin-top:25px}
.mission>summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;cursor:pointer;padding:27px 0}
.mission>summary::-webkit-details-marker{display:none}
.mission>summary h2{margin:0;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.5}
.mission>summary:focus-visible{outline:2px solid var(--lup-blue);outline-offset:5px}
.accordion-mark{position:relative;flex:0 0 22px;height:22px;color:var(--lup-blue)}
.accordion-mark:before,.accordion-mark:after{content:'';position:absolute;background:currentColor;top:10px;left:2px;width:18px;height:2px}
.accordion-mark:after{transform:rotate(90deg)}
.mission[open] .accordion-mark:after{transform:rotate(0)}
.mission-content{padding:0 0 38px}
.mission-content .needs{margin-top:8px}
footer{padding:90px 0 100px;text-align:center;background:linear-gradient(#0008,#0008),url('../images/picauville.jpg') center/cover}
footer>.container{max-width:1440px}
footer h2{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;color:white;margin-bottom:20px}
footer .contact-intro{color:#e5e5e5;font-size:1.1rem;margin:0}
.contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:75px}
.contact-grid>a,.contact-grid>div{display:flex;align-items:center;flex-direction:column;gap:28px;color:#e5e5e5;text-decoration:none;font-size:1rem;line-height:1.7}
.contact-grid i{font-size:3rem;line-height:1;color:white}
.contact-grid span{overflow-wrap:anywhere}
.contact-grid a:hover span{text-decoration:underline;color:white}
@media(max-width:991px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px}}
@media(max-width:575px){.mission>summary{gap:15px;padding:22px 0}.mission>summary h2{font-size:1.2rem}.mission-content{padding-bottom:30px}.contact-grid{grid-template-columns:1fr;margin-top:50px;gap:40px}.contact-grid>a,.contact-grid>div{gap:15px}footer{padding:65px 0}}

/* Composant Mono style-2, avec titres et contenus LUP. */
.lup-accordion>.mission{padding:0;margin:0 0 14px;border:0}
.lup-accordion>.mission>.accordion-title{padding:0;margin:0;border:0;border-bottom:1px solid #d8d8d8;background:transparent}
.lup-accordion>.mission>.accordion-title:before,.lup-accordion>.mission>.accordion-title:after{display:none}
.accordion-title button{display:block;position:relative;width:100%;padding:24px 40px 24px 0;border:0;background:transparent;text-align:left;color:var(--lup-blue);font:inherit;font-size:clamp(1.2rem,2vw,1.7rem);line-height:1.5;cursor:pointer}
.accordion-title button:before,.accordion-title button:after{content:'';position:absolute;right:25px;top:50%;width:16px;height:2px;background:currentColor;transition:transform .2s ease}
.accordion-title button:after{transform:rotate(90deg)}
.active>.accordion-title button:after{transform:rotate(0)}
.lup-accordion>.mission.active>.accordion-title{background:transparent;border-bottom-color:var(--lup-blue)}
.lup-accordion>.mission.active>.accordion-title button,.lup-accordion>.mission.active>.accordion-title strong{color:var(--lup-blue)}
.lup-accordion>.mission>.accordion-content{padding:0 0;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out}
.lup-accordion>.mission>.accordion-content:before,.lup-accordion>.mission>.accordion-content:after{display:none}
.lup-accordion .mission-content{padding:25px 0 35px}
.lup-accordion .accordion-content .needs{list-style:none}
.lup-accordion .accordion-content .needs li{padding:24px 23px;margin:0;background:var(--lup-blue);color:white}
.lup-accordion .accordion-content .plain-list li{margin-bottom:8px;padding-left:5px}
@media(max-width:575px){.accordion-title button{padding:20px 35px 20px 0}.accordion-title button:before,.accordion-title button:after{right:17px}.lup-accordion .accordion-content .needs li{padding:20px 22px}}
@media(prefers-reduced-motion:reduce){.lup-accordion>.mission>.accordion-content,.accordion-title button:before,.accordion-title button:after{transition:none}}

.lup-accordion{border-top:0}

.blue-highlight{background:var(--lup-blue);color:white;font-weight:800;padding:0 .16em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.skip-link{position:fixed;top:-100px;left:15px;z-index:100;background:white;color:#121518;padding:12px 18px}
.skip-link:focus{top:10px}

.portrait{height:auto}