/* Maison de la Famille CSS - Decorative */
html { scrollbar-base-color: #ffff6e;
scrollbar-arrow-color: #c03;
}
body { font-family: "Comic Sans MS",serif;
font-size-adjust: 0.54;
font-size: 0.8em;
text-align: justify;
color: #006;
background: #fff url(backgrounds/jointflag.gif);
}
td { font-family: "Comic Sans MS",serif;
font-size-adjust: 0.54;
font-size: 0.8em;
} /* No idea why these aren't cascaded from the "body" declaration */
table.tri td { font-family: "Comic Sans MS",serif;
font-size-adjust: 0.54;
font-size: 0.8em;
} /* No idea why these aren't cascaded from the "body" declaration */
.gray { color: #8f8f8f; background-color: transparent; }
.crimson { color: #c03; background-color: transparent; }
.black { color: #000; background-color: transparent; }
.purple { color: #9370db; background-color: transparent; }
.dodgerblue { color: #09f; background-color: transparent; }
.green { color: #060; background-color: transparent; }
.ctrit { text-align: center; font-style: italic; font-size: small; padding-bottom: 25px; }
.italic { font-style: italic; }
.ctrbul { text-align: center; font-weight: bold; text-decoration: underline; }
.ctrul { text-align: center; text-decoration: underline; }
.ul { text-decoration: underline; }
.padjust { text-align: justify; margin: 0 50px 0 50px; }
.small { font-size: 75%; }
.xxsmall { font-size: 60%; }
.big { font-weight: bold ; font-size: x-large}
.centric { text-align: center; clear: both; margin: 0 auto; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.italic { font-style: italic; }
.bold { font-weight: bold ; }
.toppad { margin-top: 1em;}
.double { line-height: 200%; }
.tenpc { margin-left: 10%;
margin-right: 10%;
}
.copyright { text-align: left; font-style: italic; font-size: 70%; color: #9400d3; background: transparent; margin: 2em; padding: 2em;}
img { border: none; }
.inline { vertical-align: middle;
display: inline; }
span.emblem { float: left;
margin-top: .5em;
margin-right: 1em;
} /* house signs */
img.block { display: block; }
img.button { vertical-align: middle;
display: inline;
}
.clear { clear: both; }
.clone { clear: none; }
p.ic { text-align: center;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
} /* For centering images */
ol { list-style-type: decimal; margin-left: 3em; }
ul { text-align: justify; margin-left: 3em;}
li#spaced { margin-bottom: 1em; }
ul ul { list-style-type: square; }
/* ----------------------------------- */
h1 { font-size: 125%; }
h2 { padding-top: 2em; }
h2.graph { color: #C03;
text-align: left;
font-weight: bold;
font-size: 150%;
background: transparent;
font-family: "Comic Sans MS",serif;
}
h3 { color: #f33; text-align: center; font-weight: bold; background: transparent; }
h3.close { font-size: 75%; text-align:right; margin: 2em; padding: 2em;}
/* Used by True Font Family... */
h4 { text-align: center;
font-size: 22px;
color: #c03;
margin-top: 1em;
font-family: "TEMPSITC TTF", "Comic Sans MS", serif;
white-space: nowrap;
clear: both;
color: #c03;
margin-bottom: 5px;
}
h5 { text-align: left;
font-size: 36px;
color: #b82020;
margin-top: 5px;
font-family: "dom bold bt ttf", "Comic Sans MS", serif;
white-space: nowrap;
margin-bottom: 5px;
}
/* ----------------------------------- */
p.warning { color: #c03; background-color: #ffc; width: 75%; text-align: center; clear: both;}
a { text-decoration: none; }
a.txt {
text-decoration: none;
border-width: 1px;
border-style: dotted;
border-color: #f00;
padding: 1px;
background-color: #fdd;
}
a.txt:link { color: #c00; }
a.txt:visited { color: #600; border-color: #000; }
a.txt:active { color: #f33; }
a.txt:hover { color:#000; background-color: #ffc; }
.graph_txt { text-align: center; font-weight: bold; text-decoration: underline; font-size: large; color: #c03; background: transparent; }
span.graph { margin-left: 2em; padding-left: 2em; margin-top: 2em; padding-top: 2em; }
/* index.html */
ninety { width: 90%; }
div.intro { position: absolute;
top: 15px;
float: left;
width: 130px;
border-color: #c00;
border-style: double;
font-weight: bold;
font-family: "Times New Roman", "Times Roman", serif;
font-size: x-small;
padding: 5px;
text-align: justify;
vertical-align: middle;
background: #ffdf5e;
color: #1919a0;
}
div.tracker { margin-top: 100px;
padding-top: 100px;
margin-bottom: 50px;
padding-bottom: 50px;
}
/* Photos */
.figure {
margin: 1.5em .5em;
font-family: verdana, arial, sans-serif;
font-size: .65em;
color: #000;
}
.figure p {
margin: 0;
}
.figure a { }
.figure a:link { }
.figure a:visited { }
.figure a:hover { background-color: transparent; }
.figure a:active { }
.figure .caption {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 5px;
text-align: left;
}
.figure .credit {
text-align: right;
}
.figure .copy {
text-align: left;
float: left;
clear: none;
}
/* Used by zeltus_functions.php */
p.c { text-align: center; margin 0 auto; border: none !important; }
a.l,img.l { float: left; margin: 0 20px 20px; 0; border: none !important; }
a.r,img.r { float: right; margin: 0 0 20px 20px; border: none !important; }
#lp { float: left; clear: none; margin-right: 20px; }
#rp { float: right; clear: none; margin-left: 20px; }
#cp { text-align: center; clear: both; margin: 0 auto; }
/* Introduction photos... */
span.lp { float: left;
margin: 10px 20px 10px 10px;
}
span.rp { float: right;
margin: 10px 10px 20px 20px;
}
/* Comment page & --> arrows */
span.r { color: #000;
float: right;
clear: left;
padding-bottom: 1em;
}
/* FAQ Pages... */
table.faq { table-layout: fixed;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
padding-top: 2em;
border-collapse: collapse;
border-width: 2px;
border-style: solid;
border-color: #c9c;
}
td.ffaq { border-width: 2px;
border-style: solid;
border-color: #c9c;
padding: 4px 6px;
}
a.faq:link { color: #010432; }
a.faq:visited { color: #C00; }
a.faq:active { color: #f33; }
a.faq:hover { color:#fff; background-color:#010432; }
/* Contact descriptors */
div.address { color: #006400; background: #fffaf0; border: 2px #228b22 outset; text-align: center; padding: 1em; margin: 1em; font-size: 110%; width: 400px; }
span.address { color: #006400; background: #fffaf0; border: 1px #228b22 solid; text-align: left; padding-left: .33em; padding-right: .33em; }
.indent { position: relative; left: 3em; }
/* Prices & Availability tables */
table.avail { table-layout: fixed;
width: 75%;
margin-left: auto;
margin-right: auto;
border-width: 2px;
border-color: #999;
border-style: solid;
border-collapse: collapse;
border-spacing: 0;
padding: 0;
text-align: center;
}
col#cola1 {width: 25%;}
col#cola2 {width: 25%;}
col#cola3 {width: 25%;}
col#cola4 {width: 25%;}
tr.ahead { padding-top: 1em; padding-bottom: 1em; font-weight: bold; background: #fff; }
tr.cl { background: #ffc; }
tr.cm { background: #fc9; }
tr.ch { background: #f96; }
tr.nl { background: #cfc; }
tr.nm { background: #9fc; }
tr.nh { background: #6f9; }
td.a { border-width: 1px; border-style: solid; bordor-color: #999; }
td.ai { border-width: 1px; border-style: solid; border-color: #999; font-style: italic; font-size: 80%; }
/* "booked" dates - can be different for each of the low,medium and high rates, combined with current-year/next-year colour schemes */
td.clb { background: #F5503D; color: #000; }
td.cmb { background: #F5503D; color: #000; }
td.chb { background: #F5503D; color: #000; }
td.nlb { background: #F5F53D; color: #000; }
td.nmb { background: #F5F53D; color: #000; }
td.nhb { background: #F5F53D; color: #000; }
/* FAQ tables.. */
table.faq { table-layout: fixed;
width: 100%;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
border-width: 2px;
border-style: solid;
border-color: #c9c;
}
td.ffaq { border-width: 2px;
border-style: solid;
border-color: #c9c;
padding: 4px 6px;
}
/* Originally, a 3-column table. But in fact it is an n-column table
with all columns auto-sizing */
table.tri { table-layout: fixed;
width: 100%;
padding: 0;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
border-width: 0;
}
td.graph { vertical-align: middle;
text-align: center;
}
/* Links footers */
table.links { table-layout: fixed;
width: 100%;
margin-left: auto;
margin-right: auto;
border: none;
}
td.ll { height: 125px; width: 250px; vertical-align: middle; text-align: center; }
td.lhw { height: 275px; width: 250px; vertical-align: middle; text-align: center; }
td.lr { height: 115px; vertical-align: middle; text-align: left; padding-left: 20px; }
td.lboth { height: 115px; width: 100%; vertical-align: middle; text-align: left; padding-left: 20px; }
table.links td.w { background-image: url(backgrounds/wunderground.jpg);
background-repeat: no-repeat;
background-position: center;
}
table.links td.w a:hover { color:#000; background-color: #ffc; }
table.links td.w img { border-width: 1px;
border-style: solid;
border-color: #396;
}
/* index.html - gitesdefrance box */
table.gdf { margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url(images/parchment.png);
background-repeat: no-repeat;
background-position: center;
clear: both;
width: 254px;
height: 104px;
}
table.gdf td.gdf_l { width: 82px;
padding-left: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
table.gdf td.gdf_r { margin-left: auto;
margin-right: auto;
text-align: center;
white-space: nowrap;
overflow: visible;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: 09f;
padding-right: 20px;
}
/* Used by the mini-flags */
.re { float: right; margin-top: .10em; margin-bottom: .10em; margin-left: .25em; }
.le { float: left; margin-top: .10em; margin-bottom: .10em; margin-right:.25em; }
div.rollover { margin-top: 50px; }
div.rollover a:hover { color: #060;
background: transparent;
}
div.wx { position: absolute;
top: 10px;
right: 10px;
overflow: visible;
overflow-clip: auto; } /* weather sticker on header */
iframe.wcx { border-width: 1px;
border-style: solid;
border-color: #396;
} /* Alternative for non-wunderground stickers */
/* used to mask out the weather sticker in the centre block,
type 1 is for wunderground banners, type 2 is for holiday-weather banners */
div.wx_float_1 { float: right;
/* background-color: #E2C6FF; lilac */
width: 271px;
height: 55px;
}
div.wx_float_2 { float: right;
/* background-color: #E2C6FF; lilac */
width: 180px;
height: 155px;
}
/* Sitemap helpline */
p.map { border-width: 2px;
border-style: solid;
border-color: #f66;
padding: 5px 3px;
margin-top: 30px;
margin-left: 15%;
margin-right: 15%;
margin-bottom: 275px;
font-family: 'Times New Roman','Times Roman',serif;
font-size: 0.9em;
text-align: center;
color: #f66;
background: #fff; }
/* Footer stuff */
table.foot { table-layout: auto;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 5px;
border: none;
color: #808080;
font-size: 0.9em;;
text-align: center;
background: transparent; }
table.foot td { font-family: Tahoma, Gadget, Verdana, Helvetica, Arial, sans-serif; }
td.twenty { width: 20px; }
.down { margin-top: 25px; }
table.google_translator {
text-align: center;
margin: 0 auto;
border-width: 4px;
border-spacing: 1px;
border-style: ridge;
border-color: #E64D67;
border-collapse: separate;
background-color: rgb(255, 250, 250);
}
div#honeypot table { margin-left: auto;
margin-right: auto;
}