#contact{padding:90px 0 65px;background:#141613;color:#f3eddf}
#contact .chap-head{margin-bottom:38px;text-align:left;justify-content:flex-start}
#contact .chap-head .label{color:#c9ad75}
#contact h2.display{color:#f3eddf;font-size:clamp(42px,5.5vw,72px)}
#contact h2 em{color:#d6b879}
#contact>.container>.grid2{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
#contact .conseiller{display:flex;flex-direction:column;min-width:0}
#contact .pierre{order:-1;margin:0 0 30px;border:0;padding:0 0 28px;border-bottom:1px solid #bfa77644;display:grid;grid-template-columns:55px 1fr;gap:7px 18px}
#contact .pierre:before{content:'';grid-row:1/3;width:55px;height:55px;background:url('../img/emblem.webp') center/contain no-repeat}
#contact .pierre b{font:500 32px/1.1 'Cormorant Garamond',Georgia,serif;text-transform:none;letter-spacing:0;color:#f2e8d5}
#contact .pierre span{font:400 12px/1.65 var(--sans);color:#a8a698}
#contact .canaux{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}
#contact .canal{background:none;border:0;border-bottom:1px solid #bfa7762b;padding:18px 0;gap:12px;align-items:flex-start;min-width:0}
#contact .canal svg{color:#c8a66c;width:18px;height:18px;flex:none}
#contact .canal small{color:#afa18a;font:500 10px/1.3 var(--narrow);letter-spacing:.16em;margin-bottom:7px;display:block}
#contact .canal b{color:#ede5d6;font-size:14px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}
#contact .canal:first-child b{font-size:19px}
#contact .canal:nth-child(n+3){grid-column:1/-1}
#contact .canal a{color:inherit;text-decoration:none}
#contact .canal a:hover{color:#e8c486}
#contact .canal:last-child b{font-size:12px}
#contact .form-wrap{background:#f8f3e9;color:#141613;padding:34px 36px;border-top:3px solid #d4b577;box-shadow:0 24px 70px #0003}
#contact .form-wrap h3{font:500 36px/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 25px;letter-spacing:-.02em;text-transform:none}
#contact .form{padding:0;border:0;background:none;gap:18px}
#contact .form .row2{gap:18px;grid-template-columns:1fr 1fr}
#contact .form label{position:relative;gap:9px;letter-spacing:.13em;color:#6d614e;font:600 10px/1.5 var(--narrow)}
#contact .form label>.req{position:absolute;right:0;top:0}
#contact .form input:not(.ohnohoney),#contact .form textarea{background:#eee7d9;border:1px solid #d4c9b5;border-radius:0;padding:13px 14px;color:#171714;font:400 14px/1.45 var(--sans);min-width:0;width:100%}
#contact .form input:focus,#contact .form textarea:focus{outline:2px solid #a5813f;outline-offset:2px}
#contact .form .btn{width:100%;justify-content:space-between;margin-top:4px;background:#171914;color:#f4e6c6;border-color:#171914}
#contact .form .btn:hover{background:#7d6130}
#contact .form p.form-rgpd{font:400 11px/1.65 var(--sans);color:#797267;margin:0;max-width:none}
footer{background:#141613;padding:35px 0 25px;border-top:1px solid #bfa77633}
footer>.filet{display:none}
footer .cols{display:grid;grid-template-columns:1.4fr .7fr .8fr 1.1fr;gap:35px}
footer .brand{font-size:23px}
footer .cols p,footer .cols li,footer .cols a{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
footer h4{font-size:10px;letter-spacing:.15em}
footer .legal{margin-top:30px;padding-top:20px;font-size:10px;flex-wrap:wrap;line-height:1.8}
@media(max-width:900px){#contact>.container>.grid2{grid-template-columns:1fr;gap:32px}#contact .canaux{grid-template-columns:1fr 1fr}#contact .canal:nth-child(n+3){grid-column:auto}#contact .canal:last-child{grid-column:1/-1}footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:540px){#contact{padding:60px 0 40px}#contact .form-wrap{padding:25px 21px}#contact .form .row2{grid-template-columns:1fr}#contact .canaux{grid-template-columns:1fr}#contact .pierre b{font-size:29px}footer .cols{grid-template-columns:1fr 1fr;gap:28px 18px}footer .cols>div:first-child,footer .cols>div:last-child{grid-column:1/-1}}