.ep-nav,.ep-footer{font:14px/1.5 Arial,sans-serif;background:#f5f2ec;color:#465232;padding:18px 24px}.ep-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ded8cc}.ep-nav nav,.ep-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}.ep-nav a,.ep-footer a{color:inherit;text-decoration:none}.ep-nav a:hover,.ep-footer a:hover{text-decoration:underline}.ep-nav a[aria-current=page]{font-weight:bold;text-decoration:underline;text-underline-offset:5px}.ep-brand{letter-spacing:2px;white-space:nowrap}.ep-footer{border-top:1px solid #ded8cc;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.ep-footer small{font-size:12px}.ep-nav a:focus-visible,.ep-footer a:focus-visible{outline:2px solid #465232;outline-offset:4px}@media(max-width:700px){.ep-nav{align-items:flex-start;flex-direction:column;padding:16px}.ep-nav nav{gap:10px 18px}.ep-footer{padding:20px 16px}}.ep-mobile-menu{display:none}
@media(max-width:700px), (min-width:701px) and (max-width:1100px) and (orientation:portrait){
 body .page{padding:20px 16px;gap:14px}
 body .page h1{font-size:28px;line-height:1.15;letter-spacing:-.5px;margin:10px 0 14px}
 body .page .eyebrow{font-size:11px;letter-spacing:.6px}
 body .page .intro,body .page .intro p.body,body .page .lead,body .page .entete .lead{font-size:15px;line-height:1.5;margin:12px 0}
 .ep-nav{flex-direction:row;align-items:center;padding:10px 16px;min-height:56px;position:relative;z-index:5}
 .ep-brand{font-size:12px;letter-spacing:1px}.ep-nav>nav{display:none}
 .ep-mobile-menu{display:block}.ep-mobile-menu summary{cursor:pointer;padding:12px 8px;font:14px Arial}
 .ep-mobile-menu nav{position:absolute;left:0;right:0;top:100%;padding:12px 16px;background:#f5f2ec;box-shadow:0 8px 16px #0002;display:grid;grid-template-columns:1fr 1fr;gap:0}
 .ep-mobile-menu nav a{padding:12px 6px;min-height:44px;font-size:14px}
 .ep-footer{padding:16px;font-size:13px;max-width:none}.ep-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;width:100%}.ep-footer nav a{padding:10px 0;min-height:40px}
 body[data-page="index"] .page{padding:0 0 16px}
 body[data-page="index"] .page>header{padding:16px;min-height:100px}
 body[data-page="index"] .brand{font-size:21px}
 body[data-page="index"] .mobile-menu{top:16px;right:12px}
 body[data-page="index"] .mobile-photo{height:180px}
 body[data-page="index"] #contenu{padding:20px 16px 4px}
 body[data-page="index"] .steps{margin:16px;gap:14px}
 body[data-page="index"] .step p{line-height:1.45}
 body[data-page="notre-approche"] .steps{margin-top:20px;gap:20px}
 body[data-page="notre-approche"] .step{display:grid;grid-template-columns:56px 1fr;gap:4px 12px;text-align:left}
 body[data-page="notre-approche"] .step-icon{grid-row:1/3;width:84px;height:84px;transform:scale(.6);transform-origin:top left;margin:0 -28px -34px 0}
 body[data-page="notre-approche"] .step h2{font-size:16px}
 body[data-page="notre-approche"] .step p{font-size:14px;line-height:1.45;margin:4px 0 10px}
 body[data-page="notre-approche"] .step-photo{grid-column:2;width:150px;max-width:100%;justify-self:start}
 body[data-page="notre-approche"] .benefits{margin-top:20px;gap:10px}
 body[data-page="notre-approche"] .benefit{font-size:14px;gap:10px}
 body[data-page="ossature-bois"] .statement{margin:16px 0;line-height:1.45}
 body[data-page="ossature-bois"] .comparison{margin:16px 0 22px}
 body[data-page="ossature-bois"] .benefits{gap:18px}
 body[data-page="ossature-bois"] .benefit{grid-template-columns:58px 1fr;gap:0 12px}
 body[data-page="ossature-bois"] .benefit .icon{width:96px;height:96px;transform:scale(.6);transform-origin:top left;margin-bottom:-38px}
 body[data-page="ossature-bois"] .benefit h2{margin:0;font-size:13px}
 body[data-page="ossature-bois"] .benefit p{margin:6px 0 0;line-height:1.45}
 body[data-page="ossature-bois"] .closing{margin-top:22px}
 body[data-page="ossature-bois"] .closing h2{font-size:21px}
 body[data-page="ossature-bois"] .closing p{font-size:15px;line-height:1.5;margin:12px 0}
 body[data-page="nos-concepts"] .card{margin:20px 0;padding-bottom:14px}
 body[data-page="nos-concepts"] .card h2{font-size:21px;margin:16px 14px 8px}
 body[data-page="nos-concepts"] .tagline{font-size:17px;margin:0 14px 12px}
 body[data-page="nos-concepts"] .description{font-size:14px;line-height:1.5;margin:14px}
 body[data-page="nos-concepts"] .progression{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px}
 body[data-page="nos-concepts"] .stage h3{font-size:14px}
 body[data-page="nos-concepts"] .stage p{font-size:13px;line-height:1.4}
 body[data-page="nos-concepts"] .stage-number{font-size:11px}
 body[data-page="nos-concepts"] .features{gap:14px 10px;margin:16px 14px}
 body[data-page="nos-concepts"] .features p{line-height:1.4;margin-top:4px}
 body[data-page="nos-concepts"] .footer-title{font-size:21px}
 body[data-page="nos-concepts"] .footer-copy{font-size:15px;line-height:1.5}
 body[data-page="nos-concepts"] .commitments{gap:14px}
 body[data-page="a-propos"] .bureau{max-height:220px;object-fit:cover}
 body[data-page="a-propos"] .tagline{font-size:18px}
 body[data-page="a-propos"] .values{gap:14px}
 body[data-page="a-propos"] .values>div{display:grid;grid-template-columns:44px 1fr;gap:0 10px;text-align:left}
 body[data-page="a-propos"] .mobile-icon{grid-row:1/3;transform:scale(.75);transform-origin:top left;margin:0 -10px -10px 0}
 body[data-page="a-propos"] .values p{font-size:14px;margin:4px 0;line-height:1.45}
 body[data-page="a-propos"] .quote,body[data-page="a-propos"] .discussion{font-size:18px;line-height:1.45;padding:12px}
 body[data-page="a-propos"] .discussion::before{font-size:32px;margin:0}
 body[data-page="a-propos"] .contact-heading h2,body[data-page="a-propos"] .invitation h2{font-size:24px}
 body[data-page="a-propos"] .assurance{padding:12px;font-size:14px;line-height:1.45}
 body[data-page="a-propos"] .assurance h3{font-size:17px}
 body[data-page="a-propos"] .reassurance strong{font-size:18px}
 body[data-page="votre-projet"] .piece{padding:14px}
 body[data-page="votre-projet"] .benefit{margin:8px 0;font-size:13px;line-height:1.45}
 body[data-page="votre-projet"] .field{font-size:14px;margin-bottom:10px}
 body[data-page="votre-projet"] .field input,body[data-page="votre-projet"] textarea{font-size:16px;padding:10px;min-height:42px}
 body[data-page="votre-projet"] .option,body[data-page="votre-projet"] .stage{font-size:14px;min-height:44px;padding:8px}
 body[data-page="votre-projet"] .project-stage legend{font-size:15px}
 body[data-page="votre-projet"] .message-label,body[data-page="votre-projet"] .response{font-size:13px;line-height:1.45}
 body[data-page="votre-projet"] .description textarea{height:140px}
 body[data-page="votre-projet"] .submit{font-size:15px;min-height:44px}
 body[data-page="votre-projet"] .portrait{max-height:210px;width:auto;max-width:100%;align-self:center}
 body[data-page="votre-projet"] .role,body[data-page="votre-projet"] .bio,body[data-page="votre-projet"] .contact,body[data-page="votre-projet"] .contact p,body[data-page="votre-projet"] .privacy,body[data-page="votre-projet"] .privacy h2,body[data-page="votre-projet"] .pied .foot p{font-size:14px;line-height:1.45}
 body[data-page="votre-projet"] .foot{margin:12px 0}
 body[data-page="votre-projet"] .closing{font-size:21px;line-height:1.3}
}

@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){body .page{max-width:740px;margin:auto}body[data-page="index"] .page{max-width:740px}body .ep-nav,body .ep-footer{padding-left:max(24px,calc((100vw - 708px)/2));padding-right:max(24px,calc((100vw - 708px)/2))}body[data-page="a-propos"] .bureau{max-height:280px;object-position:center 30%}}
@media(min-width:701px) and (max-width:1100px) and (orientation:portrait){body[data-page="votre-projet"] .engagements,body[data-page="votre-projet"] .choix,body[data-page="votre-projet"] .pied{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body[data-page="votre-projet"] .coords-title,body[data-page="votre-projet"] .project-types,body[data-page="votre-projet"] .project-stage,body[data-page="votre-projet"] .closing{grid-column:1/-1}body[data-page="votre-projet"] .field{width:100%}body[data-page="notre-approche"] .steps{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}body[data-page="notre-approche"] .step{height:100%;align-content:start}body[data-page="a-propos"] .values{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px) and (orientation:portrait){body{zoom:.9}}