@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202a27;--muted:#68716c;--paper:#f5f4ef;--white:#fff;--green:#526b5e;--lime:#c8d2a8;--line:#d9ddd5;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{
	margin:0;
	background:var(--paper);
	color:var(--ink);
	font-family:var(--sans);
	font-size:15px;
	line-height:1.7
}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.topline{background:var(--ink);color:#e6e9e2;font-size:11px;letter-spacing:.07em}.top-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between}.top-inner a{color:var(--lime)}.site-header{height:90px;background:rgba(245,244,239,.96);border-bottom:1px solid rgba(32,42,39,.09);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{font:800 27px var(--display);letter-spacing:-.11em;border:1px solid var(--green);height:44px;width:44px;display:grid;place-items:center;color:var(--green);position:relative}.brand-mark span{color:#a8b68a}.brand-name{font:500 11px/1.25 var(--display);letter-spacing:.13em}.brand-name b{font-weight:800}.brand-name small{display:block;font-size:8px;letter-spacing:.19em;margin-top:5px;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:26px;font-size:12px}.main-nav>a:not(.nav-cta){position:relative;color:#4e5853}.main-nav>a.active:after{content:"";position:absolute;left:0;bottom:-10px;width:100%;height:2px;background:var(--green)}.nav-cta{background:var(--green);color:#fff;padding:13px 16px;font-size:11px}.nav-cta span{margin-left:13px}.menu-toggle{display:none;background:none;border:0}.intro{padding-top:28px}.breadcrumbs{display:flex;gap:12px;align-items:center;color:#89918b;font-size:11px;margin-bottom:48px}.breadcrumbs b{color:var(--ink);font-weight:500}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.intro-copy{padding:15px 0 38px}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--green);display:flex;align-items:center;gap:10px;margin:0 0 20px}.eyebrow>span{width:24px;height:1px;background:currentColor;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.06em;line-height:1.05}h1{font-size:clamp(52px,6.5vw,88px);margin:0 0 18px}.dot{color:var(--green)}.subtitle{font-size:clamp(23px,2.5vw,34px);line-height:1.2;letter-spacing:-.04em;font-weight:500;margin-bottom:24px}.lead{font-weight:700;margin-bottom:8px}.intro-copy>p:not(.eyebrow):not(.subtitle):not(.lead){max-width:440px;color:var(--muted);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:190px;padding:15px 18px;font-size:11px;font-weight:700;letter-spacing:.02em;border:0;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:17px;font-weight:400}.button-dark{background:var(--green);color:white;margin-top:16px}.button-dark:hover{background:var(--ink)}.hero-visual{height:540px;position:relative;background:#d9ded4}.hero-visual>img{object-position:center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(19,29,24,.18),transparent 38%);pointer-events:none}.hero-note{position:absolute;bottom:24px;left:-35px;z-index:1;background:var(--paper);display:flex;align-items:center;gap:16px;padding:17px 22px;min-width:270px}.note-number{font:italic 25px var(--serif);color:var(--green)}.hero-note b,.hero-note small{display:block}.hero-note b{font-size:12px}.hero-note small{font-size:10px;color:var(--muted);margin-top:3px}.vertical-label{position:absolute;right:-32px;top:22px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:var(--ink)}.intro-bottom{display:grid;grid-template-columns:1fr 3fr auto;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:58px;padding:22px 0 26px}.intro-bottom>span{font-size:9px;letter-spacing:.18em;color:var(--green);font-weight:700}.intro-bottom p{margin:0;color:var(--muted);font-size:13px}.intro-bottom>a{font-size:22px;color:var(--green)}.section-pad{padding:105px 0}.advantages{background:#e9ece5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading h2,.catalogue-copy h2{font-size:clamp(37px,4.3vw,57px);margin:0}.section-heading h2 em,.catalogue-copy h2 em,.project-copy h2 em{font-family:var(--serif);font-weight:400}.heading-aside{max-width:350px;font-size:13px;color:var(--muted);margin:0 0 4px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cbd1c7}.benefit{padding:26px 23px 8px 0;min-height:225px;border-right:1px solid #cbd1c7;margin-right:23px}.benefit:last-child{border-right:0;margin-right:0}.benefit-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #aeb9a9;border-radius:50%;font-size:20px;color:var(--green);margin-bottom:25px}.benefit-index,.range-number{font-size:9px;letter-spacing:.16em;color:var(--green);font-weight:700}.benefit h3{font-size:17px;letter-spacing:-.03em;margin:9px 0}.benefit p{font-size:12px;color:var(--muted);max-width:230px}.ranges{background:var(--paper)}.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 22px}.range-card{min-width:0}.range-image{
	height:255px;
	background:#e2e5dc;
	overflow:hidden;
	position:relative;
	background-image: url(../images/Charmemini.jpg);
}.range-image img{transition:transform .6s;filter:saturate(.8)}.range-card:hover .range-image img{transform:scale(1.04)}.range-large .range-image{height:300px}.range-info{padding:18px 3px 0}.range-info h3{font:500 27px/1.2 var(--display);letter-spacing:-.05em;margin:8px 0}.range-info p{font-size:12px;color:var(--muted);max-width:300px;min-height:42px;margin-bottom:15px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:11px;font-weight:700;border-bottom:1px solid #aab5a6;padding-bottom:5px}.text-link span{font-size:16px}.disclaimer{font-size:10px;color:#7d857e;margin-top:35px}.project-feature{background:var(--ink);color:white;display:grid;grid-template-columns:1.1fr .9fr;min-height:530px}.project-photo{min-height:530px}.project-copy{padding:75px clamp(40px,7vw,115px) 55px;position:relative;overflow:hidden}.light{color:var(--lime)}.project-copy h2{font-size:clamp(43px,5vw,65px);margin:0 0 22px}.project-copy>p:not(.eyebrow){color:#c0c9c0;font-size:13px;max-width:360px}.button-light{background:var(--lime);color:var(--ink);margin-top:15px}.button-light:hover{background:#e1e8d0}.project-count{display:flex;gap:12px;align-items:center;margin-top:50px;color:#aab5aa}.project-count b{font:italic 32px var(--serif);color:var(--lime)}.project-count span{font-size:8px;letter-spacing:.15em;line-height:1.6}.catalogue{background:#e8ebe3}.catalogue-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.catalogue-art{height:370px;background:#d9dfd4;position:relative;display:grid;place-items:center;overflow:hidden}.catalogue-art:before,.catalogue-art:after{content:"";position:absolute;border:1px solid rgba(72,95,81,.2);border-radius:50%;width:430px;height:430px}.catalogue-art:after{width:330px;height:330px}.catalogue-window{position:relative;z-index:1;width:200px;height:270px;border:11px solid #f5f4ef;box-shadow:0 12px 35px #53645224;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#a9b9a8}.catalogue-window span{background:linear-gradient(140deg,#c6d8d0,#eef0dc 50%,#9baea1);border:2px solid #e4e8df}.catalogue-window i{position:absolute;top:0;bottom:0;left:50%;width:7px;background:#f5f4ef}.catalogue-stamp{position:absolute;z-index:2;bottom:30px;left:25px;background:var(--green);color:white;padding:14px 17px;font-size:9px;letter-spacing:.14em;line-height:1.8;transform:rotate(-4deg)}.catalogue-copy h2{margin-bottom:23px}.catalogue-copy>p:not(.eyebrow){color:var(--muted);max-width:420px;font-size:13px}.contact-section{background:#293731;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:15%;}.contact-grid h2{font-size:clamp(48px,5vw,70px);margin:0 0 24px}.contact-grid>div>p:not(.eyebrow){max-width:350px;color:#c3cbc3;font-size:13px}.contact-details{display:flex;flex-direction:column;gap:6px;margin-top:38px;color:#c3cbc3;font-size:12px}.contact-details span:first-child{font-size:9px;letter-spacing:.15em;color:var(--lime);margin-bottom:4px}.contact-details a{text-decoration:underline;text-underline-offset:4px}.quote-form{display:flex;flex-direction:column;align-items:stretch}.quote-form label{font-size:10px;color:#d4dbd2;margin:0 0 6px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;font:13px var(--sans);color:#fff;background:transparent;border:0;border-bottom:1px solid #627067;border-radius:0;padding:10px 0 12px;margin-bottom:19px;outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--lime)}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#9ba79d}.quote-form select option{color:var(--ink)}.quote-form .button{align-self:flex-start;margin-top:4px}.form-note,.form-status{font-size:10px;color:#aeb9ae;margin:13px 0 0}.form-status{color:var(--lime)}.site-footer{background:#202a25;color:#dfe4dc}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:35px 0;border-bottom:1px solid #424d45}.brand-footer .brand-mark{border-color:#9eae9e;color:#dfe4dc}.brand-footer .brand-name small{color:#9eaaa0}.footer-top>p{font:italic 16px/1.5 var(--serif);color:#aab5aa;margin:0}.back-top{width:36px;height:36px;display:grid;place-items:center;border:1px solid #657368;border-radius:50%}.footer-bottom{
	display:flex;
	justify-content:space-between;
	gap:20px;
	padding:17px 0;
	font-size:15px;
	color:#9eaaa0
}
@media(max-width:980px){.main-nav{gap:15px}.main-nav>a:not(.nav-cta){font-size:11px}.nav-cta{padding:12px}.intro-grid{gap:5%}.hero-visual{height:470px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.benefit:nth-child(3),.benefit:nth-child(4){border-top:1px solid #cbd1c7}.range-grid{grid-template-columns:repeat(2,1fr)}.range-image,.range-large .range-image{height:270px}.project-copy{padding:65px 45px}.contact-grid{gap:8%}}
@media(max-width:720px){.container{width:min(100% - 36px,560px)}.top-inner{min-height:33px;font-size:9px}.top-inner span{max-width:65%}.site-header{height:74px}.brand-mark{width:39px;height:39px;font-size:23px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--ink)}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:20px 24px 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #15231b12}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.main-nav>a.active:after{display:none}.nav-cta{margin-top:15px;text-align:center}.intro{padding-top:20px}.breadcrumbs{margin-bottom:28px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro-copy{padding:0}.eyebrow{margin-bottom:15px}h1{font-size:58px}.subtitle{font-size:27px}.desktop-only{display:none}.intro-copy>p:not(.eyebrow):not(.subtitle):not(.lead){font-size:13px}.hero-visual{height:370px;margin:0 12px 0 0}.hero-note{left:-12px;bottom:16px;min-width:240px;padding:13px 16px}.vertical-label{right:-18px;font-size:7px}.intro-bottom{grid-template-columns:1fr auto;gap:10px;margin-top:38px;padding:18px 0}.intro-bottom p{grid-column:1;grid-row:2}.intro-bottom>a{grid-column:2;grid-row:1/3}.section-pad{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.catalogue-copy h2{font-size:40px}.heading-aside{margin-top:17px;font-size:12px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit{margin-right:13px;padding-right:10px;min-height:220px}.benefit:nth-child(2){margin-right:0;padding-left:8px}.benefit:nth-child(3){border-right:1px solid #cbd1c7}.benefit:nth-child(4){padding-left:8px}.benefit h3{font-size:15px}.benefit p{font-size:11px}.range-grid{grid-template-columns:1fr;gap:34px}.range-image,.range-large .range-image{height:270px}.range-info p{min-height:0}.project-feature{grid-template-columns:1fr}.project-photo{min-height:300px;height:300px}.project-copy{padding:48px 26px 42px}.project-copy h2{font-size:48px}.catalogue-grid{grid-template-columns:1fr;gap:35px}.catalogue-art{height:310px}.catalogue-window{height:220px;width:165px}.catalogue-copy h2{font-size:40px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-grid h2{font-size:54px}.footer-top{gap:18px;flex-wrap:wrap}.footer-top>p{font-size:14px}.footer-bottom{flex-direction:column;gap:6px}.form-note{line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Gestion du menu parent */
.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.menu li {
  position: relative; /* Indispensable pour aligner le sous-menu */
}

/* Style de base du sous-menu (caché par défaut) */
.menu .sous-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #ffffff; /* Fond blanc pour le menu déroulant */
  padding: 10px 0;
  min-width: 180px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); /* Ombre pour l'esthétique */
  list-style: none;
  z-index: 999;
  border-radius: 4px;
}

/* Alignement vertical des liens à l'intérieur du sous-menu */
.menu .sous-menu li {
  width: 100%;
}

.menu .sous-menu li a {
  padding: 10px 20px;
  display: block;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  transition: background 0.2s ease;
}

/* Effet au survol des liens du sous-menu */
.menu .sous-menu li a:hover {
  background-color: #f5f5f5; 
  color: #000000;
}

/* EFFET DE SURVOL : Déclenche l'apparition du sous-menu */
.menu .deroulant:hover .sous-menu {
  display: block;
}