/* ===== 1. @font-face: none (the source uses the system font Verdana only) ===== */
/* ===== 2. Source CSS: linkstyle.css + the table attributes of the original pages, as classes (values kept) ===== */
:root{--page:#FFFFAD;--green:#336600;--green-text:#38631B;--link-red:#BD0F40;--panel:#FFFFFF;--ink:#000000;--w:841px}
html{background:var(--page)}
body.k-body{margin:8px;background:var(--page);color:var(--ink);font-family:verdana;font-size:14px}
.k-skip{position:absolute;left:-9999px}
.k-skip:focus{left:8px;top:8px;background:#fff;padding:4px;z-index:9}
/* header (was: table width=841 + banner img + table#table10 cellspacing=1 navbar cells) */
.k-header,.k-panel,.k-footer{width:var(--w);margin-left:auto;margin-right:auto;box-sizing:border-box}
.k-header__banner img{display:block;width:841px;height:203px}
.k-nav{list-style:none;margin:0;padding:2px;display:grid;grid-template-columns:30px 82px 82px 95px 73px 123px 133px 103px 60px 30px;column-gap:3px}
.k-nav::before,.k-nav::after{content:"";background:var(--green);height:11px}
.k-nav::after{grid-column:10}
.k-nav__item{margin:0;padding:0}
a.k-nav__link{display:block;text-align:center;text-decoration:none;font-family:verdana;font-size:10px;font-weight:bold;line-height:11px;height:11px;color:#FFFFFF;background:var(--green);text-transform:uppercase;white-space:nowrap}
a.k-nav__link:hover{color:var(--green);background:var(--page)}
/* content panel (was: table#table11 border=1 bordercolor=#336600 bgcolor=#FFFFFF) */
.k-panel{display:block;background:var(--panel);border:1px solid var(--green);padding:1px 1px 18px;outline:0}
.k-panel .keel-region--title{text-align:center;margin-bottom:19px}
.k-panel .keel-region--title .keel-block--heading{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.k-panel figure.keel-block--image{margin:0}
.k-panel .keel-block--image img{width:auto;max-width:100%;height:auto;display:inline-block;vertical-align:top}
.k-panel .keel-region--title figure.keel-block--image img{display:block;margin:0 auto}
/* text column (was: td width=75 spacer + td width=671, p class=maintxt) */
.k-panel .keel-region--body{padding:0 87px 0 81px}
.k-panel .rich-text{font-family:verdana;font-size:14px;color:var(--ink);text-align:justify}
.k-panel .rich-text p{margin:0 0 16px;line-height:16px}
.k-panel .rich-text p:last-child{margin-bottom:0}
.k-panel .rich-text a{color:var(--green-text);text-decoration:underline}
.k-panel .rich-text a:hover{text-decoration:none}
/* .h1 headings */
.k-panel .keel-region--body h2.keel-block--heading{font-family:verdana;font-weight:bold;font-size:18px;color:var(--green);margin:19px 0 17px;line-height:20px}
.k-panel .keel-region--body > h2.keel-block--heading:first-child{margin-top:0}
.pg-seillans .k-panel .keel-region--body h2.keel-block--heading,.pg-home .k-panel .keel-region--body h2.keel-block--heading{margin-bottom:25px}
.pg-home .k-panel .keel-region--body h2.keel-block--heading{margin-bottom:22px}
/* villa section bands (was: table background=headerbgpattern.gif + a.headertxt) */
.pg-villa .k-panel .keel-region--body h2.keel-block--heading{margin:0 -87px 21px -81px;padding:3px 0 3px 80px;height:22px;line-height:22px;border-top:1px solid var(--green);border-bottom:1px solid var(--green);background:url(/_media/ab0d50b5-bcb7-4ade-85b5-055453aee77d/original.gif)}
.pg-villa .k-panel .keel-region--body > h2.keel-block--heading:first-child{margin-top:-3px}
.pg-villa .k-panel .rich-text{margin:9px 0 19px}
/* divider image (was: 8 x img vnbrkz.jpg) */
.k-panel .keel-region--body figure.keel-block--image:has(img[width="752"]){text-align:center;margin:21px -87px 21px -81px;line-height:0}
/* image captions (was: a.captiontxt) */
.k-panel figcaption{font-family:verdana;font-size:10px;color:var(--green);text-align:center;margin:0;line-height:11px}
/* columns */
.k-panel .columns{display:grid;gap:0}
.k-panel .keel-block--columns{margin:0}
.k-panel .columns > .column{min-width:0}
/* rows of three photos (was: td spacer + three centred td cells, cellspacing=3) */
.k-panel .columns--1-1-1{grid-template-columns:269px 269px 269px;margin:0 -87px 0 -81px;padding-left:24px}
.k-panel .columns--1-1-1 figure.keel-block--image{text-align:center;line-height:0}
.k-panel .columns--1-1-1 figcaption{margin-top:7px}
.pg-villa .k-panel .columns--1-1-1 + .columns--1-1-1{margin-top:21px}
.pg-seillans .k-panel .columns--1-1-1{margin-top:-1px;margin-bottom:5px}
/* home: photo column + text column (was: td width=282 + td width=364/380) */
.pg-home .k-panel .columns--1-1{grid-template-columns:284px 380px}
.pg-home .k-panel .keel-region--body > .columns--1-1:first-child{margin-top:5px}
.pg-home .k-panel .keel-region--body > .columns--1-1:first-child .rich-text{width:364px}
.pg-home .k-panel .rich-text p{margin-bottom:14px}
.pg-home .k-panel .columns--1-1 figure.keel-block--image{line-height:0}
.pg-home .k-panel .columns--1-1 figure + figure{margin-top:18px}
.pg-home .k-panel .columns--1-1 figcaption{width:250px;margin-top:0}
.pg-home .k-panel .rich-text ul{margin:0;padding-left:20px;text-align:left}
.pg-home .k-panel .rich-text li{line-height:16px;margin:0 0 38px;width:320px}
.pg-home .k-panel .rich-text li:first-child{margin-bottom:54px}
.pg-seillans .k-panel .rich-text p{margin-bottom:14px}
/* footer (was: table#table16 a.footerh1 + a.footertxt) */
.k-footer{padding-top:18px;padding-bottom:40px}
.k-panel{padding-bottom:23px}
.k-footer p{margin:0}
.k-footer__title{font-family:verdana;font-size:12px;font-weight:bold;color:var(--green)}
.k-footer__email{font-family:verdana;font-size:11px;color:var(--green-text)}
.k-footer__email a{color:var(--green-text);text-decoration:underline}
.k-footer__email a:hover{text-decoration:none}

/* rental prices table (was: table border=1 cellpadding=2 cellspacing=4 bordercolor=#336600, header cells bgcolor=#FFFFAD) */
.k-panel .rich-text table{width:100%;border:1px solid var(--green);border-collapse:separate;border-spacing:4px;margin:20px 0 15px;font-size:14px}
.k-panel .rich-text th,.k-panel .rich-text td{border:1px solid var(--green);padding:2px;text-align:center;font-weight:normal}
.k-panel .rich-text th{background:var(--page);font-weight:bold}
.k-panel .rich-text th:first-child,.k-panel .rich-text td:first-child{text-align:left;width:265px}
/* map (was: td width=703 centred img + span style="font-size: 9pt") */
.pg-map .k-panel .keel-region--body figure.keel-block--image{margin:0 -14px 0 -7px;line-height:0}
.pg-map .k-panel .keel-region--body .rich-text{margin:2px -14px 0 -13px;font-size:12px}
.pg-map .k-panel .rich-text p{line-height:15px;text-align:left}
/* round 5 spacing fixes (measured against the original) */
.pg-home .k-panel .keel-region--body h2.keel-block--heading{margin-top:39px}
.pg-home .k-panel .keel-region--body > .columns--1-1:first-child{margin-top:26px}
.pg-seillans .k-panel .rich-text p{margin-bottom:16px}
.pg-seillans .k-panel .columns--1-1-1 + .rich-text p{margin-bottom:14px}
.pg-seillans .k-panel .columns--1-1-1 + .rich-text{margin-bottom:2px}
/* ===== 6. Responsive phone view (NEW: the original is a fixed 841px table layout; deviation for approval) ===== */
@media (max-width:860px){
body.k-body{margin:0}
.k-header,.k-panel,.k-footer{width:auto}
.k-header__banner img{width:100%;height:auto}
.k-nav{grid-template-columns:repeat(4,1fr);gap:3px;padding:3px}
.k-nav::before,.k-nav::after{display:none}
a.k-nav__link{height:auto;line-height:14px;padding:6px 2px;font-size:11px;white-space:normal}
.k-panel{border-left:0;border-right:0}
.k-panel .keel-region--title{margin-bottom:12px}
.k-panel .keel-region--body{padding:0 14px}
.k-panel .rich-text{text-align:left}
.k-panel .columns--1-1-1,.pg-home .k-panel .columns--1-1{grid-template-columns:1fr;margin-left:0;margin-right:0;padding-left:0;row-gap:14px}
.pg-home .k-panel .keel-region--body > .columns--1-1:first-child .rich-text,.pg-home .k-panel .rich-text li{width:auto}
.pg-home .k-panel .columns--1-1 figure.keel-block--image,.pg-home .k-panel .columns--1-1 figcaption{text-align:center;width:auto}
.pg-home .k-panel .rich-text li,.pg-home .k-panel .rich-text li:first-child{margin-bottom:14px}
.k-panel .keel-region--body figure.keel-block--image:has(img[width="752"]){margin-left:-14px;margin-right:-14px;overflow:hidden}
.pg-villa .k-panel .keel-region--body h2.keel-block--heading{margin-left:-14px;margin-right:-14px;padding-left:14px;height:auto;font-size:16px}
.pg-map .k-panel .keel-region--body figure.keel-block--image,.pg-map .k-panel .keel-region--body .rich-text{margin-left:0;margin-right:0}
.k-panel .rich-text table{font-size:13px}
.k-panel .rich-text th:first-child,.k-panel .rich-text td:first-child{width:auto}
.k-panel .rich-text a{overflow-wrap:anywhere}
.k-footer{padding:18px 14px 30px}
}
.k-footer{padding-bottom:0}
.pg-home .k-footer{padding-bottom:52px}
@media (max-width:860px){.k-footer,.pg-home .k-footer{padding-bottom:24px}}
@media (min-width:861px){
.k-panel .columns--1-1-1{grid-template-columns:269px 269px 275px}
.pg-villa .k-panel .columns--1-1-1 + .columns--1-1-1{margin-top:27px}
.pg-villa .k-panel .rich-text + .columns--1-1-1{margin-top:5px}
.pg-seillans .k-panel .columns--1-1-1{grid-template-columns:262px 262px 262px;padding-left:28px}
}
@media (max-width:860px){
.pg-home .k-panel .keel-region--body > .columns--1-1:first-child{margin-top:0}
.pg-home .k-panel .keel-region--body h2.keel-block--heading{margin-top:24px;margin-bottom:16px}
.pg-villa .k-panel .columns--1-1-1 + .columns--1-1-1,.pg-villa .k-panel .rich-text + .columns--1-1-1{margin-top:14px}
}